/*
  YUI CSS Reset from http://yui.yahooapis.com/3.0.0/build/cssreset/reset-min.css
  ---
  Copyright (c) 2009, Yahoo! Inc. All rights reserved.
  Code licensed under the BSD License:
  http://developer.yahoo.net/yui/license.txt
  version: 3.0.0
  build: 1549
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{font-size:100%;}
legend{color:#000;}

/*
  Color scheme:
  ---
  light blue    #3478e3
  lighter blue  #4690d6
  orange        #e6803a
  red-orange    #d54e21
  midnight blue #230055
*/

/* General Styles */

html {
  background: #f1f1f1 none repeat scroll 0 0;
}
body {
  color: #333;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 62.5% !important;  /* HACK, changing this may break Google Map */
}

h1,h2,h3,h4,h5,h6 { display: block; }

strong {
  color: #230055;
}
textarea {
  border: 1px solid #3478e3;
  color: #333;
  padding: 3px;
}

*[title],
*[tooltip] { 
  /* icon from Primo Icon Set by Webdesigner Depot */
  background: url(/media/info_blue.png) no-repeat left top;
  border-bottom: none;
  padding-left: 17px;
}
*[title]:hover, 
*[tooltip]:hover {
  border-bottom: none;
}
#tooltip {
  font-size: 1.4em !important;
}

.ui-widget-overlay {
  background-color: #EEEEEE !important;
  background-image: none !important;
}

.flash_message {
  border: 1px solid orange;
  bottom: 0;
  color: orange;
  font-size: 1.25em;
  font-style: italic;
  line-height: 1em;
  margin: 5px 0 5px 180px;
  opacity: 0.95;
  padding: 8px;
  position: absolute;
  width: 475px;
}
.flash_error {
  background-color: #FF6666;
  border-color: red;
  color: white;
}
.flash_notice {
  background-color: #CCFF99;
  border-color: #3FA613;
  color: green;
}

.notice {
  color: #3FA613;
}
.error {
  color: #d54e21;
}
.form_errors {
  padding: 5px;
}

#main h1 {
  font-size: 1.5em;
  margin: 20px 0;
}

#sidebar h1 {
  font-size: 1.5em;
  font-weight: bold;
  padding: 5px;
}
#sidebar strong {
  color: #333;
}

#main h2 {
  color:#555555;
  font-size:2em;
  font-weight:normal;
}

#sidebar h2 {
  color: black;
  font-size: 1.3em;
  font-weight: normal;
}

#main h3 {
  color: #777777;
  font-size: 1.2em;
  font-weight: bold;
}

#main p {
  color: #777;
  margin: 10px 0;
}

#sidebar h1 {
  text-align: center;
}

a, a:link {
  color: #3478e3;
}
a:visited {
  color: #230055;
}
a:hover {
  border-bottom: 1px solid #CCC;
  color: #d54e21;
}
a:active {
  color: #230055;
}


label{
    color:#3379C8;
    font-weight: bold;
}

.label_verify{
    width:34%;
}

.label_log{
    width:21%;
}

.fieldWrapper {
    margin: 10px 0;
}
  .fieldWrapper label {
      float: left;
      width: 175px;
  }
  .fieldWrapper input {
      width: 175px;
  }

strong {
  font-weight: bold;
}
em {
  font-style: italic;
}

button {
  border: none;
  margin: 0;
  padding: 0;
}
  button img {
    border: none;
    margin: 0;
    padding: 0;
  }

.bordered {
  border-style: dotted;
  border-color: #bbb;
}

.clr {
  clear: both;
}

.left {
  display: block;
  float: left;
}
.right {
  display: block;
  float: right;
}

/* Layout */

#wrapper {
  font-size: 1.5em;  /* HACK, changing this may break Google Map */
  margin: 25px auto;
  width: 960px;
}

