
* {margin: 0; padding: 0; font-family: helvetica, arial, sans-serif;}
html,body {width: 100%; height: 100%;}
body {
	margin: 0;
	width: 100%; height: 100%;
	background: #000 url(/images/bg_huge.jpg) center top no-repeat;;
	color: #fff;
	text-align: center;
	min-height: 590px;/* for good browsers*/
	min-width: 830px;/* for good browsers*/
}
form {margin: 0;}
img {display: block;}
a img {border: 0;}
table {border-collapse: collapse; border: 0; padding: 0;}
table td {padding: 0;}

table.MainContainer {
	position: relative;
	border: 0; padding: 0;
	margin: 0 auto;
	width: 100%;
	border-collapse: collapse;
}
td.MainLeftBG, td.MainRightBG {
	border: 0; padding: 0;
	width: auto; height: auto;
}
/*
td.MainLeftBG {background: url(/images/bg_left.jpg) no-repeat right top;}
td.MainRightBG {background: url(/images/bg_right.jpg) no-repeat left top;}
*/
 
td.MainContent {
	width: 937px; position: relative; /* this number may need to be changed*/
	vertical-align: top;
}
td.MainContent div#MainContent {position: relative; margin: 0 auto;}




div#bluearea {
	height: 442px; width: 937px;
	position: absolute; top: 22px; left: 0;
	overflow: visible;
}
div#bluearea img#bluearealeft {position: absolute; top: 0; left: 0;}
div#bluearea img#bluearearight {position: absolute; top: 0; left: 901px;}
div#bluearea img#letyourvoice {position: absolute; top: 19px; left: 49px;}
div#bluearea img#windowbg {position: absolute; top: -12px; left: 310px;}
div#bluearea img#underlet {position: absolute; top: 68px; left: 49px;}
div#bluearea img#underlet2 {position: absolute; top: 85px; left: 49px;}

div#bluebox {
	height: 478px; width: 937px;
	position: relative; margin: 0 auto;
	background-color: #0f2747;
}
div#bluebox img#blueboxtop {position: absolute; top: 0; left: 0;}
div#bluebox img#blueboxbottom {position: absolute; top: 442px; left: 0;}

div#bluebox #nextbutton {position: absolute; top: 487px; left: 534px;}
div#bluebox #nextbutton.candidate {position: absolute; top: 489px; left: 534px;}
div#bluebox #skipbutton {position: absolute; top: 489px; left: 368px;}

div#bluebox #ecardbutton {position: absolute; top: 411px; left: 551px;}
div#bluebox #cocktailbutton {position: absolute; top: 411px; left: 666px;}
div#bluebox #newsbutton {position: absolute; top: 411px; left: 781px;}

div#termzone {
	position: absolute; top: 587px; left: 58px;
	font: normal 9px arial; text-align: left;
	text-transform: uppercase; color: #a9d4ff;
}
div#termzone img#voteandplay {position: absolute; top: 0; left: 0;}
div#termzone img#termsconditions {position: absolute; top: 30px; left: 0;}
div#termzone img#policy {position: absolute; top: 30px; left: 95px;}
div#termzone img#trade {position: absolute; top: 30px; left: 167px;}
div#termzone img#facebook {position: absolute; top: 30px; left: 167px;}

div#error {
	position: absolute; top: 470px; left: 485px;
	width: 354px; height: 155px;
	background: transparent url(http://www.fembotinthewhitehouse.com/images/error_voice_bg.png) 0 0 no-repeat;
}
div#error div#errormessage {
	position: absolute; top: 40px; left: 20px;
	width: 314px; height: 43px;
	text-align: left; text-transform: uppercase;
	color: #0f2747; font: bold 17px arial;
}
div#error a {color: #911; text-decoration: none;}
div#error a:active {color: #911;}
div#error a:visited {color: #911;}
div#error a:hover {color: #b22; text-decoration: underline;}
div#error img#errorclosebutton {
	position: absolute; top: 85px; left: 197px;
}

/* Form controls */
table#platformformtable {position: absolute; top: 120px; left: 120px;}
table#candidateformtable {position: absolute; top: 180px; left: 120px;}

table td.selector {width: 46px; height: 44px;}
table td.selector a.formcontrol {display: block; width: 100%; height: 100%; background: url(http://www.fembotinthewhitehouse.com/images/star_off.gif) 0 0 no-repeat;}
table td.selector a.formcontrol img {}
table tr td img.line {display: block;}