/* Reset body padding and margins */
body {
    margin: 0;
    padding: 0;
    background: #2F3133;
	color: #FFF;
	font-family: sans-serif;
	 position:relative;
	 height: 100%;
	 
overflow-x: hidden;
}
 
/* Make Header Sticky */
#header_container {
    background: #3088CC;
    border: 1px solid #0341C5;
    /*height: 60px;*/
    left: 0;
    
    width: 100%;
    top: 0;
    color: #FFF;
}
#header{     margin:0 auto; width:940px; text-align:center; }
 
/* CSS for the content of page. I am giving top and bottom padding of 80px to make sure the header and footer do not overlap the content.*/
#container{ margin:0 auto;  padding:10; width:1000px;  }
#content{}
 .table-div {
 margin:0 auto; overflow:auto; 
 width:1000px;
 }
 .table-div{
 left:0;
 right:0;
 }
/* Make Footer Sticky */
#footer_container {
    background: #185E94;
    border: 1px solid #666;
    bottom: 0;
    height: 25px;
    left: 0;
    position: fixed;
    width: 100%;
}
#footer {
    /* line-height: 60px; */
    margin: 0 auto;
    width: 940px;
		text-align: center;
	}
a:link,  a:active { 
	color:#FFF;
	text-decoration:none; 
	font-color:#FFF;
}
a:hover{
	color: #C7DFF7; 
}
a:visited { color: #FFF; }

.main-image{
	height:304px;
	width:250px;
}



#main-wrap {
    /* overflow to handle inner floating block */
    overflow: hidden;
}

.left {
    float: left;
    width: 50%;
	
}

.right {
    float: right;
    width: 50%;
} 
.center {

}
 
.head-content{
	background:#1E90FF;
	overflow: hidden;
	padding:4px;
}
.main-content, .bottom-content{
	overflow: hidden;
 
}
.info-common{
	text-align:center;
	font-size:30px;
}
.race-title{
	text-align:center;
	font-size:30px;
}
#total-count{
	font-size: 60px;
    font-weight: bold;
    color: #FFCA00;
}
#percentage-count{

}
#rank-value{
font-size: 50;
    color: #007FFF;
    font-weight: bold;
}
.bottom-content{
padding:10px;
text-align:center
}
.thumb-img{
	width: 120px;
    height: 150px;
}
.tinted-thumb{
 opacity: 0.3;
}

