.leaflet-attribution-flag {
	visibility:hidden;
}

body {
  /*margin: 0px 2px 2px 2px;*/
  width: 968px;
  margin: 0 auto;
  background: #C5E5F5 url(/rfc/data/bg.png) repeat center;
}
@media screen and (max-width:800px) {
  body {
    width: 968px; 
    margin: 0 auto;
    background: #C5E5F5 url(/rfc/data/bg.png) repeat center;
  }
}
#menu {
  height: 28px;
}
#popup {
  position: absolute;
  background: #e3e3e3;
  border: 5px solid #BFBFBF;
  z-index: 10003; /* popup */
} 
.popup_river {
  padding: .5em;
}
.popup_xml_graph {
  height: 300px;
  /*height: 480px;*/
  width: 700px;
}
.popup_xml_width {
  width: 400px;
}
#popup_xml {
  position: absolute;
  padding: .5em;
  background: #FFFFFF;
  border: 5px solid #BFBFBF;
  z-index: 10003; /* popup_xml */
  font-family: Arial;
  font-size: 11pt;
} 
#popup_xml_station {
  font-family: Arial;
  font-size: 12pt;
}
#loading {
  position: absolute;
  padding: .5em;
  font-family: Arial;
  font-size: 14pt;
  font-weight: bold;
  color:#000000;
  background: #98F5FF;
  opacity:0.7;
  filter:alpha(opacity=7);
  /*border: 5px solid #BFBFBF;*/
  border: 5px solid #79B7E7;
  z-index: 999999; /* loading */
} 
#map_canvas {
  z-index: 1;  /* map_canvas */
  /*width: 822px; */
  /*width: 818px; */
  /*width: 790px; */
  /*width: 750px;*/
  width: 725px;
  height: 800px;
  position: relative;
  background-color: rgb(229, 227, 223);
/*  border: 1px solid gray;*/
}
#lid2 {
  /* input box */
  padding: 2px 2px 3px 2px; /* top right bottom left */
  font-size: 10px;
  font-family: Arial;
  display:inline-block;
}
#lid3 {
  /* go button */
  padding: 2px 2px 2px 2px; /* top right bottom left */
  font-size: 12px;
  height: 25px;
  min-height: 25px;
  max-height: 25px;
}
#lid_text {
  font-size: 12px;
  color: black;
  font-family: Arial;
  display:inline-block; /* form to keep locate go button from wraping */
  width:50%;
}
#lid_submit {
  font-size: 10px;
  font-family:Arial;
  display:inline-block; /* form to keep locate go button from wraping */
  padding:.2em .4em;
  width:30%;
}
#flid {
  display:inline-block; /* form to keep locate go button from wraping */
  width:100%;
  padding: 2px 2px 2px 2px; /* top right bottom left */
}
#search {
  display:inline-block;
}
#criteria_list_button {
  position:relative;
  bottom: 2px;
  padding:.4em 1em;
}
#criteria_list {
  z-index: 1;  
  /*width: 400px; */
  width: 300px; 
  min-height:30px;
  height:30px;

  position: relative;

  background-color: rgb(230, 230, 250);
  text-align: center;
  padding: 5px 2px 5px 2px; /* top right bottom left */
}


#zoomout_icon {
  position:relative;
  display:inline-block;

  top:7px; 
  left:2px;
 
  padding:0px;

  width:20px;

  border:1px solid lightgrey;
  border-radius:5px;
}
#zoomout_icon:hover {
  border-color:blue;
}

#quick_zooms {
  z-index: 1;  /* quick zooms */

  width: 310px; 

  min-height:30px;
  height:30px;

  position: relative;

  background-color: rgb(230, 230, 250);
  text-align: center;
  padding: 5px 2px 5px 0px; /* top right bottom left */
}
#data_density {
  z-index: 1;  /* data_density */
  /*width: 160px; */
  width: 200px; 
  height: 90px;
  position: relative;
  top:-10px;
  left:-5px;
  /*background-color: rgb(230, 230, 250);*/
  background-color: rgb(255, 255, 255);
  text-align: left;
  padding: 5px 2px 5px 5px; /* top right bottom left */
  font-family: Arial;
  font-size: 9pt;
}
td.special_links {
  width: 115px;
}
#rss {
  z-index: 1;  /* rss */
  position: relative;
  background-color: rgb(230, 230, 250);
  text-align: center;
  font-family: Arial;
  font-size: 12px;
  padding: 5px 2px 5px 5px; /* top right bottom left */
}
#permalink {
  z-index: 1; /* permalink */
  position: relative;
  background-color: rgb(230, 230, 250);
  text-align: center;
  font-family: Arial;
  font-size: 12px;
  padding: 5px 5px 5px 2px; /* top right bottom left */
}
#notes {
  z-index: 1;  /* notes */
  width: 973px; 
  height: 25px;
  position: relative;
  background-color: rgb(230, 230, 250);
}
#data_display {
  z-index: 1;  /* data_display */
  width: 100px; 
  height: 25px;
  position: relative;
  background-color: rgb(230, 230, 250);
}
td.legend_section {
  width: 130px;
  height: 170px;
/*  border: 1px solid gray;*/
}
#noaa_nws_logos {
  width:114px;
  /*height:108px;*/

  /*ie insert prob*/
  /*height:60px;*/
  height:60px;
  min-height:60px;
  max-height:60px;

  display:inline-block;
  /*padding-top: 10px;*/
  /*margin-top: 15px;*/
}

#noaa_logo {
  position:relative;
  left: 5px;
  /*top: -40px;*/
  top: 0px;

  width:60px;
  min-width:60px;
  max-width:60px;
}
#nws_logo {
  position:relative;
  left: 60px;
  /*top: -95px;*/
  top: -55px;

  width:60px;
  min-width:60px;
  max-width:60px;
}

/* NOTE: padding value on the left changes background-color */
#record {
  padding: 0px 0px 0px 0px; /* top right bottom left */
}
#major_flood {
  padding: 0px 0px 0px 0px; /* top right bottom left */
}
#moderate_flood {
  padding: 0px 0px 0px 0px; /* top right bottom left */
}
#minor_flood {
  padding: 0px 0px 0px 0px; /* top right bottom left */
}
#action_bankfull {
  padding: 0px 0px 0px 0px; /* top right bottom left */
}
#ninety_percent_action_bankfull {
  padding: 0px 0px 0px 0px; /* top right bottom left */
}
#eighty_percent_action_bankfull {
  padding: 0px 0px 0px 0px; /* top right bottom left */
}
#ice_affected {
  padding: 0px 0px 0px 0px; /* top right bottom left */
}
#normal {
  padding: 0px 0px 0px 0px; /* top right bottom left */
}
#data_point {
  padding: 0px 0px 0px 0px; /* top right bottom left */
}
#legend_list {
  position: relative;
  top: 15px;
}
#legend_list ul {
  line-height: 12px;
  list-style:none;
}
#legend {
  z-index: 1;  /* legend */
  background-color: rgb(230, 230, 250);
  font-size: 12px;
  font-family: Arial;
  padding: 2px 2px 2px 1px; /* top right bottom left */
  text-align: center;
}
.legend_section ul {
  font-size: 10px;
  font-family: Arial;
  margin-left:15px;
  list-style:none;
  -webkit-padding-start: 0px !important;
  -moz-padding-start: 0px !important;
}

#legend2 {
  z-index: 1; /* legend2 */
  background-color: rgb(230, 230, 250);
  font-size: 10px;
  font-family: Arial;
  line-height: 1px;
  padding: 1px;
  text-align: left;
}
#map_overlays {
  z-index: 1;  /* map_overlays */
  /*background-color: rgb(230, 230, 250);*/
  /*background-color: rgb(255, 255, 255); */
  /*background-color: #F6F6FD;*/
  /*background-color: #E6E6FA;*/
  font-size: 12px;
  font-family: Arial;
  padding: .9em;
  text-align: left;
  /*width: 130px;*/
  min-width:200px;
  max-width:200px;
  width:200px;
}
#map_overlays_checkboxes {
  font-size: 9pt;
  font-family: Arial;
  color: black;
  margin: 2px;
  padding: 2px;
  /*background-color: rgb(230, 230, 250);*/
  background-color: rgb(255, 255, 255);
}

#separator {
  height: 10px;
  color: black;
  background-color: rgb(230, 230, 250);
/*  border: 1px solid;*/
}
#session {
  width: 20px;
  height: 10px;
  color: black;
  background-color: rgb(230, 230, 250);
}
td.google_maps_kml {
  height: 10px;
  width: 80px;
  color: black;
  background-color: rgb(230, 230, 250);
  padding: 5px 5px 5px 5px; /* top right bottom left */
  text-align: center;
  vertical-align: middle;
}
td.the_maps_disclaimer {
  height: 10px;
  width: 80px;
  color: black;
  background-color: rgb(230, 230, 250);
  padding: 1px 1px 1px 1px; /* top right bottom left */
  text-align: center;
}

td.crit {
  padding: 10px 2px 10px 70px; /* top right bottom left */
  background-color: rgb(255, 255, 255);
  width: 968px;
}
#crit {
  position: relative;
  background-color: rgb(255, 255, 255);
