*{
	margin:0;
	padding:0;
	list-style:none
}

@font-face {
    font-family: 'square721_ex_btroman';
    src: url('/scripts/sqr721e_0-webfont.eot');
    src: url('/scripts/sqr721e_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('/scripts/sqr721e_0-webfont.woff2') format('woff2'),
         url('/scripts/sqr721e_0-webfont.woff') format('woff'),
         url('/scripts/sqr721e_0-webfont.ttf') format('truetype'),
         url('/scripts/sqr721e_0-webfont.svg#square721_ex_btroman') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'FontAwesome';
    src:url('/scripts/fonts/fontawesome-webfont.eot?v=4.5.0');
    src:url('/scripts/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') 
        format('embedded-opentype'),url('/scripts/fonts/fontawesome-webfont.woff2?v=4.5.0') 
        format('woff2'),url('/scripts/fonts/fontawesome-webfont.woff?v=4.5.0') 
        format('woff'),url('/scripts/fonts/fontawesome-webfont.ttf?v=4.5.0') 
        format('truetype'),url('/scripts/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') 
        format('svg');font-weight:normal;font-style:normal
}

body{
	font-size:12px;
	font-family:Arial, Helvetica, Sans-Serif;
	background:#5e9cbc;
	color:#000
}

.popupBody
{
    background-color:#0B699A;
}

p, address{
	margin:0 0 16px;
}

q{
	display:block;
	margin:6px 0
}

cite{
	display:block;
	margin:6px 0
}

.clearfix:after,
.box:after,
.tab-content:after{ /*For Gecko Browsers which like to completely break float elements out of the parent's layout */
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}

img{
	border:0
}

a{
	color:#146490;
	font-weight:bold;
	text-decoration:none
}

a:hover{
	text-decoration:underline
}

/* Validation Styles */
.error{
	border:1px solid #f00;
	color:#f00;
	background:#FFEFEF;
	margin:0 0 15px !important;
	padding:15px !important;
	float:none !important;
	position:relative;
	font-weight:bold;
}
span.error{
	display:block
}

.success{
	display:block;
	border:1px solid #2CAF2B;
	color:#2CAF2B;
	background:#EFFFEF;
	margin:0 0 15px !important;
	padding:15px !important;
	float:none !important;
	font-weight:bold;
}

.warning{
	display:block;
	border:1px solid #BDA519;
	color:#333;
	background:#F9E56F;
	margin:0 0 15px !important;
	padding:15px !important;
	float:none !important;
	font-weight:bold;
}

.info {
    display: block;
    border: 1px solid #106e9d;
    color: #106e9d;
    background: #d6edf9;
    margin: 0 0 15px !important;
    padding: 15px !important;
    float: none !important;
    font-weight: bold; 
}

.h3Warning {
	border:1px solid #BDA519;
	color:#333;
	background:#F9E56F;
}

.advancedError {
    display:block; 
    border:2px solid #f00;
	color:#f00;
	background:#FFEFEF;
	margin:0 0 15px 0 !important;
    padding:20px 10px 20px 65px;
	float:none !important;
	position:relative;
	font-weight:bold;
    min-height:20px;
}
.advancedError:before {
    content: "\f057";
    font-family:'FontAwesome';
    left:10px;
    position:absolute;
    font-size:4em;
    top:5px;
}

.advancedSuccess {
    display:block; 
    border:2px solid #2CAF2B;
	color:#2CAF2B;
	background:#EFFFEF;
	margin:0 0 15px 0 !important;
    padding:20px 10px 20px 65px;
	float:none !important;
	position:relative;
	font-weight:bold;
    min-height:20px;
}
.advancedSuccess:before {
    content: "\f058";
    font-family:'FontAwesome';
    left:10px;
    position:absolute;
    font-size:4em;
    top:5px;
}

.advancedWarning {
    display:block; 
    border:2px solid #BDA519;
	color:#333;
	background:#F9E56F;
	margin:0 0 15px 0 !important;
    padding:20px 10px 20px 65px;
	float:none !important;
	position:relative;
	font-weight:bold;
    min-height:20px;
}
.advancedWarning:before {
    content: "\f05a";
    font-family:'FontAwesome';
    left:10px;
    position:absolute;
    font-size:4em;
    top:5px;
}

.advancedInfo {
    display:block; 
    border:2px solid #106e9d;
	color:#106e9d;
	background:#d6edf9;
	margin:0 0 15px 0 !important;
    padding:20px 10px 20px 65px;
	float:none !important;
	position:relative;
	font-weight:bold;
    min-height:20px;
}
.advancedInfo:before {
    content: "\f05a";
    font-family:'FontAwesome';
    left:10px;
    position:absolute;
    font-size:4em;
    top:5px;
}

.advancedSuccess span, advancedError span, .advancedWarning span, .advancedInfo span {
    font-size:larger;
}

.RegistrationLegend
{
    position:relative;
	display:block;
	border:1px solid #106e9d;
	color:#106e9d;
	background:#d6edf9;
	margin:0 0 15px !important;
	padding:15px !important;
	float:none !important;
	font-weight:normal;
}
.RegistrationLegend ul li
{
    list-style-type:disc;
    list-style-position:inside;
}

.additionalInformationBox
{
    position:relative;
	display:block;
	border:1px solid #106e9d;
	color:#106e9d;
	background:#d6edf9;
	margin:10px 0 !important;
	padding:15px !important;
	float:none !important;
	font-weight:normal;
}
.additionalInformationBox ul li
{
    list-style-type:disc;
    list-style-position:inside;
}

.ClearBox
{
    position:relative;
	display:block;
	border:1px solid #106e9d;
	color:#106e9d;
	padding:15px !important;
	float:none !important;
}

.ClearBox .RedWarn
{
    color:#ff2525;
    font-weight:bold;
}

.InformationBox
{
    position:relative;
	display:block;
	border:1px solid #106e9d;
	color:#106e9d;
	background:#d6edf9;
	padding:15px !important;
	float:none !important;
}
.InformationBox ul li
{
    list-style-type:disc;
    list-style-position:inside;
}

.ReportList ul li
{
    list-style-type:disc;
    list-style-position:inside;
}
.BlueBox
{
    position:relative;
	display:block;
	height:22px;
	border:1px solid #106e9d;
	color:#106e9d;
	background:#d6edf9;
	padding:5px;
	margin-top:20px;
	float:none !important;
	font-weight:bold;
}
.BlueBox *
{
    vertical-align:middle;
}

#logoPrint{
	display:none
}

/* BEGIN: Headings ================== */
h1{
	font:bold 12px Tahoma, Geneva, sans-serif;
	/*background:url(/images/bgH1.gif) no-repeat;*/
	height:27px;
	padding:24px 0 0 28px;
	color:#fff
}

h2{
	font-family:Tahoma, Geneva, Sans-Serif;
    /*font-family:"square721_ex_btroman", Tahoma, Geneva, sans-serif;
    font-size:11px; */
    color:#FFFFFF; 
    /*text-transform: uppercase;
	margin:0 0 10px;
    font-weight:lighter*/
}

h3{
	font-size:12px;
	margin:0;
	position:relative;
	color:#fff;
	background:#106E9D;
	padding:8px 12px;
}
.popup h3{
	float:left;
	width:684px
}
h4{
	font-size:13px;
	margin:0 0 10px
}
h5{
	font-size:12px
}

h6{
	font-size:12px
}
/* END: Headings ================== */

/* BEGIN: Tables ================== */
.cpTable{
	width:100%
}
.cpTable td{
	width:50%;
	border:1px solid #f1f7fa;
	border-width:0 1px 1px 0;
	padding:6px 10px
}
.cpTable .alt{
	background:#d6edf9;
}

.altRow {
    background:#d6edf9;
}

.altRowMinor {
    background:#f2f2f2;
}

