html { overflow-y: scroll }
body { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif, sans; text-align: center; padding: 0px; margin: 0px; margin-left: auto; margin-right: auto; color: rgb(1,64,108); background-color: white;  }
body, td { font-size: 76%;  }
* td {
	font-size: 76%;
	f\ont-size: 100%
}
* { box-sizing: content-box; -moz-box-sizing: content-box }
a, a:visited { text-decoration: none; color: rgb(1,64,108); }
a:hover { text-decoration: underline }
input { font-size: 90% }
select { font-size: 90%; font-family: Tahoma, Arial }
textarea { font-size: 90%; font-family: Tahoma, Arial }
ul { margin-bottom: 1px; margin-top: 1px; margin-left: 0em; padding-left: 1.65em }
h1 { font-size: 180%; font-weight: normal; margin-top: 0em; margin-bottom: 0.55em; text-align: center; }
h2 { font-size: 140%; margin-top: 0em; margin-bottom: 0.24em }
h3 { font-size: 130%; margin-top: 0em; margin-bottom: 0.2em; }
h4 { font-size: 120%; margin-top: 0em; margin-bottom: 0.85em }
h5 { font-size: 110%; margin-top: 0em; margin-bottom: 0.90em }
th { font-size: 90%; text-align: left }
p { margin-top: 0em; margin-bottom: 0.95em }
div img {margin: 0px; padding: 0px; border: none;}
hr { height: 1px; color: #003e6d; background-color: #003e6d; border: 0; }

.clear {clear: both; font-size: 1px;}
.clear img {height: 1px; width: 1px;}
.logo {width: 137px; height: 49px; border: none;}

#mainbodydiv {overflow: visible; height: 1%;}
.pagetext a, .pagetext a:visited { text-decoration: underline; }
.err {color: red; font-weight: bold;}

#fullpagecon {width: 100%; text-align: center; background-color: white; background-repeat: no-repeat; background-position: top center; }
#fullpage { width: 760px; margin-left: auto; margin-right: auto; text-align: left; position: relative;}

#header { width: 100%; height: 71px;}
#header .logo {position: relative; top: 10px; left: 15px;}
#header .rhead { float: right; text-align: right; margin-right: 10px; padding-top: 6px }

#header .loginbox td { color: white; font-size: 0.8em; }
#header .loginbox { color: white; margin-top: 7px }
#header .loginbox form { margin: 0px }
#header .loginbox input {color: rgb(1,64,108); }
#header .loginbox #username {background-color: rgb(217,226,233); }
#header .loginbox #password {background-color: rgb(217,226,233); }
#header .loggedin {margin-top: 16px; font-size: 120%; color: white;}
#header #logout {color: rgb(1,64,108); height: 20px; font-weight: bold; font-size: 80%; position: relative; top: 1px; left: 0px;}
#forgotpass { position: relative; top: 14px; font-size: 90% }
* html #forgotpass { top: 10px } /* IE6 */

#mainbodycon {margin-top: 12px; height: 450px;}
html>body #mainbodycon {height: auto; min-height: 450px;}

#toc_menu {float: left; width: 290px;}
#toclogo {margin: auto 1em auto 1em; text-align: center;}
#tocdetails {margin: auto 1em auto 1em; width: 260px; float: left;}
.toc_logo {display: block; margin: 10px 5px 10px 5px;}
.toc_name {float: left; margin: 5px; height: 50px; width: 120px;}
.toc_img {float: left;}
#tocmenutext {width: 760px; margin-bottom: 3em;}
#viewtocdata {width: 280px;}
address {margin: 1em auto 1em auto; font-style: normal;}
#middlediv {margin: auto auto 1em auto; border-top: 1px solid gray; border-bottom: 1px solid gray; padding: 5px;}
#updatesdiv {float: left;}
#searchdiv {float: right; text-align: right;}
#searchresults {margin: 1em auto 1em auto;}
#ancdiv {background-color: #CCCCCC; text-align: center;}
ul.nomarker {list-style-type: none;}
#anclist {border: 1px solid black;}
#anclist li {list-style-type: none; display: inline;}
.clearingdiv {clear: both; font-size: 1px;}
.anchor_no_link:hover {text-decoration: none;}
.searchrestxt {margin: 1em auto 0px auto; font-weight: bold;}
.searchreslist {margin: 0px auto 1em auto;}
#backlink {margin: auto auto 1em auto; display: block; text-align: center; font-weight: bold; font-size: large; background-color: #EEEEEE;}

#searchbox { margin: 10px 0px 6px 10px;}
#searchbox #searchwords {width: 100px; color: rgb(90,90,90); }
#searchbox input {border: 1px solid rgb(120,120,122); font-size: 100%; width: 26px; background-color: rgb(221, 221, 221); }
html>body #searchbox input {width: 22px;}
#searchbox {position: relative; top: -3px; left: 0px}
html>body #searchbox {top: 0px;}
#searchbox #submit {font-size: 90%;}


#menucol {float: left; width: 181px; margin-right: 12px;}
#menucol .menucon {background: rgb(230,235,241) url(/images/menu_bg_top.gif) no-repeat scroll top center; padding-top: 20px;}
#sidemenu {margin: 5px 0px 5px 0px; padding-bottom: 4px;}
#sidemenu, #sidemenu a {font-weight: bold; }
#sidemenu .item {margin: 3px 0px 5px 0px; padding-left: 15px; }
#sidemenu .submenu  {background: rgb(252,231,230) url(/images/menu_bg_sub.gif) no-repeat scroll top center; padding-bottom: 4px; }

#sidemenu .norm {background: transparent url(/images/menul1.gif) no-repeat scroll top left;}
#sidemenu .selected { padding-top: 3px; padding-bottom: 3px; background: rgb(227, 7, 7) url(/images/menu_bg_sub.gif) no-repeat scroll top center; }
#sidemenu .selected, #sidemenu .selected a {color: white;}

#sidemenu .norm_admin {background: transparent url(/images/menul1.gif) no-repeat scroll top left; font-style: italic;}
#sidemenu .selected_admin { padding-top: 3px; padding-bottom: 3px; background: rgb(227, 7, 7) url(/images/menu_bg_sub.gif) no-repeat scroll top center; }
#sidemenu .selected_admin, #sidemenu .selected_admin a {color: white; font-style: italic;}

#sidemenu .subnorm {background: transparent url(/images/menul2.gif) no-repeat scroll top left;}
#sidemenu .subselected {background: transparent url(/images/menul2_sel.gif) no-repeat scroll top left;}
#sidemenu .subselected, #sidemenu .subselected a {text-decoration: underline;}

#sidemenu .subnorm_admin {background: transparent url(/images/menul2.gif) no-repeat scroll top left; font-style: italic;}
#sidemenu .subselected_admin {background: transparent url(/images/menul2_sel.gif) no-repeat scroll top left;}
#sidemenu .subselected_admin, #sidemenu .subselected_admin a {text-decoration: underline; font-style: italic;}

#sidemenu .l2norm {background: none; margin-left: 10px; }
#sidemenu .l2selected {background: none; margin-left: 10px; }
#sidemenu .l2selected, #sidemenu .l2selected a {text-decoration: underline;}

#qlinks {background: rgb(204,217,226) url(/images/qlinks_bg.gif) no-repeat scroll top left; margin-top: 10px; margin-bottom: 10px;}
#qlinks .header {color: red; font-weight: bold; font-size: 90%; margin-left: 20px; padding-top: 1px; height: 15px;}
html>body #qlinks .header {height: auto; min-height: 15px;}
#qlinks .sub {width: 179px; border: 1px solid rgb(204,217,226); background-color: white; }
#qlinks .pagetext {margin: 8px}
#qlinks .pagetext, #qlinks .pagetext a {color: rgb(1,63,110);}
#qlinks .title {font-weight: bold; }

#i_lcol {float: left; width: 283px; margin-right: 22px;}
#i_rcol {float: left;}

#ticker {width: 261px; height: 225px; margin: 0px; border: 0px; padding: 0px;}
#ticker .admin {font-weight: bold; width: 249px; height: 213px; padding: 5px; border: 1px solid rgb(1,63,110);}

#countdowncon { border: 1px solid rgb(1,63,110); background-color: rgb(165,188,204); margin-top: 6px; padding: 8px 2px 4px 4px;}
#countdowncon_old {background-color: rgb(127,159,182);}
#countdowncon .countdown { width: 251px; background: transparent no-repeat scroll top right;}
#countdowncon .countdown .ctext {font-size: 90%; padding-top: 5px;}
#countdowncon .countdown .ctext, #countdowncon .countdown .ctext a {color: white; font-weight: bold;}
#countdowncon .cal {width: 118px; height: 135px; float: right;}
#countdowncon .cal .pagetext {margin-top: 40px; margin-left: 8px; font-size: 200%; font-family: Verdana }
#countdowncon .cal .pagetext, #countdowncon .cal .pagetext a {color: rgb(184,5,37); text-decoration: none;}

#mainbodydiv { float: left; width: 567px; margin-top: 4px;}

#footercon {width: 100%; text-align: center; background: transparent url(/images/footer_bg.gif) repeat-x scroll top left; margin-top: 10px; }
#footer { width: 760px; margin-left: auto; margin-right: auto; text-align: left; font-size: 90%; padding-top: 8px;  }
#footer .rlinks { float: right;}
#footer .rlinks, #footer .rlinks a {color: rgb(180,186,210)}


/* sitemap */
#sitemap {margin-left: 30px; line-height: 140%;}

/* Registration form */
.regform {}

.regform .section {background-color: rgb(230,230,230);  width: 540px; margin-top: 10px; margin-bottom: 10px;}
.regform .c_section {background-color: rgb(230,230,230);  width: 700px; margin-top: 10px; margin-bottom: 10px; margin-left: 30px;}
.regform .section td, .regform .c_section td {padding: 4px; vertical-align: top;}
.regform td.label {width: 120px;}
.regform .title {font-size: 120%; font-weight: bold;}
.regform .label {font-weight: bold;}
.regform .req, .req {color: red; font-size: 90%; font-weight: normal;}
.regform input {width: 130px;}
.regform textarea {width: 200px; height: 70px;}
.regform select {width: 90px;}
.regform .helplink {color: red !important; text-decoration: underline !important; }
.regform .help {display: none; border: 1px solid black; padding: 5px; width: 320px; background-color: rgb(255, 255, 206);  font-weight: normal; position: absolute; z-index: 2}
.regform .helpiframe { position: absolute; z-index: 1; display: none }
.regform .help li {margin-bottom: 3px;}
.regform #orginfo {margin-top: 2px; margin-bottom: 2px; font-weight: bold; font-size: 110%; border: 1px solid rgb(100,100,100); display: none; background-color: rgb(245, 245, 206); padding: 3px; position: relative; top: 6px; left: 0px;}
.regform .ajaxcon {width: 100px; height: 2em; float: right; margin-right: 10px; position: relative; top: -3px; left: 0px;}
.regform #HTML_AJAX_LOADING {display: none; padding: 4px; background-color: rgb(230,0,0); font-weight: bold; text-align: center; color: rgb(240,240,240); border: 1px solid rgb(60,60,60);}

.regform .c_radio { position: relative; top: 2px; left: 0px; width: auto;}
html>body .regform .c_radio {top: 4px;}
.regform .remove {font-size: 90%; text-decoration: underline;}

.sumform .section {background-color: rgb(230,235,240);  width: 540px; margin-top: 10px; margin-bottom: 10px;}
.sumform .c_section {background-color: rgb(230,235,240);  width: 700px; margin-top: 10px; margin-bottom: 10px; margin-left: 30px;}

.sumform .section td, .sumform .c_section td {padding: 4px; vertical-align: top;}
.sumform td.label {width: 180px;}
.sumform .title {font-size: 120%; font-weight: bold;}
.sumform .label {font-weight: bold;}
.sumform .changed {color: red; }
.sumform .nochange {}
.sumform .edit {text-align: right;}
.sumform .edit form {margin: 0px}
.sumform .checkbox { position: relative; top: 2px; left: 0px; width: auto;}
html>body .sumform .checkbox {top: 6px;}

/* users */
.userA2Z { text-align: center; border-left: 1px solid rgb(0, 62, 109);}
.userA2Z td { background-color: rgb(230, 235, 241); padding: 2px; margin: 0px; width: 15px; border-spacing: 0px; border: 1px solid rgb(0, 62, 109); border-left: 0px; text-align: center}
.userA2Z td.nodata { color: rgb(170,170,170)}
.userA2Z a { text-decoration: none}

/* faqs */
.faqlist {border: none; width: 98%;}
.faqlist td { padding-top: 3px; padding-bottom: 3px; vertical-align: top; }
.faqlist td a {text-decoration: none;}
.faqlist td a:hover {text-decoration: underline;}

/* platform */
#platform  {}
#platform .topnews {border-spacing: 0px; border-collapse: collapse;}
#platform .topnews td {border: 0px; margin: 0px; vertical-align: top;}
#platform .topnews .item { background-color: rgb(240,240,240); border-right: 1px solid white;}
#platform .topnews .subitem {width: 159px; margin: 10px;}
#platform .topnews .title {font-weight: bold;}
#platform .topnews .story {}
#platform .topnews .clear {background-color: white;}

#directory_wrapper { width: 560px; font-size: 0.9em !important; }
#directory_wrapper td { font-size: 0.8em !important; }

/* online exams */
#exams_admin table.edit_list {
	clear: both;
}

