@charset "utf-8";
/* CSS Document */

* {
	/*padding: 0px;*/
	margin: 0px;
	border: 0px;
}

html {
	height: 100%;
}

body{
	margin:0px;
	padding:0px;
	background-color:#E8896B;
	height: 100%;
	width: auto;
	font: 12px/16px Arial, Helvetica, sans-serif;
}

textarea {
	border: 1px solid #000;
}

img {
	border: 0px;
}

a {
	text-decoration: none;
}

input {
	border: 1px #000 solid;
}

h2 {
	color: #FFF;
	font-size: 20px;
}

hr {
	background-color: #ACC7B8;
	border: 0px;
	padding: 0px;
	height: 1px;
	margin: 10px 0px;
}

select {
	border: 1px solid #000;
	background-color: #e3e3e3;
}

form p {
	margin: 5px 0px;
}

input[type="radio"], input[type="checkbox"] {
	border:0px;
}

.lefttop {
        background : url(/images/tabletop2_nw.gif) top left no-repeat #427d61;;
        /*height: 33px; */
        padding-bottom:5px;
        color:#ffffff;
        font-size: 18px;
        font-weight:bold;
        text-align:center;

}

.righttop {
    background : url(/images/tabletop2_ne.gif) top right no-repeat;
        /*height: 33px;*/
        padding-top:5px;
}

button {
        border: none;
        padding: 4px 5px 2px;
        background-color: #9cce99;
        text-transform: uppercase;
        font: 900 12px/12px Arial;
        margin: 2px 4px 2px 2px;
}

#mainContainer {
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px 25px;
	width:924px;
	height: auto !important;
	min-height: 100% !important;
	height:100%;
	background: #FFF url('/images/body_background.gif') 0 0 repeat-y;
}

.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.body {
	background: #FFF url('/images/background_fade_top.gif') 0 0 no-repeat;
	padding-top: 40px;
	padding-bottom: 76px;
}

/**********************************
 ********* SECTIONS AREA***********
 **********************************/

.smallsection {
	width: 180px;
}

.mediumsection {
	width: 465px;
}

.largesection {
	width: 733px;
}

.greenback {
	background-color: #628974;
}

.whiteback {
	background-color: #FFF;
}

.mediumgreentop {
	height: 5px;
	background: #989898 url('/images/medium_green_top.gif') no-repeat 0 0;
	overflow: hidden;
}

.mediumgreenback {
        background: #FFF url('/images/medium_green_middle.gif') 0 0 repeat-y;
}

.mediumgreenbottom {
	height: 5px;
	background: #989898 url('/images/medium_green_bottom.gif') no-repeat 0 0;
	overflow: hidden;
}

.largegreentop {
	height: 5px;
	background: #989898 url('/images/large_green_top.gif') no-repeat 0 0;
	overflow: hidden;
}

.largegreenback {
        background: #FFF url('/images/large_green_middle.gif') 0 0 repeat-y;
}

.largegreenbottom {
	height: 5px;
	background: #989898 url('/images/large_green_bottom.gif') no-repeat 0 0;
	overflow: hidden;
}

.smallgreentop {
	height: 5px;
	background: #989898 url('/images/small_green_top.gif') no-repeat 0 0;
	overflow: hidden;
}

.smallgreenback {
        background: #FFF url('/images/small_green_middle.gif') 0 0 repeat-y;
}

.smallgreenbottom {
	height: 5px;
	background: #989898 url('/images/small_green_bottom.gif') no-repeat 0 0;
	overflow: hidden;
}

.sectionheader {
	padding: 5px 0px 10px 0px;
	margin-left: 15px;
}

.sectionbuffer {
	padding: 0px 5px;
}
.innerbuffer {
	width: 100%;
}

/*************************************
 ************* BUTTONS ***************
 *************************************/

.bigredbutton {
	cursor: pointer;
}

.bigredbutton button {
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	background: #ca4a27;
	margin: 0px;
	border: 0px;
	padding: 0px;
	height: 55px;
	vertical-align: middle;
}

.bigredbutton img {
	vertical-align: middle;
	height: 55px;
}

/*************************************
 *************** MISC ****************
 *************************************/

.red {
	color:#EE0000;
}

.red h2 {
        color:#999999;
	margin: 16px 0px;
}

.buffer {
	padding: 10px;
}

#instructions .left {
        height: 26px;
        background: #989898 url('/images/notlogged_instructions_arrow.gif') no-repeat 0 0;
        width: 35px;
        margin-top: 5px;
}


#instructions .right {
	color: #FFF;
        padding: 10px 5px 8px 0px;
}

/*************************************
 ************ TEST AREA **************
 *************************************/

.main.question p {
        font-weight: 700;
}

