body {
	margin: 0px;
	padding-bottom: 30px;
	font-size: 100%;
	font-family: arial, helvetica, sans-serif;
	text-align: center;
	background: #EEEEF2;
	font:13px/1.22 arial,helvetica,clean,sans-serif;
}

h1 {
	color: #990000;
	font-size: 0.85em;
	font-weight: bold;
}

h2 {
	color: #336699;
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;
}

p {
	font-size: 0.75em;
	color: black;
	line-height: 1.3em; 
	/* by default, line-height is 1.2ems. */
}

ul {
	color: black;
	padding: 0;
	margin: 0;
}
ul li{
	padding: 0;
	margin: 0;
}

a{
	color: #990000;
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
}

/* admin layout */
div.content_area {
	width: 740px;
	padding-top: 90px;
	background: url(../img/logo.gif) no-repeat 20px 10px #fff;
	margin: 0 auto;
}
table.quiz-admin {
	width: 740px;
	margin: 0 auto;
}
table.quiz-admin td {
	background-color: white;
	text-align: left;
	padding: 20px 0 0 0;
}
table.quiz-admin td img.bottom-right {
	float: right;
}

/* admin nav */
ul#mainNavigation {
	width: 100%;
	text-align: left;
	vertical-align: top;
	background-color: #336699 !important;
	list-style-type: none;
	float: left;
	position: relative;
	margin-bottom: 60px;
}
ul#mainNavigation li {
	background-repeat: no-repeat !important;
	background-color: #336699;
	border-right: 1px solid #295182;
	padding-left: 23px;
	padding-right: 20px;
	list-style-type: none;
	float: left;
	position: relative;
}
ul#mainNavigation li:last-child {
	border-right: none !important;
}
ul#mainNavigation li:hover, ul#mainNavigation li.hover {
	background-image: url("/images/pri_nav_bkgd_fr_active.gif");
	background-color: #B4210F !important;
}
ul#mainNavigation a {
	padding: 5px;
	display: block;
	color: white;
	text-decoration: none;
	font-size: 93%;
}
ul#mainNavigation ul {
	width: 200px;
	text-align: left;
	vertical-align: top;
	background-color: #336699 !important;
	list-style-type: none;
	padding: 0 !important;
	position: absolute;
	top: 24px;
	left: 0;
	display: none;
}
ul#mainNavigation li:hover ul, ul#mainNavigation li.hover ul {
	display: block;
}

ul#mainNavigation li li {
	width: 200px;
	padding: 0 !important;
	list-style-type: none;
	border-right: none !important;
	float: left;
}
ul#mainNavigation li li a {
	width: 200px;
	w\idth: 177px;
	padding-left: 23px;
	padding-right: 5px;
	padding-top: 5px;
	display: block;
	float: left;
	font-size: 93%;
}

ul#mainCrumbs {
	list-style-type: none;
	margin-left: 20px;
	margin-bottom: 20px;
	width: 720px;
	float: left;
}
ul#mainCrumbs li{
	margin-right: 5px;
	float: left;
}
ul#mainCrumbs li:after{
	content:' >';
}
ul#mainCrumbs li:last-child:after{
	content:'';
}
ul.subnav, ul#subnav {
	width: 500px;
	list-style-type: none;
	margin-left: 110px;
	padding-bottom: 20px;
	text-align: right;
	clear: both;
}
ul.subnav li, ul#subnav li{
	float: left;
	margin-right: 10px;
}
ul.subnav li:last-child, ul#subnav li:last-child {
	border-right: none;
}
table.quiz-admin h3{
	width: 500px;
	w\idth: 480px;
	padding: 0 0 0 20px;
	margin-bottom: 0;
	margin-left: 110px;
	color: #fff;
	line-height: 24px;
	background: #336699; 
	font-size: 116%;
	text-align: left;
	float: left;
}
* html table.quiz-admin h3{
	margin-left: 55px;
}
ul#listnav{
	clear: both;
	list-style-type: none;
/*	margin-top: 20px;*/
	margin-left: 110px;
	padding: 0;
}
ul#listnav li{
	width: 500px;
	w\idth: 490px;
	float: left;
	padding: 5px 0 10px 10px;
	line-height: 26px;
}
ul#listnav li a{
	width: 450px;
	text-decoration: none;
	float: left;
}
ul#listnav li a:hover{
	text-decoration: underline;
}
ul#listnav li.odd{
	background: #eee;
}

