/* BalanceBar.css */

#balanceBarLegend {color:#666;font-size:11px;float:right;margin-top:20px; *margin-top: 26px;}
    #balanceBarLegend .legendItem {margin-right:12px;}
        #balanceBarLegend .legendItem span {width:12px;height:12px;display:inline-block;margin-right:5px; position: relative; top: 2px; *top:-1px;}
	    #balanceBarLegend .legendItem .dem {background-color:#154f81;}
	    #balanceBarLegend .legendItem .rep {background-color:#b41e20;}
	    #balanceBarLegend .legendItem .ind {background-color:#856497;}
	    #balanceBarLegend .legendItem .oth {background-color:#735A36;}
	    #balanceBarLegend .legendItem .und {background-color:#A6A6A6;}
	    
.balanceBars {margin:30px 0 0 85px; *margin-top: 110px;}
    #SenateBarChart, #HouseBarChart{_width: 755px;}
    #SenateBalanceBar, #HouseBalanceBar{_width: 830px;}
    #senateBarChart div, #HouseBarChart div {overflow: visible !important;}
    #SenateBalanceBar, #HouseBalanceBar, #GovernorBalanceBar {margin-bottom: 40px;}  
    #SenateBalanceBar {padding-top: 18px;}

.barContextData {position: relative;}
    .balanceBarMaj, .balanceBarPrevBal {font-size: 10px; font-weight: bold; font-family: Arial,sans-serif; color: #999  ; line-height: 13px; position: absolute; top: -2px; *top: 1px;}
        .barContextData .icon {display: inline-block;}
					
    .balanceBarMaj {left: 368px; }
	    
	    .balanceBarMaj .icon .balanceArrow {height: 9px; background-position: -948px -199px;*top:-1px;}						
						
	.balanceBarPrevBal .icon {left:-13px; position:absolute;}
	    .balanceBarPrevBal .icon .balanceArrow {height: 9px; width: 11px; background-position: -949px -199px; *top: 1px;}
	
	        #SenateBalanceBar .balanceBarPrevBal {left: 494px;}					
			#HouseBalanceBar .balanceBarPrevBal {left: 497px;}					
			#GovernorBalanceBar .balanceBarPrevBal {left: 439px;}

.balanceBars .demLabel, .balanceBars .repLabel {font-weight: bold; font-size: 12px; position:relative;display:inline-block;}
.balanceBars .repLabel {float:right;right:80px;*position: absolute; *top: 0;}
.nationalBalanceBar .demLabel {left:72px;}
.nationalBalanceBar .repLabel {float:right;right:88px;*right: 0px;}
#HouseBalanceBar .repLabel {_right: 0px;}

.nationalBalanceBar .balanceBarLabel {float:left; font: bold normal 20px Arial,sans-serif; color: #333; padding-top: 47px; width: 72px;}
.nationalBalanceBar .projectedResults {width: 720px; margin-bottom: 17px; margin-left: 72px;}
.nationalBalanceBar .balanceBarMaj {left: 402px;}
.nationalBalanceBar #SenateBalanceBar .balanceBarPrevBal {left: 522px;}					
.nationalBalanceBar #HouseBalanceBar .balanceBarPrevBal {left: 522px;}	
.nationalBalanceBar #SenateBalanceBar {left: 506px; *float:left;}					
.nationalBalanceBar #HouseBalanceBar {*float:left;} 


.flyoutBox {padding:5px;font-size:12px;color:#999;background:white;font-family:Arial;font-weight:bold;border:4px solid #DDD;display: inline-block; display:table; float:left;position: absolute;display:none;}
	
.projectedResults {font: italic normal 12px Arial,sans-serif; color: #333; padding: 10px 0px 0 2px;}
    .projectedResults span {font-weight:bold; font-style: normal;}
    .projectedResults .marginOfError {font-weight:normal; color:#999; font-size:12px;}
/* NationalMap.css */
body {
}

/* Race.css */
#breaking-marquee {display: none!important;}


/*-- Common to results pages - from 2010 --*/
#tempContainer, .resultsNavigationHeader .navContainer {width: 996px;margin:auto; min-height: 280px;position: relative;}
.resultsPage a {text-decoration:none; color:#369; border-bottom:1px dotted #CCC; line-height: 120%;}
.resultsPage a:hover {color:#C00; border-bottom:1px solid #C00;text-decoration:none;}
.resultsNavigationHeader {background:url("http://media1.s-nbcnews.com/i/MSNBC/Components/ShowFronts/Decision-2010/Images/resultPage-bg2.jpg") repeat-x scroll center top white;margin-bottom: -6ex;}
.resultsPage  #article {background-image: none;}
.resultsPage #siteheader {background:url("http://media1.s-nbcnews.com/i/MSNBC/Components/ShowFronts/Decision-2010/Images/election2010-HeaderBkg3.jpg") no-repeat scroll center 67px #021326; _background-position: center 0px; padding-bottom: 20px; _padding-bottom: 0;}
	.resultsPage #site {padding-bottom: 20px;}
	.resultsPage #siteheader a {border-bottom: none;}
	.resultsPage #siteheader a:hover {border-bottom: none !important; color: #FC3 !important;}
		.resultsPage #sections a:hover {color: #FFF !important;}

	.resultsPage #breadcrumbs {line-height: 68px;}
	.resultsPage #breadcrumbs {line-height: 68px;}
		.resultsPage #breadcrumbs .badge {
			display: inline-block;
			background:url("http://media1.s-nbcnews.com/i/MSNBC/Components/Interactives/_swf/Politics/Elections2012/Images/Decision2012Logo.png") no-repeat;
			height: 48px;
			width: 348px;
			text-indent: -5000px;
			margin-right: 0;
			line-height: inherit;
		    *display: block;
		}
		.resultsPage #breadcrumbs .on {
		    *position: absolute;
		    *top: 200px;
		    *left: 360px;
		}
		.resultsPage #breadcrumbs .logo {
		    *display: block;
		    *position: absolute;
		    *left: 375px;
		    *top: 213px;
		}
		.resultsPage #site .search {top: 16px; *margin-top: 15px;}
		.resultsPage #site .search .bing { *margin-top: 0px;}
		.resultsPage #site .search .q { *padding-top: 4px;}        

    .resultsPage #sitefooter {
        *margin-top: 140px;
    }

.addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m { padding: 0 3px; position: relative; top: 2px; }
.addthis_button_facebook_like {top: 0px!important;}

/*-- Results Page Navigation --*/

.navigationArea { width: 680px;   margin-right: 320px;}
	.navigationArea h1 {font-size: 42px; padding-left: 10px; padding-bottom: 6px;}
	.navigationArea h1 span {display: block; font-size: 36px; line-height: 40px;}
	.navigationArea h3 {font: normal 35px/22px Georgia, Times, serif; padding-left: 10px;}
	.navigationArea .pollsClose {font-size: 18px; padding-top: 0; margin-left: 10px;}
	.stateSummary .navigationArea h1 {font-size: 57px; padding: 35px 0 0 10px;}
	.differentRace {font: normal 13px Arial, sans-serif; color: #333; padding: 5px 0 10px 10px;}
.resultsNavigationHeader .ads {position: absolute; padding-top: 10px;right: 0;top: 0; width: 300px;}
.resultsNavigationHeader select { padding: 2px; width: 140px;}

.resultsPageNavigation {border-bottom: solid 1px #AAA; padding: 20px 0px 5px 10px;}
	.resultsPageNavigation li {display: inline; font: bold 17px Arial, sans-serif; color:#333;}
		.resultsPageNavigation select {*top:1px;}
		.resultsPageNavigation li a, .resultsPageNavigation li a:visited {color:#147; border-bottom: none;}
			.resultsPageNavigation li a:hover, .resultsPageNavigation .selected a, .resultsPageNavigation .selected {color:#C00 !important; border-bottom: none !important;}
		.resultsPageNavigation li span {width: 19px; height: 12px; *height:16px; display: inline-block;
										background:url("http://media1.s-nbcnews.com/i/MSNBC/Components/ShowFronts/Decision-2010/Images/starSpacer.gif") no-repeat 5px 0; _background-position: 7px 4px;}

.dataUpdateMessage, .linksToContentBelow, .shareVia {font: normal 11px Arial, sans-serif; color:#888; padding-left:1em;}

.linksToContentBelow ul, .linksToContentBelow li {display: inline;}
.linksToContentBelow ul {padding-left: 1px;}
	.linksToContentBelow li a, .linksToContentBelow li a:visited {font-size: 13px; font-weight: bold; border-bottom: 1px dotted #ccc; margin-right: 15px;}

.share-options {position: absolute; top: 248px; width: 400px; padding-left: 1em; height: 18px;}
.share-options .share-label {float: left; padding: 3px;}
.share-options a, .share-options a:hover {border: none !important;}
.shareVia a:hover {border-bottom: none !important;}

/*-- Common to results pages --*/
.electionsPageAdContainer {width: 300px; float: right; padding: 0;}

/* pre-election message */
.election-day {
	padding: 0ex 1em 1ex;
	background-color: rgb(235, 235, 235);
	font-size: 1.5em;
	font-weight: bold;
	margin: 1.6ex 0em;
}

.race_results .election-day {margin-top: 9.6ex; margin-bottom: 8ex;}

.election-day p {
	line-height: 2.5ex;
	padding: 0;
}

.election-day p:first-child a {
	border: none;
	display: inline-block;
	width: 105px;
}

.election-day p:first-child img {
	vertical-align: -8px;
	left: -20px;
	position: relative;
}

.election-day .callout {
	font-size: 1.5em;
	font-weight: bold;
	margin-right: 5px;
}

/* New body stuff */
.politics.decision_2012 #article {
	font-size: 15px;
	margin-top: 7ex;
}

.politics.decision_2012 .content {
	position: relative;
}

.politics.decision_2012 .heading, .related h3 {
	white-space: nowrap;
	color: #124;
	padding: 0.8ex 0.5em 0.5ex;
}

.politics.decision_2012 .results-group h2 {*padding-bottom: 3ex;}

/* someone decided to hide these using a very high selector in the main site css file... */
.politics.decision_2012 #slice-1 h3.heading {
	display: block;
}

.politics.decision_2012 .results-group {
	margin-top: 8ex;
	position: relative;
}

.politics.decision_2012 #key-house .results.popular, .politics.decision_2012 #key-senate .results.popular  {margin-bottom: 15px;}

.politics.decision_2012 .results.popular p {
	height: 10px;
	width: auto;
    line-height: 16px;
    padding-bottom: 7px;
    padding-top: 8px;
}

/* ad space */
.politics.decision_2012 .results-group {
	margin-right: 320px;
}

.politics.decision_2012 .results-group:first-child {
	margin-right: auto;
	margin-bottom: 14ex;
}

.politics.state_results .results-group:first-child {
	margin-right: 320px!important;   
}


.politics.decision_2012 .results-group > .heading, .related h3 {
	border-top: 1px solid #124;
	font-size: 1.7em;
}

.keyResultsNotice {margin-left: 1em;}

.politics.decision_2012 .results {
	display: inline-block;
	/* IE7 inline-block blocks */
	*zoom: 1;
	*display: inline;

	width: 45%;
	vertical-align: top;
	margin: 3ex 1em 1ex;
}

.politics.decision_2012 .results.has-map,
.politics.decision_2012 .results.has-map > .heading,
.politics.decision_2012 .results.balance {
	/* inline-block doesn't let floats bleed. */
	display: block;
	width: auto;
	clear: both;
}

.politics.decision_2012 #key-senate .results.balance {margin-bottom: 50px;}
 .politics.decision_2012 #key-house .results.balance {margin-bottom: 30px;}

.politics.decision_2012 .results.has-map > * {
	width: 48%;
}

.politics.decision_2012 .results .map 
{
	display: none;
}

.politics.decision_2012 .results .map a,
.politics.decision_2012 .results .map a:hover {
	border: none;
}

.politics.decision_2012 .results.has-map .map {
	display: block;
	float: right;
	text-align: center;
}

.politics.decision_2012 .results.has-map .map a {
	position: relative;
	display: block;
	margin: auto;
	text-align: center;
}

.politics.decision_2012 .results.has-map .map a span {
	
	position: absolute;
	margin-top: -20px;
	margin-left: -60px;
	top: 50%;
	left: 50%;
	
	display: block;
	box-sizing: border-box;
	width: 120px;
	padding: 10px;

	background: black;
	background: rgba( 0, 0, 0, 0.75 );
	border-radius: 4px;
	color: white;
	font-size: 12px;
	line-height: 100%;
}

.politics.decision_2012 .county-results-group {
    min-height: 610px;
}

.politics.decision_2012 .county-results-group .results.has-map .map {
	float: none;
	width: auto;
	margin: auto;
	top: 0px; /* centers big map */
}

.politics.decision_2012 .county-results-group .results .candidate {
   margin-top: 0px;
}

.politics.decision_2012 .results > .heading {
	border-bottom: 1px solid #ccc;
	position: relative;
	padding-left: 0px;
}

.politics.decision_2012 .results .heading .state-name {font-size: 22px;}

.politics.decision_2012 .results .reporting,
.politics.decision_2012 .results .heading .full-results-link {
	font-size: 0.7em;
}

.politics.decision_2012 .county-results-group .reporting {padding-left: 5px;}

.politics.decision_2012 #infopop .bottomItems { padding-top: 5px;}

.politics.decision_2012 #infopop .reporting {
	bottom: auto;
	color: white;
	font-size: 0.75em;
	position: relative; 
	top: auto;
	left: auto;
	float: left;	
}

.politics.decision_2012 #infopop .info {
    float: right;
}
    
.politics.decision_2012 #infopop .candidates+.info {
	padding-top: 7px;
	float: right;
}

.politics.decision_2012 .results .heading .full-results-link{
	position: absolute;
	right: 0em;
	bottom: 1ex;
}

.politics.decision_2012 .results .full-results-link {
	font-size: 0.7em;
}

.politics.decision_2012 .results .pipe+.full-results-link {margin-left: 5px;} 

.politics.decision_2012 .results .pipe {
    font-size: 12px;
    padding: 0 3px;
    
}    

.politics.decision_2012 .results .candidates,
.politics.decision_2012 .results .parties {
	margin: 0;
	padding: 0;
	text-align: center;
}



.politics.decision_2012 .results .candidates > * {
	list-style: none;
}

.politics.decision_2012 .results .info {
	color: #999;
	font-size: 0.75em;
	margin: 0;
	padding: 0;
	bottom: 0;
	right: 0;
	position: relative;
}

.politics.decision_2012 #key-senate .info, .politics.decision_2012 #balance .info  {padding-top: 10px;}

.politics.decision_2012 .results-group .bottom-links {
	clear: both;
	font-size: 13px; 
	font-weight: bold;
	margin: 2ex 0em 0 1em;   
	display: block; 
}

.politics.decision_2012 .results-group.other-polls .bottom-links {margin-left: 0.5em;}

.politics.decision_2012 .full-results-link.info {padding-top: 5px;}

.politics.decision_2012 .candidate,
.politics.decision_2012 .party {
	font-size: 1.2em;
	white-space: nowrap;
	font-weight: bold;
}

.politics.decision_2012 .candidate {
	position: relative;
	margin: 1ex 0;
	padding: 0 0.5em;
}

.politics.decision_2012 .presidential .popular .candidates .candidate {width: 99%;}

.politics.decision_2012 .results .winner-mark {
	color: green;
	margin-right: 0.25em;
	font-family: inherit;
	font-size: 1.4em;
	visibility: hidden; 
}

.politics.decision_2012 #head2head .results .winner-mark {
	left: -19px;
    position: absolute;
    top: -7px;
    top: -5px\9;
	
}

.politics.decision_2012 #head2head .results .parties .winner-mark {
	position: relative;
	bottom: 0px;
	left: 0px;
	top: auto
}

.politics.decision_2012 .results [data-is-winner="true"] .winner-mark {
	visibility: visible;
}

.politics.decision_2012 .county-results-group .results [data-is-winner="true"] .winner-mark {
	visibility: hidden;
}

.politics.decision_2012 .candidate > *,
.politics.decision_2012 .parties > * {
	display: inline-block;
	/* IE7 inline-block blocks */
	*zoom: 1;
	*display: inline;
	vertical-align: bottom;
	*margin: 0 0.2em;
}

.politics.decision_2012 .candidate { 
	border-top: 1px solid #ccc;
	text-align: right;
}

.politics.decision_2012 .candidate:first-child {
	border: none;
	padding-top: 0;
}

.politics.decision_2012 .results .photo {
	display: inline-block;
	height: 4ex;
	width: 4ex;
	border: 1px solid;
}

.politics.decision_2012 .results .photo > img {
	display: block;
	height: 100%;
	width: 100%;
}

.politics.decision_2012 .votes > * {
	font-size: 0.61em;
	margin-left: 1em;
	display: inline-block;
	min-width: 4.5em;
}

.politics.decision_2012 .presidential .votes > * {min-width: 7em;}
	

.politics.decision_2012 .votes > .primary {
	font-size: 1.1em;
	margin-left: 0;
	min-width: 2.2em;
	display: inline-block;
}

.politics.decision_2012 .candidate .name {
	min-width: 5.5em;
	margin-right: 0.2em;
	position: relative;
	top: 2px;
}

.politics.decision_2012 .candidate .votes {
 position: relative;
 top: 3px;
}   


.politics.decision_2012 .candidate .name > * {
	display: block;
	white-space: normal;
	
}

.politics.decision_2012 .candidate .name .winner-mark {
	display: inline-block;
	margin-right: 0px;
}

.politics.decision_2012 .candidate .name > .first-name {
	font-weight: normal;
	display: inline-block;
    *line-height: 120%;
}

/* Head to Head results */
.politics.decision_2012 #head2head {
	display: block;
	width: auto;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.politics.decision_2012 .head2head .results .parties { text-align: left;}


.politics.decision_2012 .head2head .results {
	display: block;
	width: auto;
	margin-left: 8px;   
	margin-right: 0;
	clear: both;
}

.politics.decision_2012 .head2head .candidates {
	overflow: hidden;	
	min-height: 153px;

}

.politics.decision_2012 .head2head .candidate, 
.app.politics.decision_2012 #head2head .candidate:first-child+.candidate+.candidate {
	float: left;
	border: none;
	width: auto;
	margin: 3px 2px 1px;
	*margin: 1px 0px 1px 0;
	padding: 0;
	font-size: 1em;
	text-align: left;
    min-width: 172px;
    height: auto;
}

.politics.decision_2012 .head2head .candidate *,
.app.politics.decision_2012 #head2head .candidate:first-child+.candidate+.candidate * {
	text-align: left;
	display: inline;
}

.politics.decision_2012 .head2head .candidate .name, 
.app.politics.decision_2012 #head2head .candidate:first-child+.candidate+.candidate .name {
	float: left;
	min-width: 0;
	padding-left: 22px;
	padding-right: 10px;
	top: 0px;
	*top: -7px;
}
       