#header {
  margin-bottom: 15px;
  position: relative;
}
  #logo {}
    #logo h1 {
      bottom: 0;
      font-size: 40px;
      position: absolute;
      margin-left: 80px;
    }
    #logo h1 a,
    #logo h1 a:link,
    #logo h1 a:visited {
      color: #3478e3;
      text-decoration: none;
    }
    #logo h1 a:hover {
      color: #d54e21;
    }
    #logo h1 a:active {
      color: #230055;
    }
  #nav {
    bottom: 0;
    position: absolute;
    right: 0;
  }
  #screen_name {
    font-weight: bold;
  }
  #screen_name:link, 
  #screen_name:visited {
    color: #3478E3;
  }
  #screen_name:hover {
    color: #d54e21;
  }

#content {
  -webkit-box-shadow: 1px 1px 5px #c1c1c1;
  -moz-box-shadow: 1px 1px 5px #c1c1c1;
  background-color: #fff;
  box-shadow: 1px 1px 5px #c1c1c1; /* CSS3 */
  padding: 35px;
}

#main {
  float: left;
  line-height: 150%;
  margin: 0 25px;
  min-height: 400px;
  width: 525px;
}

#sidebar {
  -moz-box-shadow: 1px 1px 15px #c1c1c1;
  -webkit-box-shadow: 1px 1px 15px #c1c1c1;
  background-color: #fff;
  box-shadow: 1px 1px 15px #c1c1c1; /* CSS3 */
  float: right;
  padding: 10px;
  position: relative;
  top: 20px;
}

#footer {
  color: #777777;
  font-size: 0.95em;
  margin: 10px 0;
  padding: 15px;
}
  #footer .nav {
    float: left;
  }
  #footer .copyright {
    float: right;
    text-align: right;
  }
  
.submit_view {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  -moz-border-radius:14px;
  -webkit-border-radius:14px;
  background:#F2F2F2 url(/media/white-grad.png) repeat-x scroll 0 0;
  border:1px solid #CCCCCC;
  border-radius: 14px;
  color:#333333;
  font-size:13px;
  font-weight:bold;
  height:28px;
  line-height:27px;
  margin-left:10px;
  padding:0 10px;
  text-shadow:0 1px 0 #FFFFFF;
}
.submit_view:hover {
  background: #F2F2F2 url(/media/white-grad-active.png) repeat-x scroll 0 0;
  border-color: #999;
}
.submit_view:active {
  background-color: #CCC;
  background-image: none;
  color: #000;
}

/* Page-specific */

/* Google Map sidebar on Home Page / Index */

#sidebar {
  overflow: hidden;
  position: relative !important;
}

#sidebar h1 a, 
#sidebar h1 a:link, 
#sidebar h1 a:visited {
  color: #3478e3;
  font-size: 2em;
  font-weight: bold;
  margin: 15px 0;
}

.silver_inner {
  background: #fff;
  margin: 0px;
  padding: 0px;
}
.silver_inner {
  font-size: 10px; /* HACK, changing this may break Google Map */
}
.inner_silver_cont {
  width: auto;
  margin: 0px;
}
  .inner_silver_cont h2 {
    text-align: center;
    font-weight: bold;
    font-size: 2em;
    color: #3379C8;
  }

#sidebar .google_map_official_cont {
  bottom: 40px;
  left: 25px;
  position: absolute;
  z-index: 2;
}

.search_listing {
    display: block;
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px;
    background:white;
    border-radius: 8px;
    margin:0 10px 5px 10px;
    padding:5px;
}
.search_listing_icon {
    float:left;
}
.search_listing_icon img {
    width: 40px;
}
.search_listing_icon .avatar_menu_button img {
    width: 15px;
}
.search_listing_info {
    margin-left: 50px;
    min-height: 40px;
}
/* IE 6 fix */
* html .search_listing_info {
    height:40px;
}
.search_listing_info p {
    margin:0 0 3px 0;
    line-height:1.2em;
}
.search_listing_info p.owner_timestamp {
    margin:0;
    padding:0;
    color:#666666;
    font-size: 90%;
}
.twitterIcon {
  margin-right: 3px;
}

/* Home Page / Index */

#intro_wrapper {
  font-size: 1.1em;
  line-height: 1.5;
  margin-right: 100px;
}

