html { margin: 0; padding: 0; }
body { margin: 0; padding: 0; font: 12px Arial, Helvetica, sans-serif; color: #333; }
a {  color: #093b72; text-decoration: none; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix {	display: inline-block; }
html[xmlns] .clearfix {	display: block; }
* html .clearfix { height: 1%; }
img { border: none; }

#container { width: 555px; background: #fff; }

#header { /*border-top: 4px solid #abc1d6;*/ }

#nav { margin: 0; padding: 0; list-style: none; background: transparent url(http://assets.realclearpolitics.com/images/wsj_bg_link2.gif) repeat-x bottom; }
#nav li { float: left; }
#nav li a { display: block; padding: 9px 8px 17px 8px; text-decoration: none; font-size: 13px; color: #093b72; background: transparent url(http://assets.realclearpolitics.com/images/wsj_bg_link2.gif) repeat-x bottom; }
#nav li a.on { padding: 9px 9px 17px 9px; background: transparent url(http://assets.realclearpolitics.com/images/wsj_bg_link.gif) no-repeat bottom center; color: #ca5211; }

#title { width: 100%; }
#title td { padding: 7px 10px 15px 10px; }
#title td.name { width: 255px; background: transparent url(http://assets.realclearpolitics.com/images/wsj_dots.gif) no-repeat right 13px; }
#title td.name h1 { margin: 0; padding: 0; font-size: 24px; }
#title td.avg { width: 135px; padding-left: 20px; }
#title td.arrows { text-align: left; }
#title td.arrows p { margin: 0; padding: 0 0 0 5px; }
#title td.arrows table { width: 80px; float: right; }
#title td.arrows td { padding: 0; text-align: center; }
#title td.arrows a { width: 25px; height: 16px; background: transparent url(http://assets.realclearpolitics.com/images/wsj_arrows.gif) no-repeat; display: block; }
#title td.arrows td.left { width: 25px; }
#title td.arrows td.left a {}
#title td.arrows td.left a.dis {background: transparent url(http://assets.realclearpolitics.com/images/wsj_arrows.gif) no-repeat 0 -16px;}
#title td.arrows td.right a.dis {background: transparent url(http://assets.realclearpolitics.com/images/wsj_arrows.gif) no-repeat 0 -48px;}
#title td.arrows td.right a {background: transparent url(http://assets.realclearpolitics.com/images/wsj_arrows.gif) no-repeat 0 -32px; }
#title td.arrows td.right { width: 25px; }
#title td.arrows td.page { font-size: 10px; }

div.states-in-play { width: 110px; float: left; font: 10px Arial, Helvetica, sans-serif; }
div.states-in-play table { width: 100%; }
div.states-in-play th { text-align: center; padding: 1px 0; } 
div.states-in-play td { text-align: center; padding: 1px 0 0 0; } 
div.house_hook td a { color: #ff0000; }
div.house_hook td a.dem { color: #0000ff;  }
div.dem1 th { background: #000066; color: #fff; }
div.dem2 th { background: #3333cc; color: #fff; }
div.dem3 th { background: #9999ff; color: #fff; }
div.tu th { background: #606060; color: #fff; }
div.tu { /**/width: 115px; }
div.gop3 th { background: #ff9999; color: #fff; }
div.gop2 th { background: #cc3333; color: #fff; }
div.gop1 th { background: #660000; color: #fff; }

#map-scorecard { padding: 4px;  border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#map-scorecard table.container { width: 100%; font: 12px Arial, Helvetica, sans-serif; }
#map-scorecard td.gop { width: 175px; }
#map-scorecard td.dem { width: 175px; }
#map-scorecard td.gop table { text-align: left; float: right; margin-right: 12px; color: #cc3333; }
#map-scorecard td.dem table { margin-left: 10px; color: #3333cc; }
#map-scorecard td.seats { font-size: 38px; font-weight: bold; letter-spacing: -1px; }
#map-scorecard td.party { font-size: 13px; font-weight: normal; padding-bottom: 1px; }
#map-scorecard td.pickup { padding-top: 1px; }
#map-scorecard td.gop td.seats { padding-left: 7px; }
#map-scorecard td.dem td.seats { padding-right: 8px; }
#map-scorecard td.current { text-align: center; color: #999; text-transform: uppercase; letter-spacing: 2px; font-size: 10px; font-weight: bold; }

#map_container { position: relative; }

#legend td { padding: 5px; }
#legend img { margin-bottom: -2px; }
#legend { position: absolute; bottom: 50px; right: 10px; z-index: 500; }
#branding { position: absolute; bottom: 20px; right: 10px; z-index: 500; }








		#legend {  bottom: 15px; right: 10px; }
    	#legend table td {  font-size: 10px; padding: 1px 2px; }
    	#legend table td.logo { padding: 1px 7px; }
		#legend table td.header { text-transform: uppercase; text-align: center; font-weight: bold; width: 110px; }
		#legend img { margin: -1px 0 0 0; }
		#legend table,#legend  td
			{
				border-color: #ccc;
				border-style: solid;
			}
			
		#legend	table
			{
				border-width: 0 0 1px 1px;
				border-spacing: 0;
				border-collapse: collapse;
			}
			
		#legend	td
			{
				margin: 0;
				padding: 4px;
				border-width: 1px 1px 0 0;

			}