/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *


 */

 #content .wrapper {
  overflow:visible;
 }
 .app-top {
  padding:0;
  margin:0;
  border:0;
 }
#map_home_container {
  height:600px;
  width:100%;
  position:relative;
  overflow:visible;
}
#map {
  width:958px;
  height:500px;
  -moz-box-shadow: inset 0 0 5px #888;
  -webkit-box-shadow: inset 0 0 5px#888;
  box-shadow: inner 0 0 5px #888;
  border:1px solid #999;
  position:relative;
}
#overlay {
  background: #FEFFED;
  opacity: 0.95;
  position: relative;
  width: 290px;
  z-index: 999;
  margin-top: -524px;
  padding: 15px;
  box-shadow: 0 0 5px #888;
  margin-left: -1px;
  overflow: auto;
}
.slide {
  display:none;
}
.slide.slide_active {
  display:block;
}
.slide h2 {
  font-family: "ff-meta-serif-web-1","ff-meta-serif-web-2","Georgia",serif;
  font-size:22px;
}
#my_district .nearme_hedshots h2 {
  font-size: 11px;
  font-family: Helvetica;
  height: 30px;
}
.slide p {
  margin:10px 0 8px 0;
  line-height:16px;
}
.slide_nav {
  margin-top:8px;
}
.step_btn {
  padding:5px;
  border:1px solid #cecece;
  border-radius:3px;
  font-family:Helvetica,arial,sans-serif;
  text-transform:uppercase;
  background:#fff;
  font-size:11px;
  overflow:auto;
  cursor:pointer;
}
.step_btn:hover {
  border:1px solid #444;
}
.step_btn.next_btn {
  float:right;
}
.step_btn.prev_btn {
  float:left;
}

.map_legend {
  font-family:Helvetica,arial,sans-serif;
  text-transform:uppercase;
  font-size:11px;
}

h2.legend_hed {
  font-family:Helvetica,arial,sans-serif;
  text-transform:none;
  font-size:11px;
  font-weight:bold;
}
.map_legend tr td, .map_legend tr th {
  text-align:left;
  vertical-align:top;
  padding:5px;
}
.map_legend tr td.legend_dem_no {
  background:#587AAD;
  opacity:0.50;
}
.map_legend tr td.legend_gop_no {
  background:#AA0000;
  opacity:0.50;
}
.map_legend tr td.legend_dem_yes {
  background:#587AAD;
  opacity:0.10;
}
.map_legend tr td.legend_gop_yes {
  background:#AA0000;
  opacity:0.10;
}

#spending_range_legend {
  font-family:arial,helvetica,sans-serif;
  font-size:10px;
  text-transform:uppercase;
  float: left;
  width: 193px;
  margin-top:2px;
}
#spending_range_legend_hed {
  margin-bottom:5px;
}

#tip {
  background-color: white;
  width: 200px; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  padding:5px;
  font-weight: bold;
  border: 1px solid #ccc;
  -moz-box-shadow: rgba(0, 0, 0, 0.296875) 0px 2px 3px 0px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.296875) 0px 2px 3px 0px;
}
#my_district h1 {
  font-size:24px;
  padding:0;
  margin:0;
}
#my_district h2 {
  border-top:1px solid #444;
  margin-top:5px;
  font-size:18px;
}
#my_district h3 {
  margin-top:8px;
  font-size:14px;
}
#my_district h3, #my_district table {
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
#my_district_rep, #my_district_disasters {
}
#my_district_rep tr td {
  font-size:18px;
  font-weight:bold;
}
#my_district_rep tr td, #my_district_disasters tr td  {
  padding:5px 20px 0 0;
}
#my_district_disasters {}
#my_district_rep.tip_district_rep tr td {
  font-size:12px;
}
#county_tip_table tr td {
  font-weight:normal;
  padding-right:5px;
  font-size:11px;
}
#button_tray {
  width:928px;
  height:50px;
  padding:15px 0px 15px 0;
  border-top:1px solid #cecece;  
}
#button_tray .set_map {
  display:block;
  float:left;
  padding:5px;
  cursor:pointer;
  border:1px solid #cecece;
  border-radius:3px;
  font-family:Helvetica,arial,sans-serif;
  margin-right:5px;
}
#button_tray .set_map.depressed {
  -moz-box-shadow: inset 0 0 5px #888;
  -webkit-box-shadow: inset 0 0 5px#888;
  box-shadow: inner 0 0 5px #888;
  background:#f9f9f9;
}
#button_tray .button_tray_search { 
  float:left;
  margin-left: 14px;
  margin-bottom:15px;
}
#button_tray .button_tray_search p {
  font-family:Helvetica,arial,sans-serif;
  font-size:11px;
  float:left;
  width:180px;
}
#sandy_search {
  float:left;
}
.fancy_btn, input[type="submit"].fancy_btn {
  padding: 5px; 
  background: #fff;
  -webkit-border-radius: 04px;
  -moz-border-radius: 04px;
  border-radius: 04px;
  font-weight: bold;
  border: 1px solid #999;
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-box-shadow: #CECECE 0 0 2px !important;
  -moz-box-shadow: #CECECE 0 0 2px !important;
  color: black;
  -webkit-user-select: none;
  text-shadow:1px 1px 0 white;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
  background: -moz-linear-gradient(top,  #fff,  #f0f0f0);
  font-size: inherit;
  font-family: inherit;
  margin-right: 0;
  color: black !important;
  text-transform: none;  
  height:inherit;
  line-height:inherit;
  font-family:'lucida grande',tahoma,verdana,arial,sans-serif;;
}
.fancy_btn:hover, input[type="submit"].fancy_btn:hover {color:black;
  cursor:pointer;
  text-decoration:none;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#DEDEDE));
  background: -moz-linear-gradient(top,  #fff,  #DEDEDE);
  
  -webkit-box-shadow: #999 0 0 2px;
  -moz-box-shadow: #999 0 0 2px;
  }
.fancy_btn:active, input[type="submit"].fancy_btn:active { position:relative !important;top:1px !important;}

@media screen and (max-width: 480px) {
  input[type='text'],textarea {font-size:1em;}
  #content-header .social-module { display:none;}
  #content h1 { margin-top:10px;}
  #map { display:none; }
  #overlay { margin-top: 35px; width:auto; clear: both; }
  #button_tray { width:100%;}
  #button_tray span { display:inline-block; margin-bottom:3px;float:none !important;}
  #button_tray .button_tray_search { float:none !important; margin:0; width:100%;}
  #button_tray .button_tray_search p { width:100%;}
  #sandy_search { margin:10px 0 10px 0;}
}