/* ##################################################
     Global Styles
##################################################  */
    body {font-family: arial, sans-serif;}    
    .container .center{
        margin: 0 auto;
        float: none;
        text-align: center;
        position: relative;
    }
/* colors */
    .orange {color:#BC5C23;}
    .blue { color:#369cc6;}
    .rep_red span, .rep_red  {color:#880a0a;}
    .dem_blue span, .dem_blue{color:#0f3970;}
    .other_green span, .other_green{color:#36700f;}
    .primary_key .rep_red  {background: url('http://pages.seattletimes.s3.amazonaws.com/election2012/images/red.png');}
    .primary_key .dem_blue{background: url('http://pages.seattletimes.s3.amazonaws.com/election2012/images/blue.png');}
    .primary_key .other_green{background: url('http://pages.seattletimes.s3.amazonaws.com/election2012/images/green.png');}
    .load{background: url('../images/loader.gif') no-repeat;
        padding: 15px;
        position: absolute;
        margin-left: 5px;
        
    }
    .clear {clear: both;}
    .float_none {float:none !important;}
    .float_right, .float_right.fivecol {float:right;}
    .float_left{float:left;}
    .border_left{border-left: solid #ccc 1px; padding-left: 10px;}
    .no_border {border: none !important;}
/* Clearfix http://css-tricks.com/snippets/css/clear-fix/ */
   .group:after {
  content: "";
  display: table;
  clear: both;
}
    
/* address search bar and buttons */
     .btn.btn_submit, .btn.btn_location {min-width:10%;}
     .btn.btn_submit {
        width:6%;
        padding:25px 0px;
        text-align: center;
        height: 40px;
    }
     .btn.btn_location {
        width:6%;
        padding:5px 0px;
        background:#EEE;
        text-align: center;
        height: 40px;
        float:left;
        margin-top:5px;
        border-right:0px;
    }
    .btn.btn_location:hover{
    	background:#eee;
    }
    .btn.browse {padding:10px 20px; margin-left:10px;text-transform: uppercase;}
    .btn.btn_submit img { margin: -10px 0px 30px;}
    .btn_location img {margin-top:4px;}
     input, .btn.btn_submit {
        float: left; 
        font-family: arial, sans-serif;
        margin:5px 0 15px 0;
    }
    input, .btn {
        border-top: 1px solid #CCC;
        border-bottom: 1px solid #CCC;
        border-left:transparent;
        border-right:1px solid #CCC;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        border-color: #E6E6E6 #E6E6E6 #BFBFBF; 
        text-align: center;  
        border-bottom-color: #B3B3B3;
        font-size: 16px;
        font-family: arial, sans-serif;
    }
    .dashboard button.btn {
        max-height: 42px; /* for firefox and ie */
    }
     input[type=text] {
        background: #eee;
         padding:5px 2%; 
        -webkit-border-radius: 0;
        -moz-border-radius: 0
        border-radius: 0;
        width: 75%;
        text-align: left;
        height: 40px;
        -webkit-appearance:none;
    }
    input:focus{
        position: relative;
        z-index: 4;
        outline: 0 none;
        webkit-box-shadow: 0;
         -moz-box-shadow: 0;
    }
    label#placeholder html.ie {
        display: block;
    }
    .container p {
        line-height: 1.4em;
        margin: 8px 0;
        color: #303030;
        text-align: left;
        font-family:georgia, serif;
    }
    
    footer{
        border-top:solid gray 2px;
        border-bottom: solid #ddd 1px;
        margin-bottom: 20px;
        padding: 5px 10px;
        color: #303030;
        text-align: center;
    }
    
    
/* container specific styles */
    .container .border_bottom {border-bottom: solid #ddd 1px;}
    
    .container h1,.container h2{
        font-family: Georgia, Times, serif;
        color:#303030;
        font-weight:normal;
        margin: .4em 0;
    }
    .container h1 {
        font-size:200%; 
        line-height:1.2em; 
        
    }
    .container h3 {
        font-size:0.8em; 
        line-height:1.2em; 
        margin:15px 0 10px 0;
    }
    
      .container h5 {
	    color:#333;
	    font-size:12px;
	    margin: 10px 0;
    }
    .container h6 {
	    text-transform:uppercase;
	    color:#333;
	    font-size:12px;
	    margin: 10px 0;
    }
    
    .descripton{
        font-size: .8em;
        color: #303030;
    }
    a{text-decoration: none; color: #09334B;}
    a:hover{text-decoration: underline;}
   
    .container ul {
        margin-top: 5px;
        list-style: none;
    }
    ul.rss_links a {
         font-family: Georgia, Times, serif; 
         color: #09334B;
    }
    .container ul li {margin-bottom: 7px;}
    .arrow-left {
    	width: 0; 
    	height: 0; 
    	border-top: 5px solid transparent;
    	border-bottom: 5px solid transparent; 
    	border-right:5px solid #BC5C23; 
    	margin:5px 5px 0 0; 
    	float: left;
    }
    .about p a {text-decoration:underline;}
    .about ol, .about ul {
	    font-family:georgia;
	    margin-left:40px;
	    color:#333;
	    line-height:1.4em;
    }
    
/* Primary bar chart */
    .primary_percentage_points_wrapper{
        text-align: center;
    	margin: 10px auto;
    }
    .single-candidate ~ .primary_percentage_points_wrapper{
        text-align: center;
    }
    .primary_percentage_points{
    	font-size: .8em;
    	line-height: 1.2em;
    	padding:1px 2px;
    	color:white;
    	font-weight: bold;
    	padding: 3px;
    }
    .primary_percentage_inner{
        width: 48%; 
        border: solid #DDD 1px;
        display: inline-block;
    }
    .detail .primary_percentage_inner{
        width: 100%; 
    }
    .primary_key{
	    font-size:.8em;
	    margin-top:10px;
    }
    .primary_key span {
        margin-top: 10px;
    }
    .index .key_title {
        float: left;
        margin-right: 5px;
    }
    .index .primary_key span {
        margin-top: 0;
    }
    .index .primary_key {
        float: right;
    }
    .dashboard .key_title {
        float: left;
        margin-right: 5px;
    }
    .dashboard .primary_key span {
        margin-top: 0;
    }
/* Float box */
    .float-box{
        float: right;
        margin: 0 0 5px 33px;
        border-left: solid #ddd 2px;
        padding-left: 10px;
    }
    
/* ##################################################
     Nav view
##################################################  */
    header .row {padding: 10px 0 0 0;}
    header img{max-height: 30px;}
    header:after{
        background: -webkit-linear-gradient(rgba(127,127,127,0.67) 0%, #ffffff 100%);
        background: -moz-linear-gradient(rgba(127,127,127,0.67) 0%, #ffffff 100%);
    	content: "";
    	display: block;
    	margin-top: 10px;
        height: 5px;
        width: 100%;
        clear:both;
    }
    header a.st_logo{
        width: 201px;
        height: 30px;
		background: url("../images/st_logo.png") no-repeat scroll center center transparent;
		background-size:100% 100%;
		display: inline-block;
    }
    .no-cssgradients header {border-bottom: #ddd solid 4px;} /* for ie */  
    header .sixcol{float: none; margin: 0 auto; text-align: center;}
/* ##################################################
     Index view
##################################################  */

/* buttons */   
    .btn {
        font-size: .8em;
        display: inline-block;
        padding:10px 10%;
        margin: 0;
        color: #333;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
        cursor: pointer;
        background-color: whiteSmoke;
        background-image: -ms-linear-gradient(top,white,#E6E6E6);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(white),to(#E6E6E6));
        background-image: -webkit-linear-gradient(top,white,#E6E6E6);
        background-image: -o-linear-gradient(top,white,#E6E6E6);
        background-image: linear-gradient(top,white,#E6E6E6);
        background-image: -moz-linear-gradient(top,white,#E6E6E6);
        background-repeat: repeat-x;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        filter: progid:dximagetransform.microsoft.gradient(startColorstr='white',endColorstr='#E6E6E6',GradientType=0);
        filter: progid:dximagetransform.microsoft.gradient(enabled=false);
        -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);
    } 
    .btn:hover{
        color:#333;text-decoration:none;
        background-color:#e6e6e6;
        background-color:#d9d9d9;
        background-position:0 -15px;
        -webkit-transition:background-position .1s linear;
        -moz-transition:background-position .1s linear;
        -ms-transition:background-position .1s linear;
        -o-transition:background-position .1s linear;
        transition:background-position .1s linear}.btn:focus{outline:thin dotted #333;
        outline:5px auto -webkit-focus-ring-color;
        outline-offset:-2px;
    } 
    .btn.active,.btn: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);
    }  
    .btn.btn_right{ 
         -webkit-border-radius: 0px 4px 4px 0px;
        -moz-border-radius: 0px 4px 4px 0px;
        border-radius: 0px 4px 4px 0px;
    }
     .btn.btn_left{ 
        -webkit-border-radius: 4px 0px 0px 4px;
        -moz-border-radius: 4px 0px 0px 4px;
        border-radius: 4px 0px 0px 4px;
    }

    .btn.btn_center{
         -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }
    
/* ##################################################
     Dashboard view
##################################################  */

/* presidential tab */ 

    .tab-national-presidential .divider{
       left: 58%;
    }
    .tab-national-presidential h2{
        max-width: 39.45%;
        position: absolute;
    }
    .anchor-fix.tab-national-presidential:before { 
      display: block; 
      content: " "; 
      margin-top: -70px; 
      height: 70px; 
      visibility: hidden;
    }
    #tabs ul li {margin-bottom:0;}
    .twocol.fixed_menu {background: none;}
   .fixed_menu {z-index:10; background: white;}

    
    .candidates h3 {
        text-align: left;
    }
    .my_districts h4{margin-bottom:10px;font-size:1.4em;}

/* cadidates */
    .candidate{
        float:left;
        width: 47%;
    }
    .candidate.left{
        margin-right:3%; 
    }
    .candidate.right{
        margin-left:3%; 
    }
    
    .dashboard .single-candidate.candidate, .index .single-candidate.candidate{
        margin: 0 auto;
        width: 50%;
        float: none;
    }
    .candidates{
    	text-align: center;
    	width: 95%;
    	margin: 10px auto;
    	position: relative;
    }
    .candidates_other { /* container to center vs */
        width: 100%;
        z-index: 7;
        position: absolute;
        
    }
    .candidates_other:hover {
	    cursor: pointer;
	      outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    }
    .candidates img, .name{
    	width:100%;
    	max-width: 175px;
    	max-height: 218px;
    	/* margin: 4px 7px; */

    	}
    .name {
        margin-top: 5px;
    }
   .single-candidate .name{
        margin: 0 auto;
    }
    .candidate img:hover {
	    cursor: pointer;
    }
    .left.candidate img,
    .left.candidate .name
        {float:right;}
    
    .right.candidate img,
    .right.candidate .name
        {float: left;}
    .pres_candidate {height: 25px; display:block; width:100%; margin:0px!important;padding:20px 0px; border-bottom:1px solid #ccc;}
    .divider{
    	position:absolute;
    	top:0;
    	bottom:10px;
    	left:49%;
    	width: 4px;
    	background:#ddd;
    }
    .vs {
        display: none;
        color:#333;
        font-size: 1em;
        font-family: arial;
        font-weight: bold;
        height:62px;
        width:62px;
        padding-top: 17px;
        margin: 0 auto;
        position: relative;
        top: 37%;
    }
/* ie */
    .no-borderradius .vs{background: url(../images/vs.png) no-repeat;}
    .borderradius .vs{
        height:37px;
        width:55px;
        -webkit-border-radius:50px;
        -moz-border-radius:50px;
         border-radius: 50px;
        background:white; 
    }
    .borderradius .vs:after{content:"vs"}
    
/* tabs */
    div[class^="tab-"]:not(.tab-local-races) {
        display: none;
    }

    .tab {
        float: left;
        padding: 10px;
        margin: 0 0 0 10px;
        border: 1px solid #ccc;
        border-bottom: none;
        cursor: pointer;
        position: relative;
        top:1px;
    }
    #tabs {
        max-height: 51px;
        padding: 0;
        overflow: visible;
        border-bottom: #ddd solid 1px;
        margin-top:20px;
        }   
    .tab-active {
        border-bottom: white solid 1px;
        color: #09334B;
        color: #880A0A;
    }
    .tab-initiatives{display: none} /* initially hides issues for tabbed nav */
/* Social Icons */
    .buttons { height: 23px;}
    .button{float: left; margin-right:5px;}
    .count{border:gray 1px solid;}
    .social_icon > img{vertical-align: middle;}
    .share{
    width:100%;
    position:absolute;
    z-index:5;
    top:0;
    padding-left:70px;
    }
/* map */
    .legend{float: right;}
    .legend_box {
        width: 10px;
        height: 10px;
        display: inline-block;
        margin: 0 5px;
    }
    .legend_box.congressional_box.orange {background-color: #BC5C23; color:#BC5C23;}
    .legend_box.legislative_box.blue {background-color: #1E90FF; color:#1E90FF;}
    .map {
        margin: 5px auto;
        padding; 5px;
        height: 300px;
    }
/* ##################################################
     Details view
##################################################  */
    .detail a.btn {
        padding: 10px 20px;
    }
    .detail .candidate img{width: 100%;}
    .detail .divider{
    	position:absolute;
    	top:0;
    	bottom:10px;
    	left:67%;
    	width: 4px;
    	background:#ddd;
    }
/* ##################################################
     ie styles
##################################################  */
.ie7 .candidate.left{margin-right:2%; }
.ie7 .candidate.right{margin-left:2%; }
.ie7 .primary_percentage_inner {display: inline;}
.ie7 .btn.btn_submit {height: 52px;}
.ie8 input[type=text], .ie7 input[type=text] {
     padding:15px 2% 0 2%; 
     height: 35px;    
}