﻿html{overflow:-moz-scrollbars-vertical!important;overflow-y:scroll}
body{background-color:#fff;font-size:13px;line-height:1.6;font-family:Arial,"Helvetica Neue",Helvetica,Sans-Serif;margin:0;padding:0;color:#696969}
a:link{color:#44444d;text-decoration:underline}
a:visited{color:#44444d}
a:hover{color:#446d44;text-decoration:none}
a:active{color:#1d60ff}
p,ul{margin-top:0;margin-bottom:10px;line-height:1.6em}
img{border:0}
h1,h2,h3,h4,h5,h6{font-size:1.5em;color:#000;margin-top:0;font-weight:normal}
h1{font-size:2.2em;padding-bottom:0;margin-bottom:10px}
h2{font-size:1.4em;color:#666;padding:1px;padding-bottom:5px;border-bottom:solid 1px #ccc}
h3{font-size:1.2em}
h4{font-size:1.1em}
h5,h6{font-size:1em}
.rightColumn>h1,.rightColumn>h2,.leftColumn>h1,.leftColumn>h2{margin-top:0}
.page{width:100%;margin:0}
.pageWidth{position:relative;width:960px;margin:0 auto}
#headerSection{margin-bottom:0;color:#000;padding:0;height:139px;background:#99C2D6 url('images/water_header.png') no-repeat left top}
#menuSection{background:#3597C9 url('images/nav_gradient_dn.png') repeat-x left top}
#submenuSection{background-color:#f3f3f3;border-top:solid 1px #88a;border-bottom:solid 1px #ddd;min-height:5px}
#submenu{color:#bbb}
#submenu a{padding:6px 4px 5px 4px;color:#666;text-decoration:none;outline:0;background-position:center bottom;background-repeat:no-repeat;display:inline-block;position:relative;top:1px}
#submenu a:hover{color:#3A6C9C}
#submenu a.current{color:#3a6c9c;font-weight:bold;background-image:url(images/submenu-current.png)}
#mainSection{padding:20px 0 30px 0;background-color:#fff;margin-bottom:30px;min-height:300px;_height:1px}
#breadcrumbs{padding:10px 0 0 3px;color:#f0eeee;font-weight:bold;font-size:12px}
#breadcrumbs a{color:#fff;text-decoration:none}
.breadcrumbSeperator:last-child{display:none}
h1#pageHeading{color:#fff;margin:0;padding:5px 0 0 0}
#footerBreak{height:6px;background-color:#f3f3f3;border-top:solid 1px #ddd;clear:both}
#footerSection{padding-top:10px;clear:both;background:#99C2D6 url('images/water_footer.png') no-repeat right top;color:#fff;height:100px}
#footerSection a{color:#fff;text-decoration:none;text-transform:uppercase}
#footerSection a:hover{text-decoration:underline}
#footerSection ul{list-style:none;text-align:center;padding:10px 0;margin:0}
#footerSection ul li{display:inline;margin:0 6px}
#headerSection img.logo,#footerSection img.logo{position:absolute}
#headerSection img.codeblue{top:32px}
#footerSection img.acc{left:120px;top:44px}
#footerSection img.coastguard{left:400px;top:46px}
#footerSection img.slsnz{right:10px;top:42px}
.isProposed{font-style:italic}
.isExisting{font-style:italic}
ul#menu{padding:2px 0 2px 0;position:relative;margin:0;margin-bottom:0;height:35px}
ul#menu li{display:block;list-style:none;float:left;padding-top:4px;border-bottom:solid 1px #ccd;margin-right:5px}
ul#menu li a{font-size:15px;padding:7px 15px 0 15px;font-weight:normal;text-decoration:none;background-color:#e3e3e3;color:#3C67a2;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px;outline:0;height:25px;display:block;border-bottom:solid 1px #ddd}
ul#menu li a:hover{background-color:#fff;text-decoration:none;border-bottom:solid 1px #eee}
ul#menu li a:active{background-color:#fff;text-decoration:none}
ul#menu li.selected a{background-color:#fff;color:#000}
ul#menu li#homeTab{padding-top:0}
ul#menu li#homeTab a{font-size:24px;height:29px;background-image:url(images/home-icon.png);background-position:center 7px;background-repeat:no-repeat;padding-left:25px;padding-right:25px}
ul#menu li.current{border-bottom:solid 1px #f3f3f3}
ul#menu li.current a{background-color:#f3f3f3;border-bottom:solid 1px #f3f3f3}
fieldset{border:solid 1px #ccc;padding:8px;margin-bottom:8px;border-radius:8px;width:100%;height:100%;background-color:#fafafa}
.narrowFieldset{width:auto!important;margin-right:15px!important}
.mediaItemFieldset,.mediaItemDiv{float:right;width:auto}
legend{font-weight:normal}
input[type="text"],input[type="password"]{border:1px solid #A3;padding:3px}
#popupBody input[type="text"]{width:160px}
input[type="password"]{width:160px;border:1px solid #CCC}
input.customButton,input.customButton{padding:6px 10px;min-width:50px;background-image:url(images/button-background.png);background-position:left center;background-repeat:repeat-x;border:0;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;cursor:pointer;line-height:1}
input[type="submit"]:hover,input[type="button"]:hover{background-image:url(images/button-background-on.png)}
input.wideInput,textarea.wideInput{width:95%!important}
textarea{width:95%;height:50px;border:1px solid #CCC;padding:3px;font-family:Arial,"Helvetica Neue",Helvetica,Sans-Serif;min-height:75px}
select{width:300px;padding:3px 3px 3px 0;border:1px solid #CCC}
.selectNarrow{width:150px!important;padding:3px 3px 3px 0;border:1px solid #CCC}
.dataForm label{display:block;float:left;clear:left;width:130px;margin-bottom:10px;vertical-align:top;color:#333}
.dataFormWide label{display:block;float:left;clear:left;width:200px;margin-bottom:5px;vertical-align:top;color:#333}
.dataForm .topLabel label{display:block;margin-bottom:2px;float:none;clear:none;padding-right:0}
.dataFormRow{position:relative;margin:5px 0;clear:left;min-height:21px}
.dataFormRow .dataFormField{padding-left:150px}
.formColumn{display:inline-block;vertical-align:top;width:100%}
.formColumnSlider{display:inline-block;text-align:center}
.formColumnSlider label{display:block;float:none;width:107px;padding:0}
.formColumn.column1{width:330px}
.formColumn.column2{width:300px}
.formColumnLarge{display:block;margin-bottom:2px;float:none;clear:none;padding-right:0}
input.hasDatepicker{width:100px}
.horizontalCheckBox{float:left;text-align:center;width:60px}
.horizontalCheckBox label{display:block;width:auto;text-align:center;float:none;padding:0;margin:0}
table{border:solid 1px #e8eef4;border-collapse:collapse}
table td{padding:5px;border:solid 1px #e8eef4}
table th{padding:6px 5px;text-align:left;background-color:#e8eef4;border:solid 1px #e8eef4}
table.listTable{width:100%;background-color:#fafafa}
td.proposed{width:20px}
td.mainColumn{font-weight:bold;max-width:350px;min-width:150px;vertical-align:top;horiz-align:left}
td.booleanCellTrue{background-color:#d3fb95!important;text-align:center}
td.booleanCellFalse{text-align:center}
.noBorder td{border:0}
.monthToggleButton label{display:block;width:60px;margin-bottom:10px;vertical-align:top;color:#333;text-align:center}
.selectAllButton{width:110px;text-align:center;padding-top:10px}
.monthItem{font-size:medium;padding:4px;margin-right:5px}
.monthItem.selected{background:#bdf;-moz-border-radius:80px;-webkit-border-radius:80px}
.listItemHeading{background-color:#e8eef4;width:100%;font-weight:bold}
.dialogHeading{background-color:#e8eef4;width:100%;font-weight:bold}
.viewLink{float:right}
.clear{clear:both}
.error{color:Red}
div#title{float:left}
#logindisplay{margin-top:5px;margin-left:400px;text-align:right;color:White;float:right}
#logindisplay a:link{color:white;text-decoration:underline}
#logindisplay a:visited{color:white;text-decoration:underline}
#logindisplay a:hover{color:white;text-decoration:none}
.sideColumnFrame .mainColumn{margin-right:320px}
.sideColumnFrame .sideColumn{float:right;width:300px}
.frame{border:solid 1px #e8e8e8;background-color:#f9f9f9;padding:10px;margin:0 0 15px 0;border-radius:4px}
.frame h3{margin-bottom:5px}
.comments{width:100%;padding-right:10px;padding-left:10px;vertical-align:top}
.commentsLabel{font-weight:bold;display:block}
.comments.dialog{width:80%}
.implementationSummaryTable{width:100%;margin-bottom:20px}
.implementationSummaryTable tr td{font-size:12px}
.implementationSummaryTable tr.hasRecommendation td{background-color:#ffd}
.implementationSummaryTable tr td.implementationSummaryTableFactor{border-width:0!important;font-size:16px;font-weight:bold;padding-top:10px}
.field-validation-error{color:#f00}
.field-validation-valid{display:none}
.input-validation-error{border:1px solid #f00!important;background-color:#fee!important}
.validation-summary-valid{display:none}
.display-label,.editor-label{margin:1em 0 0 0}
.display-field,.editor-field{margin:.5em 0 0 0}
.text-box.multi-line{height:6.5em}
.tri-state{width:6em}
#searchBar{width:780px}
#searchBar label.searchBoxLabel{float:left;display:block;padding-right:8px;padding-top:3px;font-size:14px;font-weight:bold;color:#989898;margin:0}
.searchResultsOverlay{display:none;position:absolute;background-color:#fff;text-align:center;vertical-align:middle;color:#787878;font-weight:bold;font-size:16px;line-height:50px}
.searchResultsOverlay img{margin-top:10px}
#searchResultsArea{position:relative;margin-top:10px}
#searchResultsTable{width:800px}
#searchResultsTable th{vertical-align:bottom}
#searchResultsTable a{text-decoration:none;font-weight:bold}
.quickLinks a{display:block}
.ajaxDialog{text-align:center;padding-top:20px}
.ajaxDialog .ui-dialog-titlebar{background:0;text-align:center;border:0;padding-top:22px!important}
.ajaxDialog .ui-dialog-title{float:none!important;margin:0!important;color:#556}
.ajaxDialog .ui-dialog-content{color:#556;line-height:1.8}
.ajaxDialog .ui-dialog-titlebar-close{display:none!important}
#feedbackMessage,.validationSummary{border:solid 1px #ded;background-color:#f3fff3;padding:8px 10px;display:none;margin:0 0 20px 0}
.feedbackNegative,.validationSummary{border:solid 1px #900!important;background-color:#fee!important;color:#900}
.feedbackPositive{border:solid 1px #BFE0B8!important;background-color:#DFF0D8!important;color:#888}
.validationSummary li{margin:0;list-style-type:none;padding:0}
.validationSummary ul{margin:0;padding:0}
.invalidField{background-color:#fff3f3;border-color:#900!important}
.formButtons{margin-left:135px;margin-top:10px;color:#bbb}
.popupButtons{vertical-align:middle;color:#bbb;text-align:center}
.formButtons button,.formButtons .saveButton{padding:3px 15px;margin-right:7px;margin-bottom:20px}
.formButtons a{display:inline-block;margin-left:5px;text-decoration:none;color:#787878}
.validationSummary{background-color:red;padding:10px;border:solid 1px black;cursor:pointer}
.fieldValidationError{display:inline-block;font-weight:bold;color:#fff!important;background-color:#900;padding:1px 0 0 0;text-align:center;height:23px;width:23px;vertical-align:top;cursor:help}
.ui-combobox{vertical-align:middle;height:16px}
.ui-button-combobox{vertical-align:middle;width:25px!important}
.ui-button-combobox .ui-button-text{padding-top:1px!important;padding-bottom:1px!important}
.numeric-slider{display:inline-block}
.numeric-slider .ui-slider-vertical{margin:0 auto;margin-top:10px;margin-bottom:10px}
.numeric-slider .ui-slider-horizontal{width:200px;display:inline-block}
.numeric-slider input[type='text']{width:34px;border-radius:5px;text-align:center;padding:3px}
.numeric-slider.vertical input[type='text']{margin:0 auto 10px;display:block}
.riskMonthTotalLabel{font-weight:bold;text-align:center}
.riskMonthTotalValue{text-align:center}
.riskControl{padding:15px 20px;margin-bottom:20px;border:solid 1px #ddd;border-radius:10px;background-color:#f9f9f9}
.riskControl h3{margin:0 0 5px 0;font-weight:normal;color:#000}
.riskRatingControl{width:52px;float:left}
.riskRatingControl .riskRatingLabel{text-align:center;padding:2px;margin-right:1em}
.sliderControl .riskRatingText{width:34px;border-radius:5px;text-align:center;padding:3px}
.sliderControl .riskRatingSlider{margin-left:12px;margin-top:10px}
.sliderControl .commentsSection{padding-top:20px}
.sliderControl .commentsSection input{width:450px}
.sideNav{float:left;width:140px}
.sideNav h3{font-weight:bold;margin:0 0 4px 0;padding:0;font-size:14px;color:#606060}
.sideNav a{text-decoration:none;display:block;padding:3px 0;color:#717171}
.sideNav a:hover{color:#3a6c9c}
.sideNav a.current{color:#3a6c9c;font-weight:bold}
div.current a{color:#3a6c9c;font-weight:bold}
#popupBody{background-color:White}
.field-validation-error{display:none}
.mediaItemPhotoThumbnail{border:solid 1px #ddd;padding:2px}
.mediaItemPhotoPlaceholder{width:190px;height:135px;padding-top:115px;background-color:#f5f6f7;text-align:center;color:#bbb}
.reportCriteriaBlock{padding:10px;border:solid 1px #ddd;background-color:#f6f6f6;border-radius:9px;margin-bottom:20px}
.multiselect{width:510px;height:200px}
.narrowMultiSelect{width:300px;height:200px}
.largeMultiSelect{width:700px;height:400px}
#switcher{margin-top:20px}
.ui-multiselect{border:solid 1px;font-size:.8em;margin-bottom:20px;display:inline-block!important}
.ui-multiselect ul{-moz-user-select:none}
.ui-multiselect li{margin:0;padding:0;cursor:default;line-height:20px;height:20px;font-size:11px;list-style:none}
.ui-multiselect li a{color:#999;text-decoration:none;padding:0;display:block;float:left;cursor:pointer}
.ui-multiselect li.ui-draggable-dragging{padding-left:10px}
.ui-multiselect div.selected{position:relative;padding:0;margin:0;border:0;float:left}
.ui-multiselect ul.selected{position:relative;padding:0;overflow:auto;overflow-x:hidden;background:#fff;margin:0;list-style:none;border:0;position:relative;width:100%}
.ui-multiselect div.available{position:relative;padding:0;margin:0;border:0;float:left;border-left:1px solid}
.ui-multiselect ul.available{position:relative;padding:0;overflow:auto;overflow-x:hidden;background:#fff;margin:0;list-style:none;border:0;width:100%}
.ui-multiselect ul.available li{padding-left:10px}
.ui-multiselect .ui-state-default{border:0;margin-bottom:1px;position:relative;padding-left:20px}
.ui-multiselect .ui-state-hover{border:0}
.ui-multiselect .ui-widget-header{border:0;font-size:11px;margin-bottom:1px}
.ui-multiselect .add-all{float:right;padding:7px}
.ui-multiselect .remove-all{float:right;padding:7px}
.ui-multiselect .search{float:left;padding:4px}
.ui-multiselect .count{float:left;padding:7px}
.ui-multiselect li span.ui-icon-arrowthick-2-n-s{position:absolute;left:2px}
.ui-multiselect li a.action{position:absolute;right:2px;top:2px}
.ui-multiselect input.search{height:14px;padding:1px;opacity:.5;margin:4px;width:100px}
.qq-uploader{position:relative;width:100%}
.qq-upload-button{display:block;width:105px;padding:7px 0;text-align:center;background:#800;border-bottom:1px solid #ddd;color:#fff}
.qq-upload-button-hover{background:#c00}
.qq-upload-button-focus{outline:1px dotted black}
.qq-upload-drop-area{position:absolute;top:0;left:0;width:100%;height:100%;min-height:70px;z-index:2;background:#FF9797;text-align:center}
.qq-upload-drop-area span{display:block;position:absolute;top:50%;width:100%;margin-top:-8px;font-size:16px}
.qq-upload-drop-area-active{background:#FF7171}
.qq-upload-list{margin:15px 35px;padding:0;list-style:disc}
.qq-upload-list li{margin:0;padding:0;line-height:15px;font-size:12px}
.qq-upload-file,.qq-upload-spinner,.qq-upload-size,.qq-upload-cancel,.qq-upload-failed-text{margin-right:7px}
.qq-upload-spinner{display:inline-block;background:url("loading.gif");width:15px;height:15px;vertical-align:text-bottom}
.qq-upload-size,.qq-upload-cancel{font-size:11px}
.qq-upload-failed-text{display:none}
.qq-upload-fail .qq-upload-failed-text{display:inline}
.ui-timepicker-div .ui-widget-header{margin-bottom:8px}
.ui-timepicker-div dl{text-align:left}
.ui-timepicker-div dl dt{height:25px}
.ui-timepicker-div dl dd{margin:-25px 0 10px 65px}
.ui-timepicker-div td{font-size:90%}
.map-loading-overlay{position:absolute;width:100%;display:none;z-index:999;border:0;background-color:White;opacity:.5}
.map-loading{margin-top:30%}
.map-loading .image{background-image:url('images/ajax-loader.gif');height:48px;width:48px;opacity:1.0;margin:0 auto}
.loadingImage{background-image:url('images/ajax-loader.gif');background-repeat:no-repeat;background-position:right;height:50px}
.map-loading h2,.map-loading h3{border:0;opacity:1.0;color:Black;text-align:center}
.mapContainer{margin:0;margin-bottom:20px;border-width:5px;border-style:solid;border-color:#99C2D6}
.infoWindow{max-width:350px;font-style:italic}
.imageFrame{vertical-align:top;float:left;padding:2px;height:350px;max-height:350px}
.imageFrameContainer{width:auto!important}
.imageTitle{font-weight:bold;text-align:center}
.image{max-height:260px}
.mapImage{width:480px;vertical-align:middle}
.mapImageFrame{background-color:#f5f6f7;text-align:center;color:#bbb}
.profileImage{width:190px;float:left}
a.recommendationStatusActionButton{float:right;border:solid 1px black;background-color:green;color:Black;width:20px;display:inline-block;text-align:center;margin-left:5px;text-decoration:none}
a.recommendationStatusActionButton.approve{background-color:#aae6aa;border-color:#020;color:#010;width:40px}
a.recommendationStatusActionButton.deny{background-color:#e6aaaa;border-color:#200;color:#100}
a.recommendationStatusActionButton.approve:hover{background-color:#5f5}
a.recommendationStatusActionButton.deny:hover{background-color:#e55}
.statusSection{position:relative;padding-top:42px}
.statusArrows{padding-left:1px;z-index:1000;position:absolute;top:0;left:0}
.statusArrow{float:left;padding-top:12px;padding-right:7px;height:30px;text-align:center;width:148px;color:#013f5f;position:relative;background-image:url(images/progress-arrows/arrow-unselected.png);font-weight:normal;display:block;vertical-align:top}
.statusArrowCurrent{height:34px;background-image:url(images/progress-arrows/arrow-selected.png)}
.auditActionGroup{overflow:auto;padding:20px;border:solid 4px #89B8D2;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}
.auditAction{float:left;margin-right:10px;margin-bottom:10px}
.inprogress{padding-right:22px;background-image:url(images/loading-small.gif);background-repeat:no-repeat;background-position:center right}
.pager{margin:10px 0}
.pager .current{font-size:12pt;font-weight:bold;text-decoration:none}
.pager a{font-size:11pt;margin-right:5px}
.pageTitleButton{float:right;margin-left:5px;margin-right:5px;margin-top:-5px}
.navButton{background-color:#0d73a6;border:solid 1px #344c64;background-image:url(images/nav_button_gradient.png);background-position:left bottom;background-repeat:repeat-x;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;color:#fff;padding:5px 12px;font-size:16px;display:inline-block;vertical-align:top}
a.navButton{color:#fff;text-decoration:none}
a.navButton:hover{background-image:url(images/nav_button_gradient_on.png)}
.navButton form{display:inline}
.navButton input[type=text]{border:solid 1px #344c64;padding:4px}
#mainSection .pageWidth{min-height:200px;padding-bottom:0}
#sortable{list-style-type:none;margin:0;padding:0}
#sortable li{margin:0 5px 5px 5px;padding:3px;width:95%}
.sortableDraggable{margin-bottom:10px!important;margin-top:10px!important;font-weight:bold!important;background-image:url(images/draggable.png);background-position:right;background-repeat:no-repeat;background-color:#aaa;background-size:20px;cursor:move}
#sortable li.current{background-color:#afa!important}
#sortable li .label{font-style:italic;font-size:10pt}
#sortable li h4{background-repeat:no-repeat;background-position:right;margin:4px 10px 4px 0}
.selectedRow,.selectedRow td{background-color:#FFFAAA!important;cursor:pointer}
.selectedRow td.booleanCellTrue{color:#D3FB95;background-color:#D3FB95!important;text-align:center}
.siteRow{font-weight:bold}
.ui-state-active.toggleButton{background:#bdf}
.removeClass{font-size:10pt;font-weight:bold;text-decoration:none!important;text-align:right;display:none;margin-left:15px;color:#666}
.removeClass:hover{color:#3A6C9C}
li.multiselectDropdown{list-style-type:none}
ul.multiselectDropdown{margin-left:0;padding:0}
li.multiselectDefault{list-style-type:disc;margin-left:20px}
.recommendationSymbol{float:right;width:160px;text-align:center}
.recommendationSymbol img{width:125px}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #a3a3a3!important;background:#e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#555}
.ui-state-disabled{opacity:.5!important}
