/* 
minnesota public radio campaign 2010 
started: 8-sept-2010
author: justin heideman
*/

span.hidden{ position: absolute; left: -9999px;}
span.arrow{ font-size: 75%;}
div#c2010Header{
	width: 634px;
	height: 76px;
	display: block;
}


/* sprite rules */
div#c2010Header a.button, div#c2010Header h4 a,
h3.topStories, h3.additionalCoverage, h3.voterDecisionGuide, h3.trackingTheCampaigns,
span.profileIcon, a.budgetPlan span.budgetIcon,  h3.coverage, h3.biography, h3.snapshot, 
h3.multimedia, h3.socialMedia, span.facebookIcon, span.twitterIcon, h3.candidateTweets,
h3.faq, h3.selectARace, h3.candidates, a.districtProfile, a.snapshot, a.biography, h3.districtProfile,
span.budgetComparisonIcon, h3.stateProfile, a.stateProfile, span.adSpending, h3.votingResults,
h3.electionNightBlogs, h3.minnesotaResults, h3.nationalResults, h1.c2010ResultsHome a,
a.mnResults, a.usResults{
	background: transparent url('c2010_sprite.gif') no-repeat;
	display: block;
	margin-right: 5px;
}

div#c2010Header h4{
	width: 520px;
	height: 36px;
	margin-left: 85px;
	padding-top: 8px;
}
div#c2010Header h4 a{
	width: 551px;
	height: 36px;
	background-position: -250px 0px;
}


div#c2010Header a.button{
	display: block;
	width: 85px;
	height: 77px;
	float: left;
	background-position: 0px 0px;
}
div#c2010Header a.button:hover{
	text-decoration: none;
}

/*div#c2010Header ul{ display: block;}

div#c2010Header ul li {
	display: inline;
	
}
*/
div#c2010Header ul li{
	letter-spacing: -0.3px;
}
div#c2010Header ul li, div#c2010Header ul li a {
	color: #264f81;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding-right: 10px;
}
div#c2010Header ul li a{
	padding-top: 5px;
}
div#c2010Header ul li.last, div#c2010Header ul li a.last{
	padding-right: 0px;
	margin-right: 0px;
}

div#c2010Header ul li a:hover{
	text-decoration: none;
	/*background: transparent url('nav_hover.gif') repeat-x bottom center;*/
}
div#c2010Header ul li a.current{
	background: transparent url('nav_hover.gif') repeat-x bottom center;
}

div#c2010Header ul li li a:hover{
	background-image: none;
}
/* secondary menus */
div#c2010Header ul li ul li{
	padding: 3px;
}

div#c2010Header ul li.noSub a:hover{text-decoration: underline;}


h3.topStories, h3.additionalCoverage, h3.voterDecisionGuide, h3.trackingTheCampaigns, h3.coverage, 
h3.biography, h3.snapshot, h3.multimedia, h3.socialMedia, h3.candidateTweets, h3.faq, h3.selectARace,
h3.candidates, h3.districtProfile, h3.stateProfile, h3.votingResults, h3.electionNightBlogs,
h3.minnesotaResults, h3.nationalResults{
	height: 22px;
	width: 100%;
	margin-top: 4px;
}
h3.topStories{ 		background-position: -250px -54px;}
h3.additionalCoverage{	background-position: -250px -234px;}
h3.voterDecisionGuide{	background-position: -250px -90px;}
h3.trackingTheCampaigns{background-position: -250px -126px;}
h3.coverage{background-position: -250px -270px;}
h3.biography{background-position: -250px -302px; height: 26px;margin-top: 0px;}
h3.snapshot{background-position: -250px -378px;}
h3.multimedia{ background-position: -250px -198px;}
h3.socialMedia{ background-position: -250px -162px;}
h3.candidateTweets { background-position: -250px -450px;}
h3.selectARace { background-position: -250px -486px;}
h3.faq { background-position: -250px -522px;}
h3.candidates{ background-position: -250px  -594px;}
h3.districtProfile{ background-position: -250px  -557px;}
h3.stateProfile{ background-position: -250px  -666px;}
h3.votingResults{ background-position: -250px -737px;}
h3.minnesotaResults{ background-position: -250px -774px;}
h3.nationalResults{ background-position: -250px -810px;}


