body {
	font-family:sans-serif;
}


.demoBanner {
	border-bottom: 2px #449 solid; 
	position:relative; 
	left:100px; 
	top:5px; 
	font-size:23pt; 
	color:#449; 
	width:720px;
}

.demoHeader {
	position:relative; left:20px; color:#449; font-size:16pt; padding-right:40px;
}

#mainBody {
	position:relative;
	text-align:center; 
	height:500px; 
	width:1000px;
}


/* election tables */
.electionTables td {
	font-size:9pt;
}

.tableHeader {
	border:1px solid #CCC;
	color:#933;
}
.columnHeader {
	color:#339;
	padding:0px;
	margin:0px;
}

.tableRow {
	border:1px solid #CCC;
	padding:0px;
	margin:0px;
}

.tableRow td {
	width:85px;
	border-right:2px solid #CCC;
}	

/*the audit popup*/
#auditLeft {
	padding:5px;
	position:relative;
	top:10px;
	left:10px;
	width:80px;
	border:1px solid black;
	cursor:pointer;
}

#auditLeft:hover {
	text-decoration:underline;
}

#auditRight {
	padding:5px;
	position:relative;
	top:-21px;
	left:110px;
	width:80px;
	border:1px solid black;
	cursor:pointer;
}

#auditRight:hover {
	text-decoration:underline;
}

/* flip buttons */
.ballotFlipTop, .ballotFlipBottom, .ballotHideTop, .ballotHideBottom {
	position:absolute; 
	width: 50px; 
	cursor:pointer; 
	border: 1px solid #449; 
	color:#449; 
	font-size:13pt; 
	padding:3px;
	background:#DDE;
}

.ballotFlipVote, .ballotHideVote {
	position:absolute; 
	width: 100px; 
	cursor:pointer; 
	border: 1px solid #449; 
	color:#449; 
	font-size:13pt; 
	padding:3px;
	background:#DDE;
}

.ballotFlipTop:hover, .ballotFlipBottom:hover, .ballotHideTop:hover, .ballotHideBottom:hover, .ballotFlipVote:hover, .ballotHideVote:hover  {
	background:#BBB;
}

.candidateVote {
	position:absolute; 
	width:600px; 
	cursor:default; 
	color:#449; 
	font-size:15pt; 
	padding:3px;
	background:#DDE;
	margin-bottom:10px;
}


.otherDoors {
	position:absolute; 
	width:200px; 
	cursor:default; 
	color:#449; 
	font-size:15pt; 
	padding:3px;
	background:#DDE;
	margin-bottom:10px;
}



.door1, .door2 {
	position:absolute; 
	width:120px;
	height:200px;
	cursor:default; 
	color:#449; 
	font-size:15pt; 
	background:#DDE;
	border: 1px solid #449; 
}


#doorPointer1, #doorPointer2 {
	position:absolute; 
	cursor:default; 
	color:black; 
	font-size:40pt; 
}


.startElection {
	position:absolute; 
	width: 170px; 
	height: 30px; 
	border: 1px solid #449; 
	color:#449; 
	font-size:18pt; 
	padding:3px;
	background:#E99;
}

.startElection a{
	font-size:15pt; 
}

#closePopup {
	position:absolute;
	bottom:10px;
	right:10px;
	font-family:serif; 
	font-size:12px; 
	cursor:pointer; 
	text-decoration:underline;
}


/*start button*/
.startButton:hover {
	background:#BBB;
}

/* properties for the step */
.stepClass {
	position:relative;
	color:black; 
	font-size:18pt;
	left:-20px;
}

.stepContent {
	position:relative;
	color:#339; 
	font-size:12pt;
	top:10px;
}


/*popup*/
#popup {
	z-index:10;
	position:absolute;
	visibility:hidden;
	border:1px solid #336;
	width:250px; 
	text-align:left;
	background:#E1D86E;
	padding-right:5px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:20px;
	font-size:12pt;
	cursor:move;
}

#auditPopup {
	z-index:10;
	position:absolute;
	visibility:hidden;
	border:1px solid #336;
	width:250px; 
	text-align:left;
	background:#E1D86E;
	padding-right:5px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:20px;
	font-size:12pt;
}

#popup h4 {
	font-size:16pt;
}



