/*
Theme Name: Responsive Child
Template: responsive
Theme URI: https://tungsten2.gps.caltech.edu/responsive-theme/
Description: Responsive Child
Author: Jen Andrews @ Caltech
Author URI: https://tungsten2.gps.caltech.edu
Version: 1.0.0
Tags: white, black, gray, light, custom-menu, custom-header, custom-background, one-column, two-columns, left-sidebar, right-sidebar, theme-options, threaded-comments, full-width-template, sticky-post, translation-ready, rtl-language-support, responsive-layout, fluid-layout, featured-images
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: responsive-child

Responsive WordPress Theme, Copyright (C) 2003-2014 Emil Uzelac, CyberChimps Inc

--------------------------------------------------------------
WARNING: (BEFORE YOU MAKE ANY CHANGES)
--------------------------------------------------------------
Please do not edit style.css or any other Theme files or
Templates directly. If you do, your customizations will be lost
as soon as you update Responsive.
WordPress and CyberChimps highly recommends Child Theme.
Read More:

- http://codex.wordpress.org/Child_Themes
- http://cyberchimps.com/guide/child-theme-example/
- http://cyberchimps.com/guide-tags/child-theme-2/
*/

///////////////////////////////////////////////////////////////////////////////////////////////
/* Popup container */
.popup {
  position: absolute;
  display: inline-block;
  margin: 0;
  z-index: 2;
}
.popup:hover{
  cursor: help;
}

/* The actual popup (appears on bottom) */
.popup .popuptext {
  visibility: hidden;
  width: auto;
  background-color: #525252;
  color: #fff;
  text-align: left;
  border-radius: 16px;
  border-style: solid;
  border-color: #727272;
  border-width: 2px;
  padding: 7px 7px;
  position: absolute;
  z-index: 1;
  margin: 2px;
  font-size: 12px;
  font-weight: normal;
  cursor: default;
  line-height: 1.5;
  
}
.popuptext a { color: #ff6e1e; font-weight: 400; text-decoration: none; }
.popuptext a:hover, a:focus, a:active {color: #ff6e1e; outline: 0; text-decoration: none; }

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
  visibility: visible;
  z-index: 2;
}

div.lp {
  //position: absolute;
  right: 0;
  left: 0;
  bottom: 10px;
}

.lp .transport {
  margin: 0 auto;
  width:768px;
}

.lp .navbar {
  margin-bottom: 0;
}

.lp .navbar-inner {
  padding-right: 0;
  padding-left: 0;
}

.lp #play-pause {
  width: 18px;
}

.lp #speed-btn {
  width: 58px;
}

.lp .ui-slider {
  margin: 13px;
}

.lp #time-slider {
  width:370px;
}

.lp #calendar {
  margin: 5px;
}

.leaflet-control-layers-list {
  margin-bottom: 0;
}

.lp .speed-menu {
  min-width: 60px;
}

.lp .dropdown-menu {
  padding: 5px;
  text-align: center;
}

.lp #speed-slider {
  margin-left: auto;
  margin-right: auto;
}

.lp .navbar .btn,
.lp .navbar .btn-group {
  margin-top: 0;
  padding: 0;
}

.lp .navbar .nav > li > a.clock {
  padding: 0 3px 0 3px;
  text-align: center;
  margin-left:4px;
  margin-right:4px;
}

.lp li.ctrl {
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-right: 1px solid #d4d4d4;

  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.lp .pull-right li.ctrl {
  border-right: 0;
  border-left: 1px solid #d4d4d4;
}

.lp li.ctrl:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
      -ms-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

/*.lp li.ctrl:hover a {
  color: #a9ff00;
}*/

.lp li.ctrl:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

/*Bootstrap interfering with leaflet*/
input {
  vertical-align: baseline;
}

label {
  font-weight: bold;
}

/*bootstrap mod*/
.navbar .nav { margin: 0; }

.navbar .nav > li > .dropdown-menu:before,
.bootstrap-timepicker-widget.dropdown-menu:before {
  top: auto;
  bottom: -7px;
  border-top: 7px solid #ccc;
  border-bottom: 0;
  border-top-color: rgba(0, 0, 0, 0.2);
}

.navbar .nav > li > .dropdown-menu:after,
.bootstrap-timepicker-widget.dropdown-menu:after {
  top: auto;
  bottom: -6px;
  border-top: 6px solid #ffffff;
  border-bottom: 0;
}

///////////////////////////////////////////////////////////////////////////////////////////////

.menu li {
    padding: 0px 0px 0px 0px;
}
#recent-posts-2 li {
    font-size: 11px;
}
#recent-posts-2 h3 {
    display: none;
}
#recent-posts-2.widget-wrapper{
    padding: 20px 20px 00px
}