h3.electionNightBlogs{ background-position: -250px -846px;}
a.districtProfile{ height: 20px;
	background-position: -246px -626px;
	width: 172px;
	padding: 4px;
}
a.districtProfile.current{background-position: -246px -554px; }
a.stateProfile{ height: 20px;
	background-position: -246px -697px;
	width: 142px;
	padding: 4px;
}
a.stateProfile.current{background-position: -246px -662px; }

a.snapshot{ height: 20px;
	background-position: -248px  -410px;
	width: 103px;
	padding: 4px;
}
a.snapshot.current{ background-position: -246px  -374px;
}

a.biography{ height: 20px;
	background-position: -246px -340px;
	width: 148px;
	padding: 4px;
}
a.biography.current{ background-position: -246px -304px;}



h4{
	font-size: 13px;
	font-family: Georgia, times, sans-serif;
	font-weight: bold;
}


h1.bigHeadline{
	font-size: 34px;
	font-family: Georgia, Times, sans-serif;
	border-bottom: 1px solid #006595;
	background: transparent url('nav_hover.gif') repeat-x bottom center;
	padding: 0 3px;
	margin-bottom: 10px;
}

h1.selectACandidate{
	width: 272px;
	height: 38px;
}
h1.selectACandidate a{
	background: transparent url('/projects/ongoing/select_a_candidate/images/sac_wordmark_sm.gif') no-repeat;
	width: 272px;
	height: 38px;	
	display: block;
}
span.profileIcon{ 
	background-position: 0px -91px;
	width: 28px;
	height: 24px;
	display: block;
	float: left;
}
span.poliGraphyIcon{ 
	background: transparent url('poligraph.jpg') no-repeat;
	width: 61px;
	height: 60px;
	display: block;
	float: left;
	margin-right: 6px;
}
span.adSpending{ 
	width: 26px;
	height: 45px;
	display: block;
	float: left;
	margin-right: 6px;
	background-position: 0px -121px;
}



.c2010Left{
	width: 300px;
	/*background-color: rgba(255,0,0,0.1);*/
	float: left;
	margin-right: 14px;
	min-height: 100px;
}
.c2010Right{
	width: 315px;
	float: left;
	/*background-color: rgba(0,0,255,0.1);*/
	min-height: 100px;
}
div.section{
	margin-bottom: 15px;
	font-size: 13px;
}
div.subSection{
	margin: 5px 0;
}

div.section h3{
	border-bottom: 1px solid #cc0033;
}

div.section h1{
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 5px;
}
div.section h2{
	font-size: 19px;
	line-height: 19px;
	font-weight: normal;
}
div.subSection h2 { padding-bottom: 5px;}
div.section h1 a, div.section h2 a{
	color: #000;
}

div.section h1 a:hover, div.section h2 a:hover{
	text-decoration: none;
	color: #264f81;
}
div.section div.storyTeaser{
	margin: 10px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #cde5f5;
}
div.section div.storyTeaser.last{
	border-bottom: 0;
	margin-bottom: 0;
}

h6.date{
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
	font-size: 10px;
	line-height: 13px;
	margin-top: 2px;
}

div.section div.selectACandidate{
	margin: 5px 0;
	padding-bottom: 5px;
	background: transparent url('gradient_80.gif') repeat-x;
}
div.section div.selectACandidate p{
	margin-left: 46px;
	margin-top: -5px;
}



.contentbody .section p, .contentbody .section div{
	font-size: 13px;
}

div.candidateProfiles h2{
	margin-bottom: 8px;
}

div.race{
	background: #e5f2ff url('gradient_82.png') repeat-x;
	margin-bottom: 8px;	
	margin-top: 4px;
}
div.race h4{ padding: 2px; width: 200px; margin: 3px 0 0 3px;}
div.race h4 a{
	text-transform: uppercase;
	font-weight: bold;
	color: #264f81;
	font-size: 10px;
	font-family: Helvetica, Arial, sans-serif;
}
div.profileLink{}
div.profileLink a{
	/*height: 122px;*/
	width: 90px;
	display: block;
	float: left;
	color: #264f81;
	height: auto;
	background-repeat: no-repeat;
	background-color:#aed8ff ;
	background-position: 1px 1px;
	margin-top: 4px;
	border: 1px solid #aed8ff;
	
}

