html {margin:0px;font-family:Calibri, Arial, Sans-Serif;min-width:450px;width:100%;height:100%;}
body {margin:0px;font-family:Calibri, Arial, Sans-Serif;min-width:450px;width:100%;height:100%;}

div#mainArea {margin:5px;clear:both;min-height:450px;font-size:1em;}
div.loginControlPanel {float:right;width:250px;}

div#bottomArea {clear:both;font-size:1em;margin-left:5px;margin-right:5px;padding:5px;color:#000;border-top:1px solid #006600;}
div#bottomArea a {color:#000000;text-decoration:none;}
div#bottomArea a:hover {color:#444444;text-decoration:underline;}

h1,h2,h3,h4,h5 {margin:0;margin-top:1px;margin-bottom:6px;}
h1 {font-size:1.5em;}
h2 {font-size:1.3em;}
h3 {font-size:1.2em;}

.ui-datepicker {font-size:1.2em;}
.ui-dialog {font-size:1.2em;margin-top:3px;margin-right:3px;}
.ui-dialog .ui-dialog-content {padding-left:0em; padding-right:0em;}
.ui-dialog .ui-dialog-content p {margin:0px;}

div#topArea {height:50px;padding:5px;vertical-align:top;background-color:#7BA239;color:#000000;border-bottom:1px solid #FFFFFF;}
div#topArea a {color:#000;text-decoration:none;}
div#topArea a:hover {color:#444;text-decoration:underline;}
div#topArea div.userInfo {float:right;}

div#iconGrid {height:26px;vertical-align:top;padding:2px;background-color:#B5D384;color:#FFFFFF;}
div#iconGrid div.icon {float:left;margin-right:15px;position:relative;}
div#iconGrid div.iconText {border:1px solid #B5D384;padding:2px;color:#000;}
div#iconGrid div:hover.iconText {border:1px solid #888;cursor:pointer;background-color:#CCCCCC;}
div#iconGrid div.iconActive {border:1px solid #888;cursor:pointer;background-color:#CCCCCC;border-bottom:1px solid #FFF;}
div#iconGrid div:hover.iconActive {border-bottom:1px solid #FFF;}
div#iconGrid div.iconText span.count {color:#FFF;background-color:#C00;border-bottom:1px solid #000;padding:4px 3px 0px 3px;text-align:center;font-family:Monospace;font-size:1em;font-weight:bold;}
 
