.toolBlock .toolHexBox{background:url('/cdo-web/images/promos/bg_hex_med.png') center center no-repeat transparent;text-align:center;margin-bottom:10px;height:114px}
.toolBlock a.title{font-size:1.2em;font-family:'Bitter',Cambria,Georgia,Palatino,serif}
.toolBlock a.link{font-size:.9em;margin-top:5px}
.toolBlock p{line-height:1.4em;padding:0 10px}
.toolBlock a.image{display:block;width:106px!important;height:114px!important;background-color:transparent!important;float:none!important;margin:auto;font-size:0;overflow:hidden;text-indent:-9999px}
.toolBlock .image.station{background:url('/cdo-web/images/icons/datatools/findastation_90x90.png') center center no-repeat transparent}
.toolBlock .image.location{background:url('/cdo-web/images/icons/datatools/selectalocation_90x90.png') center center no-repeat transparent}
.toolBlock .image.normals{background:url('/cdo-web/images/icons/datatools/normals_90x90.png') center center no-repeat transparent}
.toolBlock .image.normals{background:url('/cdo-web/images/icons/datatools/normals_90x90.png') center center no-repeat transparent}
.toolBlock .image.daily{background:url('/cdo-web/images/icons/datatools/daily_90x90.png') center center no-repeat transparent}
.toolBlock .image.lcd{background:url('/cdo-web/images/icons/datatools/lcd_90x90.png') center center no-repeat transparent}
.toolBlock .image.marine{background:url('/cdo-web/images/icons/datatools/marine_90x90.png') center center no-repeat transparent}
.toolBlock.legacy .toolHexBox{background-image:url('/cdo-web/images/promos/bg_hex_med_blue.png')}
.toolBlock.legacy .image.storm{background:url('/cdo-web/images/icons/datatools/storm_90x90.png') center center no-repeat transparent}
.toolBlock.legacy .image.severe{background:url('/cdo-web/images/icons/datatools/severe_90x90.png') 46% 54% no-repeat transparent}
.toolBlock.legacy .image.charts{background:url('/cdo-web/images/icons/datatools/charts_90x90.png') 59% 57% no-repeat transparent}
.toolBlock.legacy .image.model{background:url('/cdo-web/images/icons/datatools/model_90x90.png') center center no-repeat transparent}
#place{width:100%}
#dataset{width:100%}
.findstation #content{_height:720px;min-height:720px}
.findstation .findStationControlsColumn{width:35%;margin-right:3%}
.findstation .findStationControls fieldset{width:100%}
.findstation .findStationMapColumn{width:62%;position:relative}
.findstation .findStationMap{height:500px;width:100%}
.findstation .findStationColumn{float:left;vertical-align:top;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.findStationColumn label{display:inline-block;margin:0 0 .25em 0}
.findstation .findStationColumn input,.findstation .findStationColumn select{display:block;margin:0 0 2em 0;padding:10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}
.findstation #content .dataCategoryList{list-style-type:none;padding:0;margin:0;border:1px solid #ccc;overflow:auto;height:250px;margin-bottom:1em}
.findstation #content .dataCategoryList li{border-bottom:1px solid #ccc;padding:10px 0}
.findstation #content .dataCategoryList li:hover{background-color:#f0f0f8}
.findstation #content .dataCategoryList li:last-child{border-bottom:0}
.findstation #content .dataCategoryList li:after{content:" ";display:block;font-size:0;height:0;clear:both;visibility:hidden}
.findstation #content .dataCategoryList input.dataCategory{margin:0;padding:0;vertical-align:middle;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;width:23px;height:23px}
.findstation #content .dataCategoryList label{font-size:.9em;display:inline-block;width:250px;margin:0 0 0 -4px}
.findstation .noaa-datepicker select{display:inline-block!important}
.findstation .noaa-daterange-input{background:url('/cdo-web/images/icons/icon_calendar.png') no-repeat scroll 98% center #fff;width:100%;cursor:pointer!important}
.findstation .noaa-daterange-input:active{box-shadow:0 1px 2px inset rgba(0,0,0,0.3)}
.findstation .noaa-daterange-dialog{width:480px!important;position:absolute!important;left:0!important;top:40px!important;z-index:200!important}
.findstation .noaa-daterange-dialog input,.findstation .noaa-daterange-dialog select{padding:2px!important;margin:0!important}
.findstation .noaa-datepicker{margin-bottom:10px}
.findstation .pagination li{width:40px}
.findstation .pagination li.middle{width:180px}
.normals #content .inset{_height:1100px;min-height:1100px}
.normals .loadingOverlay{_height:1000px;min-height:1000px}
.normals .normalsGraph{height:380px;width:95%;margin:1em auto 2em auto}
.normals .normalsSection{padding-top:10px}
.normals .normalsControl{font-size:.95em;margin:0 auto;display:inline-block}
.normals .normals .normalsOutput{padding:1.5em 10px 10px 10px;background-color:#f0f0f8}
.normals .tabBody{_height:650px;min-height:650px}
.normals .normalsSubSection{margin:0 auto 1.5em auto}
.normals .normalsSubSection h3{font-size:1.8em}
.normals .detailsTable{background-color:#fff}
.normals .normals .legend_PRCP{border:3px solid #3880aa}
.normals .legend_TMIN{border:3px solid #4da944}
.normals .legend_TAVG{border:3px solid #f26522}
.normals .legend_TMAX{border:3px solid #c6080d}
.normals .legend_TEMP{border:3px solid #f26522}
.normals .legend_dot{width:7px;height:7px;background-color:#fff;border-radius:7px;display:inline-block;margin:0 5px 0 0}
.normals .locationSelectContainer{height:12em;width:15em}
.normals .locationSelect{width:100%}
.normals .stationSelectContainer{height:12em;width:30.093em}
.normals .stationSelect{width:100%}
.normals .monthSelectContainer{height:12em;width:12.093em}
.normals .monthSelect{width:100%}
.normals .daySelectContainer{height:12em;width:7.2em}
.normals .daySelect{width:100%}
.normals ul.stationLinks{list-style-type:none;margin:.5em 0 0 0;float:right}
.normals ul.stationLinks li{display:inline-block;margin:0;padding:0 .5em;border-right:1px solid #ccc;font-size:.85em}
.normals ul.stationLinks li:first-child{padding-left:0}
.normals ul.stationLinks li:last-child{padding-right:0;border-right:0}
.records input,.records select{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.records .recordsContent{margin:1em 0}
.records .recordsNotes{font-size:80%}
.records .recordsSummary h2{margin:0}
.records .recordsControls table,.recordsOutputs table,.recordsSummary table{margin:0 0 2em 0;width:100%;font-size:.95em}
.records .recordsOutputs th,.recordsSummary th{background:url('/cdo-web/images/bg/bg_header_gray.png') repeat-x scroll left 50% #676767;font-weight:normal;color:#fff;padding:.5em;text-transform:uppercase;text-align:left;border-right:1px solid #ccc}
.records .recordsOutputs th:last-child,.recordsSummary th:last-child{border-right:0}
.records td.highmax,td.highmin,td.lowmax,td.lowmin,td.precip,td.snowfall,td.snowdepth{text-align:right;padding-right:.5em}
.records .recordsSummary th.highmax{text-align:center;background-image:none;background-color:#c60002;width:100px}
.records .recordsSummary th.highmin{text-align:center;background-image:none;background-color:#d32929;width:100px}
.records .records .recordsSummary th.lowmax{text-align:center;background-image:none;background-color:#1076bc;width:100px}
.records .recordsSummary th.lowmin{text-align:center;background-image:none;background-color:#1f9fd9;width:100px}
.records .recordsSummary th.precip{text-align:center;background-image:none;background-color:#0f9447;width:100px}
.records .recordsSummary th.snowfall{text-align:center;background-image:none;background-color:#009fbc;width:100px}
.records .recordsSummary th.snowdepth{text-align:center;background-image:none;background-color:#34c3d3;width:100px}
.records .recordsOutputs thead tr,.recordsSummary thead tr{border-bottom:0}
.records .recordsOutputs tbody tr,.recordsSummary tbody tr{border-bottom:1px solid #ccc}
.records .recordsOutputs td,.recordsSummary td{padding:.5em;border-right:1px solid #ccc}
.records .recordsOutputs td:last-child,.recordsSummary td:last-child{border-right:0}
.records .recordsControls{margin:1em 0}
.records .recordsControls input.button{width:10em}
.records .recordsControl{margin-bottom:1.64em}
.records .recordsControl input,.records .recordsControl select,.records #dateRangeContainer input{width:80%;padding:5px}
.records .ui-datepicker select.ui-datepicker-month,.records .ui-datepicker select.ui-datepicker-year{width:46.5%!important}
.records #dateRangeContainer input{padding:9px 5px}
.records .records .recordsControl.tabbed{margin:0 0 0 1em}
.records .recordsControl.tabbed select{width:65%}
.records .recordsControlsColumn{display:inline-block;vertical-align:top;width:50%}
.records .recordsControlsColumn option{display:block}
.records .recordsControlsColumn label{margin:0 0 .5em 0;display:inline-block}
.records .recordsOutputs{margin:1.0em 0;min-height:600px}
.records .recordsOutput{margin-bottom:1em}
.records .recordsOutput .recordsOutputMap{height:380px}
.records .recordsOutputPotentialTable td{width:25%}
.records .recordsOutputDataTable td{max-width:333px}
.records .recordsOutputTableControl{float:right;margin:0;padding:.25em;border-left:1px solid #ccc;border-top:1px solid #ccc;border-right:1px solid #ccc;background-color:#f0f0f8}
.records .recordsOutputTableControl input{background-color:#fff}
.records .recordsState-loading{height:300px!important}
.records .recordsLoading{background:url('/cdo-web/images/noaa_loader.gif') center center no-repeat transparent;height:209px;display:inline-block;width:100%}
.records .recordsBreaker{color:#d00}
.records .recordsState-data{position:relative}
.records .loader-overlay{position:absolute;height:100%;width:100%;z-index:15;background:url('/cdo-web/images/noaa_loader.gif') 50% 10% no-repeat rgba(255,255,255,0.75)!important}
.records .noaa-daterange-dialog{width:480px!important;position:absolute;left:0;top:37px;z-index:20}
#stationsTable{margin:0}
.lcd #stationsTable th{border:none!important}
.lcd #stationsTable td{vertical-align:middle}
.lcd #stationsTable td.itemDesc{text-align:left}
.lcd #stationsTable td.cart{border-left:none}
.lcd #stationsTable td.cart input.button{float:right;font-size:.9em}
.marine .block{margin-bottom:1em}
.sortable{cursor:pointer}
.sortButton{width:7px;height:11px;overflow:hidden;display:inline-block;margin-left:3px;background:url('/cdo-web/images/icons/sortarrows_01.png') no-repeat scroll 0 0 transparent}
.sortasc{background-position:-14px 0}
.sortdesc{background-position:-7px 0}
.selectLocationFilters{position:relative;background-color:#f0f0f8;padding:10px 10px 0 10px;margin-bottom:2em}
.selectLocationFilters label{display:block;margin-bottom:.25em}
.datasetContainer{height:196px;width:200px}
.locationCategoryContainer{height:196px;width:200px}
.locationCategoryFilter{width:200px}
.locationContainer{height:196px;width:580px}
.lcdLocationContainer{height:196px;width:780px}
.countyContainer{height:196px;width:100%}
.countryFilter{width:100%}
.territoryFilter{width:100%}
.stateFilter{width:100%}
.countyStateFilter{width:35%}
.countyFilter{width:65%}
.zipFilter{width:195px;padding-left:5px}
.addLocationLabel{display:inline-block}
.addLocationContainer{margin:0}
.addLocationButton{display:inline-block;float:right;font-size:.9em}
#locationPagination{border-top:0}
.selectlocation #stationsTable td{padding:1em!important}
.selectlocation #stationsTable td.itemDesc{vertical-align:top}
.selectlocation #stationsTable td.cart{vertical-align:middle;border-left:none}
.selectlocation #stationsTable td .addToCartButton{font-size:.9em;float:right}
.itemDesc a.title{display:block}
.itemDesc .itemDetails{float:left;font-size:12px;line-height:15px}
.itemDesc .linkQuickDetails{background:url('/cdo-web/images/icons/eye_sm.png') right 60% no-repeat transparent;padding-right:17px}
.itemDesc .itemDetails em{font-style:normal}
#datasetSelect,#locationCategorySelect,#selectedState,#selectedCounty,#selectedCountyState,#selectedCountry,#selectedTerritory{width:100%;height:150px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff}
#betaNoticeDialog,#betaNoticeDialog.ui-dialog-content{font-size:.9em;overflow:none!important}
#betaNoticeDialog h2{margin-bottom:0;padding-bottom:.25em}
#betaNoticeDialog h3.betaHeader{margin:0 0 1em 0;padding:5px;background-color:#0057a5;color:#fff}
#betaNoticeDialog p{line-height:1.33em}
#betaNoticeDialog a{text-decoration:underline}
#betaNoticeDialog ul{list-style-position:outside;margin-bottom:2em;margin-left:2em}
#betaNoticeDialog ul li{line-height:1.33em;margin-bottom:.5em}
.slideContainer{display:inline-block;overflow:hidden;position:relative;vertical-align:top}
.slideElement{left:-100%;position:absolute;-moz-transition:left .5s;-webkit-transition:left .5s;-o-transition:left .5s;transition:left .5s}
.slideVisible{left:0}