div.profileLink a.dayton{	background: #aed8ff url('/collections/special/2010/campaign/lib/dayton.jpg') no-repeat 1px 1px;}
div.profileLink a.horner{	background: #aed8ff url('/collections/special/2010/campaign/lib/horner.jpg') no-repeat 1px 1px;}
div.profileLink a.emmer{	background: #aed8ff url('/collections/special/2010/campaign/lib/emmer.jpg') no-repeat 1px 1px;}
div.profileLink a.clark{	background: #aed8ff url('/collections/special/2010/campaign/lib/clark.jpg') no-repeat 1px 1px;}
div.profileLink a.bachmann{	background: #aed8ff url('/collections/special/2010/campaign/lib/bachmann.jpg') no-repeat 1px 1px;}

div.c2010Left div.profileLink a.middle{	margin-left: 12px;}
div.c2010Right div.profileLink a.middle{	margin-left: 19px;}


div.profileLink a.top{
	margin-top: 0px !important;
}
div.profileLink.more{ }

a.moreCandidates{
	font-size: 16px;
	font-weight: normal;
	padding: 0 5px; 
	width: 90px; 
	height: 112px;
	float: right;
}

div.profileLink span.party{
	background-color:#AED8FF;
	bottom:0;
	color:#FFFFFF;
	font-family:Helvetica,Arial,sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:3px;
	/*position:absolute;*/
}

div.profileLink div.placeholder{
	height: 115px; /* 87 */
	/*position: relative;*/
	background-position: center center;
}
div.profileLink div.placeholder div.partyWrapper{
	height: 100px;
}
div.profileLink span.candidate{ 
	padding: 3px; 
	font-size: 13px;
	display: block;
}
a.budgetPlan{ 
	display: block;
	padding: 4px;
	background: transparent url('gradient_80.gif') repeat-x;
}
a.budgetPlan span.budgetIcon{
	width: 12px;
	height: 13px;
	background-position: -32px -102px;
	float: left;
}
a.raceExtra{
	margin-left: 21px;
}


table.election { 
	font-family: Helvetica, Arial, sans-serif;
	width: 100%;
}
table.election thead{
	background-color: #aebdcb;
	color: #fff;
}

table.election thead th{
	padding: 2px 3px;
	font-weight: bold;
}
table.election tbody{
	background: #e5f2ff url('gradient_82.png') repeat-x;
	border-top: 1px solid #fff;
}
table.election tbody td{
	padding: 2px 3px;
	font-family: Helvetica, Arial, sans-serif !important;
}

table.election tr.eventDetails{
	display: none;
}


/* candidate pages */

.candidateBio{

}

.bioLeft{
	width: 180px;
	float: left;
}

.bioRight{
	width: 120px;
	float: left;
	margin-left: 15px;
}
.bioPhoto img{
	width: 100%;
	/*height: 100%;*/
}


dt{
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	line-height: 13px;
	margin-top: 7px;
}
dd{
	font-size: 13px;
	margin-bottom: 6px;
}

span.sacLogo{
	background: transparent url('/projects/ongoing/select_a_candidate/images/sac_wordmark_sm.gif') no-repeat;
	height: 38px;
	width: 38px;
	float: left;
	display: block;
}


div.collection_footer div.navigation ul li{ display: inline; padding: 5px 3px;}
div.collection_footer div.navigation ul{ 	background-color: #CDE5F5; }

span.facebookIcon, span.twitterIcon{ width: 16px; height: 16px; display: block; float: left;}
span.facebookIcon{background-position: -60px -100px;}
span.twitterIcon {background-position: -82px -100px;}

div.tweet{
	margin-bottom: 12px;
}
div.tweet a.tweetText{	color: #000; }
div.tweet a.tweetText:hover{	color: #006699; }
div.tweet h6 a{ text-decoration: underline;}



div#multimedia .highlighted-multimedia { float: left; width: 120px; margin-top: 5px;}
div#multimedia .highlighted-multimedia.first { margin-right: 30px; }
div#multimedia .highlighted-multimedia img { margin-bottom: 4px; }







div.tabs.socialMedia{
	padding-top: 10px;
	border-bottom: 1px solid #99ccff;
	height: 18px;
}
div.tabs.socialMedia a{
	float: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 4px;
}
div.tabs.socialMedia a.current{ 
	border: 1px solid #99ccff;
	border-bottom: 0;
}
div.tabs.socialMedia a:hover{
	color: #02627C;
}
div.panes.socialMedia{
	padding: 5px;
	border: 1px solid #99CCFF;
	border-top: 0;
	
}

img.districtMap{
	float: right;
	margin: 5px 0 10px 10px;
}

span.budgetComparisonIcon{
	background-position:0 -167px;
	float:left;
	height:34px;
	width:30px;
}



table.budgetComparison tr.issue_header td{
	font:bold 13px/17px Arial,Helvetica,sans-serif !important;
	color: #fff;
	padding: 5px;
	background-color: #AEBDCB;
	
}
table.budgetComparison tr.candidates{
	border-bottom: 1px solid #fff;
	background: transparent url('gradient_123.gif') repeat-x bottom center;
}
table.budgetComparison td.border_left{
	border-left: 1px solid #fff;
}
table.budgetComparison tr.issue_response{ border-top: 1px solid #fff;}
table.budgetComparison tr.issue_response td{
	background: #E5F2FF url("/collections/special/2010/campaign/lib/gradient_82.png") repeat-x scroll 0 0;
	padding: 5px;
	font-size: 13px !important;
}
table.budgetComparison tr.issue_response td p{ font-size: 13px !important; }



/* tables for ad spending db */
div.campaign-ad-spending, div.campaign-ad-spending p{
	font-size: 13px;
}
table.list.sortable.election tbody{	background-image: none; }
table.list.sortable th.header{
	height: auto;
	cursor: s-resize;
	border-bottom: 0;
}
table.list.sortable th.header:hover{
	text-decoration: underline;
}
th.headerSortUp{
	font-weight: bold;
	background: transparent url('sort_up.gif') no-repeat 0px center;
	padding-left: 9px !important;
	cursor: n-resize !important;
}
th.headerSortDown { 
	font-weight: bold;
	background: transparent url('sort_down.gif') no-repeat 0px center;
	padding-left: 9px !important;
	
}
table.list.election tr td{ font-size:12px !important; padding: 3px; vertical-align: top;}
table.list.election tr.alternating_row td { background-color: #cfe4f9; }

div.breadcrumb{
	font: bold 12px/12px Arial, Helvetica, sans-serif;
	color: #333;
	margin-top: 10px;
}
div.breadcrumb a{
	color: #264F81;
}
.campaign-ad-spending h2 {
	display:block;
	float:left;
	font-family:Helvetica,Arial,sans-serif;
	font-size:16px;
	font-weight:bold;
	letter-spacing:-0.3px;
	margin-top:11px;
}


table.list.election.details tbody{
	background-image: none;
}
table.list.election.details th{
	font: bold 13px/16px Arial, Helvetica, sans-serif;
	width: 120px;
	padding: 3px;
	background-color:#AEBDCB;
	color: #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-align: right;
	vertical-align: top;
}
table.list.election a{
	color: #000;
}
table.list.election tr:hover a{
	color: #02627C;
}
div.ad_spending_footer, div.explanation{
	margin: 10px 0;
	font:normal 13px/17px Arial,Helvetica,sans-serif !important;
	
}
#browse_data{
	background-color:#AEBDCB;
	color:#444444;
	font:bold 13px/17px Arial,Helvetica,sans-serif !important;
	letter-spacing:-0.3px;
	padding:5px;
	width:624px;
}
#browse_data ul li{
	display: inline;
	margin-right: 23px;
}
#browse_data ul li a{
	color: #fff;
}

/* for homepage ad spending block */
div.c2010Left div#browse_data{	width:290px;}
div.c2010Left div#browse_data ul li{
	display: block;
}

#ad-spending-display {
	display: block;
	padding: 0;
	margin: 0 0 20px 0;
	position: relative;
}

div.totals{
	font:bold 16px/22px Arial,Helvetica,sans-serif !important;
	 margin-bottom: 15px; 
}

/* precinct finder */
form.pollFinder #zip{
	width: 169px;
	border: 1px solid #666;
	color: #333;
	font:bold 13px/22px Arial,Helvetica,sans-serif !important;
	padding: 5px;
	box-shadow:inset 0 0 3px #ccc;
	-moz-box-shadow:inset 0 0 3px #ccc;
	-webkit-box-shadow:inset 0 0 3px #ccc;
}
form.pollFinder #zip.empty{
	color: #ccc;
	border: 1px solid #ccc;
	
}
form.pollFinder input.submit{
	border: 1px solid #cde5f5;
	color: #08567b;
	font:bold 13px/22px Arial,Helvetica,sans-serif !important;
	padding: 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-left: 4px;
	
}
form.pollFinder input.submit:hover, form.pollFinder input.submit:focus{
	text-shadow:1px 1px #FFFFFF;
	background-color: #006595;
	color: #fff;
	text-shadow: none;
	cursor: pointer;
}







/* feature on the news hp */
.homepage .col1 .ng-1g2{
	margin-bottom: 16px;
}


#resultsNavPost{
	background-color: #e9edf2;
	float:left;
	margin-bottom:16px;
	padding:10px;
	width:600px;
	border:1px solid #C4CDD8;
}
#resultsNavPost div.featureLeft{
	width: 300px;
	float: left;
}
#resultsNavPost div.featureRight{
	width: 290px;
	float: left;
	margin-left: 10px;
}