.altList { /* Alt-List will mark all odd child rows as '.altRow' when child rows are (div, li, tr) via jQuery -- Be sure to call JS RefreshAltList(); after AJAX updates */ }
.comboBoxAltList { /* Alt-List will mark all odd child rows in a Rad Combo Box as '.altRowMinor' via jQuery -- Be sure to call JS RefreshAltList(); after AJAX updates */ }

/* END: Tables ==================== */

/* BEGIN: Forms =================== */
.divFormWrapper{
	border:1px solid #6ba4c0;
	background:#f1f7fa;
	padding:20px;
}
.rgEditForm .divFormWrapper{
	border:0
}
fieldset{
	border:0;
	margin:0 0 15px
}

legend{
	display:none
}

.filter{
	margin-bottom:0
}
.filter>div.float-left>span,
.filter>div.float-left>div>span{
	top:0 !important;
	font-weight:normal !important;
	padding-bottom:3px
}
.filter>div>div>div {
	margin:0;
	padding:0
}
.filter td div div {
	margin:0;
	padding:0;
}
.filter .status div{
	float:left
}
.filter .float-left div{
	height:20px
}
.filter .float-left div div{
	padding:0;
}
.transactions .float-left{
	padding:6px 0 0
}
.transactions .float-left label{
	margin-left:5px
}
.transactions label{
    margin: 5px !important   
}
.users .float-left label{
	display:inline;
	width:auto;
	float:none
}

.tallBox > div {
    min-height:28px !important;
}

.form-two-column div span div, .form-one-column div span div {
    margin-top:-7px;
}

.two-column-right {
    width:410px;
    float:right;
}

.form-two-column{
	float:left;
	width:441px;
}
.form-three-column{
    float:left;
    width:33%;
    margin-right:2px
}
.form-three-column > div
{
    min-height:22px !important;
}

.form-one-column .text-block, .form-two-column .text-block, .form-three-column .text-block {
    display:block;
    margin-left:120px;
}

.nolabel {
    width:195px
}
.sub-districts{
	float:left;
	width:441px
}
.popup .form-two-column{
	width:333px !important
}
.form-two-column address{
	float:left;
	font-weight:bold;
	font-style:normal;
	margin:0
}
.tab-content .form-two-column{
	width:421px
}
.nested-3 {
    width:400px !important;
}
.news{
	margin-bottom:16px !important
}
.box .form-two-column{
	width:420px;
	margin:0;
}

.box .form-two-column.inspection-info{
    width:461px
}

.inspection-info label, .inspection-info .label{
    margin-top:0 !important
}

.inspection-info span.label{
    top:-1px !important
}

.box{
	margin:0 0 15px
}
.form-div-two-column-backflow{
	float:left;
	width:411px
}
.form-div-two-column{
	float:left;
	width:421px
}
.divRelatedFees{
	float:left;
	width:381px;
	padding:0 20px
}

.form-add-record{
	padding:20px;
	border:1px solid #6ba4c0;
	background:#f1f7fa
}
.form-add-record *, .form-add-record div *{
	vertical-align:middle
}
.form-add-record div{
	float:left;
	display:inline;
	padding:0;
	margin:0 20px 0 0
}
.form-add-record div.error{
	display:block
}
.form-add-record div label{
	display:inline;
	width:auto;
	margin:2px 3px 0 0;
	font-weight:bold
}
.form-add-record .textfield{
	width:230px
}

.permit-info label{
	width:160px;
}

.add-violation label{
	width:98px
}

fieldset > div,
fieldset > div > div, 
fieldset td div,
.form-two-column div, 
.form-one-column div, 
.form-three-column div {
	margin:0;
	padding:6px 0;
	min-height:15px
}

.divFormWrapper fieldset div, .form-two-column > div, .form-one-column > div {
	border:1px solid #f1f7fa;
	border-width:0 1px 1px 0;
	min-height:25px;
	height:auto
}
.divFormWrapper fieldset > div > div{
	border:0;
	height:auto;
}
fieldset div *{
	/*vertical-align:middle*/
}

fieldset > div > span, fieldset > div > div > span{
	font-weight:bold !important;
	position:relative;
	top:2px
}

fieldset > div > .RadButton , fieldset > div > div > .RadButton {
	font-weight:normal !important;
	position:relative;
	top:2px;
}

fieldset > div > .RadButton .rbText, fieldset > div > div > .RadButton .rbText {
    vertical-align:initial
}

fieldset.basic > div > span, fieldset.basic > div > div > span{
	font-weight:bold;
	position:relative;
	top:0
}
fieldset > div > em{
	font-style:normal;
	position:relative;
	top:1px
}
fieldset div.linear label{
    display:inline;
    float:none
}
.RadPicker_Default, .form-panel, .RadComboBox_Default{
	padding:0 !important;
	border:0 !important;
	vertical-align:top
}
.permit-info div .RadGrid_Default{
	float:left;
	width:371px;
	padding:0;
	border-color:#878787
}
.permit-info div .RadGrid_Default table{
	width:auto !important
}
.gridSelectedRow
{
    background-color:#FFD4C0;
}
.gridSelectedRow td
{
    border-style:none !important;
}
.gridTotalRow
{
    background-color:#FFFFCC;
}
.gridTotalRow td
{
    border-bottom:2px solid #ccc !important;
}
.gridNoBorder td
{
    border-style:none !important;
}
fieldset div.alt, .form-two-column div.alt, .filter tr.alt{
	background:#d6edf9;
}
div.blank{
	height:20px;
}
div.aspPanel{
	height:auto !important;
	padding:0
}
fieldset label, .form-two-column label, .form-one-column label{
	display:block;
	float:left;
	margin:2px 5px 0 15px;
	width:100px;
	text-align:right;
}
fieldset.field-data input[type=text],fieldset.field-data input[type=password], fieldset.field-data input[type=number], fieldset.field-data select, fieldset.field-data span.faketextboxfull {
    width:240px !important;
    height:auto;
    min-height:18px;
}
.narrowLabel div label {
    width:80px;
}
.widelabel div label 
{
	width:120px;
}
.extrawidelabel div label 
{
	width:130px;
}
.extraextrawidelabel div label 
{
	width:160px;
}
.tdlabel {
	display:block;
	float:left;
	margin:5px 5px 0 15px;
	width:100px;
	text-align:right;
}
.formRequestInspection label{
	width:158px;
}
.project-info label{
	width:98px
}
.contractor-info label{
	width:120px
}
.permit-confirm{
	position:relative
}
.permit-confirm label{
    width:160px
}
.new-violation-code label{
	width:98px
}
fieldset div span.label{
	margin:0 3px 0 9px;
	top:1px !important;
	font-weight:normal !important
}
.user-system-info label{
	width:111px
}
.other-fees-info label{
	width:150px
}
.summary fieldset label{
	width:160px;
	margin-top:0
}
.form-addedit-fee label{
	width:108px
}
.form-cc-entry, .box{
	border:1px solid #6ba4c0 !important;
	background:#f1f7fa
}

.box-color{
    border:1px solid #6ba4c0 !important;
	background:#d6edf9 !important
}

.form-cc-entry label{
	width:145px
}

#permit-open-items{
	float:left;
	margin: 0 0 10px 10px;
	width:450px
}

.basic div label{
	display:inline;
	width:auto !important;
	margin-top:0
}
.summary div span{
	font-weight:bold
}

.settingsInputStyle input{
    width:220px;
}

.wiring-services, .low-voltage-services, .plumbing-tests{
	float:left;
	border:1px solid #6ba4c0;
}
.plumbing-tests div{
    width:auto !important;
	height:auto !important
}
.wiring-services div{
	float:left;
	width:199px;
}
.popup .wiring-services div{
	width:166px
}
.popup .low-voltage-services div{
	width:215px
}
.low-voltage-services div{
	float:left;
	width:266px
}
.wiring-services label, .low-voltage-services label{
	display:inline;
	width:auto;
	text-align:left
}
.wiring-services span, .low-voltage-services span{
	top:0;
	margin-left:10px
}

