/* ESRI Overrides for precip map */
.esriScalebar {
   margin-left: 110px;
   bottom: 5px;
}

.esriBasemapGalleryThumbnail {
   opacity: .8;
}

.esriBasemapGalleryThumbnail:hover {
   opacity: 1;
}

#noaa_logo {
   display: inline-block;
   position: absolute;
   height: 80px;
   width: 80px;
   left: 5px;
   bottom: 5px;
   z-index: 30;
   background-image: url('../images/noaa.png');
   background-size: cover;
   cursor: pointer;
}

#map_controls #timeframe {
   width: 584px;
   height: 145px;
}

#map_controls #forecast_timeframe {
   width: 768px;
   height: 145px;
}

#map_controls #products {
   height: 145px;
}

#map_controls #units {
   width: 94px;
   margin-top: 10px;
   height: 145px;
}

#interface {
   margin-top: 10px;
   min-height: 150px;
   width: 870px;
   margin-top: 15px\0;
}

.interface_head {
   background-color: #333;
   color: #EEE;
   font-size: 16px;
   height: 25px;
}

#interface .col {
   display: inline-block;
   vertical-align: top;
   height: 100%;
   min-height: 170px;
}

#interface .col div {
   padding-top: 5px;
   padding-left: 10px;
}

#interface .col select {
   display: inline;
   text-align: center;
   margin: auto;
}

.interface_active {
   background-color: rgb(10, 35, 144) ! important;
   color: white;
}

#interface .col:first-child {
   width: 588px;
   background-color: #EEE;
   width: 588px\0;
   background-color: #EEEEEE\0;
}

#interface .col:nth-child(2) {
   width: 182px;
   background-color: #EEE;
   width: 182px\0;
   background-color: #EEEEEE\0;
}

#interface .col:nth-child(3) {
   width: 92px;
   background-color: #EEE;
   width: 92px\0;
   background-color: #EEEEEE\0;
}

.units {
   width: 94px\0;
   background-color: #EEEEEE\0;
}

.product {
   background-color: #EEEEEE\0;
   width: 182px\0;
}

#titletext {
   background-color: rgb(33, 10, 144);
   color: white;
   width: 850px;
   min-height: 40px;
   padding: 10px;
   position: relative;
}

#content {
   width: 870px;
}

#shareTools {
   float: right;
}

#shareTools span a {
   color: #fff;
   font-weight: bold;
}

#shareTools span {
   height: 25px;
   margin-right: 10px;
   margin-top: -15px;
   display: inline-block;
}

#permalink a {
   background-color: white;
   color: black ! important;
   border: 1px solid #777;
   padding: 1px 3px;
   border-radius: 5px
}

#permalink a:hover {
   text-decoration: none;
}

.col {
   padding-bottom: 10px;
}

.time_select label {
   width: 50px;
   display: inline-block;
}

.time_select select {
   width: 86px;
}

#forecast_slider_section {
   padding-top: 15px;
}

.forecastSlider {
   background-color: #FFF;
   margin: 10px 0 20px 0;
   cursor: pointer;
   display: inline-block;
   z-index: 2;
}

.forecastMeter {
   margin-left: 50px;
}

.unit {
   float: left;
   margin: 30px 0 0 0;
}

#forecastMeterContainer {
   padding-left: 10px;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F8491C7, endColorstr=#7F8491C7);
   background-color: rgba(132,145,199,0.5);
   color: white;
   width: 281px;
   display: inline-block;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   padding-right: 10px;
   vertical-align: top;
}

.ui-slider-tick-mark {
   display: inline-block;
   width: 2px;
   background: #fff;
   height: 21px;
   position: absolute;
   top: -5px;
}

.ui-slider-number {
   display: inline-block;
   color: #fff;
   height: 5px;
   position: absolute;
   top: 17px;
   font-size: 12px;
}

#sliderPeriod {
   display: inline-block;
   left: 15px;
   margin-top: 3px;
   position: relative;
}

#forecastDateContainer {
   color: #FFFFFF;
   font-size: 12px;
   font-weight: bold;
   width: 220px;
   display: inline-block;
   vertical-align: top;
   margin-top: 15px;
   float: left;
}

#mapDiv {
   width: 92% !important;
   height: 500px !important;
   display: inline-block;
}