#resultsNavPost div.subSection{
	margin-top: 0;
}
#resultsNavPost h6{ display: block; width: 289px; height: 31px; margin-bottom: 10px;}
#resultsNavPost h6 a{
	background: transparent url('c2010_news_postResults.gif') no-repeat;
	width: 289px;
	height: 31px; 
	display: block;
}
#resultsNavPost h4, #resultsNavPost h5, #resultsNavPost ul li{
	font-family: Arial, Helvetica, sans-serif;
}
#resultsNavPost h4{
	font-size: 15px;
	margin-bottom: 5px;
	width: 153px;
	height: 18px;
	float: left;
}
#resultsNavPost h4 a{ float: left;}
#resultsNavPost h4.mn{ width: 134px;}
#resultsNavPost h4.us{ margin-right: 9px;}
#resultsNavPost h5{ font-weight: bold; margin-top: 3px;}
#resultsNavPost h5.second{margin-top: 7px;}

#resultsNavPost a{
	color: #264f81;
}
#resultsNavPost ul.resultsByRace li{
	display: inline;
	font-weight: bold;
	margin-right: 7px;
}
#resultsNavPost ul.resultsByRace li.last{ margin-right: 0px;}
#resultsNavPost h4.mn span, #resultsNavPost h4.us span{
	background: transparent url('results_maps.png') no-repeat;
	display: block;
	margin: 0px auto;
}
#resultsNavPost h4.us span{
	background-position:  -195px 0px;
	width: 28px;
	height: 19px;
	float: right;
}
#resultsNavPost h4.mn span{
	background-position:  -209px -28px;
	height: 15px;
	width: 14px;
	float: right;
}





