/* Styles for the Station Status page */

/* Explanations and toggles above the map. */
.viz_description {
 display: block;
 margin: 10px 0px;
}
.viz_networks {
 display: block;
 margin: 10px 0px;
}
 .net_toggle {
  display: inline-block;
  margin: 0px 10px;
 }
 .net_disclaimer {
  display: block;
  margin: 5px 0px;
  font-size: 12px;
  font-style: italic;
 }
.viz_legend {
 display: block;
 padding: 10px 0px;
 line-height: 170%;
 border-bottom: 1px solid #000000;
}
 .viz_legend_entry {
  display: inline-block;
  margin: 0px 10px;
 }
  .viz_legend_icon {
   display: inline-block;
   width: 12px;
   height: 12px;
   margin: 0px 4px;
   border-radius: 12px;
   border: 1px solid #000000;
   vertical-align: middle;
  }

/* Styles for map visualizations */
#map_canvas {
 display: block;
 width: 100%;
 max-width: 1365px;
 height: 600px;
 border: 1px solid #000000;
}
 #map_popup {
  display: block;
  width: 250px;
  background-color: #FFFFFF;
  border-radius: 4px;
  padding: 5px;
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.75);
  font-size: 12px;
 }
 #map_popup:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-top: solid 8px #FFFFFF;
  border-left: solid 8px transparent;
  border-right: solid 8px transparent;
 }
  .map_popup_title {
   display: block;
   padding: 4px;
   background-color: #CEDAEF;
   border-bottom: 2px solid #3E61A2;
   color: #3E61A2;
   font-size: 14px;
   font-weight: bold;
  }
   .map_popup_close {
    float: right;
    cursor: pointer;
   }
  #map_popup a {
   display: block;
   margin: 5px auto;
   text-align: center;
   color: #CC0000;
  }

/* Set icon colors for weather observations and fire danger estimates */
.wx_last_2_hours {
 background-color: #00CC00;
}
.wx_last_24_hours {
 background-color: #FFFF00;
}
.wx_last_week {
 background-color: #FFAB00;
}
.wx_week_or_longer {
 background-color: #FF5151;
}
.wx_no_data {
 background-color: #CCCCCC;
}
.fd_today {
 background-color: #5B8CF3;
}
.fd_yesterday {
 background-color: #70B756;
}
.fd_last_week {
 background-color: #E09640;
}
.fd_week_or_longer {
 background-color: #FF49B2;
}
.fd_no_data {
 background-color: #AAAAAA;
}

/* Styles for the summary table */
.summary_container {
 display: block;
 width: 0px;
 height: 720px;
 margin: 0px 0px 10px 0px;
 overflow-y: scroll;
}
 table.summary_table {
  width: 100%;
 }
   table.summary_table td {
    padding: 5px;
   }
  tr.summary_header {
   background-color: #CCCCCC;
  }
   tr.summary_header td {
    vertical-align: bottom;
    text-align: center;
    font-weight: bold;
   }
  tr.summary_county td {
   padding: 15px 0px 10px 0px;
   font-size: 15px;
   font-weight: bold;
  }
  tr.summary_row0 {
   background-color: #FAFAFA;
  }
  tr.summary_row1 {
   background-color: #EFEFEF;
  }
  tr.summary_no_stations {
   background-color: #FFFFFF;
   font-style: italic;
  }
   .summary_left {
    text-align: left;
   }
   .summary_center {
    text-align: center;
   }

/* Colors for various data availability levels */
.avail_capsule {
 display: block;
 padding: 5px;
 border-radius: 10px;
 text-align: center;
}
.avail_full {
 background-color: #68F168;
}
.avail_high {
 background-color: #F2FF66;
}
.avail_med {
 background-color: #FFC420;
}
.avail_low {
 background-color: #FF7777;
}
.avail_none {
 background-color: #E08BFF;
}

/* How long it took the page to load */
#page_load_time {
 padding: 10px 5px 5px 5px;
 font-size: 11px;
}