.sign-equipment label{
	width:175px
}
.sign-equipment div, .fire-alarm-services div{
	float:left;
	width:100%;
}

.burglar-alarm-service{
	margin:0
}

.fire-alarm-services label,
.burglar-alarm-service label{
	width:145px
}

option{
	padding:0 3px
}

input, textarea{
	padding:2px !important;
	border:1px solid #878787
}
input[type=image]
{
    border:0;
}
input[type=checkbox]{
	background:transparent;
	border:0;
	padding:0
}
input.disabled{
	background-color:#d4d0c8;
	color:#000 !important;
	cursor:default;
}
.disabled{
	background-color:#d4d0c8;
	color:#000 !important;
	cursor:default;
}
.checkbox, span.checkbox input{
	background:transparent;
	border:0;
	padding:0
}
.checkbox *{
	vertical-align:middle
}
.checkbox label{
	display:inline;
	float:none;
	width:auto;
}
.checkbox.inline label{
    display:inline-block;
    margin:2px 15px 0 5px
}

.radiolist, .radiolist td, .radiolist input{
	background:transparent;
	border:0 !important;
	padding:0;
	top:0 !important
}
.radiolist *{
	vertical-align:middle
}
.radiolist label{
	display:inline;
	float:none;
	width:auto;
	margin:0 3px;
	font-weight:normal
}

.horizontal label{
	margin:0 10px 0 5px
}
input.textfield{
	width:240px;
}
input.pricefield{
	width:60px
}
textarea.textfield{
	width:240px
}
.form-one-column textarea.textfield{
	width:700px
}

.non-electrical textarea.textfield
{
	width:500px;
}

.display-fees label{
	width:140px
}
.buttons{
	clear:both;
	width:882px;
	margin:15px auto;
	padding:10px 0 0;
	border-top:1px solid #6ba4c0
}

.inlinebuttons{
    border-top: 1px solid #6ba4c0;
    clear: both;
    display: block;
    margin: 10px 120px;
    padding: 10px 0 0;
}

.non-electrical .buttons
{
	width:800px;
	border-top:1px solid #6ba4c0
}
.buttons-full-top{
	clear:both;
	margin:0 auto 15px auto;
	padding:10px 0 0;
}
.buttons-full{
	clear:both;
	margin:15px auto;
	padding:10px 0 0;
	border-top:1px solid #6ba4c0
}
.buttons-plain input, .buttons input{
	padding:0 !important;
	border:0;
	width:auto
}
.buttons-plain{
	float:left;
	width:100%;
	z-index:120;
	position: relative
}
.buttons-plain input, .buttons-plain img{
	float:left;
	margin:0 2px;
	cursor:pointer;
	z-index:120;
	position:relative
}

.form-add-record .buttons{
	clear:none;
	width:auto;
	border:0;
	padding:0;
	margin:0
}

.scheduler-image{
	display:inline;
	float:left;
	padding:2px !important;
	margin:0 0 0 10px !important
}
.scheduler-image div{
	width:20px;
	padding:0;
    margin-left:10px;
}
.addressLocation
{
    margin-right:32px;
    margin-bottom:10px;
    height:74px;
}

.addressLocationSI
{
    float:right !important;
    margin-right:2px;
    margin-bottom:10px;
    height:55px;
}

.inlineClear{
	clear:both;
	width:882px;
	margin:15px auto;
	padding:10px 0 0;
	border-top:1px solid #6ba4c0
}

/* Hide Calendar Fast Navigation */
.hideFastNavigation .rcTitlebar .rcFastNext,
.hideFastNavigation .rcTitlebar .rcFastPrev
{
    display:none !important;
}

.RadCalendarPopup .rcOutOfRange, .RadCalendarPopup .rcDisabled {
    background-color:#ccc;
    font-weight:normal;
    opacity:.5 !important;
}

/* RadInput Overrides */
html body .RadInput_Default .riTextBox,
html body .RadInputMgr_Default
{
	border-color:#878787 !important;
	color:inherit !important;
	font-family:Arial, Helvetica, Sans-Serif;
}

html body .RadInput_Default .riHover,
html body .RadInput_Hover_Default,
html body .RadInput_Default .riFocused,
html body .RadInput_Focused_Default
{
	border-color:#878787 !important;
}
.rdfd_, .RadComboBox  {
	padding:0 !important;
	margin:0 !important
}

.RadTabStrip{
	position:relative;
	z-index:100
}

/* RadColorPicker overrides */
.RadColorPicker{
	padding:0;
	float:left;
}
.RadColorPicker .rcpIcon, .RadColorPicker .rcpIcon a{
	padding:0
}
.RadColorPicker label{
	display:inline !important;
	float:none !important;
	margin:0 !important;
	width:auto !important;
	text-align:inherit !important;
}
.rcpHexInput {
	display:none !important;
}
/* END: Forms ================== */

.gridEditor .reLayoutWrapper, .gridEditor .reWrapper_corner, .gridEditor .reWrapper_center,
.gridEditor .reLeftVerticalSide, .gridEditor .reRightVerticalSide,
.gridEditor .reTlbVertical, .gridEditor .reToolCell, .gridEditor .reContentCell,
.gridEditor .reToolZone, .gridEditor .reBottomTable, .gridEditor .reEditorModesCell,
.reBottomZone, .reResizeCell {
	border: 0 none !important;
	padding: 1px !important;
}

.gridEditor .Telerik.reWrapper, .gridEditor .Telerik.RadEditor .gridEditor .reContentCell,
.gridEditor .Telerik.reColorPicker, .gridEditor .Telerik.reInsertTable,
.gridEditor .Telerik.reCustomLinks a:hover {
	border: 1px solid #828282 !important;
}

.gridEditor .reLeftVerticalSide, .gridEditor .reRightVerticalSide {
	padding: 1px !important;
}

#tblSearchFilters{
	width:922px;
	border-collapse:collapse
}
#tblSearchFilters th{
	background:#106E9D;
	color:#fff;
	padding:8px 12px;
	border:1px solid #6ba4c0;
}
#tblSearchFilters td{
	border:1px solid #6ba4c0;
	text-align:center
}
#tblSearchFilters td td{
	border:0;
}
/* BEGIN: STRUCTURE ============ */
#wrapper{
	background:#0B6A9B url(/images/bgBody.gif) repeat-x top
}
#popupWrapper
{
    background:#0B6A9B url(/images/bgBody.gif) repeat-x top;
    background-position:0px -140px;
    min-height:600px;
}
#main{
	width:984px;
	margin:auto
}

#header{
	float:left;
	width:984px;
	margin:12px 0 0;
}

#content{
	float:left;
	width:984px;
	background:url(images/bgContent.png) repeat-y
}

#inner{
	float:left;
	width:924px;
	min-height:345px;
	padding:20px 30px 45px;
	background:url(images/bgContentBottom.gif) no-repeat bottom left
}
#inner.popup{
	width:708px;
	background:0
}
.tab-content{
	margin:-1px 0 0;
	padding:20px 17px 18px 22px;
	background:#f1f7fa;
	border:1px solid #6ba4c0;
	position:relative
}
.scheduler-content{
	margin:-1px 0 0;
	padding:20px 17px 18px 22px;
	background:#f1f7fa;
	border:1px solid #6ba4c0;
	position:relative
}
.control-panel .tab-content{
	width:883px
}
.control-panel .scheduler-content
{
    width:842px;
}
.cp-toggle
{
    position:relative;
    top:26px;
    left:-19px;
}
.cp-item-total{
	float:right;
	margin:0;
	padding:2px 8px;
	border:1px solid #CFE5EE;
	background:#F1F7FA;
	font-weight:bold;
	color:#00557F;
	position:relative;
	top:-26px;
	right:30px;
}
.cp-item-total strong{
	color:#CA3E00;
	font-size:14px
}
.popup .tab-content{
	float:left;
	display:inline;
	width:668px;
	position:relative
}
.popup .box{
	float:left;
	width:668px;
	display:inline;
	margin:-1px 0 0;
	padding:20px 17px 18px 22px;
	background:#f1f7fa;
	border:1px solid #6ba4c0;
	position:relative
}
.popup .box h3.left{
	float:left;
	display:inline;
	width:330px;
	margin:-20px 0 20px -22px;
}
.popup .box h3.right{
	float:left;
	display:inline;
	width:328px;
	margin:-20px -18px 20px 0
}
#footer{
	clear:both;
	height:54px;
	background:#5e9cbc url(images/bgFooter.gif) repeat-x top
}