.politics.decision_2012 .head2head .candidate .name  > *,
.app.politics.decision_2012 #head2head .candidate:first-child+.candidate+.candidate .name > * {
	display: inline;
	font-weight: normal;
}

.politics.decision_2012 .head2head .candidate .name .last-name, 
.app.politics.decision_2012 #head2head .candidate:first-child+.candidate+.candidate .last-name {
	float: none;
	font-weight: normal; 
}    

.politics.decision_2012 .head2head .candidate .photo,
.app.politics.decision_2012 #head2head .candidate:first-child+.candidate+.candidate .photo {
	float: left !important;
	margin-right: 0.4em;
	width: 1em;
	height: 1em;    
	position: absolute;
	top: 0px;
	left: 0;
}

.politics.decision_2012 .head2head .candidate .photo img,
.app.politics.decision_2012 #head2head .candidate:first-child+.candidate+.candidate .photo img {
	display: none;
}

.politics.decision_2012 .head2head .candidates .candidate .votes, 
.app.politics.decision_2012 #head2head .candidate:first-child+.candidate+.candidate .votes {
	 bottom: auto;
    left: auto;
    position: relative;
    top: auto;
    width: auto; 
   
}        

.politics.decision_2012 .head2head .candidates .candidate .votes .total,
.app.politics.decision_2012 #head2head .candidate:first-child+.candidate+.candidate .votes .total {
	 padding-left: 4px;
	 padding-right: 20px;	 
}

