#battlegroundsContainer {
	height: 650px;
	overflow: hidden;
	position: relative;
	width: 976px;
}

#battlegroundsContainer .battlegroundsGuide{
	position: absolute;
	width: 1720px;
	top: 0px;
	left: 0px;
}

#battlegroundsContainer #electoralCollegeNavigation,
#battlegroundsContainer #electoralCollegeVisualisation { float: left; }

/*   ELECTORAL COLLEGE GUIDE SECTION   */
#battlegroundsContainer #electoralCollegeNavigation {
	margin-right: 18px;
	width: 304px;
}

#battlegroundsContainer #electoralCollegeNavigation h2 { 
	font-size: 1.5em;
	margin: 0px 0px 10px 0px;
}
#battlegroundsContainer #electoralCollegeNavigation h3 { 
	font-size: 1.2em;
	margin: 0px 0px 10px 0px;
}

#battlegroundsContainer #electoralCollegeNavigation ul{
	height: 96px;
	margin: 0px;
}

#battlegroundsContainer #electoralCollegeNavigation ul li {
	background: none;
	float: left;
	height: 92px;
	list-style-type: none;
	margin: 0px 2px 0px 0px;
	padding: 0px;
	width: 98px;
}

#battlegroundsContainer #electoralCollegeNavigation ul li a,
#battlegroundsContainer #electoralCollegeNavigation ul li a:active,
#battlegroundsContainer #electoralCollegeNavigation ul li a:hover,
#battlegroundsContainer #electoralCollegeNavigation ul li.active a:active,
#battlegroundsContainer #electoralCollegeNavigation ul li.active a:hover{ text-decoration: none; }

#battlegroundsContainer #electoralCollegeNavigation ul li#nav_battle.active { color: #673466; }
#battlegroundsContainer #electoralCollegeNavigation ul li#nav_battle.active a,
#battlegroundsContainer #electoralCollegeNavigation ul li#nav_battle.active a span { color: #673466; }

#battlegroundsContainer #electoralCollegeNavigation ul li#nav_rep.active {  }
#battlegroundsContainer #electoralCollegeNavigation ul li#nav_rep.active a,
#battlegroundsContainer #electoralCollegeNavigation ul li#nav_rep.active a span { color: #cc0000; }

#battlegroundsContainer #electoralCollegeNavigation ul li#nav_dem.active{ color: #003399; }
#battlegroundsContainer #electoralCollegeNavigation ul li#nav_dem.active a,
#battlegroundsContainer #electoralCollegeNavigation ul li#nav_dem.active a span { color: #003399; }

#battlegroundsContainer #electoralCollegeNavigation ul li#nav_dem { margin-right: 0px; }

#battlegroundsContainer #electoralCollegeNavigation ul li a {
	display: block;
	font-weight: normal;
	height: 92px;
	text-align: center;
	
    background-image: url('/news/special/2012/newsspec_3080/img/buttons.gif');
    background-repeat: no-repeat;
}
#battlegroundsContainer #electoralCollegeNavigation ul li a span {
	color: #505050;
	display: block;
	padding-bottom: 2px;
	font-weight: normal;
}

#battlegroundsContainer #electoralCollegeNavigation ul li a span.map {
	/*background-image: url('/news/special/2012/newsspec_3080/img/icons.gif');
	background-repeat: no-repeat;*/
	display: block;
	height: 47px;
}
#battlegroundsContainer #electoralCollegeNavigation ul li a span.bold { font-weight: bold; }

#battlegroundsContainer #electoralCollegeNavigation ul li a#battlegroundButton{ background-position: -22px -161px; }
#battlegroundsContainer #electoralCollegeNavigation ul li a#republicanButton{ background-position: -223px -161px; }
#battlegroundsContainer #electoralCollegeNavigation ul li a#democratButton{ background-position: -122px -161px; }
#battlegroundsContainer #electoralCollegeNavigation ul li.active a#battlegroundButton{ background-position: -22px -19px; }
#battlegroundsContainer #electoralCollegeNavigation ul li.active a#republicanButton{ background-position: -223px -19px; }
#battlegroundsContainer #electoralCollegeNavigation ul li.active a#democratButton{ background-position: -122px -19px; }

#battlegroundsContainer #electoralCollegeNavigation p#eg_party_exp_dem,
#battlegroundsContainer #electoralCollegeNavigation p#eg_party_exp_rep{ display: none; }

/**   ELECTORAL COLLEGE VISUALISATION   */
#battlegroundsContainer #electoralCollegeVisualisation {
	margin-right: 30px;
	position: relative;
	width: 654px;
} 

#battlegroundsContainer #electoralCollegeVisualisation span.loading {
	font-size: 1.5em;
	position: absolute;
	top: 125px;
	left: 230px;
}

