﻿body{background:#FFF url(img/back.jpg) repeat-x;font-family:Verdana,Arial,Sans-Serif;}
.containerSlim{width:1024px;height:100%;text-align:left;clear:both;background-position:center;padding-bottom:0;background-color:#FFF;border-color:#000;border-style:solid;border-width:1px;margin:20px auto 0;}
.bannerLeft{position:relative;z-index:200;float:left;vertical-align:top;}
.adjustMenuSlim{width:600px;position:relative;z-index:900;text-align:left;float:left;top:3px;margin:0;padding:0;}
.cwppraFundedSlim{position:relative;float:right;margin-top:-75px;margin-right:115px;z-index:700;font-family:'Trebuchet MS',Georgia,Times,Times New Roman,sans-serif;font-size:14px;color:#FFF;}
.footSlim{clear:both;position:relative;top:0;margin-right:0;margin-left:0;margin-bottom:0;padding-bottom:0;height:159px;}
.footerCitation {position:relative; margin-left: 65px; margin-right: 65px; padding-bottom:20px; color: #808080;}
.mainContent{font-family:Arial;padding:0 0 0 10px;}
.mainContent p{position:relative;clear:both;margin:5px 0 0;}
.inputLabel{position:relative;display:block;width:9em;text-align:left;float:left;font-weight:700;font-size:10pt;font-family:Arial;margin:0;padding:0;}
.stationTextBox,.watermarked{width:16.5em;}
.watermarked{color:Gray;font-weight:100;font-style:italic;text-align:center;}
.stationNumberControl{width:6em;}
.dateControls{width:8em;}
.dateRange,.format,.validator{font-size:smaller;font-weight:100;}
.checkBox{position:relative;float:left;font-size:smaller;margin:0;}
.firstRadioButton{position:absolute;left:8.4em;}
.secondRadioButton{position:absolute;left:13.4em;}
.thirdRadioButton{position:absolute;left:18.4em;}
.chartGalleryThumbnails{height:180px;width:325px;}
.completionListPanel{color:windowtext;border:buttonshadow;cursor:default;text-align:left;list-style-type:none;max-height:300px;min-height:0;height:auto;overflow:hidden;z-index:5000;background-color:#FFF;border-style:solid;border-width:thin;margin:0!important;padding:0;}
.completionListHighlightedItem{background-color:#FF9F1F;}
.completionListItem{background-color:#FFF;}
.Progress{background-color:#FF9F1F;color:#FFF;font-weight:700;}
.Progress img{vertical-align:middle;margin:2px;}
.hydroDateGroup{width:40em;border-style:solid;border-width:1px 0;padding:3px 0;}
.txtContinuousDuration,.txtWeatherDuration{width:3.5em;}
.ddlContinuousDurationUnits,.ddlWeatherDurationUnits{width:5.5em;}
.weatherStations{width:25em;}
.clsDragWindow{border:solid 2px #000;background-color:#666;position:absolute;display:none;}
.imgInfo{position:relative;top:4px;margin:0;padding:0;}
.existsLabel{z-index:110;left:110px;color:#60f;font-weight:700;}
#lblNoObservationsForStation{color:Red;font-weight:700;}
.buttons{width:105px;}
.chartingFrame{width:1010px;min-height:1400px;height:auto!important;margin:5px 0 0;padding:0;}
.inputControl,.stationTypeControl{width:17em;}

#map{width:900px !important;height:400px !important;position:absolute;top:50px;left:25px;}
#dialogMapDiv{width:950px;height:510px;position:absolute;z-index:500;display:none;background:#F4F0EC url(images/ui-bg_inset-soft_100_f4f0ec_1x100.png) 50% bottom repeat-x;border: 1px solid #E0CFC2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
#dialogMap{position:absolute;display:none;background-color:#AAA;opacity:.35;z-index:400;text-align:center;width:100%;height:100%;top:0;left:0;}
#toggle{position:absolute;left:75px;top:57px;z-index:100;width:170px;}
#instruct{position:absolute;left:10px;top:20px;}

#crmsLeg{position:absolute;left:65px;top:469px;}
#crmsLegText{position:absolute;left:76px;top:465px;}
#statLeg{position:absolute;left:205px;top:469px;}
#statLegText{position:absolute;left:216px;top:465px;}

#close{position:absolute;left:865px;top:465px;width:60px;}
#closeButton{position:absolute;left:929px;top:5px;cursor:pointer;}
#clear{position:absolute;left:725px;top:465px;width:120px;}
#results{width:300px;height:30px;border:1px solid #000;overflow:auto;display:none;}
#station{position:absolute;left:30px;top:430px;color:White;}

.menu{font-family:arial, sans-serif !important;width:600px;position:relative;font-size:12px !important;z-index:900;top:-42px;float:left;margin-bottom:0;margin-top:0;padding:0;}
.menu ul li a,.menu ul li a:visited{font-family:arial, sans-serif !important;font-size:12px !important;display:block;text-decoration:none;width:85px;height:20px;text-align:center;color:#fff;line-height:20px;font-size:12px;overflow:hidden;}
.menu ul{list-style:none;margin:0;padding:0;}
.menu ul li{float:left;position:relative;}
.menu ul li:hover a{color:#fff;background:#CA6300;}
.menu ul li:hover ul{display:block;position:absolute;top:20px;left:0;width:95px;}
.menu ul li:hover ul li a{display:block;background:#CA6300;color:#fff;width:130px;border:1px solid #fff;}
.menu ul li:hover ul li a:hover{background:#F0A763;color:#fff;width:130px;}
.menu ul li:hover ul li:hover ul{display:block;position:absolute;left:152px;top:0;}
.menu ul li:hover ul li:hover ul.left{left:-95px;}
.menu ul li ul,.menu ul li:hover ul li ul{display:none;}
.menu ul li:hover ul li a.hide,.menu ul li:hover ul li:hover a.hide{background:#CA6300;color:#fff;}
.menu ul li ul li a { width:150px !important; }