.main.question h1 {
	color: #999999;
	margin: 0px 0px 1em;
	padding-top: 17px;
}

.score {
        font-size: 22px;
        font-weight: 900;
}

.score img {
        vertical-align: middle;
}

.percent {
        height: 63px;
        margin-bottom: 5px;
        padding-left: 7px;
        font: 60px Arial;
        color: #ccc;
        white-space: nowrap;
        vertical-align: top;
}

.percent div {
        color: #fff;
        text-transform: uppercase;
        font: 700 14px/14px Arial;
        display: inline;
        padding: 24px 0 25px 10px;
        margin-right: 10px;
}

html>body .percent div {
        display: inline-block;
}

.percent.correct {
        background: url(/images/correct_results_left.gif) top left no-repeat;
}

.percent.correct div {
        background: url(/images/correct_results_right.gif) top right no-repeat #568e75;
}

.percent.incorrect {
        background: url(/images/incorrect_results_left.gif) top left no-repeat;
}

.percent.incorrect div {
        background: url(/images/incorrect_results_right.gif) top right no-repeat #fe0000;
}

#mainContainer div.main {
        background: url(/images/bg_arrows.gif) top left no-repeat;
        padding: 0 10px 8px 174px;
        margin-top: 20px;
	font-size: 13px;
}

.form {
        margin: 2em 0 2em 0;
}

.form td {
        padding: 4px;
}

.form td.field {
        width: 400px;
        font: 900 12px/12px Arial;
        vertical-align: middle;
        padding-left: 0;
}

.form td.fieldT {
        width: 100px;
        font: 900 12px/12px Arial ;
        vertical-align: top;
        padding-left: 0;
}

.form td.fieldL {
        font: 900 12px/12px Arial ;
        vertical-align: top;
        padding-left: 0;
}

.form input[type="text"], .form input[type="password"], .form input[type="file"], .form select, .form textarea {
        border: 1px solid #000;
}

/*************************************
 *********** HEADER AREA *************
 *************************************/

.header {
	height: 71px;
	width: 924px;
}

/*************************************
 *********** BCRUMB AREA *************
 *************************************/

.title {
	color: #5E8A73;
	margin-bottom: 10px;
	font-size: 26px;
	font-weight: bold;
}

.title h1 {
	font-size: 30px;
	display: inline;
	margin: 0px;
}

.title h2 {
	padding: 3px 0px;
}

.bcrumb {
	color: #931F36;
	font-weight: bold;
	margin-bottom: 5px;
}

.bcrumb a {
	color: #989898;
	font-weight: bold;
}

/**************************************
 *********** NOTLOGGED AREA ***********
 *************************************/

.notlogged {
	margin-top: 10px;
}

.notlogged #instructions {
	background: #989898 url('/images/notlogged_instructions_top.gif') no-repeat 0 0;
	color: #FFF;
	margin-bottom: 10px;
	width: 924px;
}

.notlogged #instructions .bottom {
	background: #FFF url('/images/notlogged_instructions_bottom.gif') no-repeat 0 0;
	height: 5px;
	overflow: hidden;
}

.notlogged #instructions .right {
	width: 874px;
}

#instructions .right h2 {
	margin: 0px 5px 0px 0px;
	font-weight: bold;
	display: inline;
}

#instructions .right p {
	display: inline;
	color: #FFF;
}

.notlogged .middle {
	margin-bottom: 10px;
}

#login {
	color: #000;
	width: 100%;
	height: 188px;
}

#login a {
	color: #000;
	font-weight: bold;
}

#login input {
	float: right;
}

#login table input {
	float: none;
	border: 1px solid #000;
	padding: 0px;
}

#login td {
	padding: 0px 5px;
	height: 35px;
	overflow: hidden;
}

#login .small td {
	height: 17px;
}

#login h2 {
	font-weight: bold;
	height: 20px;
	margin: 0px;
}


#login h4 {
	margin: 0px 0px 5px 5px;
	color: red;
	font-size: 12px;
}

#login hr {
	margin: 0px;
}

.login_img {
	border: 0px;
	float: right;
	margin-top: -40px;
}

.notlogged .middle .right {
	color: #000;
	width: 425px;
	height: 209px;
	background: #FFF url('/images/box_red.jpg') 0 0 no-repeat;
	padding: 15px 10px 5px;
}

.notlogged .middle .right h2 {
	margin: 0px 0px 5px;
}

.notlogged .certificate {
	background: #FFF url('/images/notlogged_certificate_of_completion.gif') no-repeat 0 0;
	height: 211px;
}

/*************************************
 ************* Home ******************
 *************************************/

.home .left {
	width: 733px;
}

.home .left #instructions {
	background: #989898 url('/images/gray_top.gif') no-repeat 0 0;
	color: #FFF;
	margin-bottom: 10px;
}

