#battlegroundStateInfo{ clear: both; display: none; } #dynamic_states_info { display: none; } #stateInfoClose{ bottom: -50px; display: none; position: absolute; right: 10px; width: 50px; background-color: #505050; width: 76px; } #stateInfoClose a span{ color: #fff; font-weight: bold; } #stateInfoClose a{ background-image: url('/news/special/2012/newsspec_3082/img/close_button.png'); background-repeat: no-repeat; border-right: 1px solid #FFFFFF; display: inline-block; height: 24px; padding-left: 24px; } #stateInfoClose a span{ background-color: #636363; border-left: 1px solid #FFFFFF; color: #FFFFFF; display: inline-block; font-size: 1.24em; font-weight: bold; height: 22px; line-height: 16px; padding: 2px 5px 0 5px; } /** STATE INFORMATION SECTION */ #battlegroundStateInfo h2 { background-image: url('/news/special/2012/newsspec_3080/img/state_icons.gif'); background-repeat: no-repeat; border-bottom: 1px solid #CCCCCC; color: #663366; font-size: 2.0em; font-weight: bold; height: 36px; line-height: 16px; margin-bottom: 5px; padding: 34px 0px 0px 77px; text-transform: uppercase; } #battlegroundStateInfo h2.co { background-position: -148px -62px; } #battlegroundStateInfo h2.fl { background-position: -148px -210px; } #battlegroundStateInfo h2.ia { background-position: -148px -361px; } #battlegroundStateInfo h2.mi { background-position: -148px -499px; } #battlegroundStateInfo h2.mn { background-position: -148px -649px; } #battlegroundStateInfo h2.nc { background-position: -148px -1229px; } #battlegroundStateInfo h2.nh { background-position: -148px -942px; } #battlegroundStateInfo h2.nm { background-position: -148px -1085px; } #battlegroundStateInfo h2.nv { background-position: -148px -788px; } #battlegroundStateInfo h2.oh { background-position: -148px -1364px; } #battlegroundStateInfo h2.pa { background-position: -148px -1510px; } #battlegroundStateInfo h2.va { background-position: -148px -1655px; } #battlegroundStateInfo h2.wi { background-position: -148px -1781px; } #battlegroundStateInfo h2 span { display: none; } #battlegroundStateInfo .stateInfoContent{ float: left; margin-right: 16px; width: 312px; } #battlegroundStateInfo .demographics{ float: left; margin-right: 16px; width: 316px; } #battlegroundStateInfo .economy{ float: left; width: 316px; } #battlegroundStateInfo .results{ float: right; width: 648px; } #battlegroundStateInfo p { margin-bottom: 10px; } #battlegroundStateInfo p.stateIntro { color: #673466; } #battlegroundStateInfo .demographics h3, #battlegroundStateInfo .economy h3, #battlegroundStateInfo .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; } #battlegroundStateInfo .demographics h3 { background-position: -42px -27px; } #battlegroundStateInfo .economy h3 { background-position: -42px -67px; } #battlegroundStateInfo .results h3 { background-position: -40px -107px; } #battlegroundStateInfo .demographics ul li { background-image: none; height: 25px; margin: 10px 0px 0px 0px; padding: 0px; } #battlegroundStateInfo ul li span { display: block; } #battlegroundStateInfo ul li span.demographicWhite, #battlegroundStateInfo ul li span.demographicBlack, #battlegroundStateInfo ul li span.demographicHispanic, #battlegroundStateInfo ul li span.demographicOther { height: 21px; } #battlegroundStateInfo ul li span.demographicWhite{ background-color: #522751; } #battlegroundStateInfo ul li span.demographicBlack{ background-color: #6c4d72; } #battlegroundStateInfo ul li span.demographicHispanic{ background-color: #947896; } #battlegroundStateInfo ul li span.demographicOther{ background-color: #d2bfd5; } #battlegroundStateInfo .demographics ul li span { float: left; padding: 4px 0px 0px 5px; text-transform: uppercase; } #battlegroundStateInfo .demographics ul li span.demographicBold { font-weight: bold; } #battlegroundStateInfo .economy span { display: block; font-size: 0.9em; } #battlegroundStateInfo .economy span.economyBold { color: #673466; font-size: 1.5em; margin: 10px 0 5px 0px; } #battlegroundStateInfo .results ul li { background-image: none; display: inline-block; margin: 10px 0px 0px 0px; padding: 0px; width: 213px; } #battlegroundStateInfo .results div { font-size: 1.1em; text-transform: uppercase; } #battlegroundStateInfo .results span { display: inline-block; font-weight: bold; padding-right: 5px; } #battlegroundStateInfo .results div.prrepublican, #battlegroundStateInfo .results div.prdemocrat { font-size: 1.5em; font-weight: bold; margin-bottom: 10px; } #battlegroundStateInfo .results div.prrepublican { color: #cc0000;} #battlegroundStateInfo .results div.prdemocrat { color: #003399; }