/*  left: 100px; */
  width: 865px; 
}
.crit_data {
  /* from font.menu nwrfc.css */
  font-weight:bold; 
  font-size:9pt;
}
#header_image {
  z-index: 1; /* header image */
}
#header_doc_image {
  position: absolute;
  left: 833px;
}
#rfc_header {
  position: relative;
  left: 0px;
  width: 968px;
  /*height: 126px;*/
  height: 60px;
  color: white;
}
#noaa_image {
  z-index: 2; /* noaa image */
  position:absolute;
  /*left: 30px;*/
  /*top: 12px;*/
  left: 10px;
  top: 0px;
  opacity:0.0;
  filter:alpha(opacity=0);
}
#nws_image {
  z-index: 2; /* nws image */
  position:absolute;
  /*left: 845px;*/
  /*top: 12px;*/
  left: 60px;
  top: 0px;
  opacity:0.0;
  filter:alpha(opacity=0);
}
.bluebox {
  font-size: 12px;
  font-family:Arial;
  color: black;
  margin: 0px;
  padding: 0px;
}
a img {
  border: none;
}

/* BEGIN: footer related divs */
#the_bottom {
  position: relative;
}
#rfc_link_map {
  position: absolute;
  left: 5px;
  top: 36px;
}
#footer_box {

  position: absolute;
  left: 300px;
  top: 50px;
  /*width: 590px;*/
  width: 665px;
  height: 187px;
  background-color: rgb(230, 230, 250);
  color: #A1A1AF;
  border-color: black;
  border-width: 1px;
  border-style: solid;
  font-size:.7em;

}
#footer_1 {
  position: absolute;
/*  left: 180px; */
  left: 225px;
  bottom: 10px;
}
#footer_2 {
  position: relative;
  text-align: center;
/*  left: 5px; */
  top: 10px; 
}
#footer_3 {
  position: relative;
  text-align: center;
/*  left: 5px; */
  top: 17px; 
}
#footer_4 {
  position: relative;
  text-align: center;
/*  left: 5px; */
  top: 24px; 
}
#footer_10 {
  position: relative;
  left: 20px; 
  top: 100px; 
  width: 110px;
  border-color: black;
  border-width: 1px;
  border-style: solid;
}
#int_footer_box {

  position: absolute;
  left: 0px;
  top: 0px;
  /*width: 590px;*/
  width: 959px;
  height: 20px;
  background-color: rgb(230, 230, 250);
  color: #A1A1AF;
/*  border-color: black; */
  border-width: 1px;
  border-style: solid;
  font-size:.7em;
  text-align: center;
  padding: 3px 4px 1px 3px; /* top right bottom left */

}
#river_sentence {
  position: relative;
  top: 0px;
  font-size:.7em;
}
#web_page_layout {
  margin-top: 2px;
  margin-left: 2px;
}
/* END: footer related divs */

table#top_table {
  border:1px solid gray;
  background-color:#e6e6fa;
  width:968px;
}

table#google_map_table {
  border:0px solid gray;
  background-color:#e6e6fa;
  width:968px;
}

table#bottom_table {
  border:1px solid #CCCCDC;
  background-color:rgb(230, 230, 250);
  width:968px;
  padding:0px;
}

/* RADAR */
#radar-table {
  width:100%;
  padding:0px;
}
table#radar-table td { border: 0px;/* remove the long horizontal border in ie */ }
div#map_overlays1 {
  border: 0px solid rgb(197, 219, 236);
  /*border: 0px solid #E6E6FA;*/
  /*height: 60px; */
  height: 70px;
}
div#map_overlays2 {
  border: 0px solid #E6E6FA;
  min-width:150px;
  max-width:150px;
  width:150px;
}
div#radar-menu {
  position:relative;
  left: -1000px;
  visibility: hidden;
}
span#radar-times {
  font-size: 9px;
  color: black;
  font-family:Arial;
  /*background-color:#E6E6FA; */
  background-color:white;
}

div#radar_flag {
  position: absolute;
  left: -2000px;
  top: -200px;
}
div#radar_log {
  visibility: hidden;
}

/* BEGIN: DISABLE RADAR */
input#radar-enable {
  display:none;  
}
#radar_title {
  color:white;
}
#radar_subtitle {
  color:white;
}
/* END: DISABLE RADAR */

table#met_table {
  position: relative;
  left: 20px;
  width: 800px;
  padding: 1px;
  text-align: center;
  /*border:1px solid #CCCCDC;*/
  border-bottom:2px solid #2E6EBE;
  border-top:1px solid #2E6EBE;
  border-right:1px solid #2E6EBE;
  border-left:1px solid #2E6EBE;
}
#met_qpe_title {
  font-family: Arial;
  font-size: 12px;
  color: blue;
}
#met_overlays {
  padding: 5px 1px 20px 1px; /* top right bottom left */
}
#met_slider_container {
  padding: 5px 15px 5px 15px; /* top right bottom left */
}
#met_slider .ui-widget-header {
  background:#000099 !important;
}
#met_slider .ui-slider-handle {
  /*background:#7373C7;*/
  /*background:#4040B2;*/
  background:#7F7FCE;
}

/* td { border:1px solid #808080; } */
td { border:1px solid #CCCCDC; }

div#row_height_1 {
  height: 130px;
  min-height: 130px;
  max-height: 130px;
}

div#row_height_2 {
  height: 179px;
  min-height: 179px;
  max-height: 179px;
}

div#row_height_3 {
  height: 245px;
  min-height: 245px;
  max-height: 245px;
}

div#row_height_4 {
  height: 20px;
  min-height: 20px;
  max-height: 20px;
}
/*
div#row_height_5 {
  height: 272px;
  min-height: 272px;
  max-height: 272px;
}
*/
div#row_height_5 {
  height: 180px;
  min-height: 180px;
  max-height: 180px;
}

/* ======================================================================================== */
/* BEGIN: tab styling */

.rotate {

  -ms-transform:rotate(90deg);  /* IE */
  -webkit-transform:rotate(90deg); /* safari */
  -moz-transform:rotate(90deg); /* firefox */
  -o-transform:rotate(90deg);  /* Opera */
  transform:rotate(90deg);

  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 

}

#observed_precipitation {
  padding: .9em;
}
#qpe_table_values {
  border: 0px;
}
#forecast_precipitation {
  padding: .9em;
}
#forecast_temperatures {
  padding: .9em;
}
#observed_temperatures {
  padding: .9em;
}

/* met_tab_section reserves space for the tabs to the right of the google map */
#met_accordion_section {
  width:225px;
  max-width:225px;
  min-width:225px;
}

/* met_tabs_container is the container where the tabs are grouped together */
div#met_tabs_container {

/* border for positioning elements for development */

  font-weight:600;

}

span#precipitation {

  position: relative;

  font-size: 10px;
  font-weight:normal;
  font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;

  /*background-color:#E6E6FA;*/
  background-color:#E4F2FC;

  border-top:1px solid #808080;
  border-bottom:1px solid #808080;
  border-left: 1px solid #808080;
  border-right:1px solid #808080;
/*  border-top-left-radius:1.5em;*/
  border-top-right-radius:1.5em;

  padding: 2px 10px 5px 10px; /* top right bottom left */

  width:75px;
  
}


/* END: tab styling */
/* ======================================================================================== */

th#qpe_control_table_title {
  background-color: #E6E6FA;
}
th#qte_control_table_title {
  background-color: #E6E6FA;
}

th#qpf_control_table_title {
  background-color: #E6E6FA;
}

th#qtf_control_table_title {
  background-color: #E6E6FA;
}

table td#forecast_valid {
  font-size: 10px;
  padding: 5px;
}

table td#forecast_issued {
  font-size: 10px;
  padding: 5px;
}

table.qpf_day_table {
  padding: 5px;
}

table td#qpe_slider_td { border: 0px; }
table td#qpe_opacity_slider_td { border: 0px; }

table td#qpf_opacity_slider_td { border: 0px; }
table td#qpf_slider_forecast_td { border: 0px; }

table td#qtf_opacity_slider_td { border: 0px; }
table td#qtf_slider_forecast_td { border: 0px; }

table td#qte_opacity_slider_td { border: 0px; }

#prev_qpe { color: #FFFFFF; background-color: #4B86DD; }
#next_qpe { color: #FFFFFF; background-color: #4B86DD; }

#prev_qpf { color: #FFFFFF; background-color: #4B86DD; }
#next_qpf { color: #FFFFFF; background-color: #4B86DD; }

#prev_qtf { color: #FFFFFF; background-color: #4B86DD; }
#next_qtf { color: #FFFFFF; background-color: #4B86DD; }

table td#qpe18_td { border:0px; }
table td#qpe00_td { border:0px; }
table td#qpe06_td { border:0px; }
table td#qpe12_td { border:0px; }
table td#qpe24_td { border:0px; }

div#qpe_slider {
  width:150px;
  min-width:150px;
  max-width:150px;
}
div#qpe_slider_opacity {
  width:150px;
  min-width:150px;
  max-width:150px;
}
div#qpf_slider_opacity {
  width:150px;
  min-width:150px;
  max-width:150px;
}
div#qpf_slider_forecast {
  width:150px;
  min-width:150px;
  max-width:150px;
}
div#qtf_slider_opacity {
  min-width:150px;
  max-width:150px;
}
div#qtf_slider_forecast {
  width:150px;
  min-width:150px;
  max-width:150px;
}

div#qte_slider_opacity {
  min-width:150px;
  max-width:150px;
}

/*
 * data filters =====================================
*/

div#data_filters table td { border: 0px; }