/*navigation properties*/
#step1 {
	position:absolute;
	top:100px; left:20px;
	width:80px;	
	border:1px solid #999;
	background-color:#DDE;
	text-align:center;
	padding:3px;
	color:gray;
	cursor:pointer;
	font-family:serif;font-size:13pt;
}
#step2 {
	position:absolute;
	top:130px; left:20px;
	width:80px;	
	border:1px solid #999;
	background-color:#DDE;
	text-align:center;
	padding:3px;
	color:gray;
	cursor:pointer;
	font-family:serif;font-size:13pt;
}
#step3 {
	position:absolute;
	top:160px; left:20px;
	width:80px;	
	border:1px solid #999;
	background-color:#DDE;
	text-align:center;
	padding:3px;
	color:gray;
	cursor:pointer;
	font-family:serif;font-size:13pt;
}
#step4 {
	position:absolute;
	top:190px; left:20px;
	width:80px;	
	border:1px solid #999;
	background-color:#DDE;
	text-align:center;
	padding:3px;
	color:gray;
	cursor:pointer;
	font-family:serif;font-size:13pt;
}

#step5 {
	position:absolute;
	top:220px; left:20px;
	width:80px;	
	border:1px solid #999;
	background-color:#DDE;
	text-align:center;
	padding:3px;
	color:gray;
	cursor:pointer;
	font-family:serif;font-size:13pt;
}


#continueButton {
	position:absolute;
	top:350px; left:20px;
	width:100px;	
	border:1px solid black;
	background-color:#DDE;
	text-align:center;
	padding:3px;
	color:black;
	font-family:serif;font-size:13pt;
}
 
 /*
.continueButton:hover {
	text-decoration:underline;
}
*/

/* Ballot information */

/* bottom ballot*/
.ballotUnder {
	z-index:2;
	position:absolute;
	border:1px solid black;
	background:#BBB;
	color:#333;
	width:230px;
	height:140px;
	cursor:pointer;
	padding:10px;
	text-align:left;
	font-family:serif;
	font-size:12pt;
}	
.leftLabel {
	position:absolute;
	border:1px solid black;
	background:#EDC;
	text-align:center;
	color:#333;
	top:120px;
	left:60px;
	height:18px; width:42px;
	cursor:pointer;
}
.rightLabel {
	position:absolute;
	border:1px solid black;
	background:#EDC;
	text-align:center;
	color:#333;
	top:120px;
	left:145px;
	height:18px; width:42px;
	cursor:pointer;
}

/* top ballot */
.ballotOverClass {
	position:absolute; 
	z-index:3;
	background: transparent;
	color:#333;
	width:250px;
	height:160px;
	border: 1px black solid;
	font-family:serif;
	font-size:12pt;
}
.ballotOverTop {
	padding:10px;
	position:absolute;
	width:230px; height:94px;
	top:0px; left:0px;
	background: #AAA;
	cursor:pointer;
}
.ballotOverMiddle1 {
	position:absolute;
	top:114px; left:0px;
	width:60px; height:32px;
	background: #AAA;
	cursor:pointer;
}
.ballotOverLeftHole {
	position:absolute;
	top:114px; left:60px;
	width:32px; height:20px;
	background: transparent;
	cursor:pointer;
	border:6px solid #888;
}
.ballotOverMiddle2 {
	position:absolute;
	top:114px; left:104px;
	width:41px; height:32px;
	background: #AAA;
	cursor:pointer;
}
.ballotOverRightHole {
	position:absolute;
	top:114px; left:145px;
	width:32px; height:20px;
	background: transparent;
	cursor:pointer;
	border:6px solid #888;
}
.ballotOverMiddle3 {
	position:absolute;
	top:114px; left:189px;
	width:61px; height:32px;
	background: #AAA;
	cursor:pointer;
}
.ballotOverBottom {
	position:absolute;
	top:146px; left:0px;
	width:250px; height:14px;
	background:#AAA;
	cursor:pointer;
	font-size:1pt;
}

/* properties for coloring ballots */
.question {
	position:absolute;
	top:20px; left:10px;
}
.ballotNumberTop {
	position:absolute;
	top:10px; left:215px;
	z-index:10;
}	
.ballotNumberBottom {
	position:absolute;
	top:10px; left:215px;
	z-index:10;
}	
.aName {
	background:#66E;
	width:130px;
	position:absolute;
	padding:5px;
	border:1px solid black;
	top:45px; left:30px;
}

.bName {
	background:#6E6;
	width:130px;
	position:absolute;
	padding:5px;
	border:1px solid black;
	top:75px; left:30px;
}
.AlName {
	position:absolute;
	padding:2px;
	top:50px; left:30px;
}

.GeorgeName {
	position:absolute;
	padding:2px;
	top:68px; left:30px;
}
.leftLabel {
	background:#66E;	
}
.rightLabel {
	background:#6E6;
}

/* image div we want it below everything */
.imageDiv {
	z-index:1;
}