#mapContainer {
   position: relative;
   width: 870px;
   height: 500px;
}

#loadingDiv {
   z-index: 10;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#30000000, endColorstr=#30000000);
   background-color: rgba(0,0,0,0.2);
   background-image: url("/precip/images/loading.gif");
   background-repeat: no-repeat;
   background-position: center center;
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   display: none;
}

#missing_data {
   float: right;
   margin: 0px 35px 15px 0px;
   width: 20px;
}

td.right_tab {
   width: 3px;
   height: 34px;
   text-align: right;
   background-image: url("/images/tab_left.off.jpg");
}

td.right_tab_on {
   width: 3px;
   height: 34px;
   text-align: right;
   background-image: url("/images/tab_left.on.jpg");
}

td.left_tab {
   width: 4px;
   height: 34px;
   text-align: left;
   background-image: url("/images/tab_right.off.jpg");
}

td.left_tab_on {
   width: 4px;
   height: 34px;
   text-align: left;
   background-image: url("/images/tab_right.on.jpg");
}

td.center_tab {
   text-align: center;
   background-image: url("/images/tab_middle.off.jpg");
}

td.center_tab_on {
   text-align: center;
   background-image: url("/images/tab_middle.on.jpg");
}

#legend {
   position: absolute;
   top: 0;
   right: 0;
   width: 70px;
   height: 100%;
   background-color: #eee;
}

#unit_label {
   color: yellow;
   text-align: center;
   font-size: 16px;
}

/*
 * metric=gauge->#legend_left, meter->#legend_right, unit_label->mm
 * english=meter->#legend_left, gauge->#legend_right, unit_label->inches
 * special case=unit_label->percent
 */

#legend_left {
   opacity: 1;
   position: absolute;
   left: 3px;
}

#legend_right {
   opacity: 1;
   position: absolute;
   right: 3px;
}

.precip_legend_gauge {
   width: 33px;
}

.precip_legend_meter {
   vertical-align: top;
}

#print_disclaimer img {
   cursor: pointer;
   height: 16px;
   margin: 2px 5px 0 2px;
}

a.addthis_button {
   width: 125px;
   height: 16px;
   border: 0px;
}

.tabs_table {
   width: 870px;
   border: none;
}

#high_res_map img {
   height: 100%;
   width: 100%;
   border: 2px solid #0A2390;
}

#left_logo,
#right logo {
   width: 120px;
   height: 120px;
   border: 0px;
   float: left;
   margin-bottom: 15px;
}

#right_logo {
   float: right;
}

#back_button {
   margin: auto;
   text-align: center;
   margin-top: 50px;
}

h4.image_header {
   text-align: center;
   font-size: 22px;
   margin: auto;
}

.bulletin_board {
   width: 765px;
   margin: auto;
   height: 170px;
   white-space: nowrap;
}

.bulletin_heading {
   text-align: center;
   font-size: 14px;
   color: blue;
   margin-top: 0;
}

.bulletin {
   display: inline-block;
   width: 300px;
   padding: 20px;
   background-color: #eee;
   margin: 10px 20px;
   vertical-align: top;
   box-shadow: 5px 5px 5px #555;
   height: 100px;
   white-space: normal;
}

#unavailable {
   position: absolute;
   z-index: 1;
   top: 0;
   right: 60px;
   bottom: 0;
   left: 0;
   background-color: rgba(65, 65, 65, .8);
}

#unavailable p {
   position: absolute;
   top: 34%;
   left: 25%;
   right: 25%;
   bottom: 40%;
   font-size: 30px;
   text-align: center;
   color: #CCC;
}

.download_table {
   background-color: #CCC;
}

.download_table th {
   background-color: navy;
   color: white;
}

.download_table tbody tr td div {
   clear: both;
   text-align: left;
}

#full_month_check {
   width: 85px;
   margin: auto;
}

#full_month_check label {
   width: auto;
   padding-left: 0
}

.download_table tbody tr td div label {
   margin-top: 3px;
   display: inline-block;
}

.download_table tbody tr td:nth-child(3) div label {
   width: 26%;
   padding-left: 6px;
}

.download_table tbody tr td:nth-child(3) div select {
   width: 60%;
}

.download_table tbody tr th:first-child {
   width: 20%;
}