div#data_filters {
  border: 2px solid rgb(121, 183, 231);
  /*border: 0px solid gray;*/
  background-color: rgb(230, 230, 250);
  padding: 5px;
  position:relative;
  /*height: 50px;*/
  height: 45px;
/*
  width: 320px;
*/
  width: 98%;
/*
  left:-8000px; 
*/
  z-index: 2; /* data filters */
  display:none;
}

#data_filters_title {
  position:absolute;
  top:235px;
  left:340px;

  width:100px;
  height:20px;

  color: black;
  background-color: #E6E6FA; 

  border: 0px solid #BFBFBF;
  font-size:14pt;

  text-align:center;
  z-index:99999;

  visibility:hidden;
}
#missing_xml_data { 
  position:absolute;
  top:215px;
  left:350px;

  width:100px;
  height:50px;

  color: red; 
  font-size: 4pt;
  visibility:hidden; /* don't show message of missing data */
 /* z-index:99999;*/
}

#elevation_filter_min_cell { border: 0px; display:inline; float: left; }
#elevation_slider { 
  display:inline-block; 
  min-width:100px;
  max-width:100px;
  width:100px;
  float:left;
  position:relative;
  left:20px;
  top:5px;
}
#elevation_filter_max_cell { border: 0px; display:inline; float: left; position:relative; left:50px;}

#value_filter_min_cell { border: 0px; display:inline; float:left; position:relative;left:40px; }
#value_filter_max_cell { border: 0px; display:inline; float:left; position:relative;left:70px; }
#value_slider { 
  display:inline-block;
  min-width:100px;
  max-width:100px;
  width:100px;
  float:left;
  position:relative;
  left:50px;
  top:5px;
}

#elevation_filter_min_num { width: 50px; }
#elevation_filter_max_num { width: 50px; }
#elevation_filter_min_units { width: 50px; padding:2px; }
#elevation_filter_max_units { width: 50px; padding:2px; }
#value_filter_num { width: 50px; }
#value_filter_min_units { width: 50px; padding:2px; }
#value_filter_max_units { width: 50px; padding:2px; }
#spacer { border: 0px; display:inline-block; }

/*
 * QPE Accordion =================
*/
#qpe_point_data_title {
  font-family: Arial;
  font-size: 10pt;
  font-weight: 600;
}
#qpe_grid_data_title {
  font-family: Arial;
  font-size: 10pt;
  font-weight: 600;
}
#qpe_formatted_date_time {
  font-family: Arial;
  font-size: 8pt;
}
#qpe_time {
  font-family: Arial;
  font-size: 8pt;
}
#mrms_qpe_date_time {
  font-family: Arial;
  font-size: 8pt;
}
table#qpe_point_data_table {

  max-width: 175px;
  min-width: 175px;
  width: 175px;

  max-height: 100px;
  min-height: 100px;
  height: 100px;

}
table#qpe_point_data_table th {
  border:1px solid black;
}
table#qpe_point_data_table td {
  border:1px solid black;
}
table#qpe_point_data_table td#qpe_date_time_td {
  border:1px solid white;
}
div#qpe_date_time {
  min-width:185px;
  max-width:185px;
  width:185px;
 
  padding:1px; 
}
table#qpe_point_data_table td#qpe_date_time_td {
  border:1px solid white;
}

/*
 * Forecast Precipitation Accordion =================
*/
#qpf_point_data_title {
  font-family: Arial;
  font-size: 10pt;
  font-weight: 600;
}
#qpf_grid_data_title {
  font-family: Arial;
  font-size: 10pt;
  font-weight: 600;
}
#qpe_formatted_date_time {
  font-family: Arial;
  font-size: 8pt;
}
#qpf_formatted_date_time {
  font-family: Arial;
  font-size: 8pt;
}
table#qpf_point_data_table {

  max-width: 175px;
  min-width: 175px;
  width: 175px;

  max-height: 100px;
  min-height: 100px;
  height: 100px;

}
table#qpf_point_data_table th {
  border:1px solid black;
}
table#qpf_point_data_table td {
  border:1px solid black;
}
table#qpf_point_data_table td#qpf_date_time_td {
  border:1px solid white;
}

/*
 * Observed Temperatures Accordion =================
*/
#qte_point_data_title {
  font-family: Arial;
  font-size: 10pt;
  font-weight: 600;
}
#qte_grid_data_title {
  font-family: Arial;
  font-size: 10pt;
  font-weight: 600;
}
#qpe_formatted_date_time {
  font-family: Arial;
  font-size: 8pt;
}
#qte_formatted_date_time {
  font-family: Arial;
  font-size: 8pt;
}
table#qte_point_data_table {

  max-width: 175px;
  min-width: 175px;
  width: 175px;

  max-height: 100px;
  min-height: 100px;
  height: 100px;

}
table#qte_point_data_table th {
  border:1px solid black;
}
table#qte_point_data_table td {
  border:1px solid black;
}
table#qte_point_data_table td#qte_date_time_td {
  border:1px solid white;
}

/*
 * Forecast Temperatures Accordion =================
*/
#qtf_point_data_title {
  font-family: Arial;
  font-size: 10pt;
  font-weight: 600;
}
#qtf_grid_data_title {
  font-family: Arial;
  font-size: 10pt;
  font-weight: 600;
}
#qpe_formatted_date_time {
  font-family: Arial;
  font-size: 8pt;
}
#qtf_formatted_date_time {
  font-family: Arial;
  font-size: 8pt;
}
table#qtf_point_data_table {

  max-width: 175px;
  min-width: 175px;
  width: 175px;

  max-height: 100px;
  min-height: 100px;
  height: 100px;

}
table#qtf_point_data_table th {
  border:1px solid black;
}
table#qtf_point_data_table td {
  border:1px solid black;
}
table#qtf_point_data_table td#qtf_date_time_td {
  border:1px solid white;
}
#qtf_date_time {
  min-width:185px;
  max-width:185px;
  width:185px;
  padding:1px;
}

/*
 * Accordion Styles For All =================
*/

.accordion_subtitle {
  font-family: Arial;
  font-size: 10pt;
  font-weight: bold;
  color: #4B6EBD;
}
#accordion_hr {
  border:none;
  border-top: 1px solid #94C6EF;
  border-bottom: none;
}

#logo_imgs {
  position:absolute;
  top: 225px;
  left: 80px;
  z-index:3; /* logo imgs */
}

/*
 * Dialog Styles =================
*/
/* add no-close class to any dialog to not show close button */
.no-close .ui-dialog-titlebar-close {
  display: none;
}

/*
.ui-dialog-title {
  font-size: 8pt;
}
.ui-button .ui-widget {
  font-size: 8pt;
}
*/



div#sprite_crit_list {

  width:825px;
  min-width:825px;
  max-width:825px;

  height:100px;
  min-height:100px;
  max-height:100px;

/*  overflow:auto;*/
  width: 100%;
  
  border: 0;

  visibility: hidden;

  z-index:10;
}

.sprite_crit_status_dot {
  text-align:center;
  border: 0px solid #000000;
  width:34px;
  height:34px;
  float:center;

  border-radius:1.5em 1.4em;
  border:1px solid black;
  background-color:black;
}

.sprite_crit_status_num {
  position:relative;
  top:9px;
  color:black;
  font-size:10pt;
  font-weight:800;
  font-family: Arial, Helvetica, sans-serif;
  width:75px;
}

.sprite_crit_th {
  font-size:10pt;
  text-align:center;
  width:75px;
}

/*
* Precip Legend ===============================================
*/

div#qpf_date_time {
/*
  min-height:110px;
  max-height:110px;
  height:110px;
*/
/*
  min-width:180px;
  max-width:180px;
  width:180px;
*/
  min-width:185px;
  max-width:185px;
  width:185px;
 
  padding:1px; 
}

div#sprite_precip_list {

  position:absolute;
  left: -5000px;

  width:600px;
  min-width:600px;
  max-width:600px;

  height:100px;
  min-height:100px;
  max-height:100px;

/*  overflow:auto;*/
  width: 100%;

  visibility: hidden;

}

.sprite_preciplegend_th {
  color:black;
  font-size:8pt;
  font-weight:400;
  font-family: Arial, Helvetica, sans-serif;
  text-align:center;
}
#xml_stations_displayed {
  color:black;
  font-family: Arial, Helvetica, sans-serif;
  font-size:20pt;
  font-weight:400;
  text-align:center;
}
#river_stations_displayed {
  color:black;
  font-family: Arial, Helvetica, sans-serif;
  font-size:20pt;
  font-weight:400;
  text-align:center;
  border: 0px;
}

/*
* comingsoon ==================================================================
*/

div#comingsoon_message {
  position: absolute;
  /*top: 325px;*/
  top: 780px;
  /*left: 180px;*/
  left: -5000px;
  width: 450px;
  /*height: 120px;*/
  /*height: 200px;*/
  /*height: 130px;*/
  height: 125px;
  background-color: lightyellow;
  color: black;
  font-size: 12px;
  font-family: "Arial";
  z-index:5000;
  line-height: 15px;

  padding: 15px;

  /* ie compatible 3d effect */
  border: 3px;
  border-style: outset;
  border-top-color: LightGrey;
  border-left-color: LightGrey;
  border-right-color: black;
  border-bottom-color: black;
  box-shadow: 7px 7px 5px rgba(10,10,10,0.5);

  opacity: 1.0;
  visibility: hidden;

}