p { margin-top: 10px; margin-bottom: 10px; }
h5 { font-family: Arial, Helvetica, sans-serif; font-weight: 600; font-size: 16px; }
h6 { font-family: Arial, Helvetica, sans-serif; font-weight: 600; font-size: 14px; }
figure { margin: 10px 0px 40px 0px; text-align: center; max-width: 80%; height: auto; }
figcaption { margin: 0px 0px 10px 0px; font-weight: 600; font-size: 14px; color: #005851; }
.post p + ul{ margin-top: -8px; margin-bottom: -8px;}

#ol-alph { list-style-type: lower-alpha}

#buttons { width: 30%; height: auto; margin: 0px 1px 20px 0px; }

#flogos { width: 100%; padding: 0px; margin: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; vertical-align: middle; }
#flogos td { width: 20%; text-align: center; border: 0px; vertical-align: middle; }
#flogos img { width: 70%; height: auto; }
#flogos p { text-align: left; }

a { color: #005851; font-weight: 400; text-decoration: none; }
a:hover, a:focus, a:active {color: #ff6e1e; outline: 0; text-decoration: none; }
#speqtab { width: auto; padding: 1px; border: 0px; margin: 1px; }
#speqtab td { padding: 0px 10px 0px 10px; }
#speqtab th { font-weight: 800; }
#speq_month { width: 100%; }

#pbmap { position: relative; width: 100%; height: 500px; border-style: solid; margin: 10px 0px 10px 0px; border-right-width: 1px; border-left-width: 1px; border-top-width: 1px; border-bottom-width: 1px; z-index: 1; }

#rteqmap_canvas { width: 100%; height: 400px; border-style: solid; margin: 10px 0px 10px 0px; border-right-width: 1px; border-left-width: 1px; border-top-width: 1px; border-bottom-width: 1px; }

#chart_canvas { width: 90%; height: 350px; border-style: solid; margin: 0px 0px 0px 0px; border-right-width: 1px; border-left-width: 1px; border-top-width: 1px; border-bottom-width: 1px; }
#line_canvas { width: 90%; height: 200px; border-style: solid; margin: 0px 0px 0px 0px; border-right-width: 1px; border-left-width: 1px; border-top-width: 1px; border-bottom-width: 1px; }
#lineMo_canvas { width: 90%; height: 200px; border-style: solid; margin: 0px 0px 0px 0px; border-right-width: 1px; border-left-width: 1px; border-top-width: 1px; border-bottom-width: 1px; }
#line52_canvas { width: 90%; height: 200px; border-style: solid; margin: 0px 0px 0px 0px; border-right-width: 1px; border-left-width: 1px; border-top-width: 1px; border-bottom-width: 1px; }
#googft-mapCanvas { height: 620px; margin: 0; padding: 0; width: 500px;}

// Google map canvases START //
#swarmmap_canvas { width: 90%; height: 400px; border-style: solid; margin: 10px 0px 10px 0px; border-right-width: 1px; border-left-width: 1px; border-top-width: 1px; border-bottom-width: 1px; }
#swarmtb { width: 90%; border-width: 0px; text-align: center; }
#swarmmap_salton-buttes_canvas { width: 90%; height: 200px; border-style: solid; margin: 10px 0px 10px 0px; border-right-width: 1px; border-left-width: 1px; border-top-width: 1px; border-bottom-width: 1px; }
#swarmmap_brawley-seismic_canvas { width: 90%; height: 200px; border-style: solid; margin: 10px 0px 10px 0px; border-right-width: 1px; border-left-width: 1px; border-top-width: 1px; border-bottom-width: 1px; }
#swarmmap_coso_canvas { width: 90%; height: 200px; border-style: solid; margin: 10px 0px 10px 0px; border-right-width: 1px; border-left-width: 1px; border-top-width: 1px; border-bottom-width: 1px; }
#swarmmap_golden-trout_canvas { width: 90%; height: 200px; border-style: solid; margin: 10px 0px 10px 0px; border-right-width: 1px; border-left-width: 1px; border-top-width: 1px; border-bottom-width: 1px; }
#swarmmap_ubehebe_canvas { width: 90%; height: 200px; border-style: solid; margin: 10px 0px 10px 0px; border-right-width: 1px; border-left-width: 1px; border-top-width: 1px; border-bottom-width: 1px; }
#swarmmap_lavic-lake_canvas { width: 90%; height: 200px; border-style: solid; margin: 10px 0px 10px 0px; border-right-width: 1px; border-left-width: 1px; border-top-width: 1px; border-bottom-width: 1px; }
// Google map canvases END //

#timeline_canvas { width: 90%; height: 300px; border-style: solid; margin: 10px 0px 10px 0px; border-right-width: 1px; border-left-width: 1px; border-top-width: 1px; border-bottom-width: 1px; }
div.tt { margin: 2px 5px 2px 5px; }
p.tt { margin: 2px 5px 2px 5px; }
#spmap_canvas { width: 90%; height: 400px; border-style: solid; margin: 10px 0px 10px 0px; border-right-width: 1px; border-left-width: 1px; border-top-width: 1px; border-bottom-width: 1px; }
#sptab_canvas { width: 90%; height: auto; }
#webicordertab_canvas { width: 100%; height: 700px; text-align: left; }

#dashb_canvas { width: 95%; height: auto; border-style: solid; margin: 30px 0px 30px 0px; padding: 10px 10px 10px 10px; border-width: 1px 1px 1px 1px; border-radius: 4px; background-color: #f8f8f8; text-align: center; border-color: #c8c8c8; }
#ondate_canvas { width: 90%; height: auto; margin: 20px 0px 20px 0px; }
#offdate_canvas { width: 90%; height: auto; margin: 20px 0px 20px 0px; }
#stnmap_canvas { width: auto; height: 400px; border: solid; border: 1px 1px 1px 1px; text-align: center; }
#date_canvas { width: 90%; height: auto; margin: 20px 0px 20px 0px; }
#nuke_canvas { width: auto; height: 400px; border: solid; border: 1px 1px 1px 1px; text-align: center; }

// leaflet maps START //
#map_daily { width: 100%; height: 400px; border-style: solid; margin: 10px 0px 10px 0px; border-right-width: 1px; border-left-width: 1px; border-top-width: 1px; border-bottom-width: 1px; }
#map_map { width: 100%; height: 400px; border-style: solid; margin: 10px 0px 10px 0px; border-right-width: 1px; border-left-width: 1px; border-top-width: 1px; border-bottom-width: 1px; }
#map_weekly { width: 100%; height: 400px; border-style: solid; margin: 10px 0px 10px 0px; border-right-width: 1px; border-left-width: 1px; border-top-width: 1px; border-bottom-width: 1px; }
#map_monthly { width: 100%; height: 400px; border-style: solid; margin: 10px 0px 10px 0px; border-right-width: 1px; border-left-width: 1px; border-top-width: 1px; border-bottom-width: 1px; }
#map_swarm { width: 90%; height: 400px; border-style: solid; margin: 10px 0px 10px 0px; border-right-width: 1px; border-left-width: 1px; border-top-width: 1px; border-bottom-width: 1px; }
#swarmtb { width: 90%; border-width: 0px; text-align: center; }
#map_salton-buttes { width: 90%; height: 320px; border-style: solid; margin: 10px 0px 10px 0px; border-right-width: 1px; border-left-width: 1px; border-top-width: 1px; border-bottom-width: 1px; }
#map_brawley-seismic { width: 90%; height: 320px; border-style: solid; margin: 10px 0px 10px 0px; border-right-width: 1px; border-left-width: 1px; border-top-width: 1px; border-bottom-width: 1px; }
#map_coso { width: 90%; height: 320px; border-style: solid; margin: 10px 0px 10px 0px; border-right-width: 1px; border-left-width: 1px; border-top-width: 1px; border-bottom-width: 1px; }
#map_golden-trout { width: 90%; height: 320px; border-style: solid; margin: 10px 0px 10px 0px; border-right-width: 1px; border-left-width: 1px; border-top-width: 1px; border-bottom-width: 1px; }
#map_ubehebe { width: 90%; height: 320px; border-style: solid; margin: 10px 0px 10px 0px; border-right-width: 1px; border-left-width: 1px; border-top-width: 1px; border-bottom-width: 1px; }
#map_lavic-lake { width: 90%; height: 320px; border-style: solid; margin: 10px 0px 10px 0px; border-right-width: 1px; border-left-width: 1px; border-top-width: 1px; border-bottom-width: 1px; }
#map_sprep { width: 90%; height: 400px; border-style: solid; margin: 10px 0px 10px 0px; border-right-width: 1px; border-left-width: 1px; border-top-width: 1px; border-bottom-width: 1px; }
#map_stn { width: auto; height: 400px; border: solid; border: 1px 1px 1px 1px; text-align: center; }
#map_nuke { width: auto; height: 400px; border: solid; border: 1px 1px 1px 1px; text-align: center; }
.dlabel {
    padding: 5px 10px;
    background: rgba(0,0,0,0.5);
    color: #fff;
    font-size: 11px;
    line-height: 18px;
    border-radius: 5px
}
.dlabel:empty {
    display: none;
}
#map_rteq { width: 100%; height: 400px; border-style: solid; margin: 10px 0px 10px 0px; border-right-width: 1px; border-left-width: 1px; border-top-width: 1px; border-bottom-width: 1px; z-index: 1; }
#map_feedstns { height: 450px; margin: 0; padding: 0; width: 400px;}
#map_DAScable { height: 450px; margin: 0; padding: 0; width: 400px;}
#sidebartab table { border: 0px; margin: 0px 2px 0px 2px; }
#sidebartab td { padding: 1px 2px 1px 2px; }
#sidebartab tr:hover, td:hover { background-color: #d3d3d3; } 
#sidebartab tr:active { border: 1px solid; } 
#sidebartab tr:focus { border: 1px solid; } 
// leaflet maps END //

#map_canvas { width: 90%; height: 400px; border-style: solid; margin: 10px 0px 10px 0px; border-right-width: 1px; border-left-width: 1px; border-top-width: 1px; border-bottom-width: 1px; }
#map_rtlegend { background-color: #ffffff; margin: 5px; padding: 5px; }
#map_rtlegend table, td, th, tr { margin: 0px; padding-top: 0px; padding-left: 2px; padding-right: 2px; padding-bottom: 2px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; text-align: center; vertical-align: middle; background-color: #ffffff; }
#map_legend { background-color: #ffffff; margin: 5px; padding: 5px; }
#map_legend table, td, th, tr { margin: 0px; padding-top: 0px; padding-left: 2px; padding-right: 2px; padding-bottom: 2px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; text-align: center; vertical-align: middle; background-color: #ffffff; }
#pb_legend { background-color: #ffffff; margin: 5px; padding: 5px; }
#pb_legend table, td, th, tr { margin: 0px; padding-top: 0px; padding-left: 2px; padding-right: 2px; padding-bottom: 2px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; text-align: center; vertical-align: middle; background-color: #ffffff; }
table.fast_facts { width: 100%; border: solid #424242 2px; border-radius: 16px; -moz-border-radius: 16px; border-collapse: separate; background-color: #424242; }
td.fast_facts, th.fast_facts { width: auto; margin: 0px; padding-top: 5px; padding-left: 10px; padding-right: 10px; padding-bottom: 5px; text-align: center; vertical-align: middle; text-align: left; background-color: #424242; color: #ffffff; border: none; border: solid #424242 2px; border-radius: 16px; }
tr.fast_facts { background-color: transparent; }
a.fast_facts { color: #ff6e1e; }
th.fast_facts_header, td.fast_facts_header { background-color: #424242; color: #ffffff; text-align: left; font-weight: 600; margin: 0px; padding-top: 5px; padding-left: 10px; padding-right: 10px; padding-bottom: 5px; border: none; border: solid #424242 2px; border-radius: 16px; }
#circm1 { text-align: center; width: 4.6px; height: 4.6px; border-radius: 2.3px; background-color: #ff6e1e; opacity: 0.6; filter: alpha(opacity=60); }
#circ1 { text-align: center; width: 7.8px; height: 7.8px; border-radius: 3.9px; background-color: #ff6e1e; opacity: 0.6; filter: alpha(opacity=60); }
#circ3 { text-align: center; width: 13.18px; height: 13.18px; border-radius: 6.59px; background-color: #ff6e1e; opacity: 0.6; filter: alpha(opacity=60); }
#circ5 { text-align: center; width: 22.28px; height: 22.28px; border-radius: 11.14px; background-color: #ff6e1e; opacity: 0.6; filter: alpha(opacity=60); }
#circ7 { text-align: center; width: 37.64px; height: 37.64px; border-radius: 18.82px; background-color: #ff6e1e; opacity: 0.6; filter: alpha(opacity=60); }
#circhrt1 { text-align: center; width: 13.18px; height: 13.18px; border-radius: 6.59px; background-color: #ff0000; opacity: 0.6; filter: alpha(opacity=60); }
#circhrt2 { text-align: center; width: 13.18px; height: 13.18px; border-radius: 6.59px; background-color: #0000ff; opacity: 0.6; filter: alpha(opacity=60); }
#circhrt3 { text-align: center; width: 13.18px; height: 13.18px; border-radius: 6.59px; background-color: #ffff00; opacity: 0.6; filter: alpha(opacity=60); }
#circhrt4 { text-align: center; width: 13.18px; height: 13.18px; border-radius: 6.59px; background-color: #d3d3d3; opacity: 0.6; filter: alpha(opacity=60); }
#circh1 { text-align: center; width: 13.18px; height: 13.18px; border-radius: 6.59px; background-color: #000080; opacity: 0.6; filter: alpha(opacity=60); }
#circh2 { text-align: center; width: 13.18px; height: 13.18px; border-radius: 6.59px; background-color: #0080ff; opacity: 0.6; filter: alpha(opacity=60); }
#circh3 { text-align: center; width: 13.18px; height: 13.18px; border-radius: 6.59px; background-color: #7dff7a; opacity: 0.6; filter: alpha(opacity=60); }
#circh4 { text-align: center; width: 13.18px; height: 13.18px; border-radius: 6.59px; background-color: #ff9400; opacity: 0.6; filter: alpha(opacity=60); }
#circh5 { text-align: center; width: 13.18px; height: 13.18px; border-radius: 6.59px; background-color: #800000; opacity: 0.6; filter: alpha(opacity=60); }
#tableg { width: auto; }
#tableg td { padding-right: 10px; }

#twitter-frame {width: 95%; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #c8c8c8; border-radius: 4px; color: #626265; font-weight: 600; line-height: 150%; background-color: #ffffff; padding: 5px; }
#twitter-frame table { border-width: 0px 0px 0px 0px; margin-top: 0px; text-align: center; padding: 0px 0px 0px 0px; margin: 10px 0px 20px 0px; font-size: 16px}
#disclaimer { font-size: 12px; font-weight: 400; }

#eqprocslider { display:block; position:relative; font-size: 24px; font-weight: 600; font-family: Arial, Helvetica, sans-serif; color:#005851; }

#datedropdown { margin: 20px; }

.recent_eq_list h3{
   color: #005851;
   font-size: 16px;
   text-align: center;
   font-weight: bold;
}

.recent_eq_list a{
   font-size: 12px;
}

.google-visualization-controls-theme-plus .google-visualization-controls-label {
      color: #333;
      line-height: 27px;
      font-size: 13px;
    }

.google-visualization-controls-theme-plus .google-visualization-controls-stringfilter INPUT {
      border: 1px solid #d9d9d9;
      border-top: 1px solid silver;
      color: #222;
      line-height: 27px;
      height: 27px;
      padding-left: 4px;
      font-size: 14px;
      min-width: 15em;
    }

.google-visualization-controls-theme-plus .google-visualization-controls-stringfilter INPUT:hover {
      border: 1px solid #b9b9b9;
      border-top: 1px solid #a0a0a0;
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);  
    }

.google-visualization-controls-theme-plus .google-visualization-controls-stringfilter INPUT:focus {
      border: 1px solid #4d90fe;
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
      -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);  
      outline: none;
    }

.google-visualization-controls-theme-plus .google-visualization-controls-rangefilter-thumblabel {
      font-size: 14px;
      font-weight: normal;
      color: #666;
      line-height: 27px;
      height: 27px;
    }

.google-visualization-controls-theme-plus .google-visualization-controls-slider-horizontal,
.google-visualization-controls-theme-plus .google-visualization-controls-slider-vertical {
      background-color: #e5e5e5;
      border: 0;
      outline: 0;
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      position: relative;
    }

.google-visualization-controls-theme-plus .google-visualization-controls-slider-horizontal {
      height: 5px;
      top: -0.2em;
      margin: 0 0.3em;  
    }

.google-visualization-controls-theme-plus .google-visualization-controls-slider-vertical {
      width: 5px;
      margin: 0.3em 0;
      left: 0.4em;
    }

.google-visualization-controls-theme-plus .google-visualization-controls-slider-horizontal:hover,
.google-visualization-controls-theme-plus .google-visualization-controls-slider-vertical:hover{
      background-color: #d1d1d1;
    }

.google-visualization-controls-theme-plus .google-visualization-controls-slider-horizontal .google-visualization-controls-slider-thumb,
.google-visualization-controls-theme-plus .google-visualization-controls-slider-vertical .google-visualization-controls-slider-thumb {
      background-color: #999;
      border: 1px solid #999;
      width: 16px;
      height: 16px;
      border-radius: 8px;
      -moz-border-radius: 8px;
      -webkit-border-radius: 8px;
      -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
      -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
      box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    }

.google-visualization-controls-theme-plus .google-visualization-controls-slider-horizontal .google-visualization-controls-slider-thumb {
      top: -6px;
    }

.google-visualization-controls-theme-plus .google-visualization-controls-slider-vertical .google-visualization-controls-slider-thumb {
      left: -6px;
    }

.google-visualization-controls-theme-plus .google-visualization-controls-slider-horizontal DIV.google-visualization-controls-slider-thumb:nth-last-of-type(2) {
      width: 8px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      -moz-border-top-right-radius: 0;
      -moz-border-bottom-right-radius: 0;
      -webkit-border-top-right-radius: 0;
      -webkit-border-bottom-right-radius: 0;
    }

.google-visualization-controls-theme-plus .google-visualization-controls-slider-horizontal DIV:last-of-type {
      width: 8px;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      -moz-border-top-left-radius: 0;
      -moz-border-bottom-left-radius: 0;
      -webkit-border-top-left-radius: 0;
      -webkit-border-bottom-left-radius: 0;
    }

.google-visualization-controls-theme-plus .google-visualization-controls-slider-vertical DIV.google-visualization-controls-slider-thumb:nth-last-of-type(2) {
      height: 8px;
      border-top-right-radius: 0;
      border-top-left-radius: 0;
      -moz-border-top-right-radius: 0;
      -moz-border-top-left-radius: 0;
      -webkit-border-top-right-radius: 0;
      -webkit-border-top-left-radius: 0;
    }

.google-visualization-controls-theme-plus .google-visualization-controls-slider-vertical DIV:last-of-type {
      height: 8px;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
      -moz-border-bottom-right-radius: 0;
      -moz-border-bottom-left-radius: 0;
      -webkit-border-bottom-right-radius: 0;
      -webkit-border-bottom-left-radius: 0;
    }

.google-visualization-controls-theme-plus .google-visualization-controls-slider-horizontal:hover .google-visualization-controls-slider-thumb,
.google-visualization-controls-theme-plus .google-visualization-controls-slider-horizontal:focus .google-visualization-controls-slider-thumb{
      background-color: #fff;
      cursor: pointer;
       cursor: col-resize;  
    }

.google-visualization-controls-theme-plus .google-visualization-controls-slider-vertical:hover .google-visualization-controls-slider-thumb,
.google-visualization-controls-theme-plus .google-visualization-controls-slider-vertical:focus .google-visualization-controls-slider-thumb{
      background-color: #fff;
      cursor: pointer;
      cursor: row-resize;  
    }

.google-visualization-controls-theme-plus .google-visualization-controls-slider-horizontal .google-visualization-controls-slider-handle {
      background-color: #c6c6c6;
      opacity: 1;
      height: 5px;
    }

.google-visualization-controls-theme-plus .google-visualization-controls-slider-vertical .google-visualization-controls-slider-handle {
      background-color: #c6c6c6;
      opacity: 1;
      width: 5px;  
    }

.google-visualization-controls-theme-plus .google-visualization-controls-slider-horizontal:hover .google-visualization-controls-slider-handle,
.google-visualization-controls-theme-plus .google-visualization-controls-slider-horizontal:focus .google-visualization-controls-slider-handle,
.google-visualization-controls-theme-plus .google-visualization-controls-slider-vertical:hover .google-visualization-controls-slider-handle,
.google-visualization-controls-theme-plus .google-visualization-controls-slider-vertical:focus .google-visualization-controls-slider-handle {
      background-color: #535252;
      cursor: pointer;
    }

.google-visualization-controls-theme-plus .google-visualization-controls-slider-horizontal:active .google-visualization-controls-slider-handle,
.google-visualization-controls-theme-plus .google-visualization-controls-slider-vertical:active .google-visualization-controls-slider-handle {
      background-color:#999;
       background-size:6px 6px;
       background-position:left -1px;
       background-repeat:repeat-x;
       background-image:-webkit-linear-gradient(135deg, transparent, transparent 3px, #fff 3px, #fff 4px, transparent 4px, transparent);
       background-image:-moz-linear-gradient(135deg, transparent, transparent 3px, #fff 3px, #fff 4px, transparent 4px, transparent);
       background-image:-o-linear-gradient(135deg, transparent, transparent 3px, #fff 3px, #fff 4px, transparent 4px, transparent);
       background-image:linear-gradient(135deg, transparent, transparent 3px, #fff 3px, #fff 4px, transparent 4px, transparent);
    }

.google-visualization-controls-theme-plus .google-visualization-controls-slider-horizontal:active .google-visualization-controls-slider-handle {
      background-repeat:repeat-x;
    }

.google-visualization-controls-theme-plus .google-visualization-controls-slider-vertical:active .google-visualization-controls-slider-handle {
       background-repeat:repeat-y;
    }

.google-visualization-controls-theme-plus .google-visualization-controls-categoryfilter .goog-menu-button {
      border:1px solid #DCDCDC;
      border: 1px solid rgba(0,0,0,0.1);  
      min-width: 54px;
      line-height: 27px;
      color: #444;
      font-weight: bold;
      font-size: 11px;
      background: none;
      background-color: #f5f5f5;
      background-image: -webkit-gradient(linear.cssClass . { color: #626265; }
    ttom,from(#f5f5f5),to(#f1f1f1));
      background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
      background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
      background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
      background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
      background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5',EndColorStr='#f1f1f1');
      -webkit-border-radius:2px;
      -moz-border-radius: 2px;
       border-radius: 2px;  
      -webkit-user-select: none;
      -moz-user-select: none;
       -webkit-transition: all 0.218s;
       -moz-transition: all 0.218s;
       -o-transition: all 0.218s;
       transition: all 0.218s;  
    }

.google-visualization-controls-theme-plus .google-visualization-controls-categoryfilter .goog-menu-button.goog-menu-button-hover {
      border: 1px solid #C6C6C6;
       color: #222;
       background-color: #f8f8f8;
       background-image: -webkit-gradient(linear
.cssClass . { color: #626265; }
ttom,from(#f8f8f8),to(#f1f1f1));
   background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
   background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
   background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
   background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
   background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8',EndColorStr='#f1f1f1');
   -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
   -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
   box-shadow: 0px 1px 1px rgba(0,0,0,0.1);  
}

.google-visualization-controls-theme-plus .google-visualization-controls-categoryfilter .goog-menu-button.goog-menu-button-focused {
      border-color: #4d90fe;
    }

.google-visualization-controls-theme-plus .google-visualization-controls-categoryfilter .goog-menu-button.goog-menu-button-active {
      background-color: #f6f6f6;
       background-image: -webkit-gradient(linear
.cssClass . { color: #626265; }
ttom,from(#f6f6f6),to(#f1f1f1));
   background-image: -webkit-linear-gradient(top,#f6f6f6,#f1f1f1);
   background-image: -moz-linear-gradient(top,#f6f6f6,#f1f1f1);
   background-image: -ms-linear-gradient(top,#f6f6f6,#f1f1f1);
   background-image: -o-linear-gradient(top,#f6f6f6,#f1f1f1);
   background-image: linear-gradient(top,#f6f6f6,#f1f1f1);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f6f6f6',EndColorStr='#f1f1f1');
   -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
   -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
   box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
}

.google-visualization-controls-theme-plus .google-visualization-controls-categoryfilter .goog-menu-button-outer-box {
      border: 0;
    }

.google-visualization-controls-theme-plus .google-visualization-controls-categoryfilter .goog-menu-button-inner-box {
      border: 0;
      padding: 3px 8px;
    }

.google-visualization-controls-theme-plus .google-visualization-controls-categoryfilter .goog-menu-button-dropdown {
      background-position: -388px 5px;
    }

.goog-menu {
      background: #fff !important;
       border:1px solid #ccc !important;
       white-space: nowrap;
      padding: 0 0 4px 0 ! important;
       -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
       -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
       box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    }

.goog-menuitem {
       -moz-transition: background 0.130s;
       -o-transition: background 0.130s;
       -webkit-transition: background 0.130s;
       transition: background 0.130s;  
      line-height: 17px;
      padding-top: 6px ! important;
      padding-bottom: 6px ! important;
    }

.goog-menuitem-content {
      color: #333 !important;
    }

.goog-menuitem.goog-menuitem-highlight {
      background-color: #eee;
      border: 0 ! important;
    }

.google-visualization-controls-theme-plus .google-visualization-controls-categoryfilter .goog-combobox {
      background: none;
      border: 1px solid #d9d9d9;
      border-top: 1px solid silver;  
      display: inline-block;
      height: 27px;
      line-height: 27px;
      overflow: hidden;
    }

.google-visualization-controls-theme-plus .google-visualization-controls-categoryfilter .goog-combobox:hover {
      border: 1px solid #b9b9b9;
      border-top: 1px solid #a0a0a0;
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);  
    }

.google-visualization-controls-theme-plus .google-visualization-controls-categoryfilter .goog-combobox.goog-combobox-active {
      border: 1px solid #4d90fe;
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
      -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);  
      outline: none;
    }

.google-visualization-controls-theme-plus .google-visualization-controls-categoryfilter .goog-combobox .goog-combobox-button {
      line-height: 27px;
      height: 27px;
    }

.google-visualization-controls-theme-plus .google-visualization-controls-categoryfilter .goog-combobox INPUT {
      color: #222;
      line-height: 27px;
      height: 27px;
      padding-left: 4px;
      font-size: 14px;
      min-width: 15em;
      border: 0;
      background-color: transparent;
    }

.google-visualization-controls-theme-plus .google-visualization-controls-categoryfilter .goog-combobox INPUT:focus {
      outline: none;
    }

.google-visualization-controls-theme-plus .google-visualization-controls-categoryfilter-selected.goog-inline-block {
      top: -2px;
    }

.google-visualization-controls-theme-plus .google-visualization-controls-categoryfilter-selected .goog-container {
      font-size: 11px;
      font-weight: bold;
      border: 1px solid #3079ED;
      height: 27px;
      line-height: 27px;
      padding-left: 6px;
      padding-right: 6px;
      color: white;
      background-color: #4D90FE;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#4d90fe), to(#4787ed));
      background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
      background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
      background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
      background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
      background-image: linear-gradient(top,#4d90fe,#4787ed);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe', EndColorStr='#4787ed'); /* IE6–IE9 */
      border-radius: 2px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    }

.google-visualization-controls-theme-plus .google-visualization-controls-categoryfilter-selected .goog-container:hover {
      border: 1px solid #3079ED;
      background-color: #357ae8;
      background-image: url(../images/kennedy/magnifying_glass.png), -webkit-gradient(linear, left top, left bottom, from(#4d90fe), to(#357ae8));  
      background-image: url(../images/kennedy/magnifying_glass.png), -webkit-linear-gradient(top,#4d90fe,#357ae8);
      background-image: url(../images/kennedy/magnifying_glass.png), -moz-linear-gradient(top,#4d90fe,#357ae8);
      background-image: url(../images/kennedy/magnifying_glass.png), -ms-linear-gradient(top,#4d90fe,#357ae8);
      background-image: url(../images/kennedy/magnifying_glass.png), -o-linear-gradient(top,#4d90fe,#357ae8);
      background-image: url(../images/kennedy/magnifying_glass.png), linear-gradient(top,#4d90fe,#357ae8);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe', EndColorStr='#357ae8'); /* IE6–IE9 */      
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    }

.google-visualization-controls-theme-plus .google-visualization-controls-categoryfilter-selected .goog-container .goog-link-button {
      color: #fff;
      font-size: 1.3em;
    }

.google-visualization-controls-theme-plus .google-visualization-controls-categoryfilter-selected .goog-container .goog-link-button:hover {
      color: #F9EDBE;
      text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    }
.menu a {
	border-left: 1px solid #585858;
	color: #ffffff;
	cursor: pointer;
	display: block;
	font-size: 13px;
	font-weight: 700;
	height: 45px;
	line-height: 45px;
	margin: 0;
	padding: 0 0.7em;
	position: relative;
	text-decoration: none;
	text-shadow: 0 -1px 0 #000000;
	white-space: nowrap;
}

/* Earthquake data products */

.eqprod {
    border: 0px solid white;
}

.eqprod td {
    text-align: left;
    padding-bottom: 30px;
    padding-left: 10px;
}

.eqprod img {
  width: 175px;
  max-width: 175px;
}
/* custom dropdowns */
details > summary {
  padding: 5px;
  width: 99%;
  background-color: #d3d3d3;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  cursor: help;
}
details summary:hover,
details summary:active {
  background-color: #a9a9a9;
  width: 99%;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  cursor: help;
}
details > p{
  background-color: #f9f9f9;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  width: 99%;
  padding: 5px;
  margin: 0;
}
details > ul {
  background-color: #f9f9f9;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  width: 99.5%;
  padding: 5px;
  margin: 0;
  list-style: none; /* Remove default list styles */
  padding-left: 0px; /* Create space for the bullets */
}

/* Style the list items within the dropdown */
details li {
  margin-bottom: 5px;
}

/* Show bullet points for the list items */
details ul li::before {
  content: "•"; /* Use a different character or icon for bullets if needed */
  color: black; /* Customize bullet color */
  display: inline-block;
  width: 1em; /* Adjust spacing between bullet and text */
  margin-left: 3em; /* Adjust spacing between bullet and left edge */
  position: relative; /* Position the bullet */
  left: 0; /* Adjust left position to fit within the dropdown */
  font-size: 1.25em; /* Increase the bullet size */
}
details summary > * {
  display: inline;
}

/* === Hide avatar === */
.bluesky-social-integration-last-post .post-avatar {
  display: none;
}

/* === Fix left alignment and horizontal spacing === */
.bluesky-social-integration-last-post {
  text-align: left;
  padding: 0;
  margin: 0;
}

/* Apply inner padding evenly to contain content and control the border width */
.bluesky-social-integration-last-post-list {
  padding: 0 1em;
  margin: 0;
}

/* Each post item: give visual spacing and fix the border width */
.bluesky-social-integration-last-post-item {
  padding: 0.75em 0;
  margin: 0;
  border-bottom: 1px solid #ccc;
}

/* Remove bottom border from last item */
.bluesky-social-integration-last-post-item:last-child {
  border-bottom: none;
}

/* Text and layout cleanup */
.bluesky-social-integration-last-post-content,
.bluesky-social-integration-post-content-text {
  margin: 10px;
  padding: 1px;
  text-align: left;
}

/* Shrink post content font */
.bluesky-social-integration-post-content-text {
  font-size: 0.8em;
  color: #333;
  line-height: 1.5;
}

/* Account info: name, handle, and date */
.bluesky-social-integration-post-account-info-name,
.bluesky-social-integration-post-account-info-handle,
.bluesky-social-integration-post-account-info-date {
  display: block;
  margin: 0;
  line-height: 1.4;
  text-align: left;
  font-weight: normal;
}

/* Date styling */
.bluesky-social-integration-post-account-info-date {
  font-size: 0.85em;
  color: #888;
  font-style: italic;
  margin-top: 2px;
}

/* Reset any unintended extra left spacing */
.bluesky-social-integration-last-post *,
.bluesky-social-integration-last-post-item * {
  margin-left: 0 !important;
  padding-left: 0 !important;
  box-sizing: border-box;
}

/* Make the hidden link cover the entire post */
.bluesky-social-integration-last-post-link {
  position: absolute;
  inset: 0; /* top: 0; right: 0; bottom: 0; left: 0 */
  z-index: 1;
  text-indent: -9999px; /* still screen-reader-friendly */
}

/* Make sure the parent post item is relatively positioned */
.bluesky-social-integration-last-post-item {
  position: relative;
  cursor: pointer;
}

/* Make the post wrapper positionable */
.bluesky-social-integration-last-post-item {
  position: relative;
  cursor: pointer;
  z-index: 0;
}

/* Expand the link to cover the entire post */
.bluesky-social-integration-last-post-link {
  position: absolute;
  inset: 0;
  z-index: 2;
  text-indent: -9999px; /* keeps it accessible but invisible */
  background: transparent;
}

/* Lower z-index of content so link can sit above */
.bluesky-social-integration-last-post-item *:not(.bluesky-social-integration-last-post-link) {
  position: relative;
  z-index: 1;
}