/* results */
#resultsNav, #resultsNavSmall{
	background-color: #e9edf2;
	padding: 10px;
}
#resultsNav .navLeft{
	width: 270px;
	float: left;
}
#resultsNav .navRight{
	width: 339px;
	float: left;	
	margin-left: 5px;
}
#resultsNav h4{
	font-size: 16px;
	width: 135px;
	float: left;
	font: bold 16px/17px Arial, Helvetica, sans-serif;
	letter-spacing: -0.4px;
	margin-top: 0px;
}
#resultsNav h4 a{ color: #264f81; }
#resultsNav h4.us a span{
	background: transparent url('results_maps.png') no-repeat;
	width: 76px;
	height: 53px;
	display: block;
	margin: 0px auto;
}
#resultsNav h4.mn a span{
	background: transparent url('results_maps.png') no-repeat -124px 0px;
	width: 58px;
	height: 53px;
	display: block;
	margin: 0px auto;
}
#resultsNav h4.mn a:hover span{	background-position: -124px -81px;}
#resultsNav h4.us a:hover span{	background-position: 0px -83px;}


#resultsNav h5{
	font: bold 13px/16px Arial, Helvetica, sans-serif;
}
#resultsNav ul{
	margin-bottom: 5px;
}
#resultsNav ul.resultsByRace li{
	font: bold 13px/16px Arial, Helvetica, sans-serif;
	letter-spacing: -0.3px;	
	display: inline;
	margin-right: 5px;
}
#resultsNav ul.resultsByRace li.last{ margin-right: 0px;}
#resultsNav ul.resultsByRace li a{color: #264f81; }
ul.resultsByRegion li{ padding-right: 5px;}
ul.resultsByRegion li a{
	font: bold 13px/16px Arial, Helvetica, sans-serif;	
	color: #264f81;
}
ul.resultsByRegion li ul { 
	width: 632px; 
	background-color:white;
}
ul.resultsByRegion li ul li { width: 150px; padding: 4px;}