span#close_comingsoon_message {
  position:absolute;
  top: 2px;
  right: 10px;
  font-size: 10px;
  font-family: "Arial";
  border: 1px solid lightgray;
  padding: 2px;
  cursor:pointer;
  text-decoration:normal;
}
span#title_comingsoon_message {

  position:absolute;
  top: 5px;
  left: 100px;
  
  line-height: 20px;
  font-size: 16px;
  font-family: "Arial";
  color: blue;
}


span#comingsoon_intro {

  position:absolute;
  top: 35px;
  left: 25px;
  
  font-size: 12px;
  font-family: "Arial";
  color: black;

}

span#comingsoon_links {
  font-size: 10px;
  line-height: 12px;
  position:relative;
  top: 75px;
  left: 25px;
  
}

/*
* accordion date time =================================
*/
#a1_date_time {
  visibility:hidden;
  /*font-size:8pt;*/
  font-family: Arial;
  font-size:7pt;
}
#a2_date_time {
  visibility:hidden;
  /*font-size:8pt;*/
  font-family: Arial;
  font-size:7pt;
}
#a3_date_time {
  visibility:hidden;
  /*font-size:8pt;*/
  font-family: Arial;
  font-size:7pt;
}
#a4_date_time {
  visibility:hidden;
  /*font-size:8pt;*/
  font-family: Arial;
  font-size:7pt;
}
#a5_date_time {
  visibility:hidden;
  /*font-size:8pt;*/
  font-family: Arial;
  font-size:7pt;
}

.paren {
  font-family: Arial;
  font-size: 7pt;
  font-weight: 600;
  font-style:italic;
}

/*
* ==================================================================
* stp ===
* ==================================================================
*/

#stp_related_links {
  display:none;
  border: 1px solid rgb(197, 219, 236);
  padding: 5px;
  max-width:170px;
  min-width:170px;
  width:170px;
}
#stp_related_links_title {
  position: relative;
  left: 15px;
  font-style:italic;
}
#stp_related_links_list {
  list-style:none;
  position:relative;
  left:-15px;
}

.popup_stp {
  position: absolute;
  padding: .5em;
  background: #e3e3e3;
  /*border: 5px solid #BFBFBF; */
  border: 1px solid blue;
  z-index: 10;
  font-size: 11px;
  font-family: "Arial";
  color: black;
  background: #E6E6FA;
} 

#popup_stp_table {
  border: 0px solid rgb(0, 0, 255);
  border-collapse: collapse; /* removes all table cell spacing gaps */
}
#popup_stp_table_main_th {
  text-align: center;
  font-size: 1.3em;
  background-color: #E6E6FA;
  color: #000099;
  border-bottom: thick solid rgb(0, 0, 255);
  padding: 2px 2px 2px 2px; /* top right bottom left */
}
#popup_stp_table_period {
  text-align: center;
  font-size: 1.2em;
  border-bottom: thin solid rgb(0, 0, 255);
  /* background-color: #B8B8C8; */
}
#popup_stp_table_column_title {
  text-align: center;
  font-size: 1.0em;
  /*background-color: #D4D4DE; */
  font-weight: normal;
}
#popup_stp_table_reverse3 {
  text-align: center;
  font-size: 1.0em;
  background-color: #D4D4DE;
  color: blue;
  font-weight: normal;
}
#popup_stp_table_forecast_date {
  text-align: center;
  font-size: 1.0em;
  /*background-color: #D4D4DE; */
  background-color: #B8B8C8;
  font-weight: normal;
}
#popup_stp_table_main2_th {
  text-align: center;
  font-size: 1.2em;
  background-color: #E6E6FA;
  padding: 2px 2px 2px 2px; /* top right bottom left */
}
#popup_stp_table_main3_th {
  text-align: center;
  font-size: 1.0em;
  background-color: #E6E6FA;
  border-bottom: thin solid rgb(0, 0, 255);
  padding: 2px 2px 2px 2px; /* top right bottom left */
  font-weight:normal;
}
#popup_stp_table_th_subtitle {
  text-align: center;
  font-size: 1.1em;
  background-color: #B8B8C8;
}
#popup_stp_table td {
  text-align: center;
  font-size: 1.1em;
}


/*
* ==================================================================
* Canada Message ===
* ==================================================================
*/

div#canada_message {

  position: absolute;
  /*top: 325px; */
  top: 530px;
  left: 90px;
  width: 575px;
  /*height: 120px;*/
  /*height: 200px;*/
  /*height: 130px;*/
  height: 140px;
  background-color: lightyellow;
  color: black;
  font-size: 12px;
  font-family: "Arial";
  z-index:5000;
  line-height: 15px;

  padding: 15px;

  /* ie compatible 3d effect */
  border: 3px;
  border-style: outset;
  border-top-color: LightGrey;
  border-left-color: LightGrey;
  border-right-color: black;
  border-bottom-color: black;
  box-shadow: 7px 7px 5px rgba(10,10,10,0.5);

  opacity: 1.0;
  visibility: hidden;

}

span#close_canada_message {
  position:absolute;
  top: 2px;
  right: 10px;
  font-size: 10px;
  font-family: "Arial";
  border: 1px solid lightgray;
  padding: 2px;
  cursor:pointer;
  text-decoration:normal;
}

span#title_canada_message {
  position:absolute;
  top: 5px;
  left: 125px;
  line-height: 20px;
  font-size: 16px;
  font-family: "Arial";
  color: blue;
}

span#canada_links {
  font-size: 10px;
  line-height: 12px;
  position:relative;
  left: 25px;
}

/*
* Popup Message ==================================================================
*/
#nodata_min { font-weight: bold;}
#nodata_max { font-weight: bold;}
#nodata_starttime { font-weight: bold;}
#nodata_endtime { font-weight: bold;}
#nodata_min_num { font-weight: bold;}
#nodata_max_num { font-weight: bold;}

div#nodata_message {
  position: absolute;
  /*top: 525px;*/
  top: 625px;
  /*left: 180px;*/
  left: -5000px;
  width: 400px;
  /*height: 120px;*/
  /*height: 200px;*/
  /*height: 130px;*/
  height: 100px;
  background-color: lightyellow;
  color: black;
  font-size: 12px;
  font-family: "Arial";
  z-index:5000;
  line-height: 15px;

  padding: 15px;

  /* ie compatible 3d effect */
  border: 3px;
  border-style: outset;
  border-top-color: LightGrey;
  border-left-color: LightGrey;
  border-right-color: black;
  border-bottom-color: black;
  box-shadow: 7px 7px 5px rgba(10,10,10,0.5);

  opacity: 1.0;
  visibility: hidden;

}

span#close_nodata_message {
  position:absolute;
  top: 2px;
  right: 10px;
  font-size: 10px;
  font-family: "Arial";
  border: 1px solid lightgray;
  padding: 2px;
  cursor:pointer;
  text-decoration:normal;
}
span#title_nodata_message {

  position:absolute;
  top: 5px;
  left: 50px;
  
  line-height: 20px;
  font-size: 16px;
  font-family: "Arial";
  color: blue;
}


span#nodata_message_contents {

  position:absolute;
  top: 35px;
  left: 25px;
  
  font-size: 12px;
  font-family: "Arial";
  color: black;

}

span#nodata_links {
  font-size: 10px;
  line-height: 12px;
  position:relative;
  top: 75px;
  left: 25px;
  
}


ul.graphic_data_links {
  margin-left:5px;
  border: 0px solid rgb(197, 219, 236);
  padding: 0px;
  max-width:200px;
  min-width:200px;
  width:200px;
  list-style:none;
  font-size:10px;
}

/***********************************
 * custom slider handle 
************************************/
div#value_slider .ui-slider-handle {
  width:1.35em;
  height:1.35em;
  cursor:default;
  border:1px solid #000000;
  background-color:#FFFFFF;
  border-radius:0.675em;
  box-shadow: 1px 1px 2px #333;
  position:absolute;
  top:-7px;
}
div#elevation_slider .ui-slider-handle {
  width:1.35em;
  height:1.35em;
  cursor:default;
  border:1px solid #000000;
  background-color:#FFFFFF;
  border-radius:0.675em;
  box-shadow: 1px 1px 2px #333;
  position:absolute;
  top:-7px;
}
div#qpf_slider_opacity .ui-slider-handle {
  width:1.35em;
  height:1.35em;
  cursor:default;
  border:1px solid #000000;
  background-color:#FFFFFF;
  border-radius:0.675em;
  box-shadow: 1px 1px 2px #333;
  position:absolute;
  top:-7px;
}
div#qpf_slider_forecast .ui-slider-handle {
  width:1.35em;
  height:1.35em;
  cursor:default;
  border:1px solid #000000;
  background-color:#FFFFFF;
  border-radius:0.675em;
  box-shadow: 1px 1px 2px #333;
  position:absolute;
  top:-7px;
}
div#qpe_slider_opacity .ui-slider-handle {
  width:1.35em;
  height:1.35em;
  cursor:default;
  border:1px solid #000000;
  background-color:#FFFFFF;
  border-radius:0.675em;
  box-shadow: 1px 1px 2px #333;
  position:absolute;
  top:-7px;
}
div#qpe_slider .ui-slider-handle {
  width:1.35em;
  height:1.35em;
  cursor:default;
  border:1px solid #000000;
  background-color:#FFFFFF;
  border-radius:0.675em;
  box-shadow: 1px 1px 2px #333;
  position:absolute;
  top:-7px;
}
div#qtf_slider_opacity .ui-slider-handle {
  width:1.35em;
  height:1.35em;
  cursor:default;
  border:1px solid #000000;
  background-color:#FFFFFF;
  border-radius:0.675em;
  box-shadow: 1px 1px 2px #333;
  position:absolute;
  top:-7px;
}
div#qtf_slider_forecast .ui-slider-handle {
  width:1.35em;
  height:1.35em;
  cursor:default;
  border:1px solid #000000;
  background-color:#FFFFFF;
  border-radius:0.675em;
  box-shadow: 1px 1px 2px #333;
  position:absolute;
  top:-7px;
}
div#qte_slider_opacity .ui-slider-handle {
  width:1.35em;
  height:1.35em;
  cursor:default;
  border:1px solid #000000;
  background-color:#FFFFFF;
  border-radius:0.675em;
  box-shadow: 1px 1px 2px #333;
  position:absolute;
  top:-7px;
}