.politics.decision_2012 .head2head p {
	color: #112244;
	font-weight: bold;
	padding: 0!important;
	font-size: 12px;
	display: inline-block;
	margin: 0px;
}


.politics.decision_2012 .head2head .candidate .votes > *,
.app.politics.decision_2012 #head2head .candidate:first-child+.candidate+.candidate .votes > * {
	margin: 0;
	padding: 0;
	min-width: 0;
}

.politics.decision_2012 .head2head .candidate:first-child,
.politics.decision_2012 .head2head [data-max-large="2"] .candidate:first-child + .candidate,
.politics.decision_2012 .head2head [data-max-large="3"] .candidate:first-child + .candidate,
.politics.decision_2012 .head2head [data-max-large="3"] .candidate:first-child + .candidate + .candidate{
	font-size: 1.7em;
	min-width: 172px;
	*min-width: 182px;
	padding-left: 5.5em;
	margin-right: 5px;
	height: 140px;
}

.politics.decision_2012 .head2head .candidate:first-child > *,
.politics.decision_2012 .head2head [data-max-large="2"] .candidate:first-child + .candidate > *,
.politics.decision_2012 .head2head [data-max-large="3"] .candidate:first-child + .candidate > *,
.politics.decision_2012 .head2head [data-max-large="3"] .candidate:first-child + .candidate + .candidate > * {
	width: 6.9em;
	float: right;
}