#exams_admin table.edit_list {
	border-top: 1px solid black;
	border-left: 1px solid black;
}

#exams_admin table.edit_list td,
#exams_admin table.edit_list th {
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	padding: 3px;
	text-align: center;
}

#exams_admin table.edit_list td a,
#exams_admin table.edit_list td a:visited {
	text-decoration: underline;
}

table.exams_ordered { 
	border-top: 1px solid black;
	border-left: 1px solid black;
}

table.exams_ordered th,
table.exams_ordered td {
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	padding: 3px;
}

table.exams_ordered th {
	background-color: #E6EBF1;
}

table.exam_table {
	border-top: 1px solid black;
	border-left: 1px solid black;
}

table.exam_table th,
table.exam_table td {
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	padding: 3px;
}

table.exam_table th {
	background-color: #E6EBF1;
}

#exam_form {
	clear: left;
}

table.exam_answers td {
	border: 2px solid #E6EBF1;
	border-right: 0px;
	padding: 10px;
	cursor: pointer;
}

table.exam_answers td.answer_text {
	border-right: 2px solid #E6EBF1;
	border-left: 0px;
}

table.exam_answers td.answer_divider {
	border: 0px;
	cursor: default;
}

table.exam_answers tr.answer_over td {
	border-color: #c6d2de;
}