#battlegroundsContainer #battlegroundStateInfo {
	float: left;
	width: 560px;
}

#battlegroundsContainer #dynamic_states_info { display: none; }

/**       STATES NAVIGATION       */
#battlegroundsContainer #statesNavigation { 
	display: none;
	left: 456px;
	position: absolute;
	top: 115px;
	width: 280px;
}

#battlegroundsContainer #statesNavigation a,
#battlegroundsContainer #battleStatesNavigation a {
		background-image: url('/news/special/2012/newsspec_3080/img/icons.gif');
		background-repeat: no-repeat;
		display: block;
		height: 36px;
		position: absolute;
		top: 0px;
		width: 36px;
	}
#battlegroundsContainer #statesNavigation a#previousState {
	background-position: -48px -237px;
	left: 0px;
}
#battlegroundsContainer #statesNavigation a#previousState:hover {
	background-position: -48px -196px;
}
#battlegroundsContainer #statesNavigation.activeParty_battle a { display: none; }
#battlegroundsContainer #statesNavigation a#nextState{
	background-position: -88px -237px;
	right: 0px;
}
#battlegroundsContainer #statesNavigation a#nextState:hover {
	background-position: -88px -196px;
}

#battlegroundsContainer #statesNavigation a span,
#battlegroundsContainer #battleStatesNavigation a span {
	position: absolute;
	left: 2000px;
}

#battlegroundsContainer #statesNavigation.activeParty_battle div span { color: #673466; }
#battlegroundsContainer #statesNavigation.activeParty_rep div span { color: #cc0000; }
#battlegroundsContainer #statesNavigation.activeParty_dem div span { color: #003399; }

#battlegroundsContainer #statesNavigation div span {
	display: block;
	text-align: center;
	font-size: 1.2em;
}

#battlegroundsContainer #statesNavigation div span.ecName{
	font-size: 1.5em;
	font-weight: bold;
	padding-bottom: 5px;
}

#battlegroundsContainer #statesNavigationBattle {
	display: none;
	left: 597px;
	position: absolute;
	top: 195px;
	width: 208px;
}

#battlegroundsContainer #statesNavigationBattle h3 {
	font-size: 1.6em;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}

#battlegroundsContainer #statesNavigationBattle p { font-size: 1.1em; }

#battlegroundsContainer #statesNavigationBattle p span { font-weight: bold; }

#battlegroundsContainer #statesNavigationBattle a { display: block;	height: 29px; }

#battlegroundsContainer #statesNavigationBattle a span {
	background-color: #403E3D;
	color: #ffffff;
	display: block;
	float: left;
	font-size: 1.1em;
	height: 23px;
	padding: 6px 0px 0px 10px;
	width: 110px;
}
#battlegroundsContainer #statesNavigationBattle a span strong { color: #ffffff; }

#battlegroundsContainer #statesNavigationBattle a:hover span { background-color: #000000; }

#battlegroundsContainer #statesNavigationBattle a span.backIcon {
	background-color: #505050;
	background-image: url('/news/special/2012/newsspec_3080/img/icons.gif');
	background-position: -176px -239px;
	background-repeat: no-repeat;
	
	margin-right: 2px;
	padding: 6px 0px 0px 0px;
	width: 29px;
}
#battlegroundsContainer #statesNavigationBattle a:hover span.backIcon { background-position: -176px -200px; }

#battlegroundsContainer #battleStatesNavigation { 
	display: none;
    position: absolute;
    right: 153px;
    top: 16px;
    width: 87px;
}


#battlegroundsContainer #battleStatesNavigation a#nextBattleState{
	background-position: -453px -246px;
    height: 43px;
    right: 0;
    width: 43px;
}
#battlegroundsContainer #battleStatesNavigation a#nextBattleState:hover{ background-position: -453px -176px; }

#battlegroundsContainer #battleStatesNavigation a#previousBattleState{
	background-color: #FF0000;
    background-position: -409px -246px;
    height: 43px;
    left: 0;
    width: 43px;
}
#battlegroundsContainer #battleStatesNavigation a#previousBattleState:hover{ background-position: -409px -176px; }

/**    STATE INFORMATION SECTION    */
#battlegroundsContainer #battlegroundStateInfo h2 {
	background-image: url('/news/special/2012/newsspec_3080/img/state_icons.gif');
	background-repeat: no-repeat;
	border-bottom: 1px solid #673466;
	color: #673466;
	font-size: 2.0em;
	font-weight: bold;
	height: 36px;
	line-height: 16px;
	margin-bottom: 5px;
	padding: 34px 0px 0px 77px;	
	text-transform: uppercase;
}