.politics.decision_2012 #head2head .candidate:first-child .winner-mark,
.politics.decision_2012 #head2head [data-max-large="2"] .candidate:first-child + .candidate .winner-mark,
.politics.decision_2012 #head2head [data-max-large="3"] .candidate:first-child + .candidate .winner-mark,
.politics.decision_2012 #head2head [data-max-large="3"] .candidate:first-child + .candidate + .candidate .winner-mark {
	width: auto;   
	bottom: -0.3ex;
    top: 55px;
    top: 59px\9;
    *top: 53px;
    
	left: 61px;
	position: absolute;		
}

.politics.decision_2012 #head2head [data-is-winner="false"] .winner-mark {display: none;}
.politics.decision_2012 #head2head [data-is-winner="true"] .winner-mark {display: inline;}


.politics.decision_2012 .head2head .candidate:first-child .name,
.politics.decision_2012 .head2head [data-max-large="2"] .candidate:first-child + .candidate .name,
.politics.decision_2012 .head2head [data-max-large="3"] .candidate:first-child + .candidate .name, 
.politics.decision_2012 .head2head [data-max-large="3"] .candidate:first-child + .candidate + .candidate .name {	
	margin-right: 0.2em;
	padding-left: 0;
	padding-right:0;
	min-width: 5.5em;
	float: none;
	top: 3px;	
	position: absolute\9; 
}