/* END: STRUCTURE =============== */

/* ------------- Header Styles -------------- */
.logoScreen{
	float:left;
	display:inline;
	margin-left:20px
}

#utility{
	float:right;
	display:inline;
	width:747px;
	height:34px;
	margin:4px 0 11px;
	padding:0 10px 0 0;
	background:url(images/bgUtilityNav.gif) no-repeat
}
#utility h1{
	float:left;
	margin:0;
	padding:0
}
#utility p{
	margin:9px 0 0;
	text-align:right
}

#nav{
	float:right;
	display:inline;
	margin:0 5px 15px 0;
	position:relative;
	z-index:200
}
#nav li{
	display:inline;
	float:left;
	height:74px;
	border:0
}
#nav li a{
	display:block;
	float:left;
	height:74px;
	padding:0;
	text-indent:-9999px;
	overflow:hidden
}
#nav li a:hover{
	background-position:bottom;
}
#nav ul li{
    display:block;
    float:none;
    height:auto;
    text-indent:0;
	position:relative
}
#nav ul li a{
    float:none;
    width:auto;
    height:auto;
    margin:0;
    background:0;
    text-indent:0
}

.lnkLetters a	    { width:65px; background:url(images/navLetters.gif) }
.lnkControlPanel a	{ width:94px; background:url(images/navControlPanel.gif) }
.lnkAccountInfo		{ margin-left:6px }
.lnkAccountInfo a	{ width:65px; background:url(images/navAccount.gif) }
.lnkScheduler		{ margin-left:10px }
.lnkScheduler a		{ width:65px; background:url(images/navScheduler.gif) }
.lnkPermits			{ margin-left:6px }
.lnkPermits a		{ width:65px; background:url(images/navPermits.gif) }
.lnkInspectors		{ margin-left:7px }
.lnkInspectors a	{ width:69px; background:url(images/navInspectors.gif) }
.lnkInspections		{ margin-left:8px }
.lnkInspections a	{ width:74px; background:url(images/navInspections.gif) }
.lnkContractors		{ margin-left:8px }
.lnkContractors a	{ width:86px; background:url(images/navContractors.gif) }
.lnkNews a			{ width:65px; background:url(images/navNews.gif) }
.lnkReports			{ margin-left:10px }
.lnkReports a		{ width:65px; background:url(images/navReports.gif) }
.lnkTransactions	{ margin-left:7px }
.lnkTransactions a	{ width:90px; background:url(images/navTransactions.gif) }
.lnkSettings		{ margin-left:4px }
.lnkSettings a		{ width:65px; background:url(images/navSettings.gif) }
.lnkFees a			{ width:65px; background:url(images/navFees.gif) }
.lnkUsers			{ margin-left:4px }
.lnkUsers a			{ width:65px; background:url(images/navUsers.gif) }
.lnkSubUsers		{ margin-left:4px }
.lnkSubUsers a		{ width:65px; background:url(images/navSubUsers.gif) }
.lnkFaqs			{ margin-left:7px }
.lnkFaqs a			{ width:65px; background:url(images/navFaqs.gif) }
.lnkHelp			{ margin-left:17px }
.lnkHelp a			{ width:65px; background:url(images/navHelp.gif) }
.lnkContactUs		{ margin-left:17px }
.lnkContactUs a		{ width:74px; background:url(images/navContactUs.gif) }
.lnkRegister		{ margin-left:15px }
.lnkRegister a		{ width:65px; background:url(images/navRegister.gif) }
.lnkStartRequest	{ margin-left:15px }
.lnkStartRequest a	{ width:102px; background:url(images/navAmeren.gif) }
.lnkPublicPermit	{ margin-left:15px }
.lnkPublicPermit a	{ width:102px; background:url(images/navPublicPermit.gif) }
.lnkCustomerPayment		{ margin-left:15px }
.lnkCustomerPayment a	{ width:120px; background:url(images/navCustomerPayment.gif) }
.lnkSpecialPlumbing { margin-left:15px }
.lnkSpecialPlumbing a { width:98px; background:url(images/navSpecialPlumbing.gif) }
.lnkSpecialMechanical { margin-left:15px }
.lnkSpecialMechanical a { width:117px; background:url(images/navSpecialMechanical.gif) }
.lnkBackflow { margin-left:15px }
.lnkBackflow a { width:65px; background:url(images/navBackflowListing.gif) }
.lnkLifesafety { margin-left:15px }
.lnkLifesafety a { width:75px; background:url(images/navLifesafety.gif) }
.count{
	padding:0 0 0 4px ;
	background:url(/images/circle-left.png) no-repeat left;
	color:#fff;
	position:absolute;
	top:0;
	right:0
}
.count span{
	padding:0 4px 0 0;
	background:url(/images/circle-right.png) no-repeat right;
	font-weight:bold;
	line-height:15px;
}

.tabcount{
	padding:0 0 0 5px ;
	background:url(/images/circle-left.png) no-repeat left;
	color:#fff
}
.tabcount span{
	padding:0 5px 0 0;
	background:url(/images/circle-right.png) no-repeat right;
	font-weight:bold;
	line-height:15px
}

/* -------------- Content Styles --------------------- */

#content > h2{
    font-family:"square721_ex_btroman", Tahoma, Geneva, sans-serif;
    font-weight:lighter;
	height:23px;
	padding:22px 0 0 38px;
    color:#FFFFFF; 
    font-size:11px; 
	background:url(images/bgH2.gif) no-repeat;
    text-transform: uppercase
}
.head{
	clear:both
}
.head h4{
	float:left;
	line-height:27px
}
.head *{
	vertical-align:bottom
}

.text, .text a:hover{
    cursor:default;
    text-decoration:none !important;
    color:#000;
}

.confirmButton
{
    background-color: #FFFFFF;
    border: 1px solid #333333;
    border-radius: 7px;
    color: #008800;
    font-size: larger;
    padding: 2px 4px;
}

/* ----------- Public Permits Styles ---------- */

.public-permits h5{
	margin:0 0 1.2em
}

.public-permits ul{
	margin:0 0 12px 26px
}

.public-permits li{
	list-style:disc;
	margin:0 0 8px;
}

.public-permits li li{
	list-style:circle;
	margin:0
}

.public-permits li h6{
	margin:0 0 6px
}

.public-permits .note{
	font-weight:bold;
	font-style:italic
}


/* ----------- Permit Insepction Info Styles ---------- */

.inspection-info p{
    float:left;
    margin:0 15px 3px 0;
}
.inspection-info p span{
    padding:3px;
    background:transparent
}
.pass{
    color:#2CAF2B;
}
.fail{
    color:#f00;
}
.inspectin-info p *
{
    vertical-align:middle
}

.icon-lookup{
	cursor:pointer
}

/* ------------ Application Receipt Styles ------------ */
.receipt-wrapper{
	background:#fff;
	border:1px solid #6BA4C0;
	padding:20px;
	margin:auto;
	position:relative
}
.btnPrintReceipt{
	float:right
}
fieldset.receipt{
	border:1px solid #6BA4C0;
}
fieldset.receipt label{
	width:165px;
	text-align:left
}
.receipt div *{
	vertical-align:middle
}
fieldset.receipt .horizontal-rule{
	clear:both;
	float:none;
	margin-left:10px;
	padding:0;
	width:45%;
	background:#333
}
.receipt p{
	margin:0;
	padding:6px 15px
}
.receipt span{
	font-weight:normal
}
.receipt span.price{
	display:block;
	float:left;
	width:90px;
	text-align:right;
	font-weight:bold
}
.receipt span.price span{
	font-weight:bold
}
.receipt .alt{
	background:#d6edf9;
}
.receipt p span{
}