/**************************
* Custom JQuery UI settings
**************************/
.ui-slider {
  height:4px;
}
.ui-slider-horizontal {
  /*border: 1px solid #1F497D;*/
  border: 1px solid #79B7E7;
}
.ui-state-default {
  border:2px solid #79B7E7;
}

button, input[type='submit'] {
  border:1px solid #79B7E7;
}
/*********************************
* precip legend
*********************************/
#sprite_precip_legend {
  /* precip part */
  width:648px;
  height:94px;

/* sprite size 720x834 */
/* river legend: 720x94 */
/* precip legend: 648x94 */

  background:url(/rfc/data/icons/sprite/nwrfc_marker_sprite.png?version=20200728v1) 0 -548px;
}
#xml_stations_displayed_container {
  background-color:#E6E6FA;
  position:absolute;
  top:20px;
  left:675px;
}
.xml_stations_displayed_title {
  font-size:10pt;
  text-align:center;
  width:75px;
  font-weight:bold;
}
/*********************************
* river legend
*********************************/
#sprite_river_legend {
  /* precip part */
  width:750px;
  height:94px;

/* sprite size 720x834 */
/* river legend: 720x94 */
/* precip legend: 648x94 */
/* stp legend: 741x94 */

  background:url(/rfc/data/icons/sprite/nwrfc_marker_sprite.png?version=20200728v1) 0 -642px;
}
#river_stations_displayed_container {
  background-color:#E6E6FA;
  position:absolute;
  top:20px;
  left:750px;
}
.river_stations_displayed_title {
  font-size:10pt;
  text-align:center;
  width:75px;
  font-weight:bold;
}

/* number breakdown of sites */
#sprite_normal_container {
  position:absolute;
  top:34px;
  left:69px;
  height:26px;
  width:60px;
  z-index:9999;
  text-align:center;
}
#sprite_normal_num { top:5px; }
a > div#sprite_normal_container > span#sprite_normal_num { color:black; }
a:hover > div#sprite_normal_container { border:1px solid blue; }
a:hover > div#sprite_normal_container > span#sprite_normal_num { color:blue; }

#sprite_suspect_container {
  position:absolute;
  top:33px;
  left:130px;
  height:26px;
  width:61px;
  z-index:9999;
  text-align:center;
}
#sprite_suspect_num { top:5px; }
a > div#sprite_suspect_container > span#sprite_suspect_num { color:black; }
a:hover > div#sprite_suspect_container { border:1px solid blue; }
a:hover > div#sprite_suspect_container > span#sprite_suspect_num { color:blue; }

#sprite_ice_container {
  position:absolute;
  top:35px;
  left:195px;
/*  background-color:green;*/
  height:25px;
  width:62px;
  z-index:9999;
  text-align:center;
}
#sprite_ice_num {
  padding:0px 4px 0px 4px;
  color:white;
  background-color:black;
}

#sprite_eighty_container {
  position:absolute;
  top:35px;
  left:255px;
/*  background-color:green;*/
  height:25px;
  width:64px;
  z-index:9999;
  text-align:center;
}
#sprite_eighty_num {
}

#sprite_ninety_container { display:none; }
#sprite_ninety_num { display:none; }

#sprite_action_container {
  position:absolute;
  top:35px;
  left:320px;
/*  background-color:#ffff00;*/
  height:25px;
  width:62px;
  z-index:9999;
  text-align:center;
}
#sprite_action_num {
}


#sprite_flood_container {
  position:absolute;
  top:35px;
  left:383px;
/*  background-color:#ff9900;*/
  height:25px;
  width:62px;
  z-index:9999;
  text-align:center;
}
#sprite_flood_num {
  color:#000000;
}


#sprite_moderate_container {
  position:absolute;
  top:35px;
  left:447px;
/*  background-color:#ff0000; */
  height:25px;
  width:62px;
  z-index:9999;
  text-align:center;
}
#sprite_moderate_num {
  color:white;
}

#sprite_major_container {
  position:absolute;
  top:35px;
  left:510px;
/*  background-color:#cc33ff;*/
  height:25px;
  width:62px;
  z-index:9999;
  text-align:center;
}
#sprite_major_num {
  color:#FFFFFF;
}

#sprite_record_container {
  position:absolute;
  top:35px;
  left:575px;
/*  background-color:green;*/
  height:25px;
  width:62px;
  z-index:9999;
  text-align:center;
}
#sprite_record_num {
  color:white;
}

.sprite_category_common_style {
  /*font-weight:bold;*/
  font-size:12pt;
  font-weight:700;
  position:relative;
  top:3px;
}

/*********************************
* stp legend
*********************************/
div#stp_legend {

  position:absolute;
  left: -5000px;

  width:800px;
  min-width:800px;
  max-width:800px;

  height:110px;
  min-height:110px;
  max-height:110px;

/*  overflow:auto;*/
  width: 100%;
  
  border: 0;

  visibility: hidden;
/*  background-color:green;*/

}
#sprite_stp_legend {
/* stp legend: 741x94 */

  width:741px;
  height:94px;

  background:url(/rfc/data/icons/sprite/nwrfc_marker_sprite.png?version=20200728v1) 0 -736px;
}
#stp_stations_displayed {
  color:black;
  font-family: Arial, Helvetica, sans-serif;
  font-size:20pt;
  font-weight:400;
  text-align:center;
  border: 0px;
}
#stp_stations_displayed_container {
  background-color:#E6E6FA;
  position:absolute;
  top:20px;
  left:740px;
}
.stp_stations_displayed_title {
  font-size:10pt;
  text-align:center;
  width:75px;
  font-weight:bold;
}

/*********************************
* temperatures legend: 648x94
*********************************/
div#temperatures_legend {

  position:absolute;
  left: -5000px;

  width:800px;
  min-width:800px;
  max-width:800px;

  height:110px;
  min-height:110px;
  max-height:110px;

/*  overflow:auto;*/
  width: 100%;
  
  border: 0;

  visibility: hidden;
/*  background-color:green;*/

}
#sprite_temperatures_legend {
/* temperatures legend: */

  width:648px;
  height:94px;

  background:url(/rfc/data/icons/sprite/nwrfc_marker_sprite.png?version=20200728v1) 0 -830px;
}
#temperatures_stations_displayed {
  color:black;
  font-family: Arial, Helvetica, sans-serif;
  font-size:20pt;
  font-weight:400;
  text-align:center;
  border: 0px;
}
#temperatures_stations_displayed_container {
  background-color:#E6E6FA;
  position:absolute;
  top:20px;
  left:740px;
}
.temperatures_stations_displayed_title {
  font-size:10pt;
  text-align:center;
  width:75px;
  font-weight:bold;
}

/*********************************
* qpe grid times
*********************************/
#qpe_grid_times {
  visibility:hidden;
  font-family: Arial;
  font-size: 8pt;
  padding:2px;
  border:1px solid black;
}
/*********************************
* qpf grid times
*********************************/
#qpf_grid_times {
  visibility:hidden;
  font-family: Arial;
  font-size: 8pt;
  padding:2px;
  border:1px solid black;
}
/*********************************
* qtf grid times
*********************************/
#qtf_grid_times {
  visibility:hidden;
  font-family: Arial;
  font-size: 8pt;
  padding:2px;
  border:1px solid black;
}
/*********************************
* qte grid times
*********************************/
#qte24max_time, #qte24min_time{
  font-family: Arial;
  font-size: 8pt;
  padding:2px;
}
/*********************************
* highlight
*********************************/
.ui-state-highlight {
  background: url("custom_highlight/ui-bg_flat_55_fbec88_40x100.png") repeat-x scroll 50% 50% #98F5FF;
  color: #000000;
  border: 2px solid #79B7E7;
}
/*********************************
* Grid Not Available
*********************************/
#grid_not_available { color:red; }
/*********************************
* test image to show filename
*********************************/
#test_image {
  position:absolute;
  top:107px;
  left:5px;
  background-color:black;
  color:yellow;
  z-index:9999;
}

/*********************************
* links
*********************************/
A:link {
color: white;
text-decoration: none;
}
A:link {
 color: #0000FF;
 text-decoration: none;
}

A:Visited  {
 /*color: #003399;*/
 /*color: #C700FF;*/
 color: #6400FF;
 text-decoration: none;
}

A:hover {
color : #F0E68C;
text-decoration : underline; }

A:hover {
color : #FF0000;
text-decoration : underline;
}