.politics.decision_2012 .head2head .candidate:first-child .name .last-name,
.politics.decision_2012 .head2head [data-max-large="2"] .candidate:first-child + .candidate .name .last-name,
.politics.decision_2012 .head2head [data-max-large="3"] .candidate:first-child + .candidate .name .last-name,
.politics.decision_2012 .head2head [data-max-large="3"] .candidate:first-child + .candidate + .candidate .name .last-name {
	font-weight: bold;
	line-height: 30px;
	clear: both;
	display: block;
}

.politics.decision_2012 .head2head .candidate:first-child .name .first-name,
.politics.decision_2012 .head2head [data-max-large="2"] .candidate:first-child + .candidate .name .first-name,
.politics.decision_2012 .head2head [data-max-large="3"] .candidate:first-child + .candidate .name .first-name,
.politics.decision_2012 .head2head [data-max-large="3"] .candidate:first-child + .candidate + .candidate .name .first-name {
	display: block;
}

.politics.decision_2012 .head2head .candidate:first-child .photo,
.politics.decision_2012 .head2head [data-max-large="2"] .candidate:first-child + .candidate .photo,
.politics.decision_2012 .head2head [data-max-large="3"] .candidate:first-child + .candidate .photo,
.politics.decision_2012 .head2head [data-max-large="3"] .candidate:first-child + .candidate + .candidate .photo {
	width: 5em;
	height: 5em;
	position: absolute;
	top: 0;
}

.politics.decision_2012 .head2head .candidate:first-child .photo img,
.politics.decision_2012 .head2head [data-max-large="2"] .candidate:first-child + .candidate .photo img,
.politics.decision_2012 .head2head [data-max-large="3"] .candidate:first-child + .candidate .photo img,
.politics.decision_2012 .head2head [data-max-large="3"] .candidate:first-child + .candidate + .candidate .photo img {
	display: block;
}
.politics.decision_2012 .head2head .candidate:first-child .votes > *,
.politics.decision_2012 .head2head [data-max-large="2"] .candidate:first-child + .candidate .votes > *,
.politics.decision_2012 .head2head [data-max-large="3"] .candidate:first-child + .candidate .votes > *,
.politics.decision_2012 .head2head [data-max-large="3"] .candidate:first-child + .candidate + .candidate .votes > * {
	display: block;
}

.politics.decision_2012 .head2head .candidate:first-child .votes .total,
.politics.decision_2012 .head2head [data-max-large="2"] .candidate:first-child + .candidate .votes .total,
.politics.decision_2012 .head2head [data-max-large="3"] .candidate:first-child + .candidate .votes .total,
.politics.decision_2012 .head2head [data-max-large="3"] .candidate:first-child + .candidate + .candidate .votes .total {
	padding-left: 0px;
}