.home .left #instructions .right {
	width: 688px;
}

.home .left #instructions .bottom {
	background: #989898 url('/images/gray_bottom.gif') no-repeat 0 0;
	height: 5px;
	overflow: hidden;
}

.home .right {
	width: 180px;
	color: #000;
}

.home .right .top .content {
	width: 160px;
	height: auto !important;
	height: 180px;
	min-height: 180px;
	background: #ca4a27 url('/images/box_red_small_top.jpg') 0 0 no-repeat;
	padding: 15px 10px 10px;
}

.home .right .top .bottom {
	background: #FFF url('/images/box_red_small_bottom.jpg') 0 0 no-repeat;
	height: 6px;
	overflow: hidden;
	margin-bottom: 10px;
}

.home .right .bottom {
	background: #FFF url('/images/small_green_middle.gif') 0 0 repeat-y;
}

.home .right .bottom .middle {
	padding: 10px;
}

.home .right p {
	margin-top: 5px;
}

.home .right a {
	color: #000;
	font-weight: bold;
}

.home .right .bottom .top {
	height: 5px;
	background: #FFF url('/images/small_green_top.gif') 0 0 no-repeat;
	margin: 0px;
	width: auto;
	padding: 0px;
	overflow: hidden;
}

.home .right .bottom .bottom {
	height: 5px;
	background: #FFF url('/images/small_green_bottom.gif') 0 0 no-repeat;
	overflow: hidden;
}

/*************************************
 *********** Dashboard ***************
 *************************************/

#dashboard table {
	height: 200px;  /**************/
	width: 723px; 
	background-color: #123141;
	margin-left: 5px;
}

#dashboard th {

}

#dashboard td {

}

/*************************************
 *********** Two Column **************
 *************************************/

.twocolumn > .right {
	width: 733px;
}

/* For IE6 */
.twocolumn.right {
	width: 733px;
}

.twocolumn .right #instructions {
	background: #989898 url('/images/gray_top.gif') no-repeat 0 0;
	margin-bottom: 10px;
}

.twocolumn .right #instructions .right {
	width: 688px;
}

.twocolumn .right #instructions .bottom {
        background: #989898 url('/images/gray_bottom.gif') no-repeat 0 0;
        height: 5px;
	overflow: hidden;
}

.twocolumn > .left {
        width: 183px;
        background: #FFF url('/images/small_green_middle.gif') 0 0 repeat-y;
}

/* For IE6 */
.twocolumn.left {
        width: 183px;
        background: #FFF url('/images/small_green_middle.gif') 0 0 repeat-y;
}

.twocolumn .left .top {
        height: 5px;
        background: #FFF url('/images/small_green_top.gif') 0 0 no-repeat;
	overflow: hidden;
}

.twocolumn .left .bottom {
        height: 5px;
        background: #FFF url('/images/small_green_bottom.gif') 0 0 no-repeat;
	overflow: hidden;
}

/***********************************
 ************* SUBNAV **************
 ***********************************/

#subnav {
}

#subnav h2 {
	margin-bottom: 10px;
}

#subnav ul {
	padding: 10px;
	list-style: none;
}

#subnav ul ul {
	padding-top: 0px;
	padding-bottom: 0px;
	list-style: none;
}

#subnav ul ul li {
	line-height: 16px;
}

#subnav ul ul a {
	color: #FFF;
}

#subnav ul li {
	line-height: 18px;
}

#subnav ul a {
	color: #FFF;
	font-weight: bold;
}

/*************************************
 *********** FOOTER AREA *************
 *************************************/

#footer {
	height:66px;
	margin:-66px auto 0px;
	width:924px;
	background-color:#FFF;
	clear:both;
	overflow:hidden;
	vertical-align:bottom;
}

#footer .foot {
	font-weight: bold;
	color: #312A6D;
	padding: 4px 0px 0px;
	text-align: left;
	float: left;
	height: 18px;
}

#footer .shade {
	background: #FFF url('/images/background_fade_bottom.gif') 0 0 no-repeat;
	height: 45px;
}

.foot a
{
        font-family: Arial;
        font-size: 9px;
        font-weight: normal;
        color: #FFFFFF;
        text-decoration: none;
        margin-left:8px;
        margin-right:8px;
        margin-top:0px;
        margin-bottom:0px;
        padding:0px;

}

/*************************************
 ****** CHANGEPASSWORDTABLES *********
 *************************************/

.changepasstable {

}

.changepasstable tr {

}

.changepasstable td {
	padding: 5px;
}

.changepasstable .cell1 {
	width: 70px;
	font-weight: bold;
}

.changepasstable .cell2 {
	width: 400px;
}

