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

a:active, a:focus{ outline: none;}

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, div#c2010Header h2 a, span.twitterIcon, h3.multimedia,
h3.topStories, h3.additionalCoverage, h3.socialMedia, h3.currentVoteTally, h3.initialVoteTally, h3.playerProfiles,
span.profileIcon, a.budgetPlan span.budgetIcon,  h3.coverage, h3.bio, h3.recountTimeline{
	background: transparent url('r2010_sprite.gif?v=004') no-repeat;
	display: block;
	margin-right: 5px;
}

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;
}

div#c2010Header h4{
	width: 515px;
	height: 14px;
	margin-left: 88px;
	padding-top: 8px;
}
div#c2010Header h4 a{
	width: 551px;
	height: 14px;
	background-position: -173px 0px;
}


div#c2010Header h2{
	width: 515px;
	height: 24px;
	margin-left: 88px;
	padding-top: 3px;
}
div#c2010Header h2 a{
	width: 551px;
	height: 24px;
	background-position: -174px -15px;
}


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.currentVoteTally,h3.initialVoteTally, h3.playerProfiles, h3.recountTimeline{
	height: 22px;
	width: 100%;
	margin-top: 4px;
}
h3.topStories{ 		background-position: -250px -54px;}
h3.additionalCoverage{	background-position: -250px -234px;}
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.currentVoteTally{ background-position: -250px -774px;}
h3.initialVoteTally{ background-position: -250px -810px;}
h3.playerProfiles{ background-position: -250px -377px; height: 26px;}
h3.recountTimeline{ background-position: -250px -342px;}



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;
}

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;
}




.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;
}



/* player profiles */
div#profileTabContainer{
	width: 200px;
	float: left;
	/*border-right: 1px solid #fff;*/
	border-right: 1px solid #006595;	
	
}


div#profileTabContainer a{
	width: 200px;
	float: left;
	background: transparent url('gradient_80.gif') repeat-x;
	margin-bottom: 10px;
	display: block;
	text-decoration: none;
}
div#profileTabContainer a span.group{
	clear:both; 
	min-height: 42px;
	display: block;
	margin-bottom: 5px;
	display: block;
	width: 200px;
	height: 42px;
	text-decoration: none;
}

div#profileTabContainer a span.group img{
	border: 1px solid #aed8ff;
	float: left;
	margin-right: 10px;
	display: block;
}
div#profileTabContainer a span.group span.person{
	font-size: 16px;
	display: block;
	width: 180px;
	color: #000;
	padding-top: 5px;
	margin-bottom: 5px;
}
div#profileTabContainer a span.group span.position{
	font: bold 10px/10px Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	display: block;
	width: 198px;
}
div#profileTabContainer a.current{
	background-color: #006595;
	background-image: none;
}
div#profileTabContainer a.current span.group img{ border: 1px solid #006595 !important;}

div#profileTabContainer a.current span.person, 
div#profileTabContainer a.current span.teamHeader, 
div#profileTabContainer a.current span.position{ color: #fff !important;}

div#profileTabContainer span.teamHeader{ 
	font: bold 12px/10px Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	color: #006595;
	margin: 0 5px 5px 5px;
	height: auto; 
	min-height: 0; 
	padding-top: 5px;
	display: block;
}

div.profilePanes{
	width: 423px;
	float: right;
	padding-left: 10px;
}

div.profilePanes h2{
	font-size: 24px;
	font-weight: normal;
}

img.player{
	float: right;
	border: 1px solid #aed8ff;
	margin: 0px 0px 5px 10px;
}
div.clearPlayer{
	clear:both;
	font-size:0 !important;
	height:0;
	margin: 10px 0;
	padding: 3px 0;
	border-bottom: 1px solid #aed8ff;
}

/* profile listing on the front page */
div.profileList a{
	background: transparent url('gradient_80.gif') repeat-x;
	margin-bottom: 10px;
	display: block;
	text-decoration: none;
	padding-bottom: 5px;
}

div.profileList a span.group{
	width: 78px;
	float: left;
	text-align: center;
}
div.profileList a span.group img{border: 1px solid #aed8ff !important; }
div.profileList a span.group span.person{
	font: bold 10px/10px Arial,Helvetica,sans-serif;
}
div.profileList a span.teamHeader{
	font: bold 12px/10px Arial,Helvetica,sans-serif;
	padding: 5px;
	display: block;
	text-transform: uppercase;
}
div.profileList a:hover{
	background-color: #006595;
	background-image: none;
}
div.profileList a:hover span.teamHeader,
div.profileList a:hover span.group span.person{
	color: #fff;
}
div.profileList a:hover span.group img{border: 1px solid #006595 !important;}


/* end player profiles */

/* recount timeline */
dl.timeline dt, dl.timeline dd{ margin-bottom: 10px;}
dl.timeline dt{
	color: #006595;
	font: bold 19px/22px Arial, Helvetica, sans-serif;
	text-align: right;
	width: 140px;
	float: left;
	clear: both;
	text-transform: none;
	letter-spacing: -0.4px;
	margin-top: 3px;
}
dl.timeline dd{
	width: 470px;
	float: right;
	background: transparent url('gradient_80.gif') repeat-x;
	min-height: 40px;
	padding: 5px;
}
dl.timeline dd h2{
	font: normal 19px/23px Georgia, Times, serif ;
}
dl.timeline dd h3{
	font: bold 13px/19px Arial,Helvetica,sans-serif;
	margin: 5px 0;
}
dl.timeline dd, dl.timeline dd p, dl.timeline dd ul li{ font: normal 13px/16px Georgia,Times,sans-serif;}
dl.timeline dd ul{ margin-left: 20px;}
dl.timeline dd ul li{
	list-style-type: disc;
	margin-bottom: 3px;
}


div.section dl.timeline dt, dl.timeline dd{ margin-bottom: 10px;}
div.section dl.timeline dt{
	color: #006595;
	font: bold 13px/16px Arial, Helvetica, sans-serif;
	text-align: right;
	width: 50px;
	float: left;
	clear: both;
	text-transform: none;
	letter-spacing: -0.3px;
	margin-top: 0px;
	
}
div.section dl.timeline dd{
	width: 260px;
	float: right;
	background: none;
	min-height: 0px;
	padding: 0px;
}
div.section dl.timeline dd h2{
	font: normal 13px/16px Georgia, Times, serif ;
}

/* end recount timeline */




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;
	
}





/*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 { background:url("gradient_82.png") repeat-x scroll 0 0 #E5F2FF; margin-bottom: 5px;}
table.results td { padding: 3px; border: 0; font-family: Arial, Helvetica, sans-serif;}
table.results td span { font-family: Arial, Helvetica, sans-serif;}
table.results tr.resultsheader { 
	background-color:#AEBDCB;
	border-bottom:1px solid #FFFFFF;
	color:#FFFFFF;
	font-weight:bold;
 }
#tabular_container table.results tr.title td a, table.results tr.title td a:visited { color: white; }

/*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;
}

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*/
}