/* ------- Add Backflow Inspection Styles ------------ */

.backflow-info label{
    width:142px;
}
.backflow-info .addressLocationSI{
    float:none !important;
    width:270px;
    margin:0 auto;
    border:0
}
#divValves, #divLifeSafetyLI{
    margin:0 0 15px;
    border:1px solid #6BA4C0;
}
#divValves div, #divLifeSafetyLI div{
    padding:10px;
    height:21px;
    clear:both
}
#divValves div.alt, #divLifeSafetyLI div.alt{
    background:#D6EDF9
}
#divValves div label, #divLifeSafetyLI div label{
    display:block;
    float:left;
    width:210px;
    margin:3px 0 0;
    font-weight:bold
}
#divValves div span, #divLifeSafetyLI div span{
    float:left;
    width:300px;
}
#divValves div span label, #divLifeSafetyLI div span label{
    display:inline;
    width:80px;
    margin:3px 4px 0 0;
    font-weight:normal;
    text-align:right
}

/* ------- Add Life / Safety Inspection Styles ------------ */
.lifesafety-additional-info fieldset {
	margin-top:-16px;
}

.lifesafety-info .use {
	height:70px !important;
	margin-bottom:10px;
}

.lifesafety-info label{
    width:142px;
}
.nolabel label {
    width:40px
}
.tinylabel label
{
    width:25px!important
}
.lifesafety-yesnoinfo label{
    width:270px !important
}

.lifesafety-info .addressLocationSI{
    float:none !important;
    width:270px;
    margin:0 auto;
    border:0
}
#divLifeSafetyLI{
    margin:0 0 15px;
    border:1px solid #6BA4C0;
}
#divLifeSafetyLI div{
    padding:10px;
    height:21px;
    clear:both
}
#divLifeSafetyLI div.alt{
    background:#D6EDF9
}
#divLifeSafetyLI div label{
    display:block;
    float:left;
    width:210px;
    margin:3px 0 0;
    font-weight:bold
}
#divLifeSafetyLI div span{
    float:left;
    width:300px;
}
#divLifeSafetyLI div span label{
    display:inline;
    width:80px;
    margin:3px 4px 0 0;
    font-weight:normal;
    text-align:right
}

/* --------------- Footer Styles ----------------------*/

#footer div{
	width:984px;
	margin:auto;
	color:#fff
}
#footer img{
	float:right;
	display:inline;
	margin:7px 22px 0 0
}
#footer p{
	float:left;
	display:inline;
	margin:5px 0 0 32px
}

/* Utility Classes */
.hidden-text{
	text-indent:-9999px;
	overflow:hidden
}

.link-light{
	font-weight:normal !important
}
.float-right{
	float:right;
}
.float-left{
	float:left
}
.req{
	color:#f00
}

.button-right{
	float:right;
	display:inline;
	margin:0 10px 0 0;
	vertical-align:middle
}

.clear{
	float:none !important;
	display:inline !important;
	clear:both !important;
	padding:0 !important;
	margin:0 !important;
	width:auto !important;
	min-height:0 !important;
	height:0 !important;
}

.last-item{
	background:0 !important;
	border:0 !important
}

.horizontal-rule{
	float:left;
	width:100%;
	margin:10px auto;
	height:1px;
	min-height:1px;
	background:#6ba4c0;
	display:inline-block;
}

.small-text td{
	font-size:11px
}

.nopadding{
	padding:0 !important
}

.noHeight{
	height:auto !important
}

.valign *{
	vertical-align:middle
}
/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>
*/

/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/*---- Header styling ---*/
/*
.sIFR-active #content > h2,
.sIFR-active h2.flash-replace {
  visibility: hidden;
  line-height: 1em;
}

.sIFR-active #content > h2, .sIFR-active h2.flash-replace {
  font-size: 11px;
}
*/

.RadUpload .ruRemove
{
    background-position: -10px -70px !important;
}

.hidden { display:none }
.shown  { display:inline }

.editradiolist div{
    width:auto;
    padding:inherit;
    margin:inherit;
}
.editradiolist input{
    border:none;
}
.editradiolist label{
    width:auto;
    text-align:left;
    padding:0 0 0 2px;
    margin:0 10px 0 0;
    display:inline;
    float:none;
    font-weight:normal;
}

.backflowPreviousInspection td
{
	margin:0;
	padding:2px 5px !important;
	border:solid 1px #000;
}

.backflowPreviousInspection
{
	width:95%;
	border:solid 1px #6BA4C0 !important;
	background:#fff !important;
	margin-bottom:10px;
}

.backflowPreviousInspection .item
{
	text-align:right;
}

.backflowPreviousInspection .data
{
	font-weight:bold;
}

.normalcheckbox label
{
    font-weight:normal !important;
}
.address-search-top
{
    margin:auto;
}

.address-info
{
	width:461px !important;
}

/* HC Scheduler specific */
.surchargeDetails
{
	padding-left:50px;
}
.hcschedule .rsArrowBottom, .rsArrowTop
{
    visibility: hidden !important;
}

.RadListBox.height-auto, .RadListBox.height-auto div
{ 
    height:auto !important 
}

/* HC Inspection specific */
.HCPhoto
{
    float:left;
    width:175px;
    min-height:185px;
}
.HCPhoto *
{
    vertical-align:top
}
.HCPhoto .DeleteButton
{
    position:relative;
    left:-25px
}

.OccupancyPhoto {
    float:left;
    width:173px;
    min-height:185px;
    position:relative
}

.OccupancyPhoto *
{
    vertical-align:top
}
.OccupancyPhoto .DeleteButton
{
    position:absolute;
    right: 25px;
}

/* Scheduler Fixes */

.rsContentScrollArea
{
    overflow:hidden !important;
    overflow-x: hidden !important;
    overflow-y: none !important;
}

.RadScheduler_Custom
{
    overflow:hidden !important;
    overflow-x: hidden !important;
    overflow-y: none !important;
}

/* Scheduler Fixes */

/* HC Application Steps */
.step 
{
    padding:10px 10px; 
    margin:0 30px 10px;
    position:relative;
	display:block;
	border:1px solid #999999;
    color:#999999;
    background:#DDDDDD;
}

.step span
{
    font-weight:bold;
}

.step ul li
{
    list-style-type:disc;
    list-style-position:inside;
    margin-left:40px;    
}

.highlight
{
    border:1px solid #009933;
    color:#009933;
    background: #CCFFCC;
}

.faketextbox
{
  background:#fff; 
  border:1px solid #888; 
  padding: 3px 5px; 
}

.faketextboxfull
{
    background: #dedede none repeat scroll 0 0;
    border: 1px solid #888;
    display: inline-block;
    height: 15px;
    padding: 3px 5px;
    width: 275px;
}

.bluebox
{
    background: none repeat scroll 0 0 #D6EDF9;
    border: 1px solid #106E9D;
    padding: 10px;
}

.greenbox
{
    background: none repeat scroll 0 0 #CDEFCD;
    border:1px solid #AAAAAA; 
    padding:10px; 
}

.righttext
{
    text-align: right;
}

.missinginfo{
    color:#f00;
    background: none repeat scroll 0 0 #FFDEDE;
}

.missinginfo td{
    padding: 5px 0px 5px 8px;
}

.awardedinfo{
    background: none repeat scroll 0 0 #DEffDE;
}

.awardedinfo td{
    padding: 5px 0px 5px 8px;
}

.passText {
    color:#DEffDE;
}

.failText {
    color:#f00;
}