rec  {
   text-align: center;
    position: absolute;
   left:0; 
   right: 0	;
   overflow: hidden;
   width:100%;
 
}
.main-content{
padding-left:150px;
padding-right:150px;
}
table{
width:100%;
}
.header-img{
height:70;
}
.tg  {border-collapse:collapse;border-spacing:0;border-color:#ccc;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;background-color:#fff;border-top-width:1px;border-bottom-width:1px;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;background-color:#f0f0f0;border-top-width:1px;border-bottom-width:1px;}
.tg .tg-qj3h{font-size:36px;text-align:center;vertical-align:top}
.tg .tg-2fkl{font-weight:bold;font-size:36px;text-align:center}
.tg .tg-0s10{font-weight:bold;font-size:36px;text-align:center;vertical-align:top}
.tg .tg-imms{background-color:#f9f9f9;font-size:25px;vertical-align:top; font-weight:bold;	}
.tg .tg-p0cy{background-color:#f9f9f9;font-size:36px;vertical-align:top}
.tg .tg-qbrl{font-size:36px;vertical-align:top}
 
 
 
 
.senator-tg  {border-collapse:collapse;border-spacing:0;border-color:#ccc;}
.senator-tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;background-color:#fff;border-top-width:1px;border-bottom-width:1px;}
.senator-tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;background-color:#f0f0f0;border-top-width:1px;border-bottom-width:1px;}
.senator-tg .senator-tg-jlrw{font-size:16px;text-align:center}
.senator-tg .senator-tg-p7ly{font-weight:bold;font-size:20px;text-align:center}
.senator-tg .senator-tg-90fe{background-color:#f9f9f9;font-size:16px;text-align:center;vertical-align:top}
.senator-tg .senator-tg-fqar{background-color:#f9f9f9;font-size:15px;}
.senator-tg .senator-tg-lvth{font-size:16px;text-align:center;vertical-align:top}
 
 .play-pause{
position:fixed;
right:0;
bottom:0;
z-index:9999; 
 }
 
.play-btn {
    background: url('img/play.png') center center no-repeat;
}

 .pause-btn {
    background: url('img/pause.png') center center no-repeat
}

 .play-btn, .pause-btn{
	position:absolute;
	border-style:none;
	width: 25px;
	height: 25px;
	position: relative;
	z-index: 10;
}


 .play-btn:hover,  .pause-btn:hover{
     opacity:0.7;
}

.content-header{
    position: absolute;
  
    left: 0;
    width: 100%;
}

.first-layer{
font-size: 30px;
}
.second-layer{
font-size: 25px;
top: 35px;
}
.third-layer{
top: 65px;
font-size: 20px;
}

.head-center{
text-align:center;
padding:5px;
font-size:12px;
}
.select-head{
width:200px;   
 font-size: 12px;
 padding: 5px;
}
.btn-style{
background-color: #696969; 
    border: none;
    color: white;
    padding: 6px 7px;
    text-align: center;
    text-decoration: none;
 display: inline-block;
    font-size: 15px;
-webkit-transition-duration: 0.3; /* Safari */
    transition-duration: 0.3s;
    cursor: pointer;
	
	 
}

 
.btn-style:hover {
  background-color: #067194;
    color: white;
}



 .checkbox-style{
 width: 15px; /*Desired width*/
  height: 15px; /*Desired height*/
  font-size:15px;
 }
 .checkbox-head{
   padding: 0px 0px 10px 0px ;
   font-size:15px;
   font-weight: bold;
   
 }
 
 
.myposition{
   padding: 0px 0px 10px 0px ;
   font-size:15px;
}

.popupstyle{
	background: #008CBA; 
	font-size:15px;
}

#map {
    float: left;
	top:220px;
	background: #E0E0E0;
	width:64%;
	height:560px;
}

.mov{
/* 	display: none; */
/*	z-index: 1001; */
/*  	position:absolute; */
/*	top:205px; */
    float: right;
	top:220px;	
	border:1px solid #ccc;
	background-color: #FFFFFF;
	width:35%;
	overflow:scroll;
	height:560px;
}

.table-hover-sm{
	width: 330px;
	border-collapse: collapse;
/*    text-align: center; */
    background-color: #FFFFFF;
	font-size:11px
}
 .table-hover-sm th{
	border-bottom: #696B6D 1px solid;
    border-spacing: 1px;
    padding: 10px 12px 3px 12px;
	font-size:12px;
	font-weight:bold;
	color:#0000FF;
	text-align: center;
	
	
 }
.table-hover-sm tr, .table-hover-sm  td { 
	border-bottom: 1px solid #ddd;
	padding:2px;
	border-spacing: 8px;
	color:#000000;
}
	 
ul.square {
	list-style-type: square;
	font-size: 12px;
	margin-top:12px;
}
	 

caption{
background-color: #FFFFFF;
	display: table-caption;
    text-align: left;
	font-size:12px;
	font-weight:bold;
	color:#797C7F;
	padding: 10px 12px 3px 12px;

	}
.place-cap{
	font-size:15px;
	color:#0000FF;
}
.precint-cap{
	font-size:12px;
	color:#0000FF;
}

.precint-cap-value{
	font-size:12px;
	color:#FF0000;
}

.left-map {
    float: left;
    width: 50%;
	
}
.right-map {
    float: right;
    width: 30%;
}



#contestlist{ color:black; }

#container2{ margin:0 auto;  padding:10px; width:85%; background: #F5F5F5;}
#highlight tr.hilight { background: #CCCCCC; }

table.hilite, table.formtabs {
	border-left: 1px solid #c1cbd7;
}
table.hilite th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif !important;
	color: #000;height:30px; line-height:30px; vertical-align:middle;
	border-right: 1px solid #c1cbd7;
	border-bottom: 1px solid #c1cbd7;
	border-top: 1px solid #c1cbd7;
	letter-spacing: 2px;
	text-transform: uppercase;
/*	text-align: left; */
	padding: 6px 6px 6px 8px;
	background: #1E90FF; url(img/blue.jpg) repeat-x;
}
table.hilite td {
	font: normal 11px Arial, Helvetica, sans-serif !important;
	border-right: 1px solid #c1cbd7;
	border-bottom: 1px solid #c1cbd7;
	background: transparent;
	padding: 6px;
	color: #3B3B3B;
}
table.hilite td a{color: #A37579;}
table.hilite td a:hover{color: #f30;}
table.hilite th a {
	text-decoration: none;
	color: #745066;}
table.hilite th a:hover {
	text-decoration: underline;
	color: #4f6b72;}	
/*table.hilite td[scope=col] {background-color:#F2F2F2}*/
table.hilite td[scope=row] {background-color:#F2F2F2; color:#000}