/*DEFAULT STYLES*/
/*--------------*/

img
{
	border: 0;
}

body 
{
	text-align:center;
	background: #EEE;
	margin: 36px 0 0 0;
}

#wrapper
{
	width:706px;
	background:#FFF;
	text-align:center;
	margin:0 auto;
	border: 1px solid #C3C3C3;
	padding:1px;
}

.clear
{
	clear:left;
	font-size:0;
	line-height: 1px;
	height: 1px;
}


/* Timer Styling */
/* ============= */
.timer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #000099;
	border: 1px solid #fcfcfc;
}

.timerhidden {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #000099;
	border: 1px solid #fcfcfc;
	visibility:hidden;
}
.blue-highlight
{
	color: #165189;
}

/*HEADER STYLES*/
/*-------------*/

#titlebar
{
	background: #EEE url('/media/images/header-titlebar-bg.gif');
	border: 1px solid #C3C3C3;
	height: 23px;
	padding: 0;
	margin: 0;
}

#titlebar-left
{
	margin: 7px 0 0 5px;
	padding: 0;
	line-height: 11px;
	text-align: left;
	float: left;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #565656;
}

#titlebar-right
{
	margin: 3px 1px 0 0;
	padding: 0;
	text-align: right;
	float: right;
}

#header
{
	height: 62px;
	padding: 0;
	border-top: 0;
	border-bottom: 0;
	border-left: 1px solid #C3C3C3;
	border-right: 1px solid #C3C3C3;
}

#header-left
{
	padding: 9px 0 0 5px;
	margin: 0;
	text-align: left;
	float: left;
}

#header-right
{
	padding: 30px 0 0 0;
	margin: 0;
	text-align: right;
	float: right;
}

#header-right div
{
	float: left;
}

#header-blue-separator
{
	height: 10px;
	margin: 0;
	padding: 0;
	font-size: 0px;
	line-height: 1px;
	background-color: #165189;
	border-left: 1px solid #C3C3C3;
	border-right: 1px solid #C3C3C3;
}

#header-blue-separator div
{
	border-top: 1px solid #2A83D6;
}

#header-grey-separator
{
	height: 5px;
	margin: 0;
	padding: 0;
	font-size: 0px;
	line-height: 1px;
	background-color: #D3D3D3;
	border-left: 1px solid #C3C3C3;
	border-right: 1px solid #C3C3C3;
	border-bottom: 1px solid #C3C3C3;
}

#header-gradient
{
	height: 41px;
	padding: 0;
	margin: 0;
	text-align: left;
	background: url('/media/images/header-gradient-bg.gif');
	border-left: 1px solid #C3C3C3;
	border-right: 1px solid #C3C3C3;
}

#header-gradient div
{
	font-family: Arial;
	color: #404040;
	font-weight: bold;
	margin: 0;
	
}

