/*************/
/* RESET CSS */
/*************/

html,body,header,footer,nav,section,article,aside,audio,video,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent}

ol,ul {list-style:none}
blockquote,q {quotes:none}
blockquote:before,blockquote:after,
q:before,q:after {content:'';content:none}
:focus {outline:0}
ins {text-decoration:none}
del {text-decoration:line-through}
table {border-collapse:collapse;border-spacing:0}

/*****************/
/* BASE ELEMENTS */
/*****************/

body {
	font-family: Verdana,  Arial, Helvetica, sans-serif;
    color:#000;
    background-color:#ccc;
    background-image: url("../images/elements/bg.jpg");
    background-repeat: repeat-x;
    font-size:0.77em;
    line-height:1.4em;
    background-attachment:fixed;
	background-position:center top; 
}

body.mceContentBody {padding: 14px; background:#fff;} 


 .clear {clear:both;}


h1, h2, h3, h4, h5 {
    
    font-weight:normal;
}

    h1 {font-size:1.8em; font-weight:bold;margin:0px 0 25px 0; border-bottom:1px solid #ddd;padding:0 0 10px 0;color:#009D32;line-height:1em;}
   	h2 { font-size:1.5em;font-weight:bold;  line-height:1.2em;color:#000;margin:0 0 20px 0;   }
   
    h3 {color:#009D32; font-size:1.3em;margin:0px 0 10px 0;font-weight:bold; }
     h4 {color:#000; font-size:1.2em;margin:0px 0 10px 0;font-weight:bold; }
    h5 {font-size:1.1em; font-weight:bold; margin:0px 0 15px 0; }
    h6 {background:url(../images/elements/file.png) no-repeat;height:26px;padding:6px 0 0 38px; margin:0 0 10px 0;font-weight:normal;}
p {margin:0 0 1.2em 0}


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

table {  width:100%; margin:0;}
th, td {  text-align:left; padding:5px 25px 5px 0;  vertical-align:top; }
th {font-size:1.18em; margin:19px 0 5px 0; font-weight:normal; }
th a {color:#2a3333}
tr {border-top:0px }
tr:first-child {border-top:0}
tr.active td {background:#daebec}

ol, ul {margin:0px 0 20px 12px; }
    ol {list-style-type:decimal}
    ul {list-style-type:disc}

li { margin-bottom:8px; margin-left:0px;}
li a.active {color:#2A3333}
li a:hover.active {color:#0099bb}

b, strong {font-weight:bold}
i, em {font-style:italic}
.clear {clear:both;}

textarea { font-family:"Lucida Grande", Verdana, Corbel, "Bitstream Vera Sans", "DejaVu Sans", sans-serif;}

.menu1 {font-weight:bold;font-size:1.5em;margin:0 0 2px 30px;}
.menu2 {font-size:0.9em;margin:0 0 10px 30px;border-bottom:1px solid #aaa;width:289px;padding:0 0 10px 0;opacity:0.7;filter:alpha(opacity=70);}

#banner1 {height:120px;background:#DEDEDE;width:960px; margin:0 auto;}
#banner2 {height:300px;background:black;width:960px; margin:0 auto;border-bottom:10px solid #dedede;overflow:hidden;}

.welcometitle {color:white;font-size:2em;margin:40px 0 20px 40px;}
.welcomemessage {color:white;margin:0 40px 0 40px;}

#previousbutton,#nextbutton {margin:4px; padding:4px;}
#previousbutton {float:left;}
#nextbutton {float:right;}
#nextbutton_text {font-size:1.2em;float:left;margin:14px 10px 0 0;}
#previousbutton_text {font-size:1.2em;float:right;margin:14px 0px 0 10px;}


#accordion {width:300px;float:left;margin:0px 0 0 0px;font-size:0.9em;}
#content {width:640px; float:right;margin:10px 5px 0 0;}
#homepagewrap {width:640; height:550px;float:left;}
#leftnav {float:left;width:300px;}

#footer {border-top:10px solid #009D32; clear:both;text-align:center;border-bottom:0px solid white;width:960px; height:80px;margin:0px auto 0 auto;padding:10px 0 0 0;color:white;}
#footer a {color:white;}
#footer div {margin:9px 15px 0 200px;text-align:right;}

#footer2 {clear:both;margin:0 auto 40px auto;font-size:0.7em;width:960px;color:white;}

.login_wrap {color:white;font-size:0.9em;text-align:center;width:300px;padding:5px 0 0 0;}
.login_wrap a {color:white;}
.login_wrap img {position:relative; top:4px; left:-8px;}

#displaycontent {
	margin:-20px 10px 14px 0; 
	padding:70px 48px 50px 48px;
	background:#fff;


	
	-moz-border-radius-topright: 4px; 
	-webkit-border-radius-topright: 4px; 
	border-top-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px; 
	-webkit-border-radius-bottomleft: 4px; 
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px; 
	-webkit-border-radius-bottomright: 4px; 
	border-bottom-right-radius: 4px;
	}
	
#pagenav-bottom {margin:33px 0 0 0;}

.button {text-transform:uppercase;background:white;display:inline-block;color:#009D32;padding:10px 14px;font-size:1.3em;-moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px;}

.slidewrapper a {color:#fff;}

td.table {border-left:1px solid #888;border-top:1px solid #888;padding:4px;}
.table_header {padding:4px; color:#fff;background:#009D32;border-left:1px solid #fff;border-top:1px solid #fff;}
.tablewrapper tr:first-child .table_header{border-top:1px solid #888 !important;}
.tablewrapper tr:first-child td:first-child, .tablewrapper td:first-child{border-left:1px solid #888 !important;}


.homelink {display:block; background:#009D32;color:white;padding:20px 14px;font-size:1.3em;}
.homelink:hover {background:#017526;}

.terms {float:left;width:550px;padding:50px;}
.terms h2{margin-bottom:7px;}
.terms h1{margin-bottom:20px;}
.terms p{margin-bottom:0px;}

/******************/
/* ACCORDIAN      */
/******************/

ul.menu, ul.menu ul {  list-style-type:none;  margin: 0px;  padding: 0px;	width:300px;}
ul.menu a {  display: block;  text-decoration: none;}
ul.menu li {  margin: 0px 0 0 0;}
ul.menu li a {  color: #fff;	  padding: 0.5em;padding:15px 15px;border-top: 1px solid #2D79C5; border-bottom: 1px solid #033E79;}
ul.menu li a:hover {  background: url(../images/45black.png);}
ul.menu li ul li a {  background:  url(../images/45black.png);  color: #fff;  padding: 5px 10px 5px 25px;border-bottom:1px solid #222;border-top:1px solid #0051A2;}
ul.menu li ul li a:hover {  background:  url(../images/60black.png);  }
ul.menu li ul li ul li a {  background: url(../images/60black.png);  color: #fff;  padding-left: 45px;border-bottom:1px solid #222;border-top:1px solid #0051A2;}
ul.menu li ul li ul li a:hover {  background: #0051A2;  }


.module_chap_num {width:13px;height:18px;text-align:center;background:#aaaaaa;color:#555555;float:left;-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;padding:2px 5px;margin:-2px 5px 2px 0;}
a:hover .module_chap_num, .whitecircle {background:#fff;}

#pagenav {margin:0 0 20px 0;}

.module_chap_title {width:245px;font-size:1.5em;}
.module_chap_subtitle {font-size:0.9em;opacity:0.5;filter:alpha(opacity=50);}

.module_page_num {font-size:1.0em; margin:0 5px 0 0;background:#bbb;color:#fff;float:left;padding:2px 5px 3px 5px;-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px }
.module_page_num_on {background:#009D32; color:#fff;}
.module_page_num_off {background:#e5e5e5; color:#fff;}
.module_page_num_read {background:#B2D836; color:#fff;}

.lightbluebg {font-weight:bold; background:url(../images/bluearrow2.png) no-repeat right center #009D32 !important;padding-right:30px !important;}
.lightbluebg2 {url(../images/elements/bluearrow2.png) no-repeat right center !important;padding-right:30px !important;}

/******************/
/* QUESTIONS      */
/******************/

.questionwrapper {width: 500px; padding:20px 0 20px 20px; margin: 0 0 20px 0;font-size:0.9em;}
.tickbox {width:30px;padding:3px 5px 0 10px; margin:0px;}
.question {border:0px;}
.answerreminder {color:#888; margin:10px 0 0 4px;}


#pagetabs {height:50px;z-index:500;}
.tablinkdiv {background:#fff;white-space: nowrap;cursor:pointer; float:left;padding:4px 8px 20px 8px;margin:3px 8px -12px 0px;font-size:1.0em;font-weight:normal;	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.tablinkdiv img {width:13px; height: 13px;position:relative;left:-4px;top:2px;margin:0 1px 0 0;}
.tablinkdiv a {color:#aaa;}


/******************/
/* SCENARIOS      */
/******************/

.sc_answer {padding:4px; background:#444444;color:#aaa;width:116px;margin:10px 4px 30px 0px;height:80px;display:inline-block; vertical-align:middle; font-size:0.9em;text-align:center;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px}
.sc_answer a {color:white;}
.sc_answer:hover {background:#777777;color:white;cursor:pointer;}
.sc_answer_inner {text-align:center;width:116px;height:80px;display:table-cell; vertical-align:middle;padding:0 5px;}
.sc_feedback_wrap {display:none;padding:8px; background:#e9e9e9;border:1px solid #ccc;color:black;float:left;width:505px; text-align:center;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px}
.sc_feedback_inner {display:none;}
.sc_feedback_inner2 {margin:10px 0 0 0;border:0px solid red; height:40px;display:table-cell; vertical-align:middle;width:420px;float:left;text-align:left;font-weight:bold;}
.sc_feedback_wrap div img {height:60px;float:left;margin:0 8px 0 0;}


/******************/
/* REPORT         */
/******************/

.report_wrap {float:left;width:640px;margin:10px 0px 10px 10px;background:#eeeeee;padding:40px 0px 40px 0px;-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px }
.report_wrap div {padding:20px 0 20px 40px; border-top:1px solid #fff; }
.report_wrap fieldset label.desc {clear:both; float:left;width:160px;text-align:right;margin:6px 10px 0 0;font-size:0.9em;}
.report_wrap fieldset input,.report_wrap fieldset textarea {float:left;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border:1px solid #ccc;padding:5px;margin:0 0 7px 0;}
.report_wrap fieldset textarea {width:300px;height:120px;font-size:0.9em;}
.report_wrap fieldset label.error {width:140px;height:30px;font-size:0.9em; color:red;float:left;margin:6px 0 0 10px;}
.report_wrap fieldset label.error[for="details"]{margin:0 20px 0px 180px;}
.report_wrap fieldset input.error,.report_wrap fieldset textarea.error {border-color:red;}
.report_wrap fieldset div.clear {border:0px;clear:both;padding:0px;margin:0px;}
.report_wrap h1 {margin:0 40px}
.report_wrap fieldset h2 {clear:both;}
.report_wrap a.submitlink {font-size:1.2em;margin:30px 0 0 240px;padding:10px 13px;color:white; background:#B71116;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }