body {
	height: 100%;
	margin:0px;
	padding:0px;
	background:url('images/page-bg.jpg') repeat-x;
	background-color:#58595b;
	font-family:Arial, Helvetica, sans-serif, "Trebuchet MS";
	/* font-size:62.5%; */
	font-size: 80%;
}

/* HEADER STUFF */
.headerwrapper {
	margin: 0 auto;
	padding-top:11px;
	width: 900px;
}

.menu-and-logo-container {
	width:100%;
	height:65px;
}

.headerwrapper .logo-container {
	float:left;
	width:30%;
	height:65px;
}

.headerwrapper .header-menu {
	float:left;
	width:70%;
	text-align:right;
	color:#939598;
	/*font-size:11pt;*/
	font-size:1.5em;
	word-spacing:25px;
	padding-top:36px;
	height:20px;
}

.header-menu a:link, .header-menu a:active, .header-menu a:visited, .header-menu a:hover {
	color:#939598;
	text-decoration:none;
	font-weight:bold;
	/*font-size:9pt;*/
	font-size:1.5em;
	font-size:80%;
}

.header-menu a:hover {
	color:#606163;
}

.headerwrapper .header-img-container {
	height:80px;
}

.headerwrapper .menu {
	height:29px;
	text-align:right;
	color:#ffffff;
	font-size:1.4em;
}

.headerwrapper .logged-status {
	float:left;
	text-align:left;
	padding:5px 0px 0px 10px;
}

.headerwrapper .logged-menu {
	float:right;
	text-align:right;
}

a.logged-menu-item {
	float:left;
	padding:5px 15px 0px 15px;
	height:24px;
	text-align:center;
	border-right:1px solid #72d188;
	color:#ffffff;
	text-decoration:none;
}

a.logged-menu-item:hover {
	background:url('images/active-page.jpg') repeat-x 0px 0px;
}

a.logged-menu-item-last {
	border-right:none;
}

/* CONTENT STUFF */
.contentwrapper {
	width:100%;
	background:url('images/content-bg.jpg') repeat-y fixed center;
	min-height:400px;
	height:auto !important;
	height:400px;
	background-color:#ffffff;
}

.contentwrapper .content {
	margin: 0 auto;
	width:860px;
	padding:20px;
	/*font-size:10pt;*/
	font-size:1.2em;
}

.contentwrapper .question-top {
	background:url('images/question-top.jpg') no-repeat bottom center;
	height:15px;
	width:836px;
}
.contentwrapper .question {
	background:#cedce1;
	width:796px;
	padding:0px 20px 0px 20px;
	/*font-size:14pt;*/
	font-size:1.6em;
}
.contentwrapper .question p {
	padding:0px;
	margin:0px;
}

.contentwrapper .question-bottom {
	background:url('images/question-bottom.jpg') no-repeat;
	height:30px;
	width:836px;
}
.contentwrapper .answers-container {
	float:left;
	background:#e5edef;
	width:752px;
	margin-left:33px;
	padding:10px 10px 10px 10px;
	display:inline; /* Fixes IE6 double margin bug */
}
.single-answer-container {
	padding:8px;
	margin-top:5px;
}
.single-answer-container:hover {
	background-color:#d2e4e8;
}
.single-answer-container .answer-radio {
	float:left;
	width:30px;
	margin-left:16px;
	display:inline; /* Fixes IE6 double margin bug */
}
.single-answer-container .answer-text {
	float:left;
	width:670px;
	/*font-size:11pt;*/
	font-size:1.25em;
}

.single-answer-container .answer-text label:hover {
	cursor:pointer;
}

.contentwrapper .flag {
	float:left;
	background:#e5edef url('images/flag-bg.jpg') no-repeat bottom center;
	width:712px;
	height:35px;
	margin-left:33px;
	margin-top:5px;
	padding:15px 0px 0px 60px;
	display:inline; /* Fixes IE6 double margin bug */
	/*font-size:11pt;*/
	font-size:1.6em;
}
.contentwrapper .flagged-status {
	background:#e5edef url('images/flag-bg-flagged.jpg') no-repeat bottom center;
}
.contentwrapper .flag:hover {
	background:#e5edef url('images/flag-bg-ro.jpg') no-repeat bottom center;
}

.contentwrapper .flag input:hover {
	cursor:pointer;
}

.contentwrapper .image {
	float:right;
	border:1px solid #f00;
	height:200px;
	width:200px;
	margin-right:40px;
	display:inline; /* Fixes IE6 double margin bug */
}

.buttons-container {
	float:left;
	width:772px;
	margin-left:33px;
	margin-top:25px;
	display:inline; /* Fixes IE6 double margin bug */
}

.buttons-container .previous-btn {
	float:left;
}
.buttons-container .overview-btn {
	float:left;
	padding-left:10px;
}
.buttons-container .next-btn {
	float:right;
}
.buttons-container .next-flagged-btn {
	float:right;
	padding-right:10px;
}


.content a:link {
	color:#1e8734;
}
.content a:active {
	color:#1e8734;
}
.content a:visited {
	color:#1e8734;
}
.content a:hover {
	color:#1e8734;
}

/* FOOTER STUFF */
.footerwrapper {
	background:#58595b url('images/footer-highlight.jpg') repeat-x;
}

.footerwrapper .footer {
	margin: 0 auto;
	width:900px;
	color:#FFFFFF;
	/*font-size:8pt;*/
	font-size:1.1em;
	padding:5px 0px 0px 2px;
	height:30px;
}

.footer a:link, .footer a:active, .footer a:visited, .footer a:hover {
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}

/* GENERIC CLASSES */
.clear {
	clear:both;
}

.normal-word-spacing {
	word-spacing:normal;
}

h1 {
	margin:0;
	padding:0;
	/*font-size:1.5em;*/
	font-size:1.7em;
	color:#23236f;
}

h2 {
	margin:0;
	padding:0;
	/*font-size:1.5em;*/
	font-size:1.3em;
	color:#23236f;
}

.top-margin-10 {
	margin-top:10px;
}

.content hr {
	background-color:#00CC00;
	border:1px solid #00CC00;
}


/* ROUNDED UI STUFF */
.eq-ui-container {
	width:600px;
}

.eq-ui-top {
	background:url('images/rounded-corner-top.jpg') no-repeat;
	height:15px;
}

.eq-ui-bottom {
	background:url('images/rounded-corner-bottom.jpg') no-repeat;
	height:15px;
}

.eq-ui-content {
	border-left:1px solid #9c9cbe;
	border-right:1px solid #9c9cbe;
}

.eq-ui-padding {
	padding:20px;
}

.eq-ui-left-element {
	width:150px;
	float:left;
	text-align:left;
	padding-left:140px;
	color:#4e4e4e;
}

.eq-ui-right-element {
	text-align:left;
}

.eq-ui-right-element a:link, .eq-ui-right-element a:visited, .eq-ui-right-element a:active {
	color:#23236f;
	text-decoration:none;
	/*font-size:9pt;*/
	font-size:1.2em;
}

.eq-ui-right-element a:hover {
	color:#6565c5;
}

.eq-ui-container .inputfields {
	border:1px solid #7f7f7f;
}

.ui-state-error, .ui-state-highlight, .ui-state-correct {
	padding: 0pt 0.7em 0.7em 0.7em; width:98%; text-align:left; font-size:0.9em;
}

.ui-state-correct {
	background:#e2ffce;
	border:1px solid #a6e87a;
	color:#363636;
}

.button {
	background:url('images/button-bg.jpg') repeat-x;
	height:29px;
	padding:0px 10px 0px 10px;
	border:0;
	color:#ffffff;
	font-size:11pt;
	border-left:2px solid #27973f;
	border-right:2px solid #27973f;
}

/* TABLE STYLES */
div#users-contain { font-size:0.9em; }
div#users-contain table { margin: 1em 0; border-collapse: collapse; }
div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
div#users-contain table tr.flagged {
	background-color:#f7e79b;
}
div#users-contain table td.center-align {
	text-align:center;
}
div#users-contain table tr.incorrect {
	background-color:#f0d6d6;
}
div#users-contain table tr.correct {
	background-color:#cbf79b;
}
div#users-contain table td hr {
	border-top:1px solid #c1c1c1;
	border-bottom:1px solid #ffffff;
	border-left:none;
	border-right:none;
}
div#users-contain table td.statsresponse {
	padding-left:30px;
}
/* END OF TABLE STYLES */

.statsresponse .bullet {
	float:left; width:16px;
}
.statsresponse .text {
	float:left;
	width:630px;
	padding-left:5px;
	font-style:italic;
}

ul.icons {margin: 0; padding: 0; }
ul.icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left; list-style: none; }
ul.icons span.ui-icon {float: left; margin: 0 4px;}

/* BLOBS */
.blob {
	width:11px;
	height:11px;
	background-image:url('images/blobs.png');
}

.blob.green {
	background-position: 0px 0px;
}
.blob.red {
	background-position: 0px 58px;
}
.blob.white {
	background-position: 0px 34px;
}
.blob.amber {
	background-position: 0px 46px;
}
.blob.brown {
	background-position: 0px 11px;
}

.center {
	text-align:center;
}

.required {
	color:#F00;
}

.float-r {
	float:right;
}

.float-l {
	float:left;
}

.noborder {
	border:none;
}

.right-image-border {
	float:right; padding:20px; margin:10px; border:1px solid #a9a9a9;
}

.correct {
	background-color:#b7edae;
}
.correct_text {
	color:#185a0e;
	float:right;
	font-weight:bold;
}
.incorrect {
	background-color:#edaeaf;
}
.incorrect_text {
	color:#ab0003;
	float:right;
	font-weight:bold;
}

.explanation_text {
	width:90%;
	padding:10px;
	background-color:#b7edae;
	margin:5px;
}

.ui-state-correct .ui-icon {display:none; }

.ui-widget-header a:link, .ui-widget-header a:active, .ui-widget-header a:visited, .ui-widget-header a:hover {
	color:#FFFFFF;
}
/* Forms */
form.layout label, form.layout input, form.layout textarea, form.layout select {
	display: block;
	float: left;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

form.layout label {
	text-align: right;
	width: 250px;
	padding-right: 20px;
}

form.layout br {
	clear: left;
}
legend {
	padding-right: 8px;
	padding-left: 8px;
	}
.smallsearch {
	text-align: left;
	width: 150px;
	padding-right: 20px;
}		
form.sformlabel label {
	/* width: 100px; */
	padding-right: 20px;
}	
.highlight-right {
	border: 1px solid green;
	padding: 5px;
	margin: 10px;
	background-color: #E6FFE6;
	float: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 150%;
	font-size: 80%;
	width: 25%;
}	
.small-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
}