/* ******************** */
/* HEADER GRAPHIC PARTS */
/* ******************** */
/*
.part-1{color:#165189;}
.part-2{color:#3A5EF5;}
.part-3{color:#67A2E9;}
.part-4{color:#1E9FDC;}
.part-5{color:#5CA9CD;}
.part-6{color:#1E9FDC;}
.part-7{color:#67A2E9;}
.part-8{color:#3A5EF5;}
*/
.part-1 { color: #0B3AF1;}
.part-2 { color: #0496FD;}
.part-3 { color: #5CB606;}
.part-4 { color: #0B3AF1;}
.part-5 { color: #0496FD;}
.part-6 { color: #5CB606;}
.part-7 { color: #0B3AF1;}
.part-8 { color: #0496FD;}



/* ******************** */
/* HEADER GRAPHIC PARTS */
/* ******************** */

#header-gradient-left
{
	float: left;
	padding: 11px 0 0 10px;
	line-height: 14px;
	font-size: 14px;
}

#header-gradient-right
{
	float: right;
	padding: 15px 10px 0 0;
	line-height: 11px;
	font-size: 11px;
}

#header-gradient-middle
{
	padding: 15px 0 0 0;
	text-align: center;
	line-height: 11px;
	font-size: 11px;
}

.quiztitle 
{
	text-decoration:none;
	color:#404040;
}

/*CONTENT STYLES*/
/*--------------*/

#content-main 
{
	min-height: 570px;
	text-align: left;
	margin: 0;
	padding: 0 0 1px 0;
	border-left: 1px solid #C3C3C3;
	border-right: 1px solid #C3C3C3;
	border-bottom: 1px solid #C3C3C3;
	background: #FFF url('/media/images/content-bg.jpg') bottom right no-repeat;
	position:relative;
}

* html #content-main {
	height: 570px;
}

#content-main:after
{
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}


#content-left
{
	margin: 0;
	padding: 8px 0 0 10px;
	text-align: left;
	font-family: Arial;
	font-size: 11px;
	color: #404040;
	width: 460px;
}

/* ************* */
/* CONTENT PARTS */
/* ************* */
#content-left-part-1 { margin: 0; padding: 8px 0 0 10px; text-align: left; font-family: Arial; font-size: 11px; color: #0B3AF1; width: 460px; }
#content-left-part-2 { margin: 0; padding: 8px 0 0 10px; text-align: left; font-family: Arial; font-size: 11px; color: #0496FD; width: 460px; }
#content-left-part-3 { margin: 0; padding: 8px 0 0 10px; text-align: left; font-family: Arial; font-size: 11px; color: #5CB606; width: 460px; }
#content-left-part-4 { margin: 0; padding: 8px 0 0 10px; text-align: left; font-family: Arial; font-size: 11px; color: #0B3AF1; width: 460px; }
#content-left-part-5 { margin: 0; padding: 8px 0 0 10px; text-align: left; font-family: Arial; font-size: 11px; color: #0496FD; width: 460px; }
#content-left-part-6 { margin: 0; padding: 8px 0 0 10px; text-align: left; font-family: Arial; font-size: 11px; color: #5CB606; width: 460px; }
#content-left-part-7 { margin: 0; padding: 8px 0 0 10px; text-align: left; font-family: Arial; font-size: 11px; color: #0B3AF1; width: 460px; }
#content-left-part-8 { margin: 0; padding: 8px 0 0 10px; text-align: left; font-family: Arial; font-size: 11px; color: #0496FD; width: 460px; }
/* ************* */
/* CONTENT PARTS */
/* ************* */

#content-right-fix
{
	width: 213px;
	background: #F2F2F2;
	padding: 0;
	margin: 1px 1px 10px 0;
	border: 1px solid #C3C3C3;
	position:absolute;
	top:0;
	right:0;
}

#content-right
{
	width: 213px;
	background: #F2F2F2;
	padding: 0;
	margin: 1px 1px 10px 0;
	border: 1px solid #C3C3C3;
	float: right;
}

#content-right-title
{
	height: 21px;
	margin: 1px 0 0 0;
	background: url('/media/images/content-right-title-bg.gif');
	border-top: 1px solid #E1E1E1;
	border-bottom: 1px solid #C3C3C3;
}

#content-right-title-left
{
	line-height: 11px;
	padding: 4px 0 0 7px;
	float: left;
	text-align: left;
	font-family: Arial;
	font-size: 11px;
	color: #575757;
}

#content-right-title-right
{
	padding: 1px 1px 1px 0;
	float: right;
	text-align: right;
}

#content-right-body
{
	line-height: 2em;
	background: #F2F2F2 url('/media/images/content-right-body-bg.jpg') top repeat-x;
	text-align: left;
	font-family: Arial;
	font-size: 10px;
	color: #666;
	padding: 5px 5px 5px 5px;
}

#content-right-body hr
{
	height: 1px;
	background: #DBDBDB;
	color: #DBDBDB;
	border: 0;
}

.form-row
{
	margin-bottom: 1px;
}

.textinput
{
	width: 240px;
	height: 18px;
	border: 1px solid #404040;
	background-color: #F2F2F2;
}

.form-cell-left
{
	float: left;
	width: 150px;
	padding-top: 4px;
	text-align: left;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #404040;
}

.form-cell-right
{
	float: right;
	text-align: left;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #404040;
}

.form-cell-submit
{
	width: 358px;
	text-align: right;
	padding: 0;
	margin: 0;
}

.form-cell-submit-new
{
	background:#ffffff;
	width: 100%;
	text-align: left;
	padding: 0;
	margin: 0;
}

.statuslabel 
{
	color:#FF0000;
}

/*QUIZ PAGE STYLES*/

.question-answer
{
	padding: 0;
	margin: 0;
	border-bottom: 1px dotted #BFBFBF;
}

.number-button
{
	float: left;
	width: 29px;
	height: 28px;
	text-align: center;
	font-weight: bold;
	color: White;
	background: url('/media/images/blue-number-button-bg.gif') no-repeat;
}

.input-radio
{
	padding: 4px 10px 0 30px;
	height: 100%;
	text-align: center;
	float: left;
}

.p-number-button
{
	margin: 7px 0 0 1px;
}

.question-text
{
	width: 420px;
	float: left;
	text-align: left;
	padding: 7px 0 10px 6px;
	font-size: 12px;
	font-weight: bold;
}

.answer-text
{
	float: left;
	text-align: left;
	padding: 7px 0 4px 6px;
	font-size: 12px;
	color: #575757;
	font-weight: bold;
}

/* ************* */
/* ANSWER PARTS */
/* ************* */
.answer-text-part-1 { font-family: Arial; font-size: 11px; color: #0B3AF1; text-align: left;}
.answer-text-part-2 { font-family: Arial; font-size: 11px; color: #0496FD; text-align: left;}
.answer-text-part-3 { font-family: Arial; font-size: 11px; color: #5CB606; text-align: left;}
.answer-text-part-4 { font-family: Arial; font-size: 11px; color: #0B3AF1; text-align: left;}
.answer-text-part-5 { font-family: Arial; font-size: 11px; color: #0496FD; text-align: left;}
.answer-text-part-6 { font-family: Arial; font-size: 11px; color: #5CB606; text-align: left;}
.answer-text-part-7 { font-family: Arial; font-size: 11px; color: #0B3AF1; text-align: left;}
.answer-text-part-8 { font-family: Arial; font-size: 11px; color: #0496FD; text-align: left;}



/* ************* */
/* ANSWER PARTS */
/* ************* */

.answer-wrap
{
	margin: 10px 0 20px 0;	
}

/*FOOTER STYLES*/
/*-------------*/

#footer
{
	height: 25px;
	background: url('/media/images/footer-bg.gif');
	border: 1px solid #C3C3C3;
	border-top: 0;
}

#footer div
{
	font-family: Arial;
	color: #727272;
	font-size: 10px;
}

#footer-left
{
	padding: 7px 0 0 9px;
	float: left;
	text-align: left;
}

#footer-left a
{
	text-decoration:none;
	color: #727272;
}

#footer-left a:hover
{
	text-decoration:underline;
}

#footer-right
{
	padding: 7px 9px 0 0;
	float: right;
	text-align: right;
}

#footer-right a
{
	text-decoration:none;
	color: #727272;
}

#footer-right a:hover
{
	text-decoration:underline;
}

.grid-pagers {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #454545;
	text-decoration:none;
}

.grid {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border: 1px dotted #dfdfdf;
}
.grid-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #002266;
	font-weight:bold;
}

.buttons {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
	background-color: #eeeeee;
	border: 1px solid #333333;
	width:59px;
}



h3
{
	color: #002266;
}

h4
{
	color: #002266;
}

.chbx-ip
{
	padding-left :20px;
}


#Checkboxlist1 td
{
  padding:3px;
}

#Checkboxlist1 Label
{
  display:block;
  height:40px;
}

#Checkboxlist1 input
{
	float:left;
}


#Checkboxlist2 td
{
  padding:3px;
}

#Checkboxlist2 Label
{
  display:block;
  height:40px;
}

#Checkboxlist2 input
{
	float:left;
}

#Checkboxlist3 td
{
  padding:3px;
}

#Checkboxlist3 Label
{
  display:block;
  height:40px;
}

#Checkboxlist3 input
{
	float:left;
}


#Checkboxlist4 td
{
  padding:3px;
}

#Checkboxlist4 Label
{
  display:block;
  height:40px;
}

#Checkboxlist4 input
{
	float:left;
}

#Checkboxlist5 td
{
  padding:3px;
}

#Checkboxlist5 Label
{
  display:block;
  height:40px;
}

#Checkboxlist5 input
{
	float:left;
}

#Checkboxlist6 td
{
  padding:3px;
}

#Checkboxlist6 Label
{
  display:block;
  height:40px;
}

#Checkboxlist6 input
{
	float:left;
}

#Checkboxlist7 td
{
  padding:3px;
}

#Checkboxlist7 Label
{
  display:block;
  height:40px;
}

#Checkboxlist7 input
{
	float:left;
}

#Checkboxlist8 td
{
  padding:3px;
}

#Checkboxlist8 Label
{
  display:block;
  height:40px;
}

#Checkboxlist8 input
{
	float:left;
}

#Checkboxlist9 td
{
  padding:3px;
}

#Checkboxlist9 Label
{
  display:block;
  height:40px;
}

#Checkboxlist9 input
{
	float:left;
}

#Checkboxlist10 td
{
  padding:3px;
}

#Checkboxlist10 Label
{
  display:block;
  height:40px;
}

#Checkboxlist10 input
{
	float:left;
}

#Checkboxlist11 td
{
  padding:3px;
}

#Checkboxlist11 Label
{
  display:block;
  height:40px;
}

#Checkboxlist11 input
{
	float:left;
}

#Checkboxlist12 td
{
  padding:3px;
}

#Checkboxlist12 Label
{
  display:block;
  height:40px;
}

#Checkboxlist12 input
{
	float:left;
}


/*
label
{
	padding-left :50px;
}
*/