.changepasstable .cell3 {

}

/*************************************
 ********** SMALLTABLES **************
 *************************************/

.smalltable {

}

.smalltable tr {

}

.smalltable td {
	padding: 5px;
}

.smalltable .cell1 {
	width: 70px;
	font-weight: bold;
}

.smalltable .cell2 {
	width: 150px;
}

.smalltable .cell3 {

}

/*************************************
 *********** SCORE TABLES ************
 *************************************/

.scoretable {
        width: 100%;
        font: 11px Arial;
}

.scoretable th {
        text-align: left;
        background-color: #93C0AB;
        color: #000;
        font: 900 12px Arial;
        padding: 2px 0;
}

.scoretable th.test{
        text-align: center;
        background-color: #ccc;
        color: #000;
        font: 900 12px Arial;
}

.scoretable th.first {
        padding-left: 0;
}

.scoretable th.first div {
        padding-left: 16px;
}

.scoretable tr {
}

.scoretable .first {
        padding-left: 5px;
}

.scoretable .last {
}

.scoretable th.title {
        font-size: 14px;
        background: url(/images/table-nw.gif) top left no-repeat #558e74;
        color: #fff;
}

.scoretable th.title div {
        padding: 10px 6px;
        padding-left: 16px;
        border-top: none;
        background: url(/images/table-ne.gif) top right no-repeat;
}

.scoretable td {
        padding: 3px;
}

.scoretable tfoot td {
        padding: 0;
        border-top: 1px solid #000;
        background-color: #fff;
        height: 0px;
}

.scoretable a {
        color: #000;
}

.scoretable a:hover {
        font-weight: 900;
        color: #000;
}

.scoretable a:visited {
        color: #000;
}

.scoretable a:active {
        color: #000;
}

/*************************************
 ********* GENERIC TABLES ************
 *************************************/

.headertitle {
        background-color: #93c0ab;
        color:#000000;
        text-align:left;
        font-size:12px;
        padding-left:10px;
        height:20px;
        border-bottom: solid 1px #427d61;
}

.table {
	width: 100%;
	color: #000;
}

.table .tableheader {
	font-weight: bold;
}

.table tr {

}

.table thead {

}

.table th {
	background-color:#93C0AB;
}

.table tbody {

}

.table td {
	padding: 2px 0px;
}

.table .first {
	padding-left: 5px;
}

.table .cell1 {
	width: 25%;
	border-right: 1px solid #000;
	text-align: left;
	padding-left: 5px;
}

.table .cell2 {
	width: 25%;
	border-right: 1px solid #000;
	text-align: left;
	padding-left: 5px;
}

.table .cell2 a, .table .cell1 a {
	color: #000;
}

.table .cell2 a:hover, .table .cell1 a:hover {
	border-bottom: 1px dashed #000;
}

.table .cell4 {
	width: 35%;
	text-align: left;
	padding-left: 5px;
}

.table .cell3 {
	width: 15%;
	text-align: center;
	border-right: 1px solid #000;
	padding: 0px;
}

.table .cell3 a {
	color: #cf5154;
}

.table .cell3 a:hover {
	border-bottom: 1px dashed #000;
}

.table2 tbody td {
        font-size: 11px;
        padding-left: 10px;
        padding-top:3px;
        padding-bottom:3px;
}

.table2 a {
        color: #000;
}
.table2 a:hover {
        font-weight: 900;
        color: #000;
}
.table2 a:visited {
        color: #000;
}
.table2 a:active {
        color: #000;
}

.lefttop {
        background : url(/images/tabletop2_nw.gif) top left no-repeat #427d61;;
        /*height: 33px; */
        padding-bottom:5px;
        color:#ffffff;
        font-size: 18px;
        font-weight:bold;
        text-align:center;

}

.righttop {
    background : url(/images/tabletop2_ne.gif) top right no-repeat;
        /*height: 33px;*/
        padding-top:5px;
}

.table3 {
	width: 100%;
	color: #000;
}

.table3 .tableheader {
	font-weight: bold;
}

.table3 tr {

}

.table3 thead {

}

.table3 th {
	background-color:#93C0AB;
}

.table3 tbody {

}

.table3 td {

}

.table3 .cell1 {
	width: 100%;
	text-align: left;
	padding-left: 5px;
}

.table3 .cell1 a {
	color: #000;
}

.table3 .cell1 a:hover {
	border-bottom: 1px dashed #000;
}

/*************************************
 *********** FAQ SECTION *************
 *************************************/

.question {
	padding: 5px 0px;
}

.question a {
	color: #527b6c;
}

.answer {
	padding-left: 10px;
}

.helpmaterial {
	padding-left: 10px;
}

.helpmaterial a {
	color: #000;
	font-weight: bold;
}