.politics.decision_2012 .head2head .candidate:first-child .votes,
.politics.decision_2012 .head2head [data-max-large="2"] .candidate:first-child + .candidate .votes,
.politics.decision_2012 .head2head [data-max-large="3"] .candidate:first-child + .candidate .votes,
.politics.decision_2012 .head2head [data-max-large="3"] .candidate:first-child + .candidate + .candidate .votes {
	left: 140px;
	top: 72px;
	position: absolute;
}



/* Party coloration */
.politics.decision_2012 .party > * {
	color: #cdc246;
}

.politics.decision_2012 .party > .name {
	color: inherit;
	*color:expression(this.parentNode.currentStyle['color']);
}

.politics.decision_2012 .party > .photo {
	background: #cdc246;
}

.politics.decision_2012 .undecided > * {
	color: #999;
}

.politics.decision_2012 .undecided > .photo {
	background: #999;
}

.politics.decision_2012 .rep > * {
	color: #bc1121;
}

.politics.decision_2012 .rep > .photo {
	background: #bc1121;
}

.politics.decision_2012 .dem > * {
	color: #315b88;
}

.politics.decision_2012 .dem > .photo {
	background: #315b88;
}

/* presidential results */
.politics.decision_2012 .results-group.presidential .results {
	clear: none; /* don't clear big map */
	*position: relative; /*for IE7, see .map below */
	display: block;
	width: auto;
	margin-right: 0px;
}

.politics.decision_2012 .results-group.presidential .reporting {
	font-weight: bold;
	display: inline;
	top: 21px;
	left: 19em;
	position: absolute;
	color: #124;
}

.politics.decision_2012 .results-group.presidential .results.key {
top: 40px;
right: 30px;
}

.politics.decision_2012 .results-group.presidential .results > * {
	width: 35%;
}

.politics.decision_2012 .results-group.presidential .results > .heading {
	font-size: 0.75em;
	text-transform: uppercase;
	color: #999;
	background: #EBEBEB;
	padding: 0.6ex 0.7em;
	border: none;    
}

.politics.decision_2012 .results-group.presidential .results > .heading span {
	text-transform: lowercase;
	font-weight: normal;
	padding-left: 7px;
	position: absolute;
	right: 10px;
	text-transform: lowercase;
	top: 4px;

}


.politics.decision_2012 .results-group.presidential .results .map {
	width: 630px;
	height: 370px;
	margin: 0;
	margin-top: -5ex;

	/* for IE7, fails to let floated map work in presidential */
	*position: absolute;
	*top: 0;
	*right: 0;
}

.politics.decision_2012 .results-group.presidential .results.popular.has-map .candidates .candidate,
.politics.decision_2012 .results-group.presidential .results.electoral {
    *z-index: -1;
}

/* electoral results */
.politics.decision_2012 .electoral .candidates {
	white-space: nowrap;
	padding-left: 10px;
	margin-top: 2ex;
}
.politics.decision_2012 .electoral .candidate {
	position: relative;
	display: inline-block;
	/* IE7 inline block for blocks */
	*zoom: 1;
	*display: inline;

	max-width: 49%;
	margin: 0;
	*margin: 0 0.1em;/* IE7 collapses the whitespace for some reason */
	padding: 8ex 0 0 1.5em;
	*padding-left: 1em; /*IE7 has a positioning problem with rtl*/
	direction: rtl;
	writing-mode: rl-tb;
	vertical-align: bottom;
	border: none;
}

.politics.decision_2012 .electoral .candidate:first-child {
	direction: ltr;
	writing-mode: lr-tb;
	padding-left: 0.5em;
	padding-right: 1.5em;
}

.politics.decision_2012 .electoral .candidate > * {
	line-height: 100%;
	vertical-align: baseline;
	*vertical-align: middle;
	width: auto;
}

.politics.decision_2012 .electoral .candidate .first-name,
.politics.decision_2012 .electoral .candidate .photo > img,
.politics.decision_2012 .electoral .candidate .percent {
	display: none;
}

.politics.decision_2012 .electoral .candidate .name {
	font-size: 0.7em;
}

.politics.decision_2012 .electoral .candidate+.candidate .name  {text-align: left;}


.politics.decision_2012 .electoral .candidate .photo {
	position: absolute;
	bottom: 0.3ex;
	left: 0;
	width: 1em;
	height: auto;
	max-height: 100%;
}

.politics.decision_2012 .electoral .candidate:first-child .photo {
	right: 0;
	left: auto;
}

.politics.decision_2012 .electoral .candidate .total {
	font-size: 1em;
	margin: 0;
	min-width: 0;
}

.politics.decision_2012 .electoral .info {
	text-align: center;
	margin-left: 10px;
	margin-top: 0.4em;
}

.politics.decision_2012 .electoral .info:before {
	content: " ";
	display: block;
	height: 0;
	width: 76px;
	margin: auto;
	position: relative;
	top: -101px;
}

/* key */
.politics.decision_2012 .results.key {
	display: none;   
	font-size: 50%;
	color: #999;
	float: right;
	white-space: nowrap;
}

#balance .results.key {display: none;}