a.delete-btn, a.edit-btn, a.user-icon, a.note-icon {
	display: block;
	width: 18px;
	height: 18px;
	text-indent: -9999px;
}
li.addAdmin {
	width: 400px;
	padding-top: 20px;
	margin-left: 90px;
}
li.show, li.add {
	float: right !important;
	margin-left: 10px;
	border: none !important;
}
li.show a{
	display: block;
	background: url(../img/quiz-admin-edit.gif) no-repeat 0 0;
	color: #336699;
	padding-left: 20px;
	text-decoration: none;
}
li.add a{
	display: block;
	background: url(../img/quiz-admin-add.gif) no-repeat 0 0;
	color: #336699;
	padding-left: 20px;
	text-decoration: none;
}
ul.subnav li a:hover{
	text-decoration: underline;
}
li.addAdmin a{
	display: block;
	background: url(../img/quiz-admin-user.gif) no-repeat 0 0;
	color: #336699;
	padding-left: 23px;
	float: right;
}
ul#listnav li a.delete-btn{
	width: 18px;
	height: 18px;
	text-indent: -9999px;
	display: block;
	background: url(../img/quiz-admin-delete.gif) no-repeat 0 0;
	color: #336699;
	margin-top: 7px;
}
ul#listnav li.odd a.delete-btn{
	background: url(../img/quiz-admin-delete-grey.gif) no-repeat 0 0;
}
ul#quizlist{
	float: left;
	list-style-type: none;
	margin-top: 20px;
	margin-left: 20px;
}
ul#quizlist li{
	margin-top: 6px;
}
ul#listnav li:last-child {
	border-right: none;
}
form#quiz, form#question, form#answer, form#newQuizForm{
	width: 500px;
	margin-left: 110px;
	clear: both;
}
form#login{
	width: 400px;
	margin-left: 200px;
	clear: both;
	text-align: left;
}
form div.field{
	width: 500px;
	float: left;
	margin-bottom: 10px;
}
form#user div.field{
	width: 300px;
	float: left;
	margin-bottom: 10px;
}
form#login div.field{
	width: 400px;
	float: none;
	clear: both;
	text-align: left;
}
form#login input{
	width: 140px;
}
button#submit{
	width: 80px;
	padding: 5px 0;
	margin-top: 10px !important;
	margin-left: 142px !important;
	display: block;
	float: left;
}
* html form#login button#submit{
	margin-left: 72px !important;
}
form#question button#submit, form#answer button#submit, form#user button#submit{
	margin-top: 0 !important;
	margin-left: 81px !important;
	clear: both;
}
form#quiz button#submit{
	float: none;
	clear: both;
	margin-top: 0 !important;
	margin-left: 81px !important;
}
fieldset{
	border: none;
	float: left;
}
form div.field span{
	width: 300px;
	float: left;
}
form div.field span.main{
	width: 70px;
	float: left;
}
form div.field span.sub{
	width: 70px;
	float: left;
}
form div.adminAnswers{
	width: 340px;
	float: left;
}
form div.adminAnswers div.row{
	margin-bottom: 10px;
	float: left;
}
form div.answerRadio{
	margin-right: 3px;
	float: left;
}
form textarea{
	width: 360px;
	margin-left: 5px;
	margin-bottom: 10px;
}
form select{
	width: 155px;
	margin-left: 5px;
	margin-bottom: 10px;
}
form input{
	margin-bottom: 10px;
}
form div{
	text-align: left;
}
div.message{
	margin-left: 20px;
	font-size: 131%;
	font-weight: bold;
	color: #336699;
}
/* quiz styles */
table.quiz-admin h1{
	padding: 10px 60px 0 60px;
	margin-bottom: 0;
	color: #000;
	font-size: 131%;
	text-align: left;
}
table.quiz-admin h1#startHeader, table.quiz-admin h1#endHeader{
	padding: 10px 80px 0 80px;
}
table.quiz-admin div#bodyText, div#releaseText{
	padding: 20px 80px;
	color: #333;
	text-align: left;
}
table.quiz-admin div.bodyText{
	padding: 20px 80px;
	color: #333;
	text-align: left;
	float: left;
}
table.quiz-admin div.resultText{
	padding: 20px 80px;
	color: #333;
	text-align: left;
}
table.quiz-admin form{
/*	padding: 20px 60px;*/
	text-align: center;
}
table.quiz-admin form#user{
	width: 500px;
	margin-left: 110px;
	clear: both;
}
table.quiz-admin form#user fieldset{
	border: none;
}
table.quiz-admin input{
	margin: 0 5px;
}
table.quiz-admin div#container div#quizDashboard{
	margin: 20px 60px 0 60px;
	color: #333;
	border-bottom: 1px solid #999;
	height: 20px;
}
table.quiz-admin div#container span#questionCount{
	float: left;
	font-weight: bold;
}
table.quiz-admin div#container span#remainingTime{
	float: right;
	font-weight: bold;
}
table.quiz-admin h2{
	padding: 30px 80px 0 80px;
	margin: 0;
	color: #000;
	font-size: 131%;
	text-align: left;
	clear: both;
}
table.quiz-admin div#answers{
	margin-bottom: 20px;
}
table.quiz-admin div#answers div{
	border: none;
	text-align: left;
	padding: 0 0 0 100px;
	float: left;
	width: 600px;
}
table.quiz-admin div#answers input{
	float: left;
}
table.quiz-admin div#answers span{
	float: left;
}
table.quiz-admin div.results {
	width: 200px;
	margin-top: 15px;
	margin-left: 80px;
	padding: 0 !important;
}
table.quiz-admin div.results div{
	width: 200px;
	text-align: left;
	padding: 0 !important;
	border-bottom: none;
	clear: both;
}
table.quiz-admin div.results div span.result_item{
	float: left;
	font-weight: bold;
	color: #666;
	padding-bottom: 10px;
	display: block;
}
table.quiz-admin div.results div span.result_value{
	float: right;
	color: #999;
	padding-bottom: 10px;
	display: block;
}
table.quiz-admin div.results p{
	width: 204px;
	w\idth: 200px;
	float: left;
	margin-top: 4px;
	padding-top: 8px;
	padding-right: 4px;
	border-top: 1px solid #999;
	font-size: 100%;
	font-weight: bold;
	text-align: right;
}
table.quiz-admin span.buttonbar{
	width: 600px;
	display: block;
	border-top: 1px solid #ccc;
	padding-top: 20px;
	margin-top: 20px;
	margin-left: 70px;
	float: left;
	text-align: center;
}