#resultsNavSmall{
	width: 275px;
	margin-top: 10px;
}
#resultsNavSmall h4, #resultsNavSmall h5, #resultsNavSmall ul li{
	font-family: Arial, Helvetica, sans-serif;
}
#resultsNavSmall h4{
	font-size: 16px;
	margin-bottom: 10px;
	width: 165px;
	height: 18px;
}
#resultsNavSmall h4 a{ float: left;}
#resultsNavSmall h4.mn{ width: 146px;}
#resultsNavSmall h5{ font-weight: bold; margin-top: 10px;}
#resultsNavSmall a{
	color: #264f81;
}
#resultsNavSmall ul.resultsByRace li{
	display: inline;
	font-weight: bold;
	margin-right: 8px;
}
#resultsNavSmall ul.resultsByRace li.last{ margin-right: 0px;}
#resultsNavSmall h4.mn span, #resultsNavSmall h4.us span{
	background: transparent url('results_maps.png') no-repeat;
	display: block;
	margin: 0px auto;
}
#resultsNavSmall h4.us span{
	background-position:  -195px 0px;
	width: 28px;
	height: 19px;
	float: right;
}
#resultsNavSmall h4.mn span{
	background-position:  -209px -28px;
	height: 15px;
	width: 14px;
	float: right;
}


/*Results page styles
===========================================*/

#map_container {
	float:left;
	width: 515px;
}
div.small_map_container{
	width: 242px;
	margin: 0px auto;
}

#tabular_container a {
	color: #C80809
}