/*********************************
* refresh data
*********************************/
#refresh_data_time {

  min-width:380px;
  width:380px;

  min-height:30px;
  height:30px;

  padding:0px 0px 4px 0px;
/*
  background-color:red;
  color:white;
*/
}

#refresh_data_button {
  position:relative;
  top:4px;
  left:10px; 
}

/*
@media screen and (max-width:800px) {
  #refresh_data_button {
    border-radius:5px;
    width:150px;
    height:30px;
    font-size:1.1rem;
  }
}
*/

#refresh_data_label {
  position:relative;
  top:4px;
  left:10px; 

  min-width:300px;
  width:300px;

  min-height:30px;
  height:30px;
/*
  background-color:blue;
  color:white;
*/
}

/*********************************
* misc to display test data
*********************************/
#misc {
  position:absolute;
  left:1000px;
  top:100px;
  
  color:black;
  background-color:white;
  border:5px solid black;

  padding: 5px;

  display:none;
}

/*********************************
* tabs
*********************************/
#tabs { 
  position: absolute;
  left: 970px;
  top: 0px;
  height: 2000px;
  width: 705px;
}

/*********************************
* chart parking spaces
*********************************/
#chart_parking_space0 { 
  position: relative;
  /*left: 970px;*/
  left: 2px;
  top: 10px;
  height: 300px;
  width: 700px;
  border: 1px solid gray;
  padding: 2px;
}
#chart_parking_space1 { 
  position: relative;
  left: 2px;
  top: 10px;
  height: 300px;
  width: 700px;
  border: 1px solid gray;
  padding: 2px;
}
#chart_parking_space2 { 
  position: relative;
  left: 2px;
  top: 10px;
  height: 300px;
  width: 700px;
  border: 1px solid gray;
  padding: 2px;
}
#chart_parking_space3 { 
  position: relative;
  left: 2px;
  top: 10px;
  height: 300px;
  width: 700px;
  border: 1px solid gray;
  padding: 2px;
}
#chart_parking_space4 { 
  position: relative;
  left: 2px;
  top: 10px;
  height: 300px;
  width: 700px;
  border: 1px solid gray;
  padding: 2px;
}
#chart_parking_space5 { 
  position: relative;
  left: 2px;
  top: 10px;
  height: 300px;
  width: 700px;
  border: 1px solid gray;
  padding: 2px;
}
.closeme {
  position:absolute;

  top: 2px;
  right: 4px;
  padding: 2px 4px 2px 4px; 
  text-align:center;

  color:black;
  background-color:lightgray;
  border: 1px solid gray;

  cursor:pointer;

}
#chart_space_full {

  position:absolute;
  top: -200px;
  left: 0px;

  border: 3px solid gray;
  background-color: lightyellow;
  color: black;
  padding: 5px;

  font-family: Arial;
  font-size: 10pt;
  font-weight: normal;

  z-index: 999999;
}
.closeme:hover {
  background-color:red;
}

/*********************************
* shadow
*********************************/
.header-shadow {
  
}

.header-shadow-content {
  margin-left: 0px;
  width: 968px;
  height: 10px;
  background: url(data/head_shadow.png) center;
}

/*********************************
* tabs
*********************************/
#tabs { 
  visibility: hidden;
}
#tabs li .ui-icon-close { 
  float: left; 
  margin: 0.4em 0.2em 0 0; 
  cursor: pointer; 
}
#refresh_tab {

  position:absolute;
  right: 40px;
  top: 12px;

  width: 32px;
  height: 32px;
  
  font-family: Arial;
  font-size: 7pt;
 
  z-index:1000; 
}
#close_tabs {

  position:absolute;
  right: 5px;
  top: 12px;

  width: 32px;
  height: 32px;
  
  font-family: Arial;
  font-size: 7pt;
 
  z-index:1000; 
}
/*
* ==================================================================
* hydrograph -- largeImage
* ==================================================================
*/
#loadingHydrograph {
  display:none;
  position: absolute;
  padding: .5em;
  background: #98F5FF;
  opacity:0.7;
  filter:alpha(opacity=7);
  border: 5px solid #79B7E7;
  /*z-index: 999999;*/ /* loading */

  /*border:0px solid red;*/
}
div#largeImage_container {
  position: absolute;
  border:0px solid green;
  z-index: 15;


  cursor:pointer;
}
#largeImage {
  display:none;
  position: relative;
/*
  padding: .5em;
  background: #e3e3e3;
  border: 5px solid #BFBFBF;
*/
}
.img_plot {
  padding: .5em;
  background: #e3e3e3;
  border: 5px solid #BFBFBF;
}

/*
* ==================================================================
* river list button... Get Stations
* ==================================================================
*/
input.river_list {
  color: #FFFFFF;
  background-color: #4B86DD;
}

@media screen and (max-width:800px) {
  input.river_list {
    border-radius:5px;
    width:150px;
    height:30px;
    font-size:1.1rem;
/*
    color: #000000;
    background-color: #4B86DD;
*/
  }
}

fieldset {
  border:1px solid lightgrey;
}

select#ss {
  width:100%;
}

select#hsa {
  width:100%;
}
/*
* ==================================================================
* download xml csv
* ==================================================================
*/
div.download {
  border:1px solid lightgray;
  padding: 2px;
}
#datepicker_download_button {
  color: #FFFFFF;
  background-color: #4B86DD;
}
#download_text {
  font-size: 8pt;
}

/*
* ==================================================================
* clock
* ==================================================================
*/
#clock {
  position:relative;
  top:2px;
  left:2px;

  min-width: 100px;
  width: 100px;

  text-align:center;

  padding: 2px 0px 0px 0px;

  border: 0px solid black;
  /*background-color: white;*/
  color: black;
  /*z-index:99999;*/
  z-index:4;
}
#clock_date {
  position:absolute;
  display: none;
  background-color: lightyellow;
  color: black;
  border: 1px solid black;
  padding: 2px;
  width:70px;
  min-width:70px;
}

/*
* ==================================================================
* status dot sprite icons
* ==================================================================
*/

.ice-icon { background:url(/rfc/data/icons/sprite/nwrfc_marker_sprite.png?version=20200728v1)                     0   0px; }  /* 0 */
.eighty-ice-icon { background:url(/rfc/data/icons/sprite/nwrfc_marker_sprite.png?version=20200728v1)               0 -11px; }  /* 1 */
.ninety-ice-icon { background:url(/rfc/data/icons/sprite/nwrfc_marker_sprite.png?version=20200728v1)              0 -22px; }  /* 2 */
.action-ice-icon { background:url(/rfc/data/icons/sprite/nwrfc_marker_sprite.png?version=20200728v1)       0 -33px; }  /* 3 */
.flood-ice-icon { background:url(/rfc/data/icons/sprite/nwrfc_marker_sprite.png?version=20200728v1)           0 -44px; }  /* 4 */
.moderate-flood-ice-icon { background:url(/rfc/data/icons/sprite/nwrfc_marker_sprite.png?version=20200728v1) 0 -55px; }  /* 5 */
.major-flood-ice-icon { background:url(/rfc/data/icons/sprite/nwrfc_marker_sprite.png?version=20200728v1)  0 -66px; }  /* 6 */
.record-flood-ice-icon { background:url(/rfc/data/icons/sprite/nwrfc_marker_sprite.png?version=20200728v1)  0 -77px; }  /* 7 */
.nu1-forecast-data-point-icon { background:url(/rfc/data/icons/sprite/nwrfc_marker_sprite.png?version=20200728v1)            0 -88px; }  /* 8 */
.misc0-icon { background:url(/rfc/data/icons/sprite/nwrfc_marker_sprite.png?version=20200728v1)                   0 -99px; }  /* 9 */

.normal-icon              { background:url(/rfc/data/icons/sprite/nwrfc_marker_sprite.png?version=20200728v1) 0 -110px; } /* 10 */
.eighty-icon               { background:url(/rfc/data/icons/sprite/nwrfc_marker_sprite.png?version=20200728v1) 0 -121px; } /* 11 */
.ninety-icon              { background:url(/rfc/data/icons/sprite/nwrfc_marker_sprite.png?version=20200728v1) 0 -132px; } /* 12 */
.action-icon       { background:url(/rfc/data/icons/sprite/nwrfc_marker_sprite.png?version=20200728v1) 0 -143px; } /* 13 */
.flood-icon           { background:url(/rfc/data/icons/sprite/nwrfc_marker_sprite.png?version=20200728v1) 0 -154px; } /* 14 */
.moderate-flood-icon { background:url(/rfc/data/icons/sprite/nwrfc_marker_sprite.png?version=20200728v1) 0 -165px; } /* 15 */
.major-flood-icon  { background:url(/rfc/data/icons/sprite/nwrfc_marker_sprite.png?version=20200728v1) 0 -176px; } /* 16 */
.record-flood-icon  { background:url(/rfc/data/icons/sprite/nwrfc_marker_sprite.png?version=20200728v1) 0 -187px; } /* 17 */
.misc1-normal-icon        { background:url(/rfc/data/icons/sprite/nwrfc_marker_sprite.png?version=20200728v1) 0 -198px; } /* 18 */
.misc1-ice-icon           { background:url(/rfc/data/icons/sprite/nwrfc_marker_sprite.png?version=20200728v1) 0 -209px; } /* 19 */