table.exam_flagged td {
	padding: 10px;
}

span.exam_answer_highlight {
	font-weight: bold;
	color: red;
}

table.incorrectanswers {
	border-top: 1px solid black;
	border-left: 1px solid black;
	margin-bottom: 10px;
}

table.incorrectanswers th {
	background-color: #E6EBF1
}

table.incorrectanswers td, table.incorrectanswers th {
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	padding: 3px;
}

.wrap {
	clear: both;
	height: 1px;
	overflow: hidden;
}

table.examreport {
	border-top: 1px solid #003E6D;
	border-left: 1px solid #003E6D;
}

table.examreport th,
table.examreport td {
	border-right: 1px solid #003E6D;
	border-bottom: 1px solid #003E6D;
	padding: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align: top;
}

table.examreport th {
	background-color: #f5f5f5;
	font-weight: normal;
}

table.examreport th.h1 {
	background-color: #E6EBF1;
	font-size: 120%;
	font-weight: bold;
}

table.examreport th.h1 .light {
	font-weight: normal;
	font-size: 80%;
	font-style: italic;
}

table.examreport th.h2 {
	background-color: #E6EBF1;
	font-size: 100%;
	font-weight: bold;
}

table.percentagechart td {
	padding-top: 4px;
	padding-bottom: 4px;
}

table.percentagechart td.chartlines {
	background: url(/images/chart-lines.gif) repeat-y 0px 0px;
}

table.percentagechart div {
	background-color: #245e88;
	overflow: hidden;
}