.flyout {display:none;z-index:-1;color:#000;position:absolute;left:0px;top:23px;background-color:#FFF;width:350px;border:1px solid #888;border-top:1px solid #888;}
.flyout div#notificationLoading {text-align:center;padding:5px;margin-bottom:1px;margin-top:3px;}
.flyout div#notificationNone {text-align:center;font-style:italic;padding:5px;margin-bottom:1px;margin-top:3px;}
.flyout ul {list-style-type:none;margin:0px;padding:0px;padding-top:2px;padding-bottom:2px;}
.flyout ul li {margin:0px;border-top:1px solid #e6e6e6;padding:4px;margin-bottom:1px;}
.flyout ul li.read {}
.flyout ul li.unread {background-color:#D6FFCA;}
.flyout ul li:first-child {border-top:none;margin-top:1px;}
.flyout ul li:hover {background-color:#CCE0FF;cursor:pointer;border-top:1px solid #299BE3;margin:0px;border-bottom:1px solid #888;}
.flyout ul li abbr {}
.flyout a.footer {color:#00C;text-decoration:none;display:block;padding:6px;text-align:center;background-color:#F7F7F7;border-top:1px solid #e6e6e6;}
.flyout a:hover.footer {background-color:#CCE0FF;border-top:1px solid #299BE3;}

div.quickLinks {background-color:#CCE0FF;border:1px solid #80AFC6;padding:4px;margin:-2px;margin-bottom:8px;}
div.quickLinks span.header {font-weight:bold;}

div.contentSection {background-color:#CCE0FF;padding:5px;}
div.contentSection a {color:#000000;text-decoration:none;}
div.contentSection a:hover {color:#0066CC;text-decoration:underline;}

div.wizardModePanelContainer {width:100%;min-width:735px;border:1px solid #AAA;background-color:#CCE0FF;height:32px;line-height:23px;}
div.wizardModePanel {margin:5px;}
div.wizardModePanel div.ColumnOne {width:25%;min-width:125px;float:left;}
div.wizardModePanel div.ColumnTwo {width:160px;float:left;}
div.wizardModePanel div.ColumnThree {white-space:nowrap;float:right;text-align:right;}

div.ProgressBar {margin:0px;width:150px;height:20px;background-color:#808080;border:1px solid #000;}
div.ProgressBar div.ProgressBar_innerText {float:left;text-align:center;width:100%;color:#FFF;filter:glow(color=#303030,strength=3);}
div.ProgressBar div.ProgressBar_innerDiv {margin:0px;background-color:#94FF4A;}

.dgcommon {border-right:1px solid #FFF;border-bottom:1px solid #FFF;}
.dgcommon td {border-top:1px solid #FFF;border-left:1px solid #FFF;padding:2px;}
.dgcommon th {border-top:1px solid #FFF;border-left:1px solid #FFF;padding:2px;}
.dgcommon tr.headerstyle {background-color:#DCDCDC;font-weight:bold;}
.dgcommon tr.headerstyle td {text-align:center;}
.dgcommon tr.headerstyle th {text-align:center;}
.dgcommon tr.itemstyle {background-color:#DEEBFB;}
.dgcommon tr.alternatingitemstyle {background-color:#EEEEED;}
.dgcommon tr.footerstyle {background-color:#F0F0F0;font-weight:bold;}
.dgcommon td.labels {width:250px}
.dgcommon td.controls {width:300px}

.tr2 {background-color:#DEEBFB;}
.tr1 {background-color:#EEEEED;}
/*.tr1 {background-color:#DEEBFB;}*/
/* Wizard */
div#WizardSteps ul {list-style-type:none;margin:0px;padding:0px;white-space:nowrap;}
div#WizardSteps ul li {float:left;padding-right:5px;padding-left:3px;padding-top:2px;padding-bottom:2px;margin:1px;}
div#WizardSteps ul li:hover {border:1px solid #CCC;background-color:#EEE;margin:0px;cursor:default;}
div#WizardSteps ul li.complete {}
div#WizardSteps ul li.complete a {color:#00F;}
div#WizardSteps ul li.incomplete {}
div#WizardSteps ul li.incomplete a {}
div#WizardSteps ul li.current {font-weight:bold;}
div#WizardSteps ul li.current a {}

.btnnext {font-weight:bold;}
.btncommon {font-weight:bold;}

/* Permitting System */
.block1 {background-color:#DFEDF7;border:1px solid #90C2E1;width:300px;margin:auto;text-align:center;}
.block1 h2 {background-color:#0174BB;color:#FFF;margin-top:0px;padding-top:2px;padding-bottom:2px;}
.block2 {background-color:#BDFFBE;border:1px solid #009E58;width:300px;margin:auto;text-align:center;}
.block2 h2 {background-color:#009E58;color:#FFF;margin-top:0px;padding-top:2px;padding-bottom:2px;}

.frmcommon {border:0px;border-collapse:collapse;}
.frmcommon th {padding:2px;background-color:#DCDCDC;text-align:left;}
.frmcommon td {padding:2px;}
.frmcommon td.labels {width:250px}
.frmcommon td.controls {width:300px}

.wizardsummary {}
.tblsummary {border:1px solid #90C2E1;border-collapse:collapse;width:100%;}
.tblsummary td {padding:2px;border:1px solid #FFF;}
.tblsummary th {padding:2px;background-color:#D0D0E0;text-align:center;}
.tblsummary td.labels {text-align:right;background-color:#DFEDF7;}
.tblsummary td.controls {text-align:left;background-color:#DFEDF7;}

div.block3 {background-color:#F0F0F0;margin-bottom:8px;}
div.block3 h2 {background-color:#D0D0E0;text-align:center;padding:2px;}
div.block3 div.content {}

input.pin {font:1.8em Consolas, Lucida Console, Courier New, Monospace;letter-spacing:2px;text-transform:uppercase;padding:4px;margin:3px;}

.sealIndicator { font-family:Monospace; background-color:#5F5; color:#222; cursor:default;padding-left:4px;padding-right:4px;}
.sealIndicator:hover { color:#000;}