body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	behavior:url("/csshover2.htc");	/* Allows hover effects in IE 6 */
}

#container { 	/* ----------------------------------------- CONTAINER */
	width: 760px;
	margin: 0;
	padding: 0;
	border: 1px solid black;
	text-align: left;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
}

#header {  		/* ----------------------------------------- HEADER */
	border: 0px solid black;
	margin: 0 0 0 0;    /* top right bottom left */
	padding: 0 0 0 0;
}

#footer {		/* ----------------------------------------- FOOTER */
	border: 0px solid black;
	margin: 0px 0 0 0;	/* top right bottom left */
	padding: 0px;
	clear: both;
	background-color: white;
	/*background-image: url(images/footer.jpg); */
}

#nav {	/* contains the next and previous question buttons */
		/*float: left;*/
		margin-top: 15px;
		margin-bottom: 0px;
		width: 345px;
	}

	#nav input.next {
		float: right;
		/*margin-right: 385px;*/
	}
	
	#nav input.back {
		float: left;
	}
	
#reminder {
	background-color: #e3e3e3;
	border: 2px solid silver;
	font-weight: bold;
	padding: 3px;
}

form {    		/* ----------------------------------------- FORM / PAGE CONTENT */
	margin: 0 0 0 0;
	padding: 5px 15px 15px 15px;
}

	table {	/* virtually all tables are border=0 cellpadding=0 cellspacing=0 */
				/* so let's set them that way here instead of specifying the same */
				/* attributes every time! */
		border: 0; 				/* border = 0 */
		border-spacing: 0;	/* cellspacing = 0 */
		padding: 0;				/* cellpadding = 0 */
	}
	
	p {		/* ensures that paragraph margins remain consistent in FF and IE */
		margin: 13px 0;
	}

	p.question {
		font-weight: bold;
		line-height: 1.4em;
	}
	
	span.highlight {	/* highlighted text, use this instead of blue/red text :) */
		background-color: #FFBA4F;	
		padding: 2px 4px;
		line-height: 1.5em;
		white-space: nowrap;
	}

	p.error {			/* inline error - inserted at "<%=g_pageError%>" on every page */
		background-color: yellow;
		border: 1px solid red;
		padding: 4px;
		font-weight: bold;
	}
	
	p.warning {			/* inline warning - inserted at "<%=g_pageWarning%>" */
		background-color: #7DEF59;
		border: 1px solid #308F11;
		padding: 4px;
		font-weight: bold;
	}
	
	input.back {
		padding-right: 20px;
		border-right: 0px solid black;
	}

	input.next {
		padding-left: 8px;
	}
		
	tr.ans:hover {
		background-color: #C9D5DF;
	}
	
	tr.alt {
		background-color: #e3e3e3;
	}
		
/* ----------------------------------------- FORM CONTROLS */
					
	label {
		display: block;
		padding: 0 5px 0 0;
		margin: 0;
	}

	td.checkbox {
		height: 23px;
		border: 0px solid red;
	}

	td.radio {
		height: 23px;
		border: 0px solid red;
	}
	
	input.other {
		margin: 3px 0 3px 0;
	}
	
	td.other {
		vertical-align: top;
		padding: 3px 0 0 0;
	}
					
/* ----------------------------------------- X5B CONTROLS */
		
table.x5b {
	
}

.x5b-header-item {
	font-weight: bold;
}

.x5b-label {
	border-bottom: 1px solid silver;
	padding: 5px;
}

.x5b-radio {
	height: 25px;
	border-bottom: 1px solid silver;
	text-align: center;
}

.x5b-text {
	height: 30px;
	border-bottom: 1px solid silver;
}

div#container table tr td.x5b-radio:hover {
	/*background-color: #EFF1FF;*/
	background-color: #C9D5DF;
}