.politics.summary_results .results.key {
	display: block;
	position: absolute;
	right: 0;
	top: 7px;
	width: auto;
}

.politics.state_results #president .results.key {
	display: block;
	position: absolute;
	right: -12px;
	top: 72px;
	*top: 82px;
	width: 457px;
}

.politics.state_results #president .results.key .party {
	padding-bottom: 4px;
	float: left; 
	*margin-left: 0.7em;
	*margin-right: 0.7em;
}


.politics.decision_2012 .results-group:first-child .results.key {
	position: absolute;
	right: 5px;
	top: 8px;
}

.politics.decision_2012.race_results .results-group:first-child .results.key {
    bottom: auto;
    display: inline-block;
    float: none;
    left: auto;
    margin-top: 0;
    position: relative;
    right: auto;
    top: 3px;
    top: 0px\9;
    *top: -12px;
    *left: 120px;
}

.politics.decision_2012 .results.key .winner-mark {
	font-size: 1.75em;
	
}
.politics.decision_2012 .results.key .party {
	margin-left: 1em;
	margin-right: 1em;
	vertical-align: middle;
}

 .politics.decision_2012 #state .results.key .party {
	 margin-left: 0em;
 }

.politics.decision_2012 .results.key .party > * {
	line-height: 100%;
	vertical-align: middle;
	*line-height: 20px;
}

.politics.decision_2012 .results.key .party .photo {
	font-size: 50%;
	margin-right: 1em;
}


.politics.state_results .results.key .party:first-child {
	position: relative;
	top: -1px;
	*top: -4px;
}

/* balance of power */
.politics.decision_2012 .results.balance {
	font-weight: bold;
}

.politics.decision_2012 .results.balance .seats,
.politics.decision_2012 .results.balance .parties {
	width: 100%;
	margin-top: 1ex;
}

.politics.decision_2012 .results.balance > .heading {
	display: none;
}

.politics.decision_2012 .results.balance .party {
	margin: 0 6%;
}

.politics.decision_2012 .results.balance .name {
	font-size: 60%;
}

.politics.decision_2012 .results.balance .parties .votes > * {
	min-width: 0;
}

.politics.decision_2012 .results.balance .delta {
	color: #999;
	margin-left: 0;
}

.politics.decision_2012 .results.balance .seats {
	table-layout: fixed;
	border-spacing: 0;
	border-collapse: collapse;
	position: relative;
}

.politics.decision_2012 .results.balance .seats tr:first-child td:first-child:after {
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	top: -5px;
	left: 50%;
	margin-left: -5px;
	border: 5px solid transparent;
	border-top-color: #BBB;
	pointer-events: none;
}

/* webkit is off center for some reason */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.politics.decision_2012 .results.balance .seats tr:first-child td:first-child:after {
		margin-left: -8px;
	}
}

.politics.decision_2012 .results.balance .seat {
	font-size: 18px;
	line-height: 0; /* IE8 line-height causes extra space */
	height: 10px;
	padding: 0;
	vertical-align: middle;
	border: 2px solid #f9f9f9;
}

.politics.decision_2012 .results.balance .seat .photo {
	height: 100%;
	width: 100%;
	border: none;
}

.politics.decision_2012 #key-house .seat {
	font-size: 10px;
	height: 10px;
}

/* national map - popup */
#infopop {
	position: absolute;
	background-color: #4D4D4D;
	padding: 1ex 1em;
	border-radius: 1ex;
	color: white;
	white-space: nowrap;
	font-size: 14px;
	*max-width: 350px;
	visibility: visible!important;
	text-align: right;
	min-width: 270px;
	
}

#infopop > * {
	width: auto;
}

#infopop .heading {
	font-size: 1.1em;
	text-transform: none;
	border-bottom: 1px solid;
	background: none;
	color: white;
	margin: 0;
	padding: 0 0 2px 0;
	text-align: left;
}

#infopop .heading .state-name {
	font-size: 1.1em;
}

#infopop .heading .electoral {
	position: absolute  ;
	top: 14px;
	right: 1.5em;    
	font-size: 0.6em;
}

#infopop .candidates {
	text-align: left;
	margin-left: 0;
	margin-top: 7px;   
	
}

#county-results #infopop .candidates  { margin-bottom: 13px; } 

#infopop .candidates .candidate {
	font-size: 1em;
	border: none;
	padding: 0;
	margin-left: 0;
	text-align: left;
}

#infopop .candidates .candidate.noResults { margin-left: 0.4em;}

#infopop .candidates .candidate * {
	width: auto;
}

#infopop .candidate .photo {
	height: 2ex;
	width: 2ex;
	margin: 0 0.5em;
	border: 1px solid white;
	vertical-align: middle;
}

#infopop .candidate .photo ~ *,
#infopop .candidates .candidate .winner-mark {
  color: inherit;
  *color:expression(this.parentNode.currentStyle['color']);
  vertical-align: middle;
}

#infopop .candidates .candidate .winner-mark {
	left: 10px;
	position: absolute;
	top: -7px;
	*left: 6px;
	*top: 0px;
}

#infopop .votes .percent,
#infopop .votes .total {
	margin-left: 0.5em;
}

/*-- exit poll --*/
.results-group.other-polls .results {
	width: auto;
	display: block;
	padding-top: 3ex;
	border-top: 1px dashed #BBB;
}

