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

body{
background:url(../images/layout/mainBg.jpg) top center no-repeat #fff;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
margin:0;
padding:15px 0 0 0;
}
ul, li{
margin:0;
padding:0;
}
.clear {
clear:both;
font-size:0;
height:1px;
line-height:0;
margin:0;
padding:0;
overflow:hidden;

}
h1{
color:#09427a;
font-size:1.3em;
margin:0 0 1em 0;
padding:0;
font-weight:200;
}
h2{
color:#09427a;
font-size:1.2em;
font-weight:200;
margin:0 0 0.5em 0;
padding:0.7em 0 0 0;
}
h3{
color:#09427a;
font-size:1.1em;
font-weight:normal;
margin:0 0 0.8em 0;
padding:0.9em 0 0 0;
border-bottom:#c6d5e6 1px solid;
}
h4{
color:#09427a;
font-size:0.8em;
}
h5, h6{
color:#09427a;
font-size:0.8em;
}
p{
color:#555;
font-size:0.8em;
line-height:1.6em;
font-weight:normal;
margin:0 0 1em 0;

}
.error{
color:#c00;
font-size:0.8em;
line-height:1em;
padding:0;
font-weight:normal;
margin:0
}
a, a:visited{
color:#09427a;
text-decoration:underline;
padding:0;
outline:none;
}
a:hover{
color:#000;
text-decoration:underline;
outline:none;
}
#wrapper{
width:800px;
height:auto;
margin:0 auto 0 auto;
padding:0;
overflow:hidden;
}
#wrapper #header{
width:800px;
height:44px;
background:url(../images/layout/mainHeader.gif) top left no-repeat;
float:left;
position:relative;
margin:0;
padding:0;
}
#wrapper #footer{
width:800px;
height:50px;
background:url(../images/layout/mainFooter.png) top left no-repeat;
_background:url(../images/layout/mainFooter.gif) top left no-repeat;
float:left;
position:relative;
margin:0;
padding:0;
text-align:center;
}
#wrapper #footer p{
color:#c0ccd5;
font-size:.6em;
padding:3em 0 1em 1em;
}
#wrapper #content {
background-color: #FFFFFF;
width: 800px;
min-height:420px;
_height:420px;
_overflow:visible;
text-align:left;
float:left;
position:relative;
margin:0;
padding:0;
}
#wrapper .menuBg{
background:url(../images/layout/rightColBg.jpg) top left repeat-x;
}
#wrapper #content .leftCol{
width:410px;
min-height:420px;
_height:420px;
_overflow:visible;
padding:1.4em 2em;
float:left;
position:relative;
margin:0;
background:url(../images/layout/leftColShadow.jpg) top right no-repeat #fff;
}
#wrapper #content .welcomeCol{
width:740px;
min-height:320px;
_height:320px;
_overflow:visible;
padding:30px;
float:left;
position:relative;
margin:0;
}
#wrapper #content .leftCol img, #wrapper #content .welcomeCol img{
float:left;
margin: 0 30px 10px 0;
}
#wrapper #content .leftColQuestion{
width:240px;
min-height:280px;
_height:280px;
_overflow:visible;
padding:15px 35px 15px 24px;
float:left;
position:relative;
margin:0;
background:url(../images/layout/leftColShadow.jpg) top right no-repeat #fff;
}
#wrapper #content .leftColQuestion h1{
margin:0 0 2px 0;
padding:0 15px 0 15px;
}
#wrapper #content .leftColQuestion p{
margin:0 0 10px 0;
padding:0 15px 0 15px;
line-height:1.4em;
font-size:.85em;
}
#wrapper #content .leftColQuestion .questionwrap{
background:url(../images/layout/questionBg.jpg) top center no-repeat;
margin:10px 0 20px 0;
padding:15px 0 0 0;
width:240px;
}
#wrapper #content .leftColQuestion .questionwrap .questionfoot{
}
#wrapper #content .rightCol{
width:280px;
padding:1em 1.5em 1em .6em;
float:right;
position:relative;
margin:0;
background:url(../images/layout/rightColBg.jpg) top left repeat-x;
border-right:#fff 2px solid;
}
#wrapper #content .modulelisting{
width:740px;
padding:0 30px 10px 30px;
float:left;
position:relative;
}
#wrapper #content.menuBg .moduleintro {
width:740px;
padding:30px 30px 0 30px;
float:left;
position:relative;
}
#wrapper #content.menuBg .moduleintro img{
float:left;
position:relative;
margin: 0 30px 10px 0;
}
#wrapper #content .modulelisting ul{
list-style:none;
padding:0 15px 20px 85px;
}
#wrapper #content .modulelisting li{
font-size:.8em;
color:#09427a;
width:280px;
display:block;
float:left;
margin:4px 10px 4px 0;
}
#wrapper #content .modulelisting a, #wrapper #content .modulelisting a:visited{
text-decoration:none;
color:#09427a;
}
#wrapper #content .modulelisting li.active a{
background:url(../images/layout/moduleActiveBlue.jpg) left no-repeat;
display:block;
padding:.7em .5em .7em 2.6em;
color:#09427a;
}
#wrapper #content .modulelisting li.active a:hover{
background:url(../images/layout/moduleActive.jpg) left no-repeat;
display:block;
padding:.7em .5em .7em 2.6em;
color:#09427a;
}
#wrapper #content .modulelisting li.inactive a{
background:url(../images/layout/moduleInactive.jpg) left no-repeat;
display:block;
padding:.7em .5em .7em 2.6em;
color:#cfcfcf;
}
#wrapper #content .modulelisting li.complete {
background:url(../images/layout/moduleCompleteHover.jpg) left no-repeat;
display:block;
padding:.7em .5em .7em 2.6em;
color:#fff;
width:242px;
}
#wrapper #content .modulelisting li.complete a:hover{
background:url(../images/layout/moduleComplete.jpg) left no-repeat;
display:block;
padding:.7em .5em .7em 2.6em;
color:#09427a;
}
#wrapper #content .login{
width:420px;
padding:.6em 0 1em 0;
margin:4em auto 0 auto;
background:url(../images/layout/loginBg.jpg) top center no-repeat;
}
#wrapper #content .login form {
padding:0 1em 3em 1.5em;
overflow:hidden;
}
#wrapper #content .login form ul{
margin:-1.4em 0 .3em 0;
padding:0;
}
#wrapper #content .login form ul li{
margin:0;
padding:0;
list-style:none;
background:url(../images/layout/errorBg.jpg) left no-repeat;
color:#fff;
padding:.4em 0 .6em 1.2em;
width:347px;
}
#wrapper #content .login form label{
color:#555;
font-size:.8em;
width:140px;
float:left;
margin:0 1em .3em 0;
padding:.1em;
}
#wrapper #content .login form input{
color:#555;
font-size:.8em;
width:193px;
float:left;
margin:0 1em .3em 0;
padding:.1em;
border:#c6d5e6 1px solid;
}
#wrapper #content .login form input.button{
color:#fff;
font-size:.8em;
width:200px;
float:left;
margin:.2em 0 0 0;
padding:.5em 0 2.8em 0;
cursor:pointer;
background:url(../images/layout/loginBtn2.jpg) left no-repeat;
border:none;
outline:none;
}
#wrapper #header h2{
float:left;
padding:.7em 0 0 110px;
font-size:1.1em ;
position:relative;
color:#fff;
font-weight:200;
}
#wrapper #header .buttons{
width:168px;
float:right;
position:relative;
padding:.6em 1em 0 0;
}
#wrapper #header .buttons img{
float:right;
margin:0 0 0 4px;
}
#wrapper #content .leftColModule{
width:580px;
padding:1.4em 2em 2em 2em;
float:left;
position:relative;
margin:0;
background:url(../images/layout/leftColShadow.jpg) top right no-repeat #fff;
}
#wrapper #content .rightColModule{
width:110px;
height:370px;
padding:1em 1.5em 1em .6em;
float:right;
position:relative;
margin:0;
background:url(../images/layout/rightColBg.jpg) top left repeat-x;
border-right:#fff 2px solid;
}
#wrapper #content .rightColModule .button{
position:absolute;
left:0;
bottom:0;
margin:0 auto 0 auto;
}
#wrapper #content .welcomeCol .button{
float:right;
position:relative;
padding:10px 10px 0 0;
margin:0 auto 0 auto;
}
#wrapper #content .leftColModule img{
float:left;
margin:0 2em 1em 0;
}
#wrapper #content .rightColQuestion hr{
color:#fff;
background-color:#fff;
display:block;
margin:.8em 0 .8em 0;
padding:0;
border:none;
height:1px;
}
#wrapper #content .rightColQuestion{
width:420px;
padding:.6em 2.5em 1em 0;
float:right;
position:relative;
margin:0;
background:url(../images/layout/rightColBg.jpg) top left repeat-x;
border-right:#fff 2px solid;
}
#wrapper #content .rightColQuestion form{
padding:0;
}
#wrapper #content .rightColQuestion h2{
width:300px;
font-size:1em;
text-align:center;
margin:0 auto 10px auto;
}
#wrapper #content .rightColQuestion .answerWrap, #wrapper #content .rightColQuestion .answerButtonWrap, #wrapper #content .rightColQuestion .answerWrap2, #wrapper #content .rightColQuestion .correctanswerWrap2{
width:420px;
float:left;
margin:0;
padding:5px 0 5px 0;
border-bottom:#eaf1f9 1px solid;
}
#wrapper #content .rightColQuestion .answerWrap2{
background:url(../images/layout/wronganswer.gif) top right no-repeat #ed1c24;
color:#fff;
}
#wrapper #content .rightColQuestion .correctanswerWrap2{
background:url(../images/layout/correctanswer.gif) top right no-repeat #8dc73f;
color:#fff;
}
#wrapper #content .rightColQuestion .answerButtonWrap{
border:none;
padding:1em 0 0 0;
}
#wrapper #content .rightColQuestion .answerWrap .radioButton{
width:29px;
height:31px;
text-align:center;
float:right;
position:relative;
margin:5px 0 0 10px;
padding:.35em .1em 0 0 ;
background:url(../images/layout/answerBg.gif) top left no-repeat;
}
#wrapper #content .rightColQuestion .answerWrap p, #wrapper #content .rightColQuestion .correctanswerWrap2 p{
margin:0;
padding:10px 0 0 0;
}
#wrapper #content .rightColQuestion .answerWrap2 p, #wrapper #content .rightColQuestion .correctanswerWrap2 p{
margin:0;
padding:8px 30px 10px 0;
color:#fff;
}
#wrapper #content .rightColQuestion .answerWrap .questionNumber, #wrapper #content .rightColQuestion .answerWrap2 .questionNumber, #wrapper #content .rightColQuestion .correctanswerWrap2 .questionNumber{
text-align:center;
float:left;
position:relative;
color:#8dc73f;
font-size:1.5em;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
padding:5px 1em 0 10px;
}
#wrapper #content .rightColQuestion .correctanswerWrap2 .questionNumber, #wrapper #content .rightColQuestion .answerWrap2 .questionNumber{
color:#fff;
}
#wrapper #content .rightColQuestion .answerWrap .answer, #wrapper #content .rightColQuestion .answerWrap2 .answer{
width:310px;
float:left;
position:relative;
padding:0 10px 0 0;
}
#wrapper #content .rightColQuestion .answerWrap .result, #wrapper #content .rightColQuestion .answerWrap2 .result{
width:370px;
float:left;
position:relative;
padding:0 .5em 0 0;
}
#wrapper #content .rightColQuestion .answerWrap .result p, #wrapper #content .rightColQuestion .answerWrap2 .result p{
font-size:1em;
}
.numberCorrect{
color:#8dc73f;
font-weight:bold;
}
.answerBtn, .nextQuestionBtn{
width:102px;
background:url(../images/layout/answerBtnBg.gif) top left no-repeat;
color:#fff;
text-align:center;
cursor:pointer;
margin:0;
padding:.3em 0 .4em 0;
border:none;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:.75em;
float:right;
}
.nextQuestionBtn{
background:url(../images/layout/nextBtnBg.gif) top left no-repeat;
}
hr{
height:1px;
color:#c3cad2;
width:100%;
background-color:#c6d5e6;
border:0;
margin:0 0 1em 0;
padding:0;
}
#wrapper #content .cmslink{
width:420px;
padding:15px 0 0 0;
margin:5px auto 0 auto;
background:url(../images/layout/cmslinkBg.jpg) top center no-repeat;
text-align:center;
font-size:.75em;
color:#555;
}
#wrapper #content .certificateWrap{
width:684px;
height:489px;
padding:10px 58px 10px 58px;
float:left;
position:relative;
}
#wrapper #content .certificate{
width:684px;
height:373px;
margin:20px auto 0 auto;
padding:0;

}
#wrapper #content .certificateDetails{
width:684px;
position:relative;
margin:-270px auto 0 auto;
padding:0;
z-index:1;
right:0;
top:0;
}
#wrapper #content .certificateDetails .name{
width:480px;
height:80px;
margin:0 auto 0 auto;
text-align:center;
}
#wrapper #content .certificateDetails .name h2, #wrapper #content .certificateDetails .module h2{
color:#464646;
}
#wrapper #content .certificateDetails .module{
width:480px;
margin:0 auto 0 auto;
text-align:center;
}
#wrapper #content .certificateDetails ul{
list-style:none;
width:400px;
height:172px;
margin:0 auto 0 auto;
}
#wrapper #content .certificateDetails ul li{
width:200px;
height:18px;
float:left;
position:relative;
margin:0;
color:#09427a;
text-align:center;
font-size:14px;
font-family:Georgia, "Times New Roman", Times, serif;
}
#wrapper #content .certificateDetails .certificatebottom{
width:684px;
position:relative;
margin:0 auto 0 auto;
}
#wrapper #content .certificateDetails .certificatebottom .clientLogo{
float:left;
position:relative;
margin:0;
padding:0 0 0 150px;
}
#wrapper #content .certificateDetails .certificatebottom .date{
float:right;
width:275px;
position:relative;
margin:0;
padding:10px 0 0 0;
color:#464646;
font-weight:600;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:.8em;
}