@charset "UTF-8";
/*CSS Document*/


#slider2 {
width:932px !important; 
min-height:350px !important; 
margin:0 auto !important;
float:left !important;
}
.sliderwrapper {
	width:932px !important;
	height:auto !important;
}
.contentdiv {
	width:932px !important;
	height:auto !important;
	

}
.sliderwrapper {
	width:932px !important;
	height:auto !important;
}
.contentdiv {
	width:932px !important;
	height:auto !important;
	
}

.left-nav {
	width:20px;
	height:350px;
	float:left;
	margin-right:5px;
	background-image: url(http://sa-media.s3.amazonaws.com/sa_com_header/images/elections/elections-nav-sprite.png);
	background-repeat:no-repeat;
	background-position:0 100px;
	
}
.right-nav {
	width:20px;
	height:350px;
	float:left;
	margin-right:5px;
	background-image: url(http://sa-media.s3.amazonaws.com/sa_com_header/images/elections/elections-nav-sprite.png);
	background-repeat:no-repeat;
	background-position:-20px 100px;
	
}
#bottom-nav {
	width:100%;
	min-height:25px;
	background-image:url(http://sa-media.s3.amazonaws.com/sa_com_header/images/elections/horizontal-rule.gif);
	background-repeat:repeat-x;
	background-position:center;
	float:left;
	text-align:center;
}

#piechart1 {
	width:290px;
	height:auto;
	min-height:290px;
	margin:5px;
	float:left;
	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, transparent), to(rgba(255,255,255,.125)));
	-moz-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, transparent), to(rgba(255,255,255,.125)));
	-o-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, transparent), to(rgba(255,255,255,.125)));
	box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, transparent), to(rgba(255,255,255,.125)));
	

}

#piechart2 {
	width:290px;
	height:auto;
	min-height:290px;
	margin:5px;
	float:left;
	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, transparent), to(rgba(255,255,255,.125)));
	-moz-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, transparent), to(rgba(255,255,255,.125)));
	-o-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, transparent), to(rgba(255,255,255,.125)));
	box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, transparent), to(rgba(255,255,255,.125)));

}

#piechart3{
	width:290px;
	height:auto;
	min-height:290px;
	margin:5px;
	float:left;
	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, transparent), to(rgba(255,255,255,.125)));
	-moz-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, transparent), to(rgba(255,255,255,.125)));
	-o-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, transparent), to(rgba(255,255,255,.125)));
	box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, transparent), to(rgba(255,255,255,.125)));
	
}

#piechart4 {
	width:290px;
	height:auto;
	min-height:290px;
	margin:5px;
	float:left;
	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, transparent), to(rgba(255,255,255,.125)));
	-moz-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, transparent), to(rgba(255,255,255,.125)));
	-o-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, transparent), to(rgba(255,255,255,.125)));
	box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, transparent), to(rgba(255,255,255,.125)));
	

}
.fade {
	animation: scale .8s ease-out, fadein 1.5s ease-out ;
   -moz-animation: scale.8s ease-out, fadein 1.5s ease-out;
   -webkit-animation: scale .8s ease-out, fadein 1.5s ease-out;
   -o-animation: scale .8s ease-out, fadein 1.5s ease-out;
  
  
   
}
.scale {
	animation: scale 1s ease-out ;
   -moz-animation: scale 1s ease-out;
   -webkit-animation: scale 1s ease-out;
   -o-animation: scale 1s ease-out;
   
}
.race {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:24px;
	font-weight:bold;
	line-height:80%;
	text-transform:uppercase;
	width:100%;
	margin-bottom:5px;
	float:left;
}
.race-secondary {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:14px;
	font-weight:bold;
	line-height:90%;
	width:100%;
	margin-bottom:2px;
	float:left;
	
}
.candidate-name {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:14px;
	width:100%;
	float:left;
}
.top-result {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:50px;
	font-weight:bold;
	line-height:100%;
	color:#0030ab;
	width:100%;
	float:left;
	
}
.bottom-result {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:50px;
	font-weight:bold;
	line-height:100%;
	color:#ab0000;
	width:100%;
	float:left;
}
.top-votes {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:12px;
	font-weight:bold;
	line-height:120%;
	color:#0030ab;
	width:100%;
	float:left;
}
.bottom-votes {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:12px;
	font-weight:bold;
	line-height:120%;
	color:#ab0000;
	width:100%;
	float:left;
}
img.top-candidate {
	width:60px;
	height:80px;
	display:block;
	overflow:hidden;
	border: #0030ab solid 3px;
	float:left;
}

img.bottom-candidate {
	width:60px;
	height:80px;
	display:block;
	overflow:hidden;
	border: #ab0000 solid 3px;
	float:left;
}
	


@keyframes fadein {
    from {opacity:0;} to {opacity:1;}
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
@-keyframes rotate {
  from {
    -webkit-transform: rotate(180deg);
  }
  to { 
    -webkit-transform: rotate(360deg);
  }
}


@keyframes scale {
from { transform: scale(.25);
   }
   to   { 
   transform: scale(1.0); }
}
@-webkit-keyframes scale {
from { -webkit-transform: scale(.25);
   }
   to   { 
   -webkit-transform: scale(1.0); }
}
@-moz-keyframes scale {
from { -moz-transform: scale(.25);
   }
   to   { 
   -moz-transform: scale(1.0); }
}