/* Styles for the Current Conditions panel */

#curr_ambient {
 position: relative;
}

/* Metadata for the Ambient Conditions panel */
.scout_ambient_meta {
 text-align: center;
 margin-bottom: 10px;
 padding: 0px 4px;
}

/* Styles for featured information */
.scout_subpanel_feature_table {
 display: table;
 margin: 0px auto 5px auto;
}
 .scout_subpanel_feature_tr {
  display: table-row;
 }
  .scout_subpanel_feature_td {
   display: table-cell;
   padding: 0px 20px;
   text-align: center;
  }
   .scout_subpanel_feature_title {
    display: inline-block;
    padding: 2px 12px;
    border-radius: 12px;
    background-color: #003366;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
   }
   .scout_subpanel_feature_value, .scout_subpanel_feature_icon {
    display: inline-block;
    font-size: 48px;
   }
   .scout_subpanel_feature_value_stack, .scout_subpanel_feature_icon_stack, .scout_subpanel_feature_value_stack_fit {
    display: inline-block;
    padding: 0px 5px;
    font-size: 24px;
    vertical-align: middle;
   }
   .scout_subpanel_feature_icon_stack {
    width: 30px;
   }
   .scout_subpanel_feature_value_stack {
    width: 90px;
   }
   .scout_subpanel_feature_value_sm {
    display: inline-block;
    font-size: 18px;
    max-width: 100px;
    text-align: left;
   }
   .scout_subpanel_feature_icon {
    padding: 4px 12px;
   }
   .scout_subpanel_feature_subtext {
    display: block;
    font-size: 15px;
   }
.scout_subpanel_boxfill_message {
 width: 100%;
 padding: 25px 0px;
 text-align: center;
}

/* The camera icon used to save the Ambient Conditions panel */
.scout_ambient_save {
 display: inline-block;
 float: right;
 cursor: pointer;
}
 .scout_ambient_save_header {
  display: block;
  margin-bottom: 10px;
  padding: 5px 10px;
  background-color: #4156A1;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
 }
  .scout_ambient_save_header i {
   color: #F28C0D;
   margin-right: 5px;
  }
 .scout_ambient_save_footer {
  display: block;
  margin-top: 10px;
  padding: 5px 10px;
  background-color: #EEEEEE;
  color: #000000;
  border-top: 1px solid #000000;
  font-size: 16px;
  text-align: center;
 }
  .scout_ambient_save_footer_offc_info {
   display: block;
   width: 100%;
   margin-bottom: 5px;
  }
   .scout_ambient_save_footer_offc_logo {
    display: inline-block;
    width: 20%;
    text-align: left;
    vertical-align: middle;
   }
    .scout_ambient_save_footer_offc_logo img {
     width: 65px;
    }
   .scout_ambient_save_footer_offc_name {
    display: inline-block;
    width: 55%;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 18px;
   }
   .scout_ambient_save_footer_offc_twtr {
    display: inline-block;
    width: 25%;
    text-align: right;
    vertical-align: middle;
    font-weight: bold;
    font-size: 16px;
   }
    .scout_ambient_save_footer_offc_twtr img {
     width: 20px;
     vertical-align: middle;
    }
  .scout_ambient_save_footer_link {
   display: block;
   margin-top: 5px;
   font-size: 12px;
  }

/* Yesterday's temperature departure from normal */
.scout_curr_yest_dfn {
 display: block;
 padding: 2px 8px;
 border-radius: 20px;
 font-size: 12px;
 cursor: help;
}
 .scout_temp_dfn_zer {
  background-color: #CCCCCC;
  color: #000000;
 }
 .scout_temp_dfn_pos {
  background-color: #BD0B0B;
  color: #FFFFFF;
 }
 .scout_temp_dfn_neg {
  background-color: #056DA9;
  color: #FFFFFF;
 }

/* A solid white camera flash-type element */
.scout_ambient_save_flash {
 display: block;
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0px;
 left: 0px;
 background-color: #FFFFEB;
}

/* Options for the year-to-date parameters */
.scout_ytd_param_option {
 display: block;
 padding-left: 15px;
 font-size: 13px;
 font-weight: normal;
}
 #curr_gdd_base {
  width: 35px;
  text-align: center;
  font-size: 13px;
 }

/* A button to plot a year-to-date parameter */
.scout_subpanel_plot_btn_en {
 color: #CC0000;
 cursor: pointer;
}
.scout_subpanel_plot_btn_dis {
 color: #555555;
}

/* The chart for today's solar radiation */
#curr_solar_rad_chart {
 height: 240px;
 margin: 0px auto;
}

/* The chart for year-to-date conditions */
#curr_ytd_chart {
 display: none;
 height: 300px;
 margin: 10px auto 0px auto;
}