.imgbuttonblend{
    position:relative;
    top:-9px;
    border-radius: 10px;
    color: #FFFFFF;
    display: inline;
    font-family:'Lato', Arial, Helvetica, sans-serif;
    font-weight:lighter;
    font-size:12px;
    padding: 5px 15px 4px;
    text-align: center;
    text-transform: uppercase;
    background-color: #EA6800;
    background-image: -ms-linear-gradient(top, #FEC24F 0%, #DB3400 100%);
    background-image: -moz-linear-gradient(top, #FEC24F 0%, #DB3400 100%);
    background-image: -o-linear-gradient(top, #FEC24F 0%, #DB3400 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEC24F), color-stop(1, #DB3400));
    background-image: -webkit-linear-gradient(top, #FEC24F 0%, #DB3400 100%);
    background-image: linear-gradient(to bottom, #FEC24F 0%, #DB3400 100%);
    white-space: nowrap;
    cursor:pointer;
}

.imgbutton{
    border-radius: 10px;
    color: #FFFFFF;
    display: inline;
    font-family:'Lato', Arial, Helvetica, sans-serif;
    font-weight:lighter;
    font-size:12px;
    padding: 5px 15px 4px;
    text-align: center;
    text-transform: uppercase;
    background-color: #EA6800;
    background-image: -ms-linear-gradient(top, #FEC24F 0%, #DB3400 100%);
    background-image: -moz-linear-gradient(top, #FEC24F 0%, #DB3400 100%);
    background-image: -o-linear-gradient(top, #FEC24F 0%, #DB3400 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEC24F), color-stop(1, #DB3400));
    background-image: -webkit-linear-gradient(top, #FEC24F 0%, #DB3400 100%);
    background-image: linear-gradient(to bottom, #FEC24F 0%, #DB3400 100%);
    white-space: nowrap;
    cursor:pointer;
}

.imgbuttonshort{
    border-radius: 10px;
    color: #FFFFFF;
    display: inline;
    font-family:'Lato', Arial, Helvetica, sans-serif;
    font-weight:lighter;
    font-size:12px;
    padding: 3px 12px 2px;
    text-align: center;
    text-transform: uppercase;
    background-color: #EA6800;
    background-image: -ms-linear-gradient(top, #FEC24F 0%, #DB3400 100%);
    background-image: -moz-linear-gradient(top, #FEC24F 0%, #DB3400 100%);
    background-image: -o-linear-gradient(top, #FEC24F 0%, #DB3400 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEC24F), color-stop(1, #DB3400));
    background-image: -webkit-linear-gradient(top, #FEC24F 0%, #DB3400 100%);
    background-image: linear-gradient(to bottom, #FEC24F 0%, #DB3400 100%);
    white-space: nowrap;
    cursor:pointer;
}

.imgbutton:hover, .imgbuttonshort:hover, .imgbuttonblend:hover{
	text-decoration:none !important
}

.imgbuttoncancel{
    border-radius: 10px;
    color: #FFFFFF;
    display: inline;
    font-family:'Lato', Arial, Helvetica, sans-serif;
    font-weight:lighter;
    font-size:12px;
    padding: 5px 15px 4px;
    text-align: center;
    text-transform: uppercase;
    background-color: #E8422A;
    background-image: -ms-linear-gradient(top, #FB8683 0%, #D92C05 100%);
    background-image: -moz-linear-gradient(top, #FB8683 0%, #D92C05 100%);
    background-image: -o-linear-gradient(top, #FB8683 0%, #D92C05 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FB8683), color-stop(1, #D92C05));
    background-image: -webkit-linear-gradient(top, #FB8683 0%, #D92C05 100%);
    background-image: linear-gradient(to bottom, #FB8683 0%, #D92C05 100%);
    white-space: nowrap;
    cursor:pointer;
}

.imgbuttonshortcancel{
    border-radius: 10px;
    color: #FFFFFF;
    display: inline;
    font-family:'Lato', Arial, Helvetica, sans-serif;
    font-weight:lighter;
    font-size:12px;
    padding: 3px 12px 2px;
    text-align: center;
    text-transform: uppercase;
    background-color: #E8422A;
    background-image: -ms-linear-gradient(top, #FB8683 0%, #D92C05 100%);
    background-image: -moz-linear-gradient(top, #FB8683 0%, #D92C05 100%);
    background-image: -o-linear-gradient(top, #FB8683 0%, #D92C05 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FB8683), color-stop(1, #D92C05));
    background-image: -webkit-linear-gradient(top, #FB8683 0%, #D92C05 100%);
    background-image: linear-gradient(to bottom, #FB8683 0%, #D92C05 100%);
    white-space: nowrap;
    cursor:pointer;
}

.imgbuttoncancel:hover, .imgbuttonshortcancel:hover{
	text-decoration:none !important
}

.imgbuttonblue{
    border-radius: 10px;
    color: #FFFFFF;
    display: inline;
    font-family:'Lato', Arial, Helvetica, sans-serif;
    font-weight:lighter;
    font-size:12px;
    padding: 5px 15px 4px;
    text-align: center;
    text-transform: uppercase;
    background-color: #5390AD;
    background-image: -ms-linear-gradient(top, #7FACC2 0%, #5390AD 100%);
    background-image: -moz-linear-gradient(top, #7FACC2 0%, #5390AD 100%);
    background-image: -o-linear-gradient(top, #7FACC2 0%, #5390AD 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7FACC2), color-stop(1, #5390AD));
    background-image: -webkit-linear-gradient(top, #7FACC2 0%, #5390AD 100%);
    background-image: linear-gradient(to bottom, #7FACC2 0%, #5390AD 100%);
    white-space: nowrap;
    cursor:pointer;
}

.imgbuttonshortblue{
    border-radius: 10px;
    color: #FFFFFF;
    display: inline;
    font-family:'Lato', Arial, Helvetica, sans-serif;
    font-weight:lighter;
    font-size:12px;
    padding: 3px 12px 2px;
    text-align: center;
    text-transform: uppercase;
    background-color: #5390AD;
    background-image: -ms-linear-gradient(top, #7FACC2 0%, #5390AD 100%);
    background-image: -moz-linear-gradient(top, #7FACC2 0%, #5390AD 100%);
    background-image: -o-linear-gradient(top, #7FACC2 0%, #5390AD 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7FACC2), color-stop(1, #5390AD));
    background-image: -webkit-linear-gradient(top, #7FACC2 0%, #5390AD 100%);
    background-image: linear-gradient(to bottom, #7FACC2 0%, #5390AD 100%);
    white-space: nowrap;
    cursor:pointer;
}

.imgbuttonblue:hover, .imgbuttonshortblue:hover{
	text-decoration:none !important
}

.imgbuttondarkblue{
    border-radius: 10px;
    color: #FFFFFF;
    display: inline;
    font-family:'Lato', Arial, Helvetica, sans-serif;
    font-weight:lighter;
    font-size:12px;
    padding: 5px 15px 4px;
    text-align: center;
    text-transform: uppercase;
    background-color: #5390AD;
    background-image: -ms-linear-gradient(top, #5390AD 0%, #0B6A9B 100%);
    background-image: -moz-linear-gradient(top, #5390AD 0%, #0B6A9B 100%);
    background-image: -o-linear-gradient(top, #5390AD 0%, #0B6A9B 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5390AD), color-stop(1, #0B6A9B));
    background-image: -webkit-linear-gradient(top, #5390AD 0%, #0B6A9B 100%);
    background-image: linear-gradient(to bottom, #5390AD 0%, #0B6A9B 100%);
    white-space: nowrap;
    cursor:pointer;
}

.imgbuttondarkblue:hover {
	text-decoration:none !important
}

.imgbuttondisabledblend{
    position:relative;
    top:-9px;
    border-radius: 10px;
    color: #FFFFFF;
    display: inline;
    font-family:'Lato', Arial, Helvetica, sans-serif;
    font-weight:lighter;
    font-size:12px;
    padding: 5px 15px 4px;
    text-align: center;
    text-transform: uppercase;
    background-color: #cedce7;
    background-image: -ms-linear-gradient(top, #cedce7 0%, #596a72 100%);
    background-image: -moz-linear-gradient(top, #cedce7 0%, #596a72 100%);
    background-image: -o-linear-gradient(top, #cedce7 0%, #596a72 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #cedce7), color-stop(1, #596a72));
    background-image: -webkit-linear-gradient(top, #cedce7 0%, #596a72 100%);
    background-image: linear-gradient(to bottom, #cedce7 0%, #596a72 100%);
    white-space: nowrap;
    cursor:not-allowed;
}

.imgbuttondisabled{
    border-radius: 10px;
    color: #FFFFFF;
    display: inline;
    font-family:'Lato', Arial, Helvetica, sans-serif;
    font-weight:lighter;
    font-size:12px;
    padding: 5px 15px 4px;
    text-align: center;
    text-transform: uppercase;
    background-color: #cedce7;
    background-image: -ms-linear-gradient(top, #cedce7 0%, #596a72 100%);
    background-image: -moz-linear-gradient(top, #cedce7 0%, #596a72 100%);
    background-image: -o-linear-gradient(top, #cedce7 0%, #596a72 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #cedce7), color-stop(1, #596a72));
    background-image: -webkit-linear-gradient(top, #cedce7 0%, #596a72 100%);
    background-image: linear-gradient(to bottom, #cedce7 0%, #596a72 100%);
    white-space: nowrap;
    cursor:not-allowed;
}

.imgbuttondisabled:hover, .imgbuttondisabledblend:hover{
	text-decoration:none !important
}

.chargeOptionsList{
    margin: 0px
}

.chargeOptionsList label,.chargeOptionsList input{
    display: inline;
    float: none;
    margin-top:0px;
    vertical-align: top;
}

.alternativeEnergy {
    color: #2CAF2B;
    font-weight: bold;
}

.questionEditDemolition  {
    width:842px;
}

.questionEditDemolition .questionItem {
    display:inline-block;
    padding:10px 10px 5px 10px;
}

.questionEditDemolition .left {
    display:block;
    width:640px;
    height:20px;
    float:left;
}

.questionEditDemolition .right {
    display:block;
    height:20px;
    width:180px;
    float:left;
}

.questionEditDemolition .questionList {
    width:98%;
}

.demolitionViewQuestions {
    background-color:#f1f7fa;
    padding:0px 10px 10px 20px;
}

.demolitionViewQuestions .questionEditDemolition {
    width:780px !important;
}

.demolitionViewQuestions h3 {
    width:758px !important;
}

.demolitionViewQuestions .questionEditDemolition .questionItem {
    display:inline-block;
    padding:5px 10px 0px 10px;
}

.demolitionViewQuestions .questionEditDemolition .left {
    display:block;
    width:660px;
    height:20px;
    float:left;
}

.demolitionViewQuestions .questionEditDemolition .right {
    display:block;
    height:20px;
    width:100px;
    float:left;
}

.demolitionViewQuestions .toggle-button {
    position:absolute;
    margin: 10px 0 0 -20px; 
}

.uploadControl {
    display:inline-block;
    padding:5px 0 0 10px;
}

/* Question styles View */

.questionList label, .questionListMulti label {
    margin-left:10px
}
.questionListMulti {
    margin-left:15px
}
.questionView {
    width:880px;
    min-height:20px; 
    line-height:20px
}
.questionView .left
{
    width:580px;
    float:left;
    padding:10px 0
}
.questionView .left .questionHelpText
{
    font-style: italic
}
.questionView .right
{
    width:280px;
    float:right;
    padding:10px 0
}
.questionView .right > input
{
    width:98%;
    border:hidden
}
.questionView .right > span
{
    display:block;
    padding-bottom:5px
}
.questionViewSplit {
    width:100%; 
    border-bottom:2px solid #ccc;
    clear:both
}

/* Question styles Edit*/

.questionEdit {
    width:880px;
    min-height:20px; 
    line-height:20px
}
.questionEdit .left
{
    width:580px;
    float:left;
    padding:10px
}
.questionEdit .left .questionHelpText
{
    font-style: italic
}
.questionEdit .right
{
    width:280px;
    float:right;
    padding:10px 0
}
.questionEdit .right .riSingle, .questionEdit .right > select
{
    width:265px !important;
    float:right;
}
.questionEdit .right > input, .questionEdit .right > textarea
{
    width:260px !important;
    float:right;
}
.questionEdit .right > span
{
    display:block;
    padding-bottom:5px
}
.questionEditSplit {
    width:100%; 
    clear:both
}
.panelSeperator{
    width:99%;
    border-bottom:1px solid #bbb;
    margin: 10px 0
}

/* Question styles ReadOnly*/

.questionReadOnly {
    width:785px;
    min-height:20px; 
    line-height:20px
}
.questionReadOnly .left
{
    width:485px;
    float:left;
    padding:10px
}
.questionReadOnly .left .questionHelpText
{
    font-style: italic
}
.questionReadOnly .right
{
    width:280px;
    float:right;
    padding:10px 0
}
.questionReadOnly .right .riSingle, .questionReadOnly .right > select
{
    width:265px !important;
    float:right;
}
.questionReadOnly .right > input, .questionReadOnly .right > textarea
{
    width:260px !important;
    float:right;
}
.questionReadOnly .right > span
{
    display:block;
    padding-bottom:5px
}

/* Occupancy scheduler */

.occupancyScheduler
{
    width: 880px;
    text-align: center
}
.occupancyScheduler .schedulerItem
{
    overflow: hidden;
    margin: 0 30px
}
.occupancyScheduler .category
{
    white-space: nowrap;
    cursor:pointer
}
.occupancyScheduler div.disabled
{
    background-color: #ddd;
    cursor:default
}
.occupancyScheduler div.selected
{
    background-color: #9FC4D8
}
.occupancyScheduler .category, .occupancyScheduler .selected
{
    float: left;
    width: 130px;
    height: 95px;
    border: 1px solid gray;
    margin: 2px;
    color:#000
}
.occupancyScheduler .category .month, .occupancyScheduler .selected .month
{
    font-size: 1.5em;
    font-weight: bold
}
.occupancyScheduler .category .day, .occupancyScheduler .selected .day
{
    font-size: 2em;
    font-weight: bold;
    margin: 2px
}
.occupancyScheduler .category .dayName, .occupancyScheduler .selected .dayName, .occupancyScheduler .category .remaining, .occupancyScheduler .selected .remaining
{
    font-size: .9em;
    font-weight: bold;
    margin: 2px
}
.occupancyScheduler .RadDataPager_Default
{
    display:none;
}
.occupancySchedulerLeft
{
    float:left;
    font-size:32px;
    margin:25px 0 0 
}
.occupancySchedulerRight
{
    float:right;
    font-size:32px;
    margin:25px 0 0 
}
.occupancySchedulerLeft:hover, .occupancySchedulerRight:hover
{
    text-decoration:none !important
}

/* Additional Contacts */

.additionalContacts > div {
    height:35px;
}
.additionalContacts .item {
    float:left;
    width:30%;
    margin: 5px 0;
}
.additionalContacts .delete {
    float:left;
    width:5%;
    margin: 8px 20px;
}
.additionalContacts > div > div label {
    display:inline;
    text-align:right;
    margin-left:50px
}

.additionalContactsNarrow > div {
    height:35px;
}
.additionalContactsNarrow .item {
    float:left;
    width:30%;
    margin: 5px 0;
}
.additionalContactsNarrow .delete {
    float:left;
    width:5%;
    margin: 8px 20px;
}
.additionalContactsNarrow > div > div label {
    display:inline;
    text-align:right;
    margin-left:10px;
    width:100% !important
}

.additionalContactsNarrow > div > div input, .additionalContactsNarrow > div > div select {
    width:180px !important
}

.loadingPanel
{
    z-index: 9999;
    position: absolute;
    top: 0;
    left: 10px;
    Width: 98%;
    Height: 95%
}

/* Occupancy Limits */
.occupancyLimits > div {
    height:35px;
}
.occupancyLimits .item {
    float:left;
    width:45%;
    margin: 5px 0;
}
.occupancyLimits .delete {
    float:left;
    width:5%;
    margin: 8px 20px;
}
.occupancyLimits > div > div label {
    display:inline;
    text-align:right;
    margin-left:50px
}

.occupancyRightDetail {
    width:470px;
    float:right;
    padding-right:10px
}
.imgbuttonright {
    display:block;
    height:15px;
    margin:10px;
    text-align:right
}

.one-column-list > div {
    float:left;
    width:858px;
    margin-bottom:5px
}
.one-column-list > div:nth-child(2n+1) {
    min-height:20px;
    padding:10px 10px;
    background: none repeat scroll 0 0 #d6edf9;
}
.one-column-list > div:nth-child(2n+2) {
     min-height:20px;
     padding:10px 10px;
}

.two-column-list > div, .two-column-list > li {
    float:left;
    width:418px;
    margin-bottom:5px
}
.two-column-list label {
    font-weight:bold
}
.two-column-list > div:nth-child(4n+1), .two-column-list > div:nth-child(4n+2), .two-column-list > li:nth-child(4n+1), .two-column-list > li:nth-child(4n+2){
    margin-right:2px;
    min-height:20px;
    padding:10px 10px;
    background: none repeat scroll 0 0 #d6edf9;
}
.two-column-list > div:nth-child(4n+3), .two-column-list > div:nth-child(4n+4), .two-column-list > li:nth-child(4n+3), .two-column-list > li:nth-child(4n+4){
     min-height:20px;
     padding:10px 10px;
}
.two-column-list > div:nth-child(odd):last-child, .two-column-list > li:nth-child(odd):last-child
{
    width:858px;
}

.two-column-compact-list > div, .two-column-compact-list > li {
    float:left;
    width:418px;
}
.two-column-compact-list label {
    font-weight:bold
}
.two-column-compact-list > div:nth-child(4n+1), .two-column-compact-list > div:nth-child(4n+2), .two-column-compact-list > li:nth-child(4n+1), .two-column-compact-list > li:nth-child(4n+2){
    margin-right:2px;
    min-height:10px;
    padding:5px 10px;
    background: none repeat scroll 0 0 #d6edf9;
}
.two-column-compact-list > div:nth-child(4n+3), .two-column-compact-list > div:nth-child(4n+4), .two-column-compact-list > li:nth-child(4n+3), .two-column-compact-list > li:nth-child(4n+4){
     min-height:10px;
     padding:5px 10px;
}
.two-column-compact-list > div:nth-child(odd):last-child, .two-column-compact-list > li:nth-child(odd):last-child
{
    width:858px;
}

/* Crew Usage Widget */
.crewUsage {
    display:block;
    border:1px solid #106E9D;
   /* border-radius:5px 5px 0 0*/
}

.crewUsage .icons {
    color:#fff;
    cursor:default;
}

.crewUsage .clickIcon {
    color:#fff;
    cursor:pointer;
    margin:0px 10px;
}

.crewUsage h3{
    height:15px;
    text-align:center
}

.crewUsage .leftIcon {
    float:left
}

.crewUsage .wardPrecinct {
    background-color:#F1F7FA;
    padding:5px
}

.crewUsage .navigationPane{
    height:32px;
    text-align:center;
    padding:5px
}

.crewUsage .arrowLeft {
    float:left;
    margin-left:30px;
    font-size:25px;
}

.crewUsage .arrowRight {
    float:right;
    margin-right:30px;
    font-size:25px;
}

.crewUsage .leftIcon:hover {
    text-decoration:none !important;
    color:#F2AC42 !important;
    cursor:pointer
}

.crewUsage .arrowLeft :hover, .crewUsage .arrowRight :hover, .crewUsage .clickIcon:hover {
    text-decoration:none !important;
    color:#E86100 !important
}

.SmallCaps{
    font-variant:small-caps;
    text-transform:capitalize;
}

.Uppercase{
    text-transform:uppercase;
}

.Lowercase{
    text-transform:lowercase;
}

.Propercase {
    text-transform: capitalize;
}

.row {
    width:100%;
}

.row::after {
    clear: both;
    content: ".";
    display: block;
    height: 10px;
    visibility: hidden;
}

.row .col-sm-6 {
    width:49.7%; 
    float:left;
    margin:0px 1px;
}

.row .col-6 {
    width: 48%;
    float: left;
    padding: 0 15px 0 0;
}

.row .col-6 label {
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.row .header {
	font-size:12px;
    font-weight:bold;
	margin:0;
	position:relative;
	color:#fff;
	background:#106E9D;
	padding:8px 12px;
}

.row .content {
    min-height:70px;
    padding:10px;
    border:1px solid #6ba4c0;
}

.row .pull-right {
    float:right !important;
}

.grid-table {
    margin:auto;
    width:95%;
    border:1px solid #ccc !important;
    background-color:#fff;
    font-variant:normal !important;
    text-transform:unset !important
}
.grid-table thead tr:nth-child(1) td:nth-child(1n+2) {
    border-bottom:1px solid #eee;
    background-color:#eee;
}

.grid-table tr td:nth-child(1) {
    background-color:#eee;
}

.highlight-Field {
    display: none !important
}
.highlight-Field[style*="inline"] ~ input,
.highlight-Field[style*="inline"] ~ select,
.highlight-Field[style*="inline"] ~ textarea,
.highlight-Field[style*="inline"] ~ div.RadCheckBoxList,
.highlight-Field[style*="inline"] ~ div.RadEditor,
.highlight-Field[style*="inline"] ~ div.RadPicker .RadInput>input,
.highlight-Field[style*="inline"] ~ .RadInput>input,
.highlight-Field[style*="inline"] ~ .RadAutoCompleteBox > div,
.highlight-Field[style*="inline"] ~ .RadAsyncUpload,
.highlight-Field[style*="inline"] ~ table {
    background-color: #f2dede !important;
    border: 1px solid #a94442 !important;
    -webkit-transform: translateZ(0) !important;
    -moz-transform: translateZ(0) !important;
    -ms-transform: translateZ(0) !important;
    -o-transform: translateZ(0) !important;
    transform: translateZ(0) !important;
}
.highlight-Field[style*="inline"] ~ input[type*="checkbox"] ~ label
{
    padding: 2px 5px;
    margin: 0px 2px;
    background-color: #f2dede !important;
    border: 1px solid #a94442 !important;
    -webkit-transform: translateZ(0) !important;
    -moz-transform: translateZ(0) !important;
    -ms-transform: translateZ(0) !important;
    -o-transform: translateZ(0) !important;
    transform: translateZ(0) !important;
}

.gridTableInner {
    border-collapse:collapse;
    border:1px solid #ccc;
    background-color:#f1f7fa;
}

.newHcViolationRow {
	color:#000;
	background:#f3f311;
	font-weight:bold;
    padding: 4px 7px 3px 7px;
}

.checkbox-list input {
    margin-right:5px
}

.auto-complete-to-list {
    max-height:150px;
    overflow:auto;
}

.separatorLine {
    width: 100%;
    margin: 5px 0;
    height: 1px;
    background-color: #ccc;
    display: block;
}

.row-detail {
    display:block;
    width:100%;
    margin:8px 15px 2px 5px;
    color:#333;
    font-style:italic;
    vertical-align:top !important
}

.row-detail strong {
    vertical-align:top !important
}

.loggedInAs {
    display:block;
    width:100%;
    height:20px;
    padding:10px 5px 5px 5px;
    text-align:center;
    color: #846404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

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

.d-inline {
    display:inline;
}

.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}