.normal-data-icon              { background:url(/rfc/data/icons/sprite/nwrfc_marker_sprite.png?version=20200728v1) 0 -220px; } /* 20 */
.eighty-data-icon               { background:url(/rfc/data/icons/sprite/nwrfc_marker_sprite.png?version=20200728v1) 0 -231px; } /* 21 */
.ninety-data-icon              { background:url(/rfc/data/icons/sprite/nwrfc_marker_sprite.png?version=20200728v1) 0 -242px; } /* 22 */
.action-data-icon       { background:url(/rfc/data/icons/sprite/nwrfc_marker_sprite.png?version=20200728v1) 0 -253px; } /* 23 */
.flood-data-icon           { background:url(/rfc/data/icons/sprite/nwrfc_marker_sprite.png?version=20200728v1) 0 -264px; } /* 24 */
.moderate-flood-data-icon { background:url(/rfc/data/icons/sprite/nwrfc_marker_sprite.png?version=20200728v1) 0 -275px; } /* 25 */
.major-flood-data-icon  { background:url(/rfc/data/icons/sprite/nwrfc_marker_sprite.png?version=20200728v1) 0 -286px; } /* 26 */
.record-flood-data-icon  { background:url(/rfc/data/icons/sprite/nwrfc_marker_sprite.png?version=20200728v1) 0 -297px; } /* 27 */
.nu2-icon       { background:url(/rfc/data/icons/sprite/nwrfc_marker_sprite.png?version=20200728v1) 0 -308px; } /* 28 */
.misc21-normal-data-icon       { background:url(/rfc/data/icons/sprite/nwrfc_marker_sprite.png?version=20200728v1) 0 -319px; } /* 29 */

.suspect-data-point-icon          { background:url(/rfc/data/icons/sprite/nwrfc_marker_sprite.png?version=20200728v1) 0 -925px; } /* 28 */
.suspect-forecast-data-point-icon { background:url(/rfc/data/icons/sprite/nwrfc_marker_sprite.png?version=20200728v1) 0 -935px; } /* 29 */

/*
* ==================================================================
* basemap selector
* ==================================================================
*/
#basemaps-wrapper {
  position:relative;
  top:-815px;
  left:600px;
  z-index: 10;
  background:white;
  padding:5px;
  width: 100px;
}
#basemaps {
  margin-bottom: 5px;
}
div#basemaps-wrapper:hover { background-color: rgb(235, 235, 235); }
div#basemaps-wrapper:active { background-color: rgb(255, 255, 255); }

/*
* ==================================================================
* lat/lng readout
* ==================================================================
*/
#latlng_control {
  position:relative;
  top:-790px;
  /*left:520px;*/
  left:450px;
  z-index: 10;
  background-color: white;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.14902);
  border-width: 1px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
  padding: 5px;
  width: 55px;
}
div#latlng_control:hover { background-color: rgb(235, 235, 235); }
div#latlng_control:active { background-color: rgb(255, 255, 255); }

td.cellpointer { cursor:pointer; }

/* tabbed view side panel */
#settings {
  padding:10px;
  margin-top:25px;
}
div#settings fieldset {
  border-radius:5px;
}


/*
* ==================================================================
/* zoom issue fix for disappearing overlay image 
* ==================================================================
*/
.leaflet-container img.leaflet-image-layer {
  max-width: none !important;
}

div#crit_hydrographs_link { 
  /*display:none; */
  display:inline-block;
}


@media screen and (max-width:800px) {
  div#crit_hydrographs_link { 
    display:inline-block;
  }
}

div#get_station {
  white-space:nowrap;
}
div#get_station > button {
  font-size:8px;
  font-family:Arial;
}

div#get_station_container {
  width:75%;
}
button#go_2 {
  width:25%;
  border:1px solid #79B7E7;
}

@media screen and (max-width:800px) {
  /* autocomplete */
  .ui-menu .ui-menu-item a {
    font-size:.5rem;
  }
  .ui-autocomplete {
    width:150px;
    max-width:150px;
  }
}

/* social media links */
div#social_media_links {
  display:inline-block;

  position:relative;
  margin-top: 5px;
  margin-left: 5px;

  font-size: 9pt;
  font-family: Arial, Helvetica, San Serif;
}

/***
/* burn areas
***/

/* link for burn areas */
#burn_areas_source {
  margin-top:10px;
  display:none;
  margin-left:10px;
}

div#burn_areas_container {
  width:170px;
  min-width:170px;
  max-width:170px;
}

.burn_year_areas {
  width: 100px;
  display: inline-block;
  white-space: nowrap;
}

.burn_year_area_legend {
  display: inline-block;
  height: 4px;
  width: 20px;
  vertical-align: middle;
}

.leaflet-control-container a:link {
  color: black;
  text-decoration:none;
}

.leaflet-control-container a:hover {
  color: red;
  text-decoration:none;
}

.accordion_align {
  display:block;
  margin-left:18px;
  margin-top:4px;
}

/***************
 * mrms legend *
 ***************/
caption.mrms_title {
  margin-top:5px;
  font-weight:bold;
}

/*********************************************
* MRMS1
/*********************************************/

#mrms1 {
  display:none;
  text-align:center;  
}

.mrms1th {
  display:flex;
  flex-direction:column;
  justify-content:flex-end;

  min-width:27px;
  max-width:27px;
  min-height:27px;
  max-width:27px;
  /*border: lightgrey solid 1px;*/

  font-family:Arial;
  font-size:6pt;
  font-weight:normal;

}

.mrms1td {
  min-height:10px;
  max-height:10px;
  border: black solid 1px;
}
#mrms1td_1  { background-color:#00ECEC; }
#mrms1td_2  { background-color:#00C8F0; }
#mrms1td_3  { background-color:#00A0FF; }
#mrms1td_4  { background-color:#003CFF; }
#mrms1td_5  { background-color:#00FF00; }
#mrms1td_6  { background-color:#00DC00; }
#mrms1td_7  { background-color:#00BE00; }
#mrms1td_8  { background-color:#008D00; }
#mrms1td_9  { background-color:#FFFF00; }
#mrms1td_10 { background-color:#F0D200; }
#mrms1td_11 { background-color:#E7B400; }
#mrms1td_12 { background-color:#C87800; }
#mrms1td_13 { background-color:#FFA0A0; }
#mrms1td_14 { background-color:#FF3C3C; }
#mrms1td_15 { background-color:#E60000; }
#mrms1td_16 { background-color:#B40000; }
#mrms1td_17 { background-color:#FA00FF; }
#mrms1td_18 { background-color:#D900D9; }
#mrms1td_19 { background-color:#A400A4; }
#mrms1td_20 { background-color:#780078; }
#mrms1td_21  { background-color:#FFFFFF; }
#mrms1td_22  { background-color:#C0C0FF; }
#mrms1td_23  { background-color:#C0FFFF; }
#mrms1td_24  { background-color:#FFFFC0; }

/*********************************************
* MRMS3
/*********************************************/

#mrms3 {
  display:none;
  text-align:center;  
}

.mrms3th {
  display:flex;
  flex-direction:column;
  justify-content:flex-end;

  min-width:27px;
  max-width:27px;
  min-height:27px;
  max-width:27px;
  /*border: lightgrey solid 1px;*/

  font-family:Arial;
  font-size:6pt;
  font-weight:normal;

}

.mrms3td {
  min-height:10px;
  max-height:10px;
  border: black solid 1px;
}
#mrms3td_1  { background-color:#00ECEC; }
#mrms3td_2  { background-color:#00C8F0; }
#mrms3td_3  { background-color:#00A0FF; }
#mrms3td_4  { background-color:#003CFF; }
#mrms3td_5  { background-color:#00FF00; }
#mrms3td_6  { background-color:#00DC00; }
#mrms3td_7  { background-color:#00BE00; }
#mrms3td_8  { background-color:#008D00; }
#mrms3td_9  { background-color:#FFFF00; }
#mrms3td_10 { background-color:#F0D200; }
#mrms3td_11 { background-color:#E7B400; }
#mrms3td_12 { background-color:#C87800; }
#mrms3td_13 { background-color:#FFA0A0; }
#mrms3td_14 { background-color:#FF3C3C; }
#mrms3td_15 { background-color:#E60000; }
#mrms3td_16 { background-color:#B40000; }
#mrms3td_17 { background-color:#FA00FF; }
#mrms3td_18 { background-color:#D900D9; }
#mrms3td_19 { background-color:#A400A4; }
#mrms3td_20 { background-color:#780078; }
#mrms3td_21  { background-color:#FFFFFF; }
#mrms3td_22  { background-color:#C0C0FF; }
#mrms3td_23  { background-color:#C0FFFF; }
#mrms3td_24  { background-color:#FFFFC0; }

/*********************************************
* MRMS6
/*********************************************/

#mrms6 {
  display:none;
  text-align:center;  
}

.mrms6th {
  display:flex;
  flex-direction:column;
  justify-content:flex-end;

  min-width:27px;
  max-width:27px;
  min-height:27px;
  max-width:27px;
  /*border: lightgrey solid 1px;*/

  font-family:Arial;
  font-size:6pt;
  font-weight:normal;

}

