/* This file contains styles for the Daily Summary Tool. */


.menu_option_ob, .menu_option_fc {
}

.tool_content_notes {
 display: block;
 margin: 10px auto;
 border: 3px solid #FFE15A;
}
 .tool_content_notes_title {
  display: block;
  padding: 5px 15px;
  background-color: #FFE15A;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
 }
  .tool_content_notes_title i {
   margin-right: 15px;
  }
 .tool_content_notes_content {
  display: block;
  padding: 5px 10px;
  background-color: #FFF9DA;
  text-align: left;
 }
  .tool_content_notes_content_entry {
   display: block;
   padding: 5px 0px;
   white-space: nowrap;
  }
  .tool_content_notes_content_entry_warning {
   color: #CC0000;
  }
   .tool_content_notes_content_entry_icon {
    display: inline-block;
    width: 5%;
    text-align: center;
    vertical-align: middle;
   }
   .tool_content_notes_content_entry_text {
    display: inline-block;
    width: 95%;
    vertical-align: top;
    white-space: normal;
   }

.dstool_nav {
 display: block;
 margin: 10px auto;
 font-size: 16px;
 text-align: center;
}
 .dstool_nav i {
  margin-right: 5px;
  color: #448D6F;
 }
 .dstool_nav select {
  font-size: 16px;
 }

