@charset "utf-8";
/* CSS Document */

#my-graph, #avg-graph {
	width:900px;
	height:506px;
	display:block;
	position:absolute;
	background:transparent;
	z-index:5;
	}

#main-graph {
	width:900px;
	height:506px;
	display:block;
	position:relative;
	background:url(images/background.gif);
	margin-left:10px;
	}
	
#my-graph p {
	width:16px;
	height:16px;
	display:block;
	position:absolute;
	background:transparent url(images/reddot2.gif) no-repeat;
	text-indent:-9999px;
	padding:0 !important;
	}
	
#avg-graph p {
	width:16px;
	height:16px;
	display:block;
	position:absolute;
	background:transparent url(images/bluedot2.gif) no-repeat;
	text-indent:-9999px;
	padding:0 !important;
	}
	
#container {
	width:966px;
	background:url(images/containerbg.gif) repeat-y;
	margin:0 auto;
	}

body {
	background:url(images/bg.gif) #bdbdbd repeat-x;
	}

#home #header {
	background:url(images/header-home.gif) no-repeat;
	width:918px;
	height:359px;
	margin-left:24px;
	display:block;
	}

#quiz #header, #results #header {
	background:url(images/header-second.gif) no-repeat;
	width:918px;
	height:248px;
	margin-left:24px;
	display:block;
	}

#quiz #main {
	background:url(images/quiz-bg.gif) no-repeat;
	width:919px;
	margin-left:22px;
	display:block;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:60px;
	padding-bottom:100px;
	}

#results #main {
	background:url(images/results-bg.gif) no-repeat;
	width:919px;
	margin-left:22px;
	display:block;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:60px;
	padding-bottom:100px;
	}

#home #main {
	background:url(images/home-bg.gif) no-repeat;
	width:919px;
	margin-left:22px;
	display:block;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:60px;
	padding-bottom:100px;
	}

#home #about {
	width:414px;
	margin-left:20px;
	font-size:14px;
	line-height:24px;
	float:left;
	}

#home #how {
	float:left;
	margin-left:202px;
	width:262px;
	font-size:11px;
	line-height:22px;
	}

#home .clearing {
	clear:both;
	}

#quiz #main h1, #home #main h1 {
	display:none;
	}
	
#quiz #main p, .explanation p {
	padding:5px 15px;
	line-height:20px;
	}

.explanation a {
	color:#ab2d4a;
	}

#quiz .clearing {
	clear:both;
	width:97%;
	height:1px;
	background:#CCCCCC;
	text-align:center;
	margin:10px auto;
	}

.buttonset {
	width:235px;
	height:40px;
	background:url(images/arrow.gif) center bottom no-repeat;
	text-align:center;
	margin-left:30px;
	float:left;
	margin-top:20px;
	}

.prompt {
	width:610px;
	float:left;
	font-size:14px;
	margin-top:5px;
	margin-bottom:15px;
	}

.prompt em, .explanation em {
	font-style:normal;
	font-weight:bold;
	color:#9f1030;
	}

.legend {
	height:72px;
	width:231px;
	margin-top:5px;
	margin-left:660px;
	position:block;
	background:url(images/legend.gif) no-repeat bottom;
	}

form {
	}

.buttonset input {	
	margin:0px 8px;
	}

#submitanswers {
	margin:25px 0 40px 350px;
	width:228px;
	height:44px;
	background:url(images/submit.gif) no-repeat left;
	cursor:pointer;
	border:0;
	}

#submitanswers:hover {
	background:url(images/submit.gif) no-repeat right;
	}

.takequiz {
	display:block;
	height:44px;
	width:220px;
	background:url(images/takequiz.gif) no-repeat left;
	text-indent:-9999px;
	margin:20px 0;
	}

.takequiz:hover {
	background:url(images/takequiz.gif) no-repeat right;
	}
	
.retake {
	display:block;
	height:38px;
	width:225px;
	background:url(images/retake.gif) no-repeat left;
	text-indent:-9999px;
	margin:20px 0 0 338px;
	}

.retake:hover {
	background:url(images/retake.gif) no-repeat right;
	}

label.error { 
	margin-top:30px;
	color:#FF0000;
	background:#FFFFFF;
	padding:4px;
	font-size:10px;
	display:none;
	font-weight:bold;
	}

.ab {
	font-size:10px;
	width:200px;
	margin:0 auto;
	color:#999999;
	text-align:center;
	}

a {
	color:#9e0e2e;
	}

.ab a {
	color:#999999;
	}

.number {
	color:#4b4b4b;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	top:40px;
	left:648px;
	width:70px;
	text-align:center;
	position:absolute;
	}