.download_table tbody tr th:nth-child(2) {
   width: 10%;
}

.download_table tbody tr th:nth-child(3) {
   width: 16%;
}

.download_table tbody tr th:nth-child(4) {
   width: 25%;
}

.download_table tbody tr th:nth-child(5) {
   width: 20%;
}

.download_table tbody tr th:last-child {
   width: 10%;
}

.download_table tbody td {
   background-color: #EEE;
}

.download_table tbody tr td label {
   display: inline-block;
}

.download_table tbody tr td select {
   display: inline-block;
}

.download_table tbody tr th.forecast1 {
   width: 14%;
}

.download_table tbody tr th.forecast2 {
   width: 20%;
}

.ui-widget-overlay {
   position: fixed !important
}

td>#current, td>#products {
   padding: 5px;
}

/*geoLocate positioning related styles*/
#geoLocate {
   display: inline-block;
   margin-top: 9px;
}

#geoLocateInput {
   border: 1px solid #CCC;
   padding: 3px 8px;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}

#geoLocateSubmit {
   border: 1px solid #CCC;
   padding: 3px 8px;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}

#domain-select-container {
   margin-left: 15px;
   margin-top: 2px;
}

#full-res-link-container {
   padding: 6px 0 0;
   margin-top: 10px;
   border: 1px solid #ababab;
   background-color: #eaeaea;
   text-align: center;
}

