* {
	font-family: Arial, Helvetica, sans-serif;
}

HTML {
	height: 100%;
}

BODY {
	/* to center the body or add a body background
	image, add the styles directly in the template
	head or body tag. Adding it here will affect
	the body alignment in SitePress edit mode! */
	margin: 0;
	height: 100%;
	background-color: #FFFFFF;
	color: #000000;
	font-size:12px;
}

.clearAll {
	display: block;
	float: none;
	visibility: hidden;
	margin: 0;
	padding: 0;
	clear: both;
	width: 100%;
	height: 0px;
	overflow: hidden;
	font-size: 1px;
	line-height: 1px;
}

P { margin: 10px 0; }

P:first-child { margin-top:0; }
H1:first-child { margin-top:0; }
H2:first-child { margin-top:0; }
H3:first-child { margin-top:0; }
H4:first-child { margin-top:0; }

/* HEADINGS ------------------------------------------------------ */
H1 {
	font-size: 2em;
	font-weight: normal;
	margin:15px 0;
}

H2 {
	font-size: 1.5em;
	font-weight: normal;
	margin:15px 0;
}

H3 {
	font-size: 1.2em;
	font-weight: bold;
	margin:10px 0;
}

H4 {
	font-size: 1.0em;
	font-weight: bold;
	margin:10px 0;
}

/* MAIN LAYOUT --------------------------------------------------- */

/* PAGE */
.page {
	margin: 0 auto;
	width: 850px; 
	text-align: left;
	background-color: #FFFFFF;
}

.page A:link, .page A:visited, .page A:active {
	color: #f18600;
}

.page A:hover {
	color: #4aa0b0;
}

.page_Questions .questions A:link, .page_Questions .questions A:visited, 
.page_Questions .questions A:active, .page_Questions .questions A:hover {
	color: #000000;
}

/*	HEADER	*/
.header_home {
	clear:both;
	height:190px;
	background-image:url('img/header_1c.jpg');
	background-repeat:no-repeat;
	margin:0 0 0 48px; padding:0;
}

.header_course {
	clear:both;
	height:130px;
	background-image:url('img/header_1d.jpg');
	background-repeat:no-repeat;
	margin:0 0 0 48px; padding:0;
}

.header {
	clear:both;
	height:160px;
	background-image:url('img/header_1b.jpg');
	background-repeat:no-repeat;
	margin:0 0 0 48px; padding:0;
}

.loginArea {
	clear:both;
	height:57px; width:740px;
	background-image:url('img/login_area2.jpg');
	background-repeat:no-repeat;
	margin:0 0 0 48px; padding:8px 0 0 15px;
	color:#FFFFFF; font-size:11px;
}

.loginArea .loginForm {
	clear:both; 
	height:35px; 
	margin-top:4px; padding:0;
}

.loginArea .loginForm .textBox {
	background-image: url('/img/text_box.gif');
	background-repeat: no-repeat;
	border:0; margin:5px 5px 0 5px; padding:0;
	height:22px;
	vertical-align:top;
}
 
.headerBottom_home {
	clear:both;
	height:25px; width:755px;
	background-image:url('img/header_2.jpg');
	background-repeat:no-repeat;
	background-position:top;
	margin:0 0 15px 48px; padding:0; _margin-top:-18px;
}

.headerBottom_course {
	clear:both;
	height:59px;
	background-image:url('img/header_2c.jpg');
	background-repeat:no-repeat;
	margin:0 0 10px 48px; padding:0;
	color:#FFFFFF;
}

.headerBottom {
	clear:both;
	height:35px;
	background-image:url('img/header_2b.jpg');
	background-repeat:no-repeat;
	margin:0 0 10px 48px; padding:0;
}

.forgotPassword {
	padding: 0 5px;
}


/*	CONTENT	*/
.content {
	float: none;
	clear: both;
	text-align:left;
	margin:0px 50px; 
}

LI {
	margin: 10px auto;
}

TABLE { margin:0; }