.dstool_region_container {
 display: block;
 margin: 10px auto;
}
 .dstool_region_title {
  display: block;
  padding: 5px 20px;
  background-color: #448D6F;
  border-radius: 10px 10px 0px 0px;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
 }
  .dstool_region_title_name {
   display: inline-block;
  }
   .dstool_region_title_name i {
    margin-right: 8px;
   }
  .dstool_region_title_actions {
   display: inline-block;
   float: right;
  }
   .dstool_region_title_action {
    display: inline-block;
    margin-left: 20px;
    font-size: 14px;
    cursor: pointer;
   }
    .dstool_region_title_action a {
     color: inherit;
     text-decoration: none;
    }
    .dstool_region_title_action:hover .dstool_region_title_action_text {
     text-decoration: underline;
    }
    .dstool_region_title_action_icon {
     display: inline;
     margin-left: 8px;
     margin-right: 2px;
    }
    .dstool_region_title_action_text {
     display: inline;
    }
 .dstool_region_content {
  display: block;
  padding: 5px 20px;
  border: 1px solid #448D6F;
  border-radius: 0px 0px 10px 10px;
  text-align: center;
 }
  .dstool_region_nostations {
   display: block;
   margin: 10px auto;
   color: #AA0000;
   font-size: 16px;
  }
   .dstool_region_nostations i {
    margin-right: 5px;
   }
  .dstool_region_notice {
   display: block;
   margin-top: 5px;
   margin-bottom: 10px;
   text-align: center;
  }
   .dstool_region_notice i {
    margin-right: 5px;
    color: #5BBD95;
   }
  .dstool_region_table {
   margin: 0px auto;
   border-collapse: collapse;
  }
   .dstool_region_table_toprow {
   }
    .dstool_region_table_cell_dataset_meta, .dstool_region_table_cell_dataset_fire, .dstool_region_table_cell_dataset_weather {
     padding: 5px;
     border: 1px solid #000000;
    }
     .dstool_region_table_cell_dataset_meta {
      background-color: #C9D3E1;
     }
     .dstool_region_table_cell_dataset_fire {
      background-color: #BDCFFF;
     }
     .dstool_region_table_cell_dataset_weather {
      background-color: #DBC6FF;
     }
      .dstool_region_table_cell_dataset_title {
       display: block;
       font-size: 16px;
       font-weight: bold;
       text-align: center;
      }
       .dstool_region_table_cell_dataset_title i {
        margin-right: 6px;
       }
      .dstool_region_table_cell_dataset_desc {
       display: block;
       margin-top: 4px;
       font-size: 12px;
       text-align: center;
      }
       .dstool_region_table_cell_dataset_desc i {
        margin-right: 4px;
       }
      .dstool_region_table_cell_blank {
       min-width: 5px;
      }
   .dstool_region_table_header {
   }
    .dstool_region_table_cell_header {
     padding: 5px;
     border: 1px solid #000000;
     background-color: #C9D3E1;
     font-size: 14px;
     font-weight: bold;
     text-align: center;
    }
     .dstool_region_table_cell_dataset_fire {
      padding: 5px;
      border: 1px solid #000000;
      background-color: #BDCFFF;
      text-align: center;
     }
     .dstool_region_table_cell_dataset_weather {
      padding: 5px;
      border: 1px solid #000000;
      background-color: #DBC6FF;
      text-align: center;
     }
      .dstool_region_table_cell_header_stat {
       display: block;
       font-size: 10px;
      }
      .dstool_region_table_cell_header_param {
       display: block;
      }
   .dstool_region_table_row {
   }
    .dstool_region_table_cell_station_odd {
     background-color: #F5F5F5;
    }
    .dstool_region_table_cell_station_even {
     background-color: #E5E5E5;
    }
    .dstool_region_table_cell_left {
     padding: 5px;
     border: 1px solid #000000;
     font-size: 14px;
     text-align: left;
    }
    .dstool_region_table_cell_center {
     padding: 5px;
     border: 1px solid #000000;
     font-size: 14px;
     text-align: center;
    }
     .dstool_region_table_station_name {
      display: block;
     }
      .dstool_region_table_station_name_alt {
       text-decoration: underline dotted;
       cursor: help;
      }
     .dstool_region_table_station_info {
      display: block;
      margin-top: 5px;
      font-size: 11px;
     }
      .dstool_region_table_station_info_entry {
       display: inline-block;
       margin-left: 3px;
      }
       .dstool_region_table_station_info_entry i {
        margin-right: 3px;
       }
      .dstool_region_table_station_info_ob {
       display: block;
       margin-top: 3px;
       margin-left: 3px;
      }
       .dstool_region_table_station_info_ob_tag {
        display: inline-block;
        padding: 2px 6px;
        border-radius: 10px;
       }
    .dstool_region_table_cell_full {
     padding: 5px;
     border: 1px solid #000000;
     font-size: 13px;
     text-align: center;
     vertical-align: top;
    }
     .dstool_region_table_station_data_value {
      display: block;
     }
      .dstool_region_table_station_data_value_unit {
       display: inline;
       font-variant: small-caps;
      }
     .dstool_region_table_station_data_pctl {
      display: block;
      margin-top: 3px;
     }
      .dstool_region_table_station_data_pctl_chiclet {
       display: inline-block;
       padding: 0px 4px;
       border-radius: 8px;
       font-size: 11px;
       font-weight: bold;
       text-align: center;
      }
     .dstool_region_table_station_data_dfn {
      display: block;
      margin-top: 3px;
     }
      .dstool_region_table_station_data_dfn_chiclet {
       display: inline-block;
       padding: 2px 4px;
       border-radius: 8px;
       font-size: 11px;
       font-weight: bold;
       text-align: center;
      }
     .dstool_region_table_station_data_time {
      display: block;
      margin-top: 3px;
     }
      .dstool_region_table_station_data_time_chiclet {
       display: inline-block;
       padding: 0px 3px;
       border: 1px solid #555555;
       border-radius: 8px;
       color: #555555;
       font-size: 10px;
       font-weight: bold;
       text-align: center;
      }
       .dstool_region_table_station_data_time_chiclet_ampm {
        display: inline;
        margin-left: 2px;
        font-variant: small-caps;
        font-size: 8px;
       }
     .dstool_region_table_station_data_missing {
      display: block;
      color: #888888;
      font-size: 13px;
      font-family: monospace;
     }

/* Colors for last FEMS ob tags */
.tag_current {
 background-color: #69FF69;
 color: #000000;
}
.tag_in24hr {
 background-color: #FFF969;
 color: #000000;
}
.tag_in1wk {
 background-color: #ffB069;
 color: #000000;
}
.tag_older {
 background-color: #FFAEAE;
 color: #000000;
}
.tag_never {
 background-color: #E4B2FF;
 color: #000000;
}

/* Styles for mouseover tooltips */
.dstool_tt {
 position: relative;
 display: inline-block;
 border-bottom: 1px dotted black;
 cursor: help;
}
.dstool_tthover {
 position: absolute;
 visibility: hidden;
 width: 120px;
 bottom: 125%;
 left: 50%;
 margin-left: -60px;
 padding: 5px;
 border-radius: 6px;
 background-color: #000000;
 color: #FFFFFF;
 text-align: center;
 z-index: 1;
}
 .dstool_tthover::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #000000 transparent transparent transparent;
 }
 .dstool_tt:hover .dstool_tthover {
  visibility: visible;
 }