#map {
	position: absolute;
	top: 70px;
	left: 0px;
	width: 600px;
	height: 390px;
	background-image: url(../../state-images/50state.gif);
}
.state {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 600px;
	height: 390px;
}
#red_state_header {
	position: absolute;
	top: 40px;
	left: 400px;
	width: 100px;
	height: 40px;
	color: #cc3333;
	font-weight: bold;
	font-size: 25px;
}
#battleground_header {
	position: absolute;
	top: 40px;
	left: 645px;
	width: 170px;
	height: 40px;
	color: #606060;
	font-weight: bold;
	font-size: 25px;
}
#blue_state_header {
	position: absolute;
	top: 40px;
	left: 50px;
	width: 100px;
	height: 40px;
	color: #3333cc;
	font-weight: bold;
	font-size: 25px;
}
#right_panel {
	position: absolute;
	top: 90px;
	left: 610px;
}
.smallertext {
	font-size: 11px;
	font-family: Verdana;	
}

#feedback_title {
	font-size: 0.8em;
	font-family: Arial, Helvetica;
	background-color: #000066;
	color: white;
	padding: 2px 2px 2px 2px;
	text-align: center;
}

#feedback_panel { margin-top: 5px; }

#feedback {
	margin-top: 2px;
}

#feedback pre {
	margin: 0;
	padding: 0;
	
}

#popup {
	position: absolute;
	width: 200px;
	height: 180px;	
	background: #F6F6F6;
	color: black;
	font-size: 12px;
	font-family: Verdana;
	border: 3px groove gray;
	padding: 4px 2px 2px 2px;
}
#popup #popup_title { font-size: 110%; font-weight: bold; }
#popup #menu { margin-left: 6px; }
#popup .assume_blue { color: #3333CC; font-weight: bold; }
#popup .assume_red { color: #CC3333; font-weight: bold; }
#popup .assume_battleground { color: #606060; font-weight: bold; }

#BattlegroundInfo { margin-top: 2px; margin-left: 20px; }

.lean_red { background-color: #ff9999; color: #000000; padding: 1px 3px 1px 3px; }
.lean_blue { background-color: #9999ff; color: #000000; padding: 1px 3px 1px 3px; }
.lean_none { background-color: #cccccc; color: #000000; padding: 1px 3px 1px 3px; }

#top {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 600px;
	font-family: Verdana;
	font-size: 17px;
}
#links {
	position: absolute;
	top: 2px;
	left: 5px;
	width: 100px;
	font-size: 13px;
}
#bottom {
	position: absolute;
	top: 510px;
	left: 75px;
	font-family: Verdana;
	font-size: 12px;
}

#rollover {
	display: none;
	position: absolute;
	background-color: #EEEEEE;
	border: thin groove black;
	padding: 3px 3px 3px 3px;	
}


/* 2016 */
#MainContent > div { display: inline-block; vertical-align: top; box-sizing: border-box; }
#MainContent > #pnlMap { width: 50%; margin-top: 5vh; }
#MainContent > #pnlDemStates
{
	width: 25%;
}
#MainContent > #pnlGopStates
{
	width: 25%;
}

.SliderContainer
{
	height: 2.5vh;
}

.SliderLabel
{
	font-family: "Arial, Helvetica, sans-serif";
	font-size: 15px;
	line-height: 2.5vh;
	height: 2.5vh;
	overflow: hidden;
	display: inline-block;
	width: 35%;
}

#TopRowContent
{
	height: 6vh;
}

#DemPercent,
#GopPercent,
#DemEVTotals,
#GopEVTotals
{	
	width: 9vw;
}

#TopRowContent #DemPercent { position: absolute; left: 36vw; margin-top: 5vh; }
#TopRowContent #GopPercent { position: absolute; left: 55vw; margin-top: 5vh; }
#TopRowContent #DemEVTotals { float: left; width: 10vw; margin-left: 10vw; }
#TopRowContent #GopEVTotals { float: left; width: 10vw; margin-right: 7.25vw; }
#TopRowContent #TitleBar { float: left; width: 60%; }

.NumberBox
{
	display: inline-block;
	border: 1px solid gray;
	text-align: center;
	font-family: "Arial, Helvetica, sans-serif";
}
.NumberBox > .Title { display: block; text-transform: uppercase; color: white; font-size: 120%; }
.NumberBox > .NumberDisplay { font-size: 150%; }

.gopBackground { background-color: #D22532; }
.demBackground { background-color: #244999; }