#full-res-link-container button {
   background: #499bea;
   background: -moz-linear-gradient(top,  #499bea 0%, #1c1aba 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#499bea), color-stop(100%,#1c1aba));
   background: -webkit-linear-gradient(top,  #499bea 0%,#1c1aba 100%);
   background: -o-linear-gradient(top,  #499bea 0%,#1c1aba 100%);
   background: -ms-linear-gradient(top,  #499bea 0%,#1c1aba 100%);
   background: linear-gradient(to bottom,  #499bea 0%,#1c1aba 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#1c1aba',GradientType=0 );
   border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border: none;
   margin: 0px 4px 6px 0px;
   padding: 3px 5px;
   color: #FFFFFF;
   cursor: pointer;
}

.hour72 {
   text-align: center;
}

.button_toggle {
   background: #499bea;
   background: -moz-linear-gradient(top,  #499bea 0%, #1c1aba 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#499bea), color-stop(100%,#1c1aba));
   background: -webkit-linear-gradient(top,  #499bea 0%,#1c1aba 100%);
   background: -o-linear-gradient(top,  #499bea 0%,#1c1aba 100%);
   background: -ms-linear-gradient(top,  #499bea 0%,#1c1aba 100%);
   background: linear-gradient(to bottom,  #499bea 0%,#1c1aba 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#1c1aba',GradientType=0 );
   border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border: none;
   margin: 0px 4px 6px 0px;
   padding: 3px 5px;
   color: #FFFFFF;
   cursor: pointer;
}

.pushed_button {
   background: #aaaaaa;
 /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MSUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(top,  #aaaaaa 30%, #cccccc 70%, #cccccc 91%, #eeeeee 94%);
 /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#aaaaaa), color-stop(70%,#cccccc), color-stop(91%,#cccccc), color-stop(94%,#eeeeee));
 /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #aaaaaa 30%,#cccccc 70%,#cccccc 91%,#eeeeee 94%);
 /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #aaaaaa 30%,#cccccc 70%,#cccccc 91%,#eeeeee 94%);
 /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  #aaaaaa 30%,#cccccc 70%,#cccccc 91%,#eeeeee 94%);
 /* IE10+ */
   background: linear-gradient(to bottom,  #aaaaaa 30%,#cccccc 70%,#cccccc 91%,#eeeeee 94%);
 /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#eeeeee',GradientType=0 );
 /* IE6-8 */
   color: #333;
   cursor: default;
}

table .file_info {
   width: 100%;
   text-align: center;
   display: table;
   border: 1px solid gray;
}

table .file_info tr:last-child td {
   border-bottom: 1px solid gray
}

#animation_counter {
   position: absolute;
   z-index: 11;
   top: 60px;
   right: 90px;
   width: 150px;
   height: 30px;
   background-color: rgba( 50, 50, 50, .75);
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   -o-border-radius: 10px;
   color: white;
   font-size: 18px;
   padding: 6px 0 0 0;
   text-align: center;
}

.forecast_animation {
   display: inline-block;
   word-wrap: break-word;
   width: 65px;
   color: black;
   font-weight: bold;
   vertical-align: top;
   padding: 7px 3px;
   text-align: center;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -o-border-radius: 5px;
   -webkit-border-radius: 5px;
   cursor: pointer;
   background: #7d7f7a;
 /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkN2Y3YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOGRiZDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(top,  #7d7f7a 0%, #d8dbd2 100%);
 /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7f7a), color-stop(100%,#d8dbd2));
 /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #7d7f7a 0%,#d8dbd2 100%);
 /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #7d7f7a 0%,#d8dbd2 100%);
 /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  #7d7f7a 0%,#d8dbd2 100%);
 /* IE10+ */
   background: linear-gradient(to bottom,  #7d7f7a 0%,#d8dbd2 100%);
 /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7f7a', endColorstr='#d8dbd2',GradientType=0 );
 /* IE6-8 */
}

.animation_active {
   color: navy;
   background: #f1da36;
 /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZGEzNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMWFlNGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(top,  #f1da36 0%, #c1ae4f 100%);
 /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1da36), color-stop(100%,#c1ae4f));
 /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #f1da36 0%,#c1ae4f 100%);
 /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #f1da36 0%,#c1ae4f 100%);
 /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  #f1da36 0%,#c1ae4f 100%);
 /* IE10+ */
   background: linear-gradient(to bottom,  #f1da36 0%,#c1ae4f 100%);
 /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1da36', endColorstr='#c1ae4f',GradientType=0 );
 /* IE6-8 */
}

#prod_other select,
#prod_observed select {
   width: 160px;
   overflow-y: hidden;
}

#download_box {
   margin: auto;
   text-align: center;
   margin-bottom: 10px;
   padding: 2px;
   border: 1px solid #0A2390;
   color: #333;
   background-color: #EEE;
}

.float_left {
   float: left;
}

.float_right {
   float: right;
}

.group {
   zoom: 1;
 /* For IE 6/7 (trigger hasLayout) */
}

.group:before, .group:after {
   content: "";
   display: table;
}

.group:after {
   clear: both;
}

.hidden {
   display: none !important;
   visibility: hidden;
}

#animation_timing {
   border: 1px solid #CCCCCC;
   border-radius: 5px;
   display: inline-block;
   margin-left: 20px;
   padding: 5px 8px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   width: 200px;
}

.controls_container {
   /* background: #eaeaea; */
   display: inline-block;
   height: 100%;
   height: 200px\9;
   display: inline-block\9;
   margin: 0px;
   margin-top: 10px;
   position: relative;
   vertical-align: top;
   background: -moz-linear-gradient(top,  #eaeaea 0%, #d0d0d0 50%, #e5e5e5 100%);
 /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(50%,#d0d0d0), color-stop(100%,#e5e5e5));
 /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #eaeaea 0%,#d0d0d0 50%,#e5e5e5 100%);
 /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #eaeaea 0%,#d0d0d0 50%,#e5e5e5 100%);
 /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  #eaeaea 0%,#d0d0d0 50%,#e5e5e5 100%);
 /* IE10+ */
   background: linear-gradient(to bottom,  #eaeaea 0%,#d0d0d0 50%,#e5e5e5 100%);
 /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#e5e5e5',GradientType=0 );
 /* IE6-9 */
   border: 1px solid #ababab;
   -webkit-box-shadow: 0px 2px 11px rgba(140, 133, 8, 0.51);
   -moz-box-shadow: 0px 2px 11px rgba(140, 133, 8, 0.51);
   box-shadow: 0px 2px 11px rgba(140, 133, 8, 0.51);
}

.nobbb {
   background: none;
   border: none;
   box-shadow: none;
}

.control_dock {
   height: 360px;
   position: relative;
   width: 871px;
   z-index: 41;
}

.controls_header {
   background-color: #333333;
   color: #FFFFFF;
   font-size: 16px;
   line-height: 25px;
   width: 100%;
}

.controls_header h4 {
   font-weight: normal;
   margin: 0px 10px;
}

.ui-draggable {
   height: 303px;
}

#county_slider, #precip_slider, #rfc_slider, #state_slider {
   height: 10px;
}

.dock_available {
   border: 2px dotted #333333;
}

.dock_control {
   background-repeat: no-repeat;
   height: 15px;
   width: 15px;
}

.dock_control:hover {
   background-color: #1F235F;
}

.dock_control:active {
   background-color: #555555;
}

#forecast_controls {
   background-color: transparent;
   height: 55px;
   padding-top: 15px;
}

#forecast_unit {
   margin: 5px 10px 0px 0px;
   width: 40px;
   word-wrap: break-word;
}

.grid_container {
   margin: 5px 10px 0px;
}

.grid_container label, .grid_container input[type="radio"] {
   vertical-align: middle;
}

.grid_container input[type="checkbox"] {
   margin: 4px 0px 0px 0px;
}

#lat_lon {
   width: 142px;
   width: 142px\0;
   height: 173px\0;
   height: 173px;
}

#location {
   width: 320px;
   width: 320px\0;
   height: 173px\0;
   height: 173px;
}

#map_controls {
   color: black;
   height: 128px;
   height: 128px\0;
   padding: 0px;
   width: 100%;
}

#map_overlays {
   width: 396px;
   width: 396px\0;
   height: 173px\0;
   height: 173px;
}

#map_overlays .grid_container {
   display: inline-block;
   margin: 5px 0px 0px 10px;
   vertical-align: top;
   width: 186px;
}

#pop_in {
   background-image: url("/precip/images/pop-in.png");
   margin: 5px 10px;
}

#pop_out {
   background-image: url("/precip/images/pop-out.png");
   margin: 5px 10px;
}

.slider {
   width: 100%;
}

.slider_container {
   padding: 4px 13px 6px 9px;
}

.subcontrols_container {
   line-height: 8px;
   min-width: 150px;
   padding-right: 10px;
}

.subcontrols_header {
   height: 22px;
   width: 176px;
}

.subcontrols_row {
   line-height: 20px;
}

.results_dialog {
   padding: 0 !important;
   border-radius: 0 !important;
}

#results_titlebar, .controls_header {
   width: auto;
   border: 1px solid white;
   border-radius: 0 !important;
   background: #499bea;
   background: -moz-linear-gradient(top,  #499bea 0%, #1c1aba 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#499bea), color-stop(100%,#1c1aba));
   background: -webkit-linear-gradient(top,  #499bea 0%,#1c1aba 100%);
   background: -o-linear-gradient(top,  #499bea 0%,#1c1aba 100%);
   background: -ms-linear-gradient(top,  #499bea 0%,#1c1aba 100%);
   background: linear-gradient(to bottom,  #499bea 0%,#1c1aba 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#1c1aba',GradientType=0 );
}

#gauge, #meter {
   display: inline-block;
   width: 33px;
}

#meter {
   width: 37px;
}

.utcbg2 {
   cursor: default;
   font-family: arial;
   background: none repeat scroll 0 0 #07A1E7;
   border-radius: 3px 3px 3px 3px;
   clear: both;
   color: #FFFFFF;
   font-size: 11px !important;
   margin-left: 10px;
   padding: 1px 5px;
   text-align: center !important;
   width: 100px;
   display: inline-block;
   margin-top: 5px;
}

#map_overlay_controls {
   margin: 15px 0px 15px 0px;
}

#map_overlay_controls:after {
   content: ' ';
   display: block;
   clear: both;
}

.map_overlay_control {
   margin: 5px 0px 0px 5px;
}

.map_overlay_checkbox {
   /*display: inline-block;*/
}

.map_overlay_opacity input{
   /*display: inline-block;*/
   width: 35px;
}

.map_overlay_label, .precip_map_overlay_label {
   display: inline-block;
   margin: 2px 5px 2px 5px;
   width: 140px;
   text-align: left;
}

.precip_map_overlay_label {
   margin-left: 10px;
}

.map_overlay_header {
    font-size: 14px;
    color: white;
    background-color: navy;
    height: 22px;
    text-align: center;
    line-height: inherit;
    padding-top: 5px;
    margin: 0px;
}

#col1, #col2, #col3 {
   width: 33%;
   float: left;
   text-align: left;
}