.results-group.other-polls .heading + .results {
	padding-top: 0;
	border-top: none;
}

.results-group.other-polls .results .heading {
	border: none;
	white-space: normal;
}
.results-group.other-polls .results > * {
	display: block;
	padding: 1ex 0em 0.5ex;
}

.results-group.other-polls table tr > * {
	border-top: 1px solid #ccc;
	text-align: center;
	padding: 0.5ex 0.5em;
}

.results-group.other-polls table tr:first-child + tr > * {
	border-color: #888;
}

.results-group.other-polls table tr:first-child > * {
	border: none;
}

.results-group.other-polls table tr :first-child {
	text-align: left;
}

.results-group.other-polls table tr th {
	font-weight: normal;
}

.results-group.other-polls table tr th:first-child {
	font-weight: bold;
}

/* ballot measures */
.results-group.initiatives .results .candidate .winner-mark {
	bottom: -0.25ex;
}

.results-group.initiatives .results .candidate .name {
	text-align: left;
}

.politics.decision_2012 #ballotMeasures .results .pipe {display: none;}
.politics.decision_2012 #ballotMeasures .results p {padding:0px!important;}



/*-- related slice overrides --*/

.ad-footer {margin: 5ex 0;}
h3 .icon {display: none;}
.t-Related {margin-left: 0px; margin-bottom: 70px; width: 996px; *min-height: 475px!important;}
.t-Related .grid {margin-left: 5px; font-size: 15px;}
.t-Related .rev0910 {height: 260px;}
.t-Related .rev0910 li.last {position: relative; top: 0; left: 0;}
.Ad-Container-976x166 {margin: 30ex auto 7ex;}
.t-Related .rev0910 .label .title a, .t-Related .rev0910 .label .title {font-size: 19px; margin-top: 1ex;}
.t-Related .stories {margin-top: 0.7ex;}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
#sections li {margin-right: 0px;}
}


/* app specific ----------- */
.app {background: url("http://media1.s-nbcnews.com/i/MSNBC/Components/ShowFronts/Decision-2010/Images/resultPage-bg2.jpg") repeat-x scroll center top white;}
.app .resultsNavigationHeader {background: none;}
.app .resultsNavigationHeader select {top: -2px; position: relative;}
.app #article, .app .resultsNavigationHeader {width: 654px;}
.app #article {padding-bottom: 50px;}
.app .navContainer, .app .navigationArea, .app .content {width: 640px;}
.app .resultsPageNavigation li {font-size: 15px;}    
.app .results-group {margin-right: 0px!important;}      
.app .resultsNavigationHeader .navContainer {min-height: 0px; padding-bottom: 20px;}      
.app #national-popular-map {float: none;}
.app #balance {margin-bottom: 0px;}
.app.politics.state_results .results-group:first-child {margin-right: auto!important; margin-bottom: 0px;}
.app .presidential {margin-bottom: 0px!important;}
.app .presidential .results.key {right: -7px!important; top: 258px!important;}
.app .presidential .results.key .party {display: block; padding-bottom: 1ex;}
.app .results.key .party:first-child {position: relative; left: -3px;}
.app .results.key .winner-mark {margin-right: 0px;}
.app .results-group.presidential .electoral {left: 311px; top: 409px; position: absolute; width: 45%!important;}
.app .results-group.presidential .electoral .candidate {padding-top: 8ex;}
.app .results-group.presidential .electoral > * {width: 100%!important;}
.app .results-group.presidential .popular .candidates {width: 45%!important; margin-top: 39px;}
.app .results-group.presidential .popular .heading {position: relative; top: 364px; width: 45%;}
.app.politics.decision_2012 .electoral .info {margin-left: 1px;}
.app.politics.decision_2012 .electoral .candidates {padding-left: 0px!important;}
.app .presidential .candidate .name {min-width: 4.5em;}
.app #key-house .results.popular, .app #key-senate .results.popular, .app #state .results.popular, .app #house .results.popular, .app #ballotMeasures .results, .app #county-results .results {margin-right: 0.5em;}
.app.politics.decision_2012 .head2head .candidates {margin-right:0!important;}
.app.politics.decision_2012 .head2head .candidate:first-child, .app.politics.decision_2012 .head2head [data-max-large="2"] .candidate:first-child + .candidate, 
.app.politics.decision_2012 .head2head .candidate {min-width: 168px!important;}
.app.politics.decision_2012 #head2head [data-max-large="3"] .candidate:first-child+.candidate+.candidate .name {top: -4px!important; padding-right: 4px; width: auto; }
.app.politics.decision_2012 #head2head [data-max-large="2"] .candidate+.candidate+.candidate {margin-bottom: 15px;}
.app.politics.decision_2012 #head2head .candidate .name, .app.politics.decision_2012 #head2head .candidate .photo {top: 2px!important;}
.app.politics.decision_2012 #head2head .candidate:first-child .photo, .app.politics.decision_2012 #head2head .candidate:first-child .candidate .photo {top: 0px!important;}
.app.politics.decision_2012 #head2head .candidate:first-child .percent, .app.politics.decision_2012 #head2head .candidate:first-child .candidate .percent {top: -3px; position: relative}
 
 