#battlegroundsContainer #battlegroundStateInfo h2.co { background-position: -148px -62px; }
#battlegroundsContainer #battlegroundStateInfo h2.fl { background-position: -148px -210px; }
#battlegroundsContainer #battlegroundStateInfo h2.ia { background-position: -148px -361px; }
#battlegroundsContainer #battlegroundStateInfo h2.mi { background-position: -148px -499px; }
#battlegroundsContainer #battlegroundStateInfo h2.mn { background-position: -148px -649px; }
#battlegroundsContainer #battlegroundStateInfo h2.nc { background-position: -148px -1229px; }
#battlegroundsContainer #battlegroundStateInfo h2.nh { background-position: -148px -942px; }
#battlegroundsContainer #battlegroundStateInfo h2.nm { background-position: -148px -1085px; }
#battlegroundsContainer #battlegroundStateInfo h2.nv { background-position: -148px -788px; }
#battlegroundsContainer #battlegroundStateInfo h2.oh { background-position: -148px -1364px; }
#battlegroundsContainer #battlegroundStateInfo h2.pa { background-position: -148px -1510px; }
#battlegroundsContainer #battlegroundStateInfo h2.va { background-position: -148px -1655px; }
#battlegroundsContainer #battlegroundStateInfo h2.wi { background-position: -148px -1781px; }

#battlegroundsContainer #battlegroundStateInfo h2 span {
	color: #673466;
	font-size: 0.8em;
	font-weight: normal;
	text-transform: lowercase;
}

#battlegroundsContainer #battlegroundStateInfo p { margin-bottom: 10px; }
#battlegroundsContainer #battlegroundStateInfo p.stateIntro { color: #673466; }

#battlegroundsContainer .demographics { float: left; width: 356px; }
#battlegroundsContainer .economy { float: right; width: 180px; }

#battlegroundsContainer #battlegroundStateInfo .results { clear: both; width: 560px; }
#battlegroundsContainer .stateInfoContent{ height: 218px; }
#battlegroundsContainer .demographics h3,
#battlegroundsContainer .economy h3,
#battlegroundsContainer .results h3 {
	background-image: url('/news/special/2012/newsspec_3080/img/icons.gif');
	background-repeat: no-repeat;
	border-bottom: 1px solid #673466;
	height: 22px;
	margin: 0px;
	padding: 13px 0px 0px 37px;
}

#battlegroundsContainer .demographics h3 { background-position: -42px -27px; }
#battlegroundsContainer .economy h3 { background-position: -42px -67px; }
#battlegroundsContainer .results h3 { background-position: -40px -107px; }

#battlegroundsContainer #battlegroundStateInfo .demographics ul li {
	background-image: none;
	height: 25px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

#battlegroundsContainer #battlegroundStateInfo ul li span {	display: block; }
#battlegroundsContainer #battlegroundStateInfo ul li span.demographicWhite,
#battlegroundsContainer #battlegroundStateInfo ul li span.demographicBlack,
#battlegroundsContainer #battlegroundStateInfo ul li span.demographicHispanic,
#battlegroundsContainer #battlegroundStateInfo ul li span.demographicOther { height: 21px; }
#battlegroundsContainer #battlegroundStateInfo ul li span.demographicWhite{ background-color: #522751; }
#battlegroundsContainer #battlegroundStateInfo ul li span.demographicBlack{ background-color: #6c4d72; }
#battlegroundsContainer #battlegroundStateInfo ul li span.demographicHispanic{ background-color: #947896; }
#battlegroundsContainer #battlegroundStateInfo ul li span.demographicOther{ background-color: #d2bfd5; }

#battlegroundsContainer #battlegroundStateInfo .demographics ul li span {
	float: left;
	padding: 4px 0px 0px 5px;
	text-transform: uppercase;
}

#battlegroundsContainer #battlegroundStateInfo .demographics ul li span.demographicBold { font-weight: bold; }

#battlegroundsContainer #battlegroundStateInfo .economy span { display: block; font-size: 0.9em; }

#battlegroundsContainer #battlegroundStateInfo .economy span.economyBold {
	color: #673466;
	font-size: 1.5em;
	margin: 10px 0 5px 0px;
}

#battlegroundsContainer #battlegroundStateInfo .results ul li {
	background-image: none;
	display: inline-block;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	width: 184px;
}

#battlegroundsContainer #battlegroundStateInfo .results div { font-size: 1.1em; text-transform: uppercase; }
#battlegroundsContainer #battlegroundStateInfo .results span {
	display: inline-block;
	font-weight: bold;
	padding-right: 5px;
}

#battlegroundsContainer #battlegroundStateInfo .results div.prrepublican,
#battlegroundsContainer #battlegroundStateInfo .results div.prdemocrat {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 10px;
}

#battlegroundsContainer #battlegroundStateInfo .results div.prrepublican { color: #cc0000;}
#battlegroundsContainer #battlegroundStateInfo .results div.prdemocrat { color: #003399; }