﻿body
{
	background:#002e5f;
	font-family: Arial, Sans-Serif;
	font-size: 14px;
	/* ie fix */
	text-align:center;
}

.BodyContainer
{
	/* ie fix */
	text-align:left;
	
	width:980px;
	margin: 0 auto;
}

.HeaderContainer
{
	height: 105px;
	padding-bottom: 5px;
}
.LogoContainer
{
	height: 100px;
	width: 207px;
	float: left;
}

.LogoContainer img
{
	height:90px;
	margin-top: 5px;
	border: none;
}

.AdvertTopContainer 
{
	width: 748px;
	height: 100px;
	float: right;
}

.AdvertTopContainer img, .AdvertRightContainer img, .AdvertBottomContainer img
{
	margin: 5px;
	border: none;
}


.AdvertRightContainer
{
	float: right;
	width: 180px;
	height: 600px;
	margin-left: 10px;
	padding: 5px;
	padding-top:15px;
}

.AdvertBottomContainer
{
	text-align: right;
	margin-right: 165px;
	margin-left:  297px;
	width: 488px;
	height: 80px;
}
.AdvertMainContainer
{
	height:250px;
	width:650px;
	margin: 0px auto;
}
.AdvertMain1
{
	width: 300px;
	height: 250px;
	padding-top: 20px;
	margin-right: 310px;
}
.AdvertMain2
{
	float:right;
	width: 300px;
	height: 250px;
	padding-top: 20px;
}



.MainContainer
{
	height: 630px;
	position:relative;
}

.ContentContainer
{
	margin-right: 200px;
}
.FooterContainer
{
	width: 980px;
}
.FooterSubContainer
{
	width: 780px;
	margin-right: 200px;
}

.Legal
{
	float: left;
	width: 260px;
	height: 80px;
}

.Legal ul, .Legal li
{
	padding:0px;
	margin:0px;
	text-align:left;
	list-style-type: none;
}

.Legal li a
{
	color: #fff;
	text-decoration: none;
}
Legal li a:hover 
{
	color: #f00;
}


.Navigation
{
	height: 20px;
	background:#002e5f;
	margin-right:140px;
}
.Content
{
	height: 600px;
	margin-bottom: 10px;
	background:#7e8cdb;
	border: 1px solid white;
}
.TermsPrivacyContainer
{
	padding: 10px;
	height: 580px;
	overflow:scroll;
}

.TermsPrivacyHeader
{
	color:#002e5f ;
	font-size:20pt;
	font-weight:bold;

}
.TermsPrivacybody
{
	font-size: 12px;
	color:white;
}
.ContactHeader
{
	Text-align:left;
	margin-left:50px;
	font-size: 16px;
	font-weight:bold;
	color:#002e5f;
}
.ContactBody
{
	Text-align:left;
	margin-left:50px;
	font-size: 12px;
	color:white;
}


.people
{
	width: 760px;
	padding: 10px;
}
.people .person
{
	width: 180px;
	height: 120px;
	float: left;
	margin: 5px;
	position: relative;
}

.person img
{
	height: 118px;
	width: 180px;
	border:none;
}

.person .namebackground
{
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	text-align:center;
	background-color:#002e5f;
	color:white;
	font-weight: bold;
	font-size: 16px;
	width: 180px;
	height: 24px;
	float: left;
	position: absolute;
	top: 0px;
	left: 0;
	padding-top: 5px;
	padding-left: 0px;
}

.person .numberbackground
{
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	text-align:center;
	background-color:#002e5f;
	color:white;
	font-weight: bold;
	font-size: 20px;
	width: 180px;
	height: 28px;
	float: left;
	position: absolute;
	top: 90px;
	left: 0;
	padding-top: 0px;
	padding-left: 0px;
}

.person .votingfinishednumberbackground
{
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	text-align:center;
	background-color:#002e5f;
	color:white;
	font-weight: bold;
	font-size: 14px;
	width: 180px;
	height: 28px;
	float: left;
	position: absolute;
	top: 90px;
	left: 0;
	padding-top: 0px;
	padding-left: 0px;
}

.person .outofcontestnamebackground
{
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	text-align:center;
	background-color:#333333;
	color:white;
	font-weight: bold;
	font-size: 16px;
	width: 180px;
	height: 24px;
	float: left;
	position: absolute;
	top: 0px;
	left: 0;
	padding-top: 5px;
	padding-left: 0px;
}