#tabular_container h2.header {
	font-size: 14px;
}
#tabular_container h1.bigHeadline{ font-size: 24px; margin-top: 10px;}
table.results { width: 494px; margin-bottom: 20px; }
table.results td { padding: 5px; border: 2px solid #fff; font-family: Arial, Helvetica, sans-serif;}
table.results td span { font-family: Arial, Helvetica, sans-serif;}
table.results tr.title { background-color: #065087; }
#tabular_container table.results tr.title td a, table.results tr.title td a:visited { color: white; }

table.results tr.title td { color: white; font-weight: bold; text-transform: uppercase; text-align: center; }
table.results tr.resultsheader { background-color: #EEEEEE; }
table.results tr.resultsheader td { text-transform: uppercase; }
table.results tr.resultsheader td.precincts, table.results tr.header td.area { font-weight: bold; text-align: center; }
              
table.results tr.candidate td { vertical-align: center; font-weight: normal; }
table.results tr.candidate td.candidate_name { width: 100%; }
table.results tr.candidate td.candidate_party { }
table.results tr.candidate td.candidate_votes, table.results tr.candidate td.candidate_vote_percentage { text-align: right; }

/* recount styles */

.collection_toggle { clear: both; font-family: trebuchet,'trebuchet ms',arial,sans-serif; 
font-size: 12px; line-height: 14px; font-weight: normal; text-transform: uppercase; margin-bottom: 15px; margin-top: 15px; }
.collection_toggle A, .collection_toggle A:visited { color: #000; }

table.partylist *{
	border-collapse:separate;
	padding:3px;
	border:2px solid #FFFFFF;
	
}
table.partylist{
	padding-right:0px;
	border-right: none;
	margin-right:5px;
}

#APElectionContent{
	margin-top: 10px;
}



/* results ap javascript embed overrides */
td.eln-office-name{
	display: none;
}
td.eln-date{
	font-size: 10px;
}
div.apWidgetWrapper table td{
	font-family: Arial, Helvetica, sans-serif;
}
div.apWidgetWrapper table table{
	background: #E5F2FF url("gradient_82.png") repeat-x;
	
}
div.apWidgetWrapper table table tr.eln-subhed-table{
	background-color: #aebdcb;
	color: #fff;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	
}
div.apWidgetWrapper table table td{
	padding: 1px 2px;
}
div.apWidgetWrapper p{
	margin: 0;
	padding: 0;
}
a#bopMap{
	background: transparent url('c2010_sprite.gif') no-repeat;
	display: block;
	background-position: 0 -360px;
	width: 98px;
	height: 75px;
	float: right;
	margin-top: -25px;
}
span.source{
	font: normal 10px/12px Arial, Helvetica, sans-serif;
}
p.moreCoverage{
	margin-bottom: 0;
}


/* results on news homepage */
h1.c2010ResultsHome, h1.c2010ResultsHome a{
	width: 620px;
	margin: 0;
	height: 41px;
}
h1.c2010ResultsHome a{ background-position: 0px -882px;}
h1.c2010ResultsHome{ margin-bottom: 5px;}



a.mnResults, a.usResults{
	margin-left: 0;
	height: 28px;
	
}
a.mnResults{
	width:120px;
	background-position: 4px -248px;
}
a.usResults{
	width: 102px;
	background-position: 5px -320px;
}
a.mnResults.current, a.usResults.current{
	border-bottom:1px solid #FFFFFF;
}
a.mnResults.current{background-position: 4px -212px;}
a.usResults.current{background-position: 5px -284px;}
.ng-1g2-2 h2{
	font-size: 19px;
	line-height: 19px;
	font-weight: normal;
}
.ng-1g2-2 h2 a{
	text-decoration: none;
	color: #000;
}
.ng-1g2-2 h2 a:hover{
	text-decoration: underline;
	color: #02627C;
}

div.ng-1g2-2 div.apWidgetWrapper table table{  /* extra table width for HP */
	width: 295px;
}
div.ng-1g2-2 h5 a, div.subSection h5 a{
	font-size: 16px;
	color: #cc0033;
}
div.ng-1g2-1 h3 span.updateDate{
	font-weight: normal;
	font-size: 10px;
}



/* tabs */


/* root element for tabs  */
.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:29px;
	border-bottom:1px solid #c03;	
}

/* single tab */
.tabs div { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
.tabs a { float: left;}

.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
.tabs a:hover {
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a {
	cursor:default !important; 
	border: 1px solid #c03;
	border-bottom: 1px solid #fff;
	background-color: #fff;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
.tabs .w1 			{ background-position: -519px 0; width:134px; }
.tabs .w1:hover 	{ background-position: -519px -31px; }
.tabs .w1.current { background-position: -519px -62px; }

/* width 2 */
.tabs .w2 			{ background-position: -366px -0px; width:154px; }
.tabs .w2:hover 	{ background-position: -366px -31px; }
.tabs .w2.current { background-position: -366px -62px; }


/* width 3 */
.tabs .w3 			{ background-position: -193px -0px; width:174px; }
.tabs .w3:hover 	{ background-position: -193px -31px; }
.tabs .w3.current { background-position: -193px -62px; }

/* width 4 */
.tabs .w4 			{ background-position: -0px -0px; width:194px; }
.tabs .w4:hover 	{ background-position: -0px -31px; }
.tabs .w4.current { background-position: -0px -62px; }


/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}
.panes .section{
	margin-bottom: 0;
}






/* superfish */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			220px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			21px; /* match top ul list item height */
	z-index:		99;
	-moz-box-shadow: 1px 5px 5px rgba(0,0,0,0.2);
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			220px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
/*	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
	padding: 		.75em 1em;*/
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.sf-menu li {
	/*background:		#BDD2FF;*/
}
.sf-menu li li {
	background:		#daedfe;
	border-bottom: 1px solid #aed8ff;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	/*background:		#CFDEFF;*/
	outline:		0;
}



/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	10em;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	10em; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}