/* This file contains styles for the Hazard Assessment Tool. */

.summary_table {
 margin: 20px auto 10px auto;
 border-collapse: collapse;
}
 .summary_table_toprow {
 }
  .summary_table_cell_blank {
   min-width: 5px;
  }
  .summary_table_period_recent, .summary_table_period_forecast {
   padding: 0px;
   border: 1px solid #000000;
   text-align: center;
  }
   .summary_table_period_recent {
    background-color: #CAE1B3;
   }
   .summary_table_period_forecast {
    background-color: #D7BEBE;
   }
    .summary_table_period_title {
     display: block;
     padding: 5px;
     font-size: 18px;
     font-weight: bold;
    }
     .summary_table_period_title i {
      margin-right: 6px;
     }
    .summary_table_period_desc {
     display: block;
     margin: 4px auto;
     font-size: 14px;
    }
 .summary_table_header {
 }
  .summary_table_cell_header {
   padding: 5px;
   border: 1px solid #000000;
   background-color: #C9D3E1;
   font-size: 14px;
   font-weight: bold;
   text-align: center;
  }
  .summary_table_cell_date_recent {
   padding: 5px;
   border: 1px solid #000000;
   background-color: #CAD3C1;
   text-align: center;
  }
  .summary_table_cell_date_forecast {
   padding: 5px;
   border: 1px solid #000000;
   background-color: #E3CFCF;
   text-align: center;
  }
   .summary_table_cell_date_dow {
    display: block;
    font-size: 12px;
   }
   .summary_table_cell_date_md {
    display: block;
    font-size: 13px;
    font-weight: bold;
   }
 .summary_table_row {
 }
  .summary_table_cell_fdra_odd {
   padding: 5px;
   background-color: #F5F5F5;
   border: 1px solid #000000;
   font-weight: bold;
   text-align: left;
  }
  .summary_table_cell_fdra_even {
   padding: 5px;
   background-color: #E5E5E5;
   border: 1px solid #000000;
   font-weight: bold;
   text-align: left;
  }
  .summary_table_cell_data {
   padding: 0px;
   border: 1px solid #000000;
   font-weight: bold;
   text-align: center;
  }
   .summary_table_cell_data_rating {
    display: block;
    text-align: center;
   }
    .summary_table_cell_data_rating a {
     color: inherit;
     text-decoration: underline;
     cursor: pointer;
    }

.hazard_counties {
 display: block;
}
 .hazard_counties i {
  margin-right: 5px;
 }
.hazard_daily {
 display: block;
 margin: 10px auto;
 font-size: 21px;
 font-weight: bold;
 text-align: center;
}
 .hazard_daily_entry {
  display: inline-block;
  padding: 6px 12px;
  background-color: #FFF9DA;
 }
  .hazard_daily_text {
   display: inline-block;
  }
   .hazard_daily_text i {
    margin-right: 8px;
   }
  .hazard_daily_rating {
   display: inline-block;
   width: 30px;
   padding: 4px;
   border: 1px solid #000000;
   text-align: center;
  }
.hazard_10day {
 display: block;
 margin: 10px auto;
 font-size: 16px;
 font-weight: bold;
 text-align: center;
}
 .hazard_10day_entry {
  display: inline-block;
  padding: 5px;
 }
  .hazard_10day_text {
   display: inline-block;
  }
   .hazard_10day_text i {
    margin-right: 7px;
   }
  .hazard_10day_rating {
   display: inline-block;
   width: 30px;
   padding: 4px;
   border: 1px solid #000000;
   text-align: center;
  }
  .hazard_10day_subtext {
   display: block;
   margin: 4px;
   font-size: 13px;
   font-style: italic;
  }

.hazard_viz_container {
 display: block;
 margin: 6px auto;
 text-align: center;
 white-space: nowrap;
}
 .hazard_viz_block {
  display: block;
  margin: 10px auto;
  text-align: center;
  vertical-align: top;
 }
  .hazard_viz_data_graph {
   display: block;
   width: 95%;
   height: 400px;
  }
   .hazard_viz_data_graph_tooltip_icon {
    display: inline-block;
    width: 18px;
    text-align: center;
   }
  .hazard_viz_table_intro {
   display: block;
   margin: 5px auto;
   font-size: 14px;
   text-align: center;
  }
  .hazard_viz_table {
   display: table;
   margin: auto;
   border-collapse: collapse;
   font-size: 14px;
  }
   .hazard_viz_table_header {
    display: table-row;
    background-color: #CCCCCC;
   }
    .hazard_viz_table_header_cell {
     display: table-cell;
     padding: 4px 8px;
     border: 1px solid #000000;
     color: #000000;
     font-weight: bold;
     text-align: center;
     vertical-align: middle;
    }
     .hazard_viz_table_header_cell_subtitle {
      display: block;
      margin-top: 4px;
      font-size: 12px;
     }
      .hazard_viz_table_header_cell_subtitle i {
       margin-right: 4px;
      }
   .hazard_viz_table_odd {
    display: table-row;
    background-color: #FAFAFA;
   }
   .hazard_viz_table_even {
    display: table-row;
    background-color: #EAEAEA;
   }
   .hazard_viz_table_avg {
    display: table-row;
    background-color: #FFFFC3;
    font-weight: bold;
   }
    .hazard_viz_table_cell_left {
     display: table-cell;
     padding: 4px 8px;
     border: 1px solid #000000;
     color: #000000;
     text-align: left;
     vertical-align: middle;
    }
     .hazard_viz_table_station_name {
      text-decoration: underline dotted;
      cursor: help;
     }
    .hazard_viz_table_cell_center {
     display: table-cell;
     padding: 4px 8px;
     border: 1px solid #000000;
     color: #000000;
     text-align: center;
     vertical-align: middle;
    }
     .hazard_viz_table_cell_precip_high {
      display: block;
      color: #009900;
      font-weight: bold;
     }
     .hazard_viz_table_cell_precip_low {
      display: block;
      color: #990000;
      font-weight: bold;
     }
      .hazard_viz_table_cell_precip_high i, .hazard_viz_table_cell_precip_low i {
       margin-right: 5px;
      }
     .hazard_viz_table_data_cell_subtitle {
      display: block;
      margin-top: 4px;
      font-size: 12px;
      color: #888888;
     }
      .hazard_viz_table_data_cell_subtitle i {
       margin-right: 4px;
      }