#tour_wrapper {
  margin: 30px 0;
}
  #tour_msg {
    height: 89px;
    float: left;
    line-height: 89px !important;
    margin: 0 !important;
  }
  #watch_tour {
    margin-left: 20px;
  }
    a#watch_tour, 
    a#watch_tour:link, 
    a#watch_tour:hover, 
    a#watch_tour:visited {
      border: none;
      text-decoration: none;
    }

#lightbox_video {
  display: none;
  min-height: 510px;
  min-width: 660px;
}

#zip_status {
  color: #d54e21;
  font-weight: bold;
  line-height: 300%;
}

form#collect_zip {
  position: relative;
}
  form#collect_zip * {
    margin-right: 10px;
  }
  form#collect_zip button#zip_submit {
    background-color: transparent;
    position: absolute;
  }

#main p.form_actions {
  margin: 20px 0 20px 175px;
  padding: 3px;
  width: 175px;
}
  #main p.form_actions #searchsubmit {
    bottom: 3px;
    float: right;
    position: relative;
  }

/* Voter Verify */

#officials_loading {
  margin: 25px auto;
  text-align: center;
  width: 261px;
}

.officials_list {
  display: none;
  height: 330px;
  overflow: auto;
}
#sidebar .officials_list h2 {
  font-size: 1.5em;
}

.official {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin: 5px;
  padding: 5px;
}
.official:hover {
  background-color: #eee;
  border-color: #230055;
}
  .official img {
    float: left;
    margin-right: 5px;
  }
  .official h2 {
    text-align: left;
  }
  #tabs .official a {
    font-size: 1em;
    padding: 0;
  }

div.more_info_on_official {
  font-size: 1.2em;
}
  div.more_info_on_official img {
    float: left;
    margin-right: 5px;
  }
  div.more_info_on_official h1 {
    font-weight: bold;
  }
  .bio {
    border: 1px solid #ccc;
    font-size: 1em;
    height: 250px;
    margin-top: 10px;
    overflow-y: scroll;
    padding: 5px;
  }

/* Send Message */

#health_care {
  text-align: center;
}
  #health_care strong {
    bottom: 23px; 
    font-weight: bold; 
    margin: 0 10px; 
    position: relative; 
  }

#tweet {
  position: relative;
}
  #tweet .counter {
    color: #ccc;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    right: 0;
    top: 0;
  }
  #tweet .warning { color: #600; }
  #tweet .exceeded { color: #e00; }
  
  #tweet label {
    color: #777777;
    font-weight: normal;
    font-size: 1.2em;
  }
  
  #tweet textarea {
    height: 75px;
    margin-bottom: 10px;
    width: 98%;
  }
  
  #tweet .submit_view {
    float: right;
    margin-left: 0;
  }

/* Confirm Preferences */

#confirm_preferences_form {
  margin: 0 auto;
  position: relative;
  width: 210px;
}
  #confirm_preferences_form .fieldWrapper {
    border-bottom: 1px solid #CCCCCC;
  }
  #confirm_preferences_form input {
    width: auto;
  }
  #confirm_preferences_form ul,
  #confirm_preferences_form ol, {
    display: inline;
  }
    #confirm_preferences_form ul label, 
    #confirm_preferences_form ol label {
      float: none;
      width: auto;
    }
    #confirm_preferences_form li {
      display: inline;
      margin: 0 5px;
    }
  #main #confirm_preferences_form p.form_actions {
    width: auto;
  }
  #main #confirm_preferences_form #loading {
    display: none;
    position: absolute;
    right: 0;
  }

#preferences_saved {
  margin: 10px 0;
}

/* Privacy Policy */
.legal_body {
  color: #555555;
  font-size: 1em;
  padding-left: 20px;
}

/* Dashboard */

.dashboard hr {
  clear: both;
  margin: 20px 0;
}

#verification {
  display: none;
}
  #verification #loading {
    display: block;
    margin: 30px auto;
  }
  #verification iframe {
    display: none;
    height: 522px;
    overflow: auto;
    width: 500px;
  }

.dashboard #loading {
  display: none;
}

.dashboard .fieldWrapper input[type=checkbox] {
  width: auto;
}

.dashboard#main p.form_actions {
  width: 200px;
}