.TitleImage { display:image; font-family:"Frutiger 65 Bold"; color:#f18600; background-color:#FFFFFF; transparent:#FFFFFF; font-size:19px; padding-bottom:3px; }
.SubtitleImage { display:image; font-family:"Frutiger LT Com 55 Roman"; color:#f18600; background-color:#FFFFFF; font-size:19px; padding-bottom:3px; } 

.yellowBoxHomeTop {
	width:230px; height:15px;
	background-image:url('img/yellowBox_top.gif');
	background-repeat:no-repeat;
	padding:0; margin:0;
}

.yellowBoxHome { 
	width:200px;
	background-color:#fff1c1;
	padding:0px 15px; margin:0;
	vertical-align:top;
}

.yellowBoxHomeVideo { 
	width:230px;
	background-color:#fff1c1;
	padding:0px; marrgin:0;
	vertical-align:top;
	text-align:center;
}

.yellowBoxHomeBottom {
	width:230px; height:15px;
	background-image:url('img/yellowBox_bottom.gif');
	background-repeat:no-repeat;
	padding:0; margin:0;
}

.registerPromo {
	width:185px; height:75px;
	background-image:url('img/registerpromobg2.gif');
	background-repeat:no-repeat;
	text-align:center;
	color:#323030;
	line-height:1.65em;
	padding-top:15px;
	margin:0 20px 0 40px;
	float:right;
}

/*	FOOTER	*/
.footer {
	clear: both;
	text-align: center;
	padding:20px 0px;
}

/* NAVIGATION */

.pathNav {
	clear:both;
	margin:-20px 0 20px 50px; padding:0;
	
}

.menuBar {
	width: 755px; height:32px;
	margin:0 0 20px 48px;
	padding:0;
	float: none;
	clear: both;
	text-align:center;
	background-image:url('img/nav.gif');	
	background-repeat:no-repeat;
}

.menuItem { display: rollover; font-family: "Frutiger 65 Bold"; text-transform:capitalize; color:#000000; background-color: #ffd84d; font-size: 15px; padding-top: 8px; margin-left: 7px; margin-right: 7px; }
.menuItemOver { display: rollover; font-family: "Frutiger 65 Bold"; text-transform:capitalize; color:#4aa0b0; background-color: #ffd84d; font-size: 15px; padding-top: 8px; margin-left: 7px; margin-right: 7px; }
.menuItemSelected { display: rollover; font-family: "Frutiger 65 Bold"; text-transform:capitalize; color:#000000; background-color: #ffd84d; font-size: 15px; padding-top: 8px; margin-left: 7px; margin-right: 7px; }

.subpage_nav {
	padding:7px 0 0 15px;
	margin:0;
	font-size:14px;
}
.subpage_nav A:link, .subpage_nav A:visited, 
.subpage_nav A:active, .subpage_nav A:hover {
	color:#FFFFFF;
	text-decoration:none;
}
.subpage_nav A.SELECTED, .subpage_nav A.OPENED { 
	font-weight:bold; 
}


/* PROGRESS BAR */

.ViewVideo A:link, .ViewVideo A:active, .ViewVideo A:visited {
	display:block;
	overflow:hidden;
	background-image:url(img/view_video2b.gif);
	height:30px; width:124px;
	text-indent:-200px;
}



.GoToMyAccount A:link, .GoToMyAccount A:active, .GoToMyAccount A:visited {
	display:block;
	overflow:hidden;
	background-image:url(img/my_account.gif);
	height:30px; width:127px;
	text-indent:-200px;
}

.GoToMyCertificate A:link, .GoToMyCertificate A:active, .GoToMyCertificate A:visited {
	display:block;
	overflow:hidden;
	background-image:url(img/my_certificate.gif);
	height:30px; width:140px;
	text-indent:-200px;
}


.RetakeQuiz A:link, .RetakeQuiz A:active, .RetakeQuiz A:visited {
	display:block;
	overflow:hidden;
	background-image:url(img/retake_quiz.gif);
	height:30px; width:127px;
	text-indent:-200px;
}

.RetakeExam A:link, .RetakeExam A:active, .RetakeExam A:visited {
	display:block;
	overflow:hidden;
	background-image:url(img/retake_exam.gif);
	height:30px; width:132px;
	text-indent:-200px;
}
/*.ViewVideo A:hover { 
	background-image:url(img/view_video2.gif);
}*/

.progressBar {
	clear:both;
	margin:0; 
	padding:0;
	width:755px;
}

.progressBar A:link, .progressBar A:visited,
.progressBar A:hover, .progressBar A:active {
	color:#000000;
	font-weight:normal;
}

.Available A:link, .Available A:visited,
.Available A:hover, .Available A:active {
	color:#f18600;
	font-weight:bold;
}

.Passed A:link, .Passed A:visited,
.Passed A:hover, .Passed A:active {
	color:#5da8b3;
}

.Available, .Passed, .NotAvailable {
	float:left;
	text-align:left;
	width:107px;
	margin:0;
	padding:0 0 10px 0;
	border-bottom:#ffd84d 1px solid;
}

.section {  
	padding:8px 0 0 10px; 
	margin:0 0 10px 3px;
	height:22px; 
}
	
.sectionName { display:image; font-family: "Frutiger 65 Bold"; color: #000000; font-size: 16px; }

.statusText { 
	font-weight:bold; 
	font-size:13px; 
}

.quizLink { 
	margin-left:10px; 
	font-size:14px; 
}


.Available .section { background:url(/img/available.gif) no-repeat top; }
.Available .statusText { color:#f18600; }

.Passed .section { background:url(/img/passed.gif) no-repeat top; }
.Passed .statusText { color:#5da8b3; }

.NotAvailable .section { background:url(/img/notavailable.gif) no-repeat top; }
.NotAvailable .statusText { color:#acacac; }
.NotAvailable .quizLink { color:#acacac; }

.Section1_Available .section { background:url(/img/available_section1.gif) no-repeat top; }
.Section1_Passed .section { background:url(/img/passed_section1.gif) no-repeat top; }
.Section1_NotAvailable .section { background:url(/img/notavailable_section1.gif) no-repeat top; }

.FinalExam_Available .section{ background:url(/img/available_final.gif) no-repeat top; }
.FinalExam_Passed .section { background:url(/img/passed_final.gif) no-repeat top; }
.FinalExam_NotAvailable .section { background:url(/img/notavailable_final.gif) no-repeat top; }



.certificate {
	margin: 0 auto;
	width: 7in;
	text-align: center;
	border: 3px solid black;
	background: url(/img/CertificateLogo.jpg) no-repeat;
}
.certificate * {
	font-family: Georgia, "Times New Roman", Times, serif !important;
}
.certificate H1 {
	margin: 0 0 20px 0;
	font-size: 24pt;
}
.certificate H2 {
	margin: 15px 0 0 0;
	font-size: 14pt;
}
.certificate .phone {
	font-size: 12pt;
}
.certificate .divider {
	margin: 15px  100px;
	border-top: 2px dotted #CCCCCC;
	font-size: 1px;
	height: 1px;
	overflow: hidden;
}
.certificate .leftPadding {
	padding-left: 25px;
}

.certificate .rightPadding {
	padding-right: 25px;
}
.certificate .courseProvider {
	padding-bottom: 15px;
}


/*	INTERFACE	*/
.panel{
	border-style:outset;	
	border-width:1px;
	padding:4px;	
	background-color:#ffd84d;
	}

TD.questionText {
	font-weight:bold;
	font-size:16px;
	}


/* CC Security Code popup */
.securitycodeinfoPopup {
	display: block;
	position: absolute;
	margin: -115px 0 0 220px;
	width: 200px;
	padding: 10px;
	background: #FFF8DD;
	white-space: normal;
	border: 1px solid #F18600;
}
.securitycodeinfoCloseButton {
	position: absolute;
	top: -1px;
	right: -1px;
	width: 15px;
	height: 15px;
	background: #F18600;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	cursor: pointer;
}