.person .outofcontestnumberbackground
{
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	text-align:center;
	background-color:#333333;
	color:white;
	font-weight: bold;
	font-size: 20px;
	width: 180px;
	height: 28px;
	float: left;
	position: absolute;
	top: 90px;
	left: 0;
	padding-top: 0px;
	padding-left: 0px;
}


.person .numberbackground .overlaytext, .person .namebackground .overlaytext
{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.ShareBottom
{
	float: right;
	width: 180px;
	text-align:center;
	height: 60px;
	padding-top:10px;
}
.PoweredBy
{
	padding-top:5px;
	text-align:center;
	font-size:11px;
	color: white;
}
.PoweredBy a, .PoweredBy a:visited
{
	text-decoration:none;
	color:white;
}
.PoweredBy a:hover
{
	text-decoration:none;
	color:red;
}





.ShareTop
{
	float: right;
	width: 130px;
	text-align:center;
}


.share ul, .share li
{
	list-style:none;
}


.TitleContainer
{
	text-align:center;
	width:700px;
	margin:0px auto;
	padding:10px 20px 10px 20px;
}
.MainTitle
{
	color:#002e5f ;
	font-size:24pt;
	font-weight:bold;
}
.MainSubTitle
{
	color:#002e5f ;
	font-size:10pt;
	font-weight:bold;
}
.ContestVotingTitle
{
	color:#002e5f ;
	font-size:16pt;
	font-weight:bold;
}
.ContestVotingCalls
{
	color:white ;
	font-size:16pt;
	font-weight:bold;
}

.MiddleContentContainer
{
	Width:700px;
	height:200px;
	padding: 10px 20px 10px 20px;
	margin:0px auto;
}
.CurrentContests
{
	float:left;
	min-height:200px;
	width: 196px;
	overflow: auto;
	background-color: #FFFFFF;
	padding:0px;
	margin:0px;
	font-size: 10px;
	border: 2px #002e5f solid;
}
.HowItWorks
{
	text-align:left;
	min-height:200px;
	width: 656px;
	background-color: #FFFFFF;
	padding:0px;
	margin:0px auto;
	font-size: 10px;
	border: 2px #002e5f solid;
}
.HowItWorks p
{
	Text-align:center;
	font-size:8pt;
}
.HowItWorks ul, .HowItWorks li
{
	list-style:none;
}
h2 {
 	border: 2px #002e5f solid;
	margin-bottom: 0px;
	margin-top: 0px;
	height: 16px;
	font-size: 14px;
	padding:0px;
	padding-left: 5px;
	background-color: #002e5f;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #FFFFFF;
}
.WhatTheySaidContainer
{
	float:right;
	width: 300px;
	padding: 40px 10px 10px 10px;
}
.WhatTheySaidTitle
{
	color:white;
	font-weight:bold;
	font-size:12pt;
}
.WhatTheySaidContent
{
	margin-bottom:10px;
	color:white;
	font-style:italic;
	font-size:10pt;
}
.WhatTheySaidContainer a, WhatTheySaidContainer a:visited
{
	Color:red;
}
.WhatTheySaidContainer a:hover
{
	Color:white;
}
.NumberOfVotesHeadline
{
	font-size: 16px;
	font-weight:bold;
	color:red;
}
.NumberOfVotesSubtext
{
	color:red;
	font-size:14px;
}
.Confusion
{
	color:white;
	font-size:14px;
	font-weight:bold;
}

.Confusion a, .Confusion a:visited
{
	text-decoration:none;
	color:red;
}
.Confusion a:hover
{
	text-decoration:underline;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.tabs{
overflow: hidden;
margin-right:140px;
height: 20px;
}

.tabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
list-style-type: none;
}

.tabs li{
display: inline;
margin: 0;
}

.tabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 3px 7px 3px 8px; /*padding inside each tab*/
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
margin-right:2px;
color: #002e5f;
background: white; /*background of tabs (default state)*/
}

.tabs li a:visited{
color: #002e5f;
}

.tabs li a:hover {
background: #7e8cdb; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

body#home li.home, body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
background: #7e8cdb;
}

body#home li.home a, body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background: #7e8cdb;
}