.mrms6td {
  min-height:10px;
  max-height:10px;
  border: black solid 1px;
}
#mrms6td_1  { background-color:#00ECEC; }
#mrms6td_2  { background-color:#00C8F0; }
#mrms6td_3  { background-color:#00A0FF; }
#mrms6td_4  { background-color:#003CFF; }
#mrms6td_5  { background-color:#00FF00; }
#mrms6td_6  { background-color:#00DC00; }
#mrms6td_7  { background-color:#00BE00; }
#mrms6td_8  { background-color:#008D00; }
#mrms6td_9  { background-color:#FFFF00; }
#mrms6td_10 { background-color:#F0D200; }
#mrms6td_11 { background-color:#E7B400; }
#mrms6td_12 { background-color:#C87800; }
#mrms6td_13 { background-color:#FFA0A0; }
#mrms6td_14 { background-color:#FF3C3C; }
#mrms6td_15 { background-color:#E60000; }
#mrms6td_16 { background-color:#B40000; }
#mrms6td_17 { background-color:#FA00FF; }
#mrms6td_18 { background-color:#D900D9; }
#mrms6td_19 { background-color:#A400A4; }
#mrms6td_20 { background-color:#780078; }
#mrms6td_21  { background-color:#FFFFFF; }
#mrms6td_22  { background-color:#C0C0FF; }
#mrms6td_23  { background-color:#C0FFFF; }
#mrms6td_24  { background-color:#FFFFC0; }

/*********************************************
* MRMS12
/*********************************************/

#mrms12 {
  display:none;
  text-align:center;  
}

.mrms12th {
  display:flex;
  flex-direction:column;
  justify-content:flex-end;

  min-width:27px;
  max-width:27px;
  min-height:27px;
  max-width:27px;
  /*border: lightgrey solid 1px;*/

  font-family:Arial;
  font-size:6pt;
  font-weight:normal;

}

.mrms12td {
  min-height:10px;
  max-height:10px;
  border: black solid 1px;
}
#mrms12td_1  { background-color:#00ECEC; }
#mrms12td_2  { background-color:#00C8F0; }
#mrms12td_3  { background-color:#00A0FF; }
#mrms12td_4  { background-color:#003CFF; }
#mrms12td_5  { background-color:#00FF00; }
#mrms12td_6  { background-color:#00DC00; }
#mrms12td_7  { background-color:#00BE00; }
#mrms12td_8  { background-color:#008D00; }
#mrms12td_9  { background-color:#FFFF00; }
#mrms12td_10 { background-color:#F0D200; }
#mrms12td_11 { background-color:#E7B400; }
#mrms12td_12 { background-color:#C87800; }
#mrms12td_13 { background-color:#FFA0A0; }
#mrms12td_14 { background-color:#FF3C3C; }
#mrms12td_15 { background-color:#E60000; }
#mrms12td_16 { background-color:#B40000; }
#mrms12td_17 { background-color:#FA00FF; }
#mrms12td_18 { background-color:#D900D9; }
#mrms12td_19 { background-color:#A400A4; }
#mrms12td_20 { background-color:#780078; }
#mrms12td_21  { background-color:#FFFFFF; }
#mrms12td_22  { background-color:#C0C0FF; }
#mrms12td_23  { background-color:#C0FFFF; }
#mrms12td_24  { background-color:#FFFFC0; }

/*********************************************
* MRMS24
/*********************************************/

#mrms24 {
  display:none;
  text-align:center;  
}

.mrms24th {
  display:flex;
  flex-direction:column;
  justify-content:flex-end;

  min-width:27px;
  max-width:27px;
  min-height:27px;
  max-width:27px;
  /*border: lightgrey solid 1px;*/

  font-family:Arial;
  font-size:6pt;
  font-weight:normal;

}

.mrms24td {
  min-height:10px;
  max-height:10px;
  border: black solid 1px;
}
#mrms24td_1  { background-color:#00ECEC; }
#mrms24td_2  { background-color:#00C8F0; }
#mrms24td_3  { background-color:#00A0FF; }
#mrms24td_4  { background-color:#003CFF; }
#mrms24td_5  { background-color:#00FF00; }
#mrms24td_6  { background-color:#00DC00; }
#mrms24td_7  { background-color:#00BE00; }
#mrms24td_8  { background-color:#008D00; }
#mrms24td_9  { background-color:#FFFF00; }
#mrms24td_10 { background-color:#F0D200; }
#mrms24td_11 { background-color:#E7B400; }
#mrms24td_12 { background-color:#C87800; }
#mrms24td_13 { background-color:#FFA0A0; }
#mrms24td_14 { background-color:#FF3C3C; }
#mrms24td_15 { background-color:#E60000; }
#mrms24td_16 { background-color:#B40000; }
#mrms24td_17 { background-color:#FA00FF; }
#mrms24td_18 { background-color:#D900D9; }
#mrms24td_19 { background-color:#A400A4; }
#mrms24td_20 { background-color:#780078; }
#mrms24td_21  { background-color:#FFFFFF; }
#mrms24td_22  { background-color:#C0C0FF; }
#mrms24td_23  { background-color:#C0FFFF; }
#mrms24td_24  { background-color:#FFFFC0; }

/*********************************************
* MRMS48
/*********************************************/

#mrms48 {
  display:none;
  text-align:center;  
}

.mrms48th {
  display:flex;
  flex-direction:column;
  justify-content:flex-end;

  min-width:27px;
  max-width:27px;
  min-height:27px;
  max-width:27px;
  /*border: lightgrey solid 1px;*/

  font-family:Arial;
  font-size:6pt;
  font-weight:normal;

}

.mrms48td {
  min-height:10px;
  max-height:10px;
  border: black solid 1px;
}
#mrms48td_1  { background-color:#00ECEC; }
#mrms48td_2  { background-color:#00C8F0; }
#mrms48td_3  { background-color:#00A0FF; }
#mrms48td_4  { background-color:#003CFF; }
#mrms48td_5  { background-color:#00FF00; }
#mrms48td_6  { background-color:#00DC00; }
#mrms48td_7  { background-color:#00BE00; }
#mrms48td_8  { background-color:#008D00; }
#mrms48td_9  { background-color:#FFFF00; }
#mrms48td_10 { background-color:#F0D200; }
#mrms48td_11 { background-color:#E7B400; }
#mrms48td_12 { background-color:#C87800; }
#mrms48td_13 { background-color:#FFA0A0; }
#mrms48td_14 { background-color:#FF3C3C; }
#mrms48td_15 { background-color:#E60000; }
#mrms48td_16 { background-color:#B40000; }
#mrms48td_17 { background-color:#FA00FF; }
#mrms48td_18 { background-color:#D900D9; }
#mrms48td_19 { background-color:#A400A4; }
#mrms48td_20 { background-color:#780078; }
#mrms48td_21  { background-color:#FFFFFF; }
#mrms48td_22  { background-color:#C0C0FF; }
#mrms48td_23  { background-color:#C0FFFF; }
#mrms48td_24  { background-color:#FFFFC0; }

/*********************************************
* MRMS72
/*********************************************/

#mrms72 {
  display:none;
  text-align:center;  
}

.mrms72th {
  display:flex;
  flex-direction:column;
  justify-content:flex-end;

  min-width:27px;
  max-width:27px;
  min-height:27px;
  max-width:27px;
  /*border: lightgrey solid 1px;*/

  font-family:Arial;
  font-size:6pt;
  font-weight:normal;

}

.mrms72td {
  min-height:10px;
  max-height:10px;
  border: black solid 1px;
}
#mrms72td_1  { background-color:#00ECEC; }
#mrms72td_2  { background-color:#00C8F0; }
#mrms72td_3  { background-color:#00A0FF; }
#mrms72td_4  { background-color:#003CFF; }
#mrms72td_5  { background-color:#00FF00; }
#mrms72td_6  { background-color:#00DC00; }
#mrms72td_7  { background-color:#00BE00; }
#mrms72td_8  { background-color:#008D00; }
#mrms72td_9  { background-color:#FFFF00; }
#mrms72td_10 { background-color:#F0D200; }
#mrms72td_11 { background-color:#E7B400; }
#mrms72td_12 { background-color:#C87800; }
#mrms72td_13 { background-color:#FFA0A0; }
#mrms72td_14 { background-color:#FF3C3C; }
#mrms72td_15 { background-color:#E60000; }
#mrms72td_16 { background-color:#B40000; }
#mrms72td_17 { background-color:#FA00FF; }
#mrms72td_18 { background-color:#D900D9; }
#mrms72td_19 { background-color:#A400A4; }
#mrms72td_20 { background-color:#780078; }
#mrms72td_21  { background-color:#FFFFFF; }
#mrms72td_22  { background-color:#C0C0FF; }
#mrms72td_23  { background-color:#C0FFFF; }
#mrms72td_24  { background-color:#FFFFC0; }


/*
* ---------------------------------------
*/

div#exp {
  /*display:none;*/
  display:inline-block;
}

#experimental {
  font-style:italic;
  font-size:8pt;
  color:red;
}

table#table_legend {
  border-spacing:0;
}


/*
* white outline squal tile issue
*/

/* 1. Clear borders and outlines from standard image tiles */
.leaflet-tile-container img, 
.leaflet-tile {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;

    /* Helps browsers handle sub-pixel positioning better */
    transform-style: preserve-3d;

}

/* 2. Target canvas/vector tile containers and force their background to match the map container */
canvas.leaflet-tile,
svg.leaflet-tile {
    border: none !important;
    outline: none !important;
    background-color: transparent !important;
}

/* 3. Hide the browser's default "broken image" icon box if a tile completely drops */
.leaflet-tile img:-moz-broken,
.leaflet-tile img:before {
    content: "" !important;
    display: none !important;
}

div#map_opacity {
    display:none;
}