/*
	Website by e3Learning
	http://www.e3learning.com.au
	© Copyright 2009 Interact Learning Pty Ltd
*/


/* DEFAULT RESETS */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,td,blockquote,fieldset,cite,address,code,caption { MARGIN: 0px; PADDING: 0px; }
body,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,p,td,blockquote,cite,address,code,caption { FONT-SIZE: 12px; COLOR: #8F8F8F; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; }
img { BORDER: 0px none; }
caption,th { TEXT-ALIGN: left; }
table { BORDER-COLLAPSE: collapse; BORDER-SPACING: 0; }
A:LINK,
A:ACTIVE,
A:VISITED { COLOR: #339BE4; TEXT-DECORATION: none; }
A:HOVER { BORDER-COLOR: #1A7534 !important; COLOR: #1A7534; TEXT-DECORATION: none; }
H1,
H2,
H3,
H4,
H5,
H6,
.mainTitleActive,
.mainTitle,
.subTitle,
.tableTitle { COLOR: #304798; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; LINE-HEIGHT: 1em; MARGIN-BOTTOM: 1em; }
H1,
H2,
.mainTitleActive,
.mainTitle { FONT-SIZE: 30px; LETTER-SPACING: -2px; }
H3,
.subTitle { FONT-SIZE: 22px; }
H4 { FONT-SIZE: 18px; }
H5 { FONT-SIZE: 16px; }
H6 { FONT-SIZE: 14px; }
P { MARGIN-BOTTOM: 1em; }
UL,
OL { MARGIN-LEFT: 25px; MARGIN-BOTTOM: 15px; PADDING: 0px; }
UL UL,
UL OL,
OL OL,
OL UL { MARGIN: 8px 20px; }
LI { MARGIN-BOTTOM: 5px; }
UL LI { LIST-STYLE-IMAGE: url('/content/images/bullet.gif'); }
UL LI.nobullet { LIST-STYLE-IMAGE: none; LIST-STYLE: none; }
OL LI { LIST-STYLE: decimal; }
HR { BORDER: 0px none; BACKGROUND: #e6f0fa; COLOR: #e6f0fa; HEIGHT: 1px; MARGIN: 10px 0px; }
TH { BACKGROUND: #2A4194; COLOR: #FFF; FONT-WEIGHT: bold; PADDING: 4px; TEXT-ALIGN: left; }


/* CONTAINER CONTROLS */
.floatleft { FLOAT: left; }
.floatright { FLOAT: right; }
.floatnone { FLOAT: none; }
.block { CLEAR: both; DISPLAY: block; HEIGHT: auto; OVERFLOW: hidden; }
SPAN.number { DISPLAY: none; }


/* WRAPPER */
#wrapper { MARGIN: auto; WIDTH: 820px; }
#wrapper DIV.error { display: block; HEIGHT: auto; }
#wrapper DIV.error P { BACKGROUND: #FFFF00; DISPLAY: block; COLOR: #F30; FONT-WEIGHT: bold; MARGIN: 0px 0px 0px 0px; PADDING: 14px 0px 14px 0px; TEXT-ALIGN: center; }
#wrapper DIV.homewrapper { BACKGROUND: #FFF; }
#wrapper TD.wrapperCell { PADDING: 0px !important; }

#wrapper A.button { BACKGROUND-IMAGE: url('/content/images/button_a.gif'); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: right top; CURSOR: pointer; DISPLAY: block; FLOAT: left; FONT-SIZE: 14px; FONT-WEIGHT: bold; LINE-HEIGHT: 33px; MARGIN: 0px 3px 0px 0px; PADDING: 0px 14px 0px 0px; }
#wrapper A.button SPAN { BACKGROUND-IMAGE: url('/content/images/button_span.gif'); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top; COLOR: #FFF; DISPLAY: block; FLOAT: left; LINE-HEIGHT: 33px; OUTLINE: none; PADDING: 0px 0px 0px 14px; }
#wrapper A.button:HOVER { BACKGROUND-POSITION: right bottom; }
#wrapper A.button:HOVER SPAN { BACKGROUND-POSITION: left bottom; }
#wrapper A.greenbutton { BACKGROUND-IMAGE: url('/content/images/button_a_green.gif'); }
#wrapper A.greenbutton SPAN { BACKGROUND-IMAGE: url('/content/images/button_span_green.gif'); }


/* HEADER */
.home #header { HEIGHT: 183px; }
.content #header { HEIGHT: 83px; }
#header { MARGIN: 0px 0px 10px 0px; }
#header P { MARGIN: 0px; }
#header DIV.logo { PADDING: 15px 0px 0px 0px; WIDTH: 162px; }
#header DIV.welcome { CLEAR: both; HEIGHT: 95px; PADDING: 10px 20px 0px 20px; }
#header DIV.welcome H1 { COLOR: #FFF; FONT-SIZE: 48px; FONT-WEIGHT: normal; MARGIN: 0px; }
#header DIV.welcome P { COLOR: #97A3CD; }
#header DIV.welcome IMG.logo { FLOAT: right; MARGIN: -31px -20px 0px 0px; POSITION: relative; }


/* MAIN MENU */
#header DIV.menu { CLEAR: right !important; PADDING: 15px 0px 0px 10px; }
#header DIV.menu P { MARGIN: 0px; }
#header DIV.menu A { COLOR: #FFF; DISPLAY: block; FLOAT: left; FONT-WEIGHT: normal; FONT-STYLE: normal; LINE-HEIGHT: 33px; MARGIN: 0px 0px 0px 0px; PADDING: 0px 10px 0px 10px; TEXT-TRANSFORM: lowercase; }
#header DIV.menu A:HOVER { COLOR: #ABCCED; }


/* HOME */
#home { PADDING: 30px 20px; }


/* WELCOME */
#home DIV.welcome { MARGIN: 0px 20px 20px 0px; PADDING: 0px 0px 0px 0px; WIDTH: 380px; }
#home DIV.welcome P.intro { COLOR: #304798; LINE-HEIGHT: 1em; FONT-WEIGHT: normal; FONT-SIZE: 18px; }
#home DIV.welcome .logo {  }


/* STARTED */
#home DIV.started { BORDER-TOP: 1px solid #e6f0fa; PADDING: 20px 0px 0px 0px; }
#home DIV.started #checker {  }


/* LOGIN */
#home DIV.login { MARGIN: 0px 0px 20px 0px; WIDTH: 380px; }
#home DIV.login H4 { MARGIN-BOTTOM: 13px; }
#home DIV.login P { MARGIN-BOTTOM: 8px; }
#home DIV.login UL.tasks { MARGIN: 10px 0px 20px 0px; }
#home DIV.login UL.tasks LI { LIST-STYLE: none; LIST-STYLE-IMAGE: none; MARGIN-BOTTOM: 0px; VERTICAL-ALIGN: bottom; }
#home DIV.login UL.tasks LI A { BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left center; DISPLAY: block; FONT-SIZE: 11px; FONT-WEIGHT: bold; PADDING: 4px 0px 4px 18px; }
#home DIV.login UL.tasks LI A.training { BACKGROUND-IMAGE: url('/content/images/icon_training_up.png'); }
#home DIV.login UL.tasks LI A.edit { BACKGROUND-IMAGE: url('/content/images/icon_edit_up.png'); }
#home DIV.login UL.tasks LI A.logout { BACKGROUND-IMAGE: url('/content/images/icon_logout_up.png'); }
#home DIV.login FORM { BACKGROUND: #E6F0FA; MARGIN-BOTTOM: 20px; PADDING: 20px; }
#home DIV.login FORM DIV.username,
#home DIV.login FORM DIV.password { WIDTH: 165px }
#home DIV.login FORM DIV.lostpass { PADDING: 8px 0px 8px 0px; }
#home DIV.login FORM DIV.submit { MARGIN: 0px; }
#home DIV.login FORM LABEL { COLOR: #304798; CLEAR: both; DISPLAY: block; PADDING: 0px 0px 8px 0px; }
#home DIV.login FORM INPUT.loginfield { PADDING: 2px; WIDTH: 159px; }
#home DIV.login FORM INPUT.loginbutton { PADDING: 0px; MARGIN: 0px; }


/* SIGN-UP */
#home DIV.signup { MARGIN: 0px 0px 20px 0px; WIDTH: 380px; }
#home DIV.signup H4 { MARGIN-BOTTOM: 25px; }

.termsbox {	border: 1px solid #DDD;	padding: 5px; width: 760px; }
.terms P {  margin-bottom: 1em; }
#signupTable TD { padding: 5px; }
#signupTable TD.divider { padding: 0px; }
#signupTable TD.hightlight { background-color: #F2F2F2; }
#signupTable TD.leftColumn { padding-right: 20px; border-right: 1px solid #CCC; }
#signupTable LABEL { color: #999; }
#signupTable LABEL.error { color: #F00; }
#signupTable .courseSelection { border: 1px solid #CCC;	clear: both; padding: 10px;	margin: 0px 0px 10px 0px; }
#signupTable .courseSelection H4 { margin-bottom: 10px; }
#signupTable .small { font-size: 80%; }
#signupTable .courseSelection .acceptLink { margin: 0px; padding: 0px; }
#signupTable .courseSelection .acceptLink A:LINK,
#signupTable .courseSelection .acceptLink A:ACTIVE,
#signupTable .courseSelection .acceptLink A:VISITED { background: #05b5d6; color: #FFF;	display: block;	padding: 5px 5px 5px 10px; }
#signupTable .courseSelection .acceptLink A:HOVER {	background: #004886; color: #FFF; text-decoration: none; }



/* CONTENT */
#contentContainer { BACKGROUND-IMAGE: url('/content/images/bg_content.gif'); BACKGROUND-REPEAT: repeat-x; MIN-HEIGHT: 180px; PADDING: 10px 20px 20px 20px; }
.narrow#contentContainer {  }
#contentContainer H2.normal { FONT-WEIGHT: normal; LETTER-SPACING: -1px; }
#contentContainer P.intro { COLOR: #304798; FONT-SIZE: 18px; }

#content { HEIGHT: auto; MARGIN-BOTTOM: 30px; OVERFLOW: hidden; }
.narrow#content { PADDING: 20px 0px 0px 0px; WIDTH: 620px }
#content DIV.furtherinfo { clear: both; background: #304798 url('/content/images/icon_furtherinfo.gif') no-repeat 10px center; MARGIN: 15px 0px 0px 0px; PADDING: 0px 15px 0px 50px }
#content DIV.furtherinfo P { COLOR: #FFF; LINE-HEIGHT: 48px; FONT-SIZE: 14px; FONT-WEIGHT: bold; margin: 0px 0px 5px 0px !important; }
#content DIV.furtherinfo A:HOVER { COLOR: #e6f0fa; }
#content .floatleft IMG { float: left; padding: 0px 15px 0px 0px; }
#content .floatright IMG { float: right; padding: 0px 0px 0px 15px; }
#content .content_col1 { float: left; position: relative; margin-bottom: 20px; width: 300px; }
#content .content_col2 { float: right; margin-bottom: 20px; width: 300px; }
#content .content_wide { float: left; position: relative; width: 350px; }
#content .content_narrow { float: right; position: relative; width: 190px; }
#content .content_narrow P { }
#content .content_narrow LI { font-size: 11px !important; }

#submenu { PADDING: 10px 0px 0px 0px; MARGIN: 0px 20px 30px 0px; OVERFLOW: visible; WIDTH: 140px; }
#submenu DIV.register { MARGIN-LEFT: -21px; MARGIN-BOTTOM: 10px; }
#submenu UL { MARGIN: 0px 0px 20px 0px; PADDING: 0px; }
#submenu LI { CLEAR: both; DISPLAY: block; LIST-STYLE-IMAGE: none; LIST-STYLE-IMAGE: none; MARGIN: 0px; }
#submenu LI A { DISPLAY: block; PADDING: 10px 0px; }
#submenu LI A:HOVER {  }


/* SUPPORT */
DIV.step1 { BACKGROUND: url('/content/images/bg_hdots.gif') repeat-x bottom; MARGIN-BOTTOM: 20px; }
DIV.step2 { BACKGROUND: url('/content/images/bg_hdots.gif') repeat-x bottom; MARGIN-BOTTOM: 20px; }
DIV.step2 DT { COLOR: #000; CLEAR: left; FONT-WEIGHT: bold; FLOAT: left; MARGIN-BOTTOM: 10px; WIDTH: 170px; }
DIV.step2 DD { CLEAR: right; MARGIN-BOTTOM: 10px; MARGIN-LEFT: 90px; }
DIV.step2 DD.note { MARGIN-LEFT: 0px; }
DIV.step2 DD .pass { COLOR: #339900; }
DIV.step2 DD .fail { COLOR: #AA0000; }
DIV.step3 {  }
DIV.step3 UL { MARGIN: 0px; }
DIV.step3 UL LI { LIST-STYLE: none; LIST-STYLE-IMAGE: none; MARGIN: 0px 0px 5px 0px; PADDING: 0px; }
DIV.step3 A { BORDER-WIDTH: 1px; BORDER-STYLE: solid; BORDER-COLOR: #eaeaea; -moz-border-radius: 5px; -webkit-border-radius: 5px; BACKGROUND-POSITION: 10px center; BACKGROUND-REPEAT:no-repeat; DISPLAY: block; PADDING: 10px 0px 10px 45px; }
DIV.step3 A:HOVER { BORDER-WIDTH: 1px; BORDER-STYLE: solid; BACKGROUND-COLOR: #FFF; }
DIV.step3 A.ie { BACKGROUND-IMAGE: url('/content/images/support_ie.gif'); }
DIV.step3 A.firefox { BACKGROUND-IMAGE: url('/content/images/support_firefox.gif'); }
DIV.step3 A.flash { BACKGROUND-IMAGE: url('/content/images/support_flash.gif'); }
DIV.step3 A.pdf { BACKGROUND-IMAGE: url('/content/images/support_pdf.gif'); }

#supportcheck { BACKGROUND: #999; COLOR: #FFF; MARGIN-BOTTOM: 20px; }
#supportcheck P { COLOR: #FFF; MARGIN: 0px; }
#supportcheck A { COLOR: #FFF; TEXT-DECORATION: underline }
#supportcheck DIV.noflash { PADDING: 6px; }

#content .faq_list { LIST-STYLE: none; LIST-STYLE-IMAGE: none; MARGIN: 0px 0px 20px 0px; PADDING: 0px; }
#content .faq_list LI { BORDER-BOTTOM: 1px solid #f3f3f3; LIST-STYLE: none; LIST-STYLE-IMAGE: none; MARGIN: 0px; PADDING: 6px 0px 6px 0px; }
#content .faq_head { BACKGROUND: url('/content/images/icon_faq_closed.gif') 4px 2px no-repeat; COLOR: #339BE4; CURSOR: pointer; FONT-WEIGHT: bold; MARGIN: 0px; PADDING: 0px 0px 0px 20px; POSITION: relative; }
#content .active { BACKGROUND: url('/content/images/icon_faq_open.gif') 2px 4px no-repeat; COLOR: #1A7534; }
#content .faq_head:hover,
#content .active:hover { COLOR: #1A7534; }
#content .faq_body { DISPLAY: none; PADDING: 5px 0px 0px 20px; }
#content .faq_body P { MARGIN: 0px 0px 5px 0px; }
#content .faq_list LI UL,
#content .faq_list LI OL { MARGIN-LEFT: 30px; }
#content .faq_list LI LI { BORDER: none; MARGIN-BOTTOM: 5px; PADDING: 0px; }
#content .faq_list LI UL LI { LIST-STYLE-IMAGE: url('/skins/images/bullet.gif'); }
#content .faq_list LI OL LI { LIST-STYLE: decimal; }


/* COURSE LIST */
DIV.courseList { PADDING: 10px 0px 20px 0px; }
DIV.courseList H4 { BACKGROUND: #e6f0fa; FONT-SIZE: 18px; FONT-WEIGHT: normal; MARGIN: 0px 0px 10px 0px; PADDING: 8px 0px 12px 10px; }
DIV.courseList DL { BACKGROUND: url('/content/images/bg_hdots.gif') repeat-x bottom; clear: both; height: auto; *height: 1%; margin-bottom: 20px; overflow: hidden; padding-bottom: 10px; }

DIV.courseList DT { clear: left; !important; float: left; FONT-SIZE: 14px; width: 200px; }
DIV.courseList DT P { FONT-SIZE: 11px; COLOR: #CCC; MARGIN: 0px; }
DIV.courseList DT P.time { BACKGROUND: url('/content/images/icon_time.gif') no-repeat left center; PADDING: 0px 0px 0px 10px; }

DIV.courseList DD { MARGIN: 0px 0px 0px 210px; }
DIV.courseList DD UL { MARGIN: 0px 0px 15px 20px; PADDING: 0px; }
DIV.courseList DD LI {  }
DIV.courseList DD A.moreinfo { background: url('/content/images/icon_moreinfo.gif') no-repeat; MARGIN: 0px 15px 0px 0px; padding: 0px 0px 3px 20px; }
DIV.courseList DD A.buynow { background: url('/content/images/icon_buynow.gif') no-repeat; padding: 0px 0px 3px 20px; }
DIV.courseList DD LI.available { background: url('/content/images/li_courselist_available.gif') no-repeat; }
DIV.courseList DD LI.soon { background: url('/content/images/li_courselist_soon.gif') no-repeat; list-style-type: none; list-style-image: none; padding-left: 75px; }
DIV.courseList DD P.price { COLOR: #304798; font-size: 16px; font-weight: bold; }
DIV.courseList DD P.price .small { color: #8f8f8f; font-size: 11px; }



/* FOOTER */
#footer { BACKGROUND: #E6F0FA; PADDING: 10px 20px; }
#footer P { COLOR: #B2B7BC; MARGIN: 0px; }
#footer DIV.copyright {  }
#footer DIV.copyright P { }
#footer DIV.copyright EM { FONT-STYLE: normal; MARGIN-RIGHT: 10px; }
#footer DIV.copyright A { PADDING: 0px 8px 0px 8px; }
#footer DIV.copyright A.last { PADDING-RIGHT: 0px; }
#footer DIV.copyright EM {  }
#footer DIV.e3 {  }
#footer DIV.e3 P {  }


/* FORMS */
.genericForm FIELDSET { BORDER: 1px solid #e6e6e6; -moz-border-radius: 5px; -webkit-border-radius: 5px; MARGIN: 0px 0px 15px 0px; PADDING: 10px; }
.genericForm LEGEND { COLOR: #304798; FONT-WEIGHT: bold; PADDING: 0px 5px 0px 5px; }
.genericForm DIV { CLEAR: both; DISPLAY: block; HEIGHT: auto; MARGIN: 3px 0px; OVERFLOW: hidden; PADDING: 0px 10px;  }
.genericForm LABEL,
.genericForm SPAN.label { BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: right center; CLEAR: left; COLOR: #666; DISPLAY: block; FLOAT: left; MARGIN: 0px 8px 0px 0px; PADDING: 5px 20px 5px 0px; POSITION: relative; WIDTH: 160px; }
.genericForm LABEL.required,
.genericForm SPAN.required {  }
.genericForm LABEL.error,
.genericForm SPAN.error { COLOR: #F00; }
.genericForm INPUT,
.genericForm TEXTAREA,
.genericForm SELECT {  }
.genericForm P.note { clear: both; display: block; margin: 0px 0px 0px 188px !important; padding: 3px 0px 3px 0px !important; }

FORM.applicationForm {

}

	FORM.applicationForm FIELDSET {
		background: #ECF9FD;
		border: 0px none;
		padding: 15px 15px 15px 15px;
		margin: 0px 0px 15px 0px;
	}
	
	FORM.applicationForm P.note {
		clear: both;
		color: #666;
		display: block;
		margin: 0px 0px 0px 188px !important;
		padding: 3px 0px 3px 0px !important;
	}
	
	FORM.applicationForm P.error {
		color: #F00 !important;
	}
	
	FORM.applicationForm LEGEND {
		color: #393;
		font-size: 14px; 
		margin: 0px 0px 14px 0px;
		padding: 0px;
	}
	
	FORM.applicationForm FIELDSET DIV {
		clear: both;
		display: block;
		height: auto;
		*height: 1%;
		margin: 2px 0px;
		overflow: hidden;
		padding: 0px 0px; 
	}
	
	FORM.applicationForm LABEL,
	FORM.applicationForm SPAN.label {
		background-repeat: no-repeat;
		background-position: right 6px;
		display: block;
		float: left;
		margin: 0px 8px 0px 0px;
		padding: 5px 20px 5px 0px;
		position: relative;
		width: 160px;
	}
	
	FORM.applicationForm FIELDSET LABEL.required,
	FORM.applicationForm FIELDSET SPAN.required {
		background-image: url(/skins/images/icon_required.gif);
	}
	
	FORM.applicationForm FIELDSET LABEL.success,
	FORM.applicationForm FIELDSET SPAN.success {
		background-image: url(/skins/images/icon_success.gif);
	}
	
	FORM.applicationForm FIELDSET LABEL.fail,
	FORM.applicationForm FIELDSET SPAN.fail {
		background-image: url(/skins/images/icon_fail.gif);
		color: #F00;
	}
	
	FORM.applicationForm FIELDSET INPUT,
	FORM.applicationForm FIELDSET TEXTAREA {
		color: #000;
		padding: 2px; 
	}
	
	FORM.applicationForm DIV.controlset LABEL, 
	FORM.applicationForm DIV.controlset INPUT {
		display: inline;
		float: none;
	}
	
	FORM.applicationForm DIV.controlset INPUT {
		background: none;
		border: 0px none;
		display: inline;
		float: none;
		margin: 5px 2px 0px 0px;
	}
	
	FORM.applicationForm DIV.controlset LABEL {
		color: #000;
		margin: 0px 4px 0px 0px;
		padding: 0px;
	}
	
	FORM.applicationForm DIV.controlset DIV {
		clear: none;
		margin-left: 188px;
	}
		
	FORM.applicationForm DIV.buttonrow INPUT {
		float: none;
	}


/* ACCOUNT FORM */
.accountForm INPUT.expand,
.accountForm TEXTAREA.expand,
.accountForm SELECT.expand { WIDTH: 300px; }


/* TABLES */
#datatable {  }
#datatable TH {  }
#datatable TD { BORDER-BOTTOM: #EEE 1px solid; PADDING: 5px 0px; }

/*#content TBODY TD { PADDING: 0px !important; }*/
#content TABLE.editform TH { BACKGROUND: #304798 !important; BORDER-BOTTOM: 0px none !important; COLOR: #FFF !important; PADDING: 5px !important; }
#content TABLE.editform TD { PADDING: 3px 0px !important; }
#content TABLE.editform TD LABEL { COLOR: #666; DISPLAY: block; FONT-WEIGHT: bold; PADDING: 0px 10px 0px 0px; }


/* COURSE ELEMENTS - NAVIGATION DATA */
DIV.breadcrumbs { MARGIN: 0px 0px 20px 0px; PADDING: 0px 11px 8px 11px; }
DIV.breadcrumbs .divider { MARGIN: 0px 6px 0px 6px; VERTICAL-ALIGN: middle; }
DIV.topnav { BACKGROUND: url('/content/images/bg_topnav.gif') no-repeat; CLEAR: both; HEIGHT: 40px; MARGIN: -20px 0px 20px 0px; OVERFLOW: hidden; PADDING: 0px 2px 0px 2px; POSITION: relative !important; Z-INDEX: 20 !important; }
DIV.topnav A { BACKGROUND: transparent url('/content/images/nav_a.gif') no-repeat scroll top right; COLOR: #FFF !important; DISPLAY: block; FLOAT: left; HEIGHT: 40px; FONT-SIZE: 12px; FONT-WEIGHT: bold; MARGIN-LEFT: 3px; OUTLINE: none; PADDING-RIGHT: 12px; POSITION: relative !important; Z-INDEX: 99 !important; }
DIV.topnav A SPAN { BACKGROUND: transparent url('/content/images/nav_a_span.gif') no-repeat; DISPLAY: block; LINE-HEIGHT: 12px; PADDING: 13px 0px 15px 12px; }
DIV.topnav A:HOVER { BACKGROUND-POSITION: bottom right; }
DIV.topnav A:HOVER SPAN { BACKGROUND-POSITION: bottom left; }
DIV.bottomnav { DISPLAY: none; }


/* COURSE ELEMENTS - COURSE DATA */
.course {  }
.course #flashcontent { TEXT-ALIGN: center; MARGIN-TOP: -15px; }
.course H2 { FLOAT: left; DISPLAY: inline; WIDTH: 580px; }
.course .caption { COLOR: #999; FONT-SIZE: 11px; MARGIN: 5px 0px 0px 0px; }
.course BLOCKQUOTE { FONT-STYLE: italic; MARGIN: 10px 10px 10px 20px; }
.course P.certificate {  }
.course P.prepreq { BACKGROUND-IMAGE: url('/content/images/icon_prereq.png'); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left center; CLEAR: both; COLOR: #AF0202; DISPLAY: block !important; FONT-SIZE: 11px; FONT-WEIGHT: bold; PADDING: 3px 0px 3px 20px; }
.course P.prepreq IMG { DISPLAY: none; }


/* COURSE ELEMENTS - TRACKING */
.course .tracking { COLOR: #000; DISPLAY: inline; FLOAT: right; FONT-SIZE: 18px; TEXT-ALIGN: right; WIDTH: 180px; }
.page .tracking,
.quiz .tracking,
.activity .tracking { FONT-SIZE: 11px; FLOAT: none; FONT-SIZE: 11px; LEFT: 50%; MARGIN-TOP: 0px; MARGIN-LEFT: 245px; PADDING: 4px 5px 4px 0px; POSITION: absolute; WIDTH: 140px; Z-INDEX: 1; }
.unit .tracking { COLOR: #000; FONT-SIZE: 11px; WIDTH: 140px; }
.quiz .tracking { COLOR: #000; FONT-WEIGHT: bold; }


/* COURSE ELEMENTS - COURSEPAGE */
.coursepage { MARGIN: 0px; CLEAR: both; HEIGHT: auto; OVERFLOW: hidden; PADDING: 0px 0px 10px 0px; }
.coursepage .copy { CLEAR: left; }
.coursepage .image { CLEAR: right; FLOAT: right; MARGIN-LEFT: 20px; TEXT-ALIGN: center; WIDTH: auto; }
.coursepage #player { CLEAR: both; DISPLAY: block; TEXT-ALIGN: center; }


/* COURSE ELEMENTS - TOC */
.coursetoc { LIST-STYLE: none; LIST-STYLE-IMAGE: none; MARGIN: 0px; PADDING: 0px; }
.coursetoc H1,
.coursetoc H2,
.coursetoc H3,
.coursetoc H4,
.coursetoc H5,
.coursetoc H6,
.coursetoc P { MARGIN: 0px; PADDING: 0px; }
.coursetoc .coursetoc,
.coursetoc .coursetoc .coursetoc,
.coursetoc .coursetoc .coursetoc .coursetoc { BORDER-BOTTOM: 0px none  !important; }
.coursetoc LI { LIST-STYLE: none; LIST-STYLE-IMAGE: none; MARGIN: 0px; PADDING: 0px; }
.coursetoc UL LI,
.coursetoc UL UL LI ,
.coursetoc UL UL UL LI{ LIST-STYLE-IMAGE: none !important; }


/* COURSETOC TOPICS */
UL.coursetoc LI.topic { BORDER-TOP: 0px none;  }
UL.coursetoc LI.topic UL.coursetoc {  }
UL.coursetoc LI.topic H3 { BORDER-BOTTOM: 1px solid #f3f3f3; FONT-SIZE: 18px; FONT-WEIGHT: normal; PADDING: 20px 0px 10px 0px; }


/* COURSETOC UNITS */
UL.coursetoc LI.unit { BACKGROUND-COLOR: #f3f8fd; BACKGROUND-IMAGE: url('/content/images/bg_unit.png'); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0px 19px; BORDER-BOTTOM: 5px solid #FFF; MIN-HEIGHT: 50px; PADDING: 25px 5px 25px 72px; }
UL.coursetoc LI.unit:HOVER { BACKGROUND-COLOR: #e6f0fa;  }
UL.coursetoc LI.unit H3 { BORDER-BOTTOM: 0px none; BACKGROUND: none; FLOAT: left; FONT-SIZE: 14px; MARGIN-BOTTOM: 8px; PADDING: 0px; WIDTH: 520px; }
UL.coursetoc LI.unit P { CLEAR: both !important;  }
UL.coursetoc LI.unit P.certificate,
.coursepage P.certificate { BACKGROUND-COLOR: #60a64d; BACKGROUND-IMAGE: url('/content/images/bg_certificate.gif'); BACKGROUND-REPEAT: no-repeat; COLOR: #FFF; DISPLAY: block; PADDING: 14px 4px 4px 4px !important; }
.coursepage P.certificate { BACKGROUND-IMAGE: url('/content/images/bg_certificate_content.gif'); PADDING: 18px 8px 8px 8px !important; }
UL.coursetoc LI:HOVER.unit P.certificate { BACKGROUND-IMAGE: url('/content/images/bg_certificate_hv.gif'); }
UL.coursetoc LI.unit P.certificate A,
.coursepage P.certificate A { COLOR:#FFF; FONT-WEIGHT: bold;  }
UL.coursetoc LI.unit P.certificate IMG,
.coursepage P.certificate IMG { DISPLAY: none; }

UL.coursetoc LI.unit LI.topic { BORDER: 0px none; }


/* COURSETOC PAGES */
UL.coursetoc LI.page,
UL.coursetoc LI.activity,
UL.coursetoc LI.quiz { BACKGROUND: #FFF; BORDER-BOTTOM: 1px solid #F0F0F0; HEIGHT: auto; OVERFLOW: hidden; VERTICAL-ALIGN: bottom; PADDING: 4px 0px }
UL.coursetoc LI.page:hover,
UL.coursetoc LI.activity:hover,
UL.coursetoc LI.quiz:hover { BACKGROUND: #FFF url('/content/images/bg_page_hv.gif') repeat-y; }

UL.coursetoc LI.page A,
UL.coursetoc LI.activity A,
UL.coursetoc LI.quiz A { BACKGROUND-IMAGE: url('/content/images/icon_page.gif'); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 3px 3px; CLEAR: left; DISPLAY: block; FLOAT: left; PADDING: 4px 0px 4px 24px;  POSITION: relative; WIDTH: 746px; Z-INDEX: 99; -MOZ-BOX-SIZING: border-box; BOX-SIZING: border-box; }
UL.coursetoc LI.activity A { BACKGROUND-IMAGE: url('/content/images/icon_activity.gif'); }
UL.coursetoc LI.quiz A { BACKGROUND-IMAGE: url('/content/images/icon_quiz.gif'); }

UL.coursetoc LI.page A:HOVER,
UL.coursetoc LI.activity A:HOVER,
UL.coursetoc LI.quiz A:HOVER { BACKGROUND-IMAGE: url('/content/images/icon_page_hv.gif'); }

UL.coursetoc LI.activity A:HOVER { BACKGROUND-IMAGE: url('/content/images/icon_page_hv.gif'); }

UL.coursetoc li.quiz { BACKGROUND-COLOR: #F7F7DF; FONT-WEIGHT: bold; }
UL.coursetoc li.quiz:hover { BACKGROUND-COLOR: #FDFCE1; }


/* COURSE ELEMENTS - QUIZ */
.quizquestion { height: 1%; margin: 0px; clear: both; overflow: hidden; }
.quizquestion P { height:auto; height: 1%; margin: 10px 0px 20px 0px !important; overflow: hidden; }
.quizquestion FORM { margin: 0px; padding: 0px; height: 1%; overflow: hidden; }
.quizquestion .submit {  }
.quizquestion INPUT { clear: left; float: left; margin: 0px; }
.quizquestion LABEL { background: transparent; float: left; margin-left: -20px; padding-left: 30px; width: 700px;}
.quizresults { margin: 0px; clear: both; border: 0px none; border-spacing: 0px; border-collapse: collapse; }
.quizresults TD { padding: 5px; border-bottom: 1px dotted #999; }
.quizresults TD P { margin: 5px 0px !important; padding: 0px !important; }
.quizresults TD B { color: #000; font-weight: bold; }
.quizresults .useranswer { color: #009933; font-weight: bold; }
.quizresults .wronganswer { color: #FF0000; }


/* COURSE ELEMENTS - AUDIO */
#audio { BACKGROUND: none; HEIGHT: 40px; LEFT: 50%; MARGIN-LEFT: 292px; OVERFLOW: hidden; POSITION: absolute; TOP: 132px; WIDTH: 100px; z-index: 30 !important; }
#audio P { color: #F00; font-size: 11px; padding: 5px; text-align: right; }


/* COURSE ELEMENTS - GLOSSARY */
#e3Tip { -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #304798; color: #FFF; font-size: 12px; left: 50%; margin-top: 20px; padding: 12px; top: 50%; width: 250px; }
.glossary { background: transparent url('/content/images/icon_glossary.gif') no-repeat top right; color: #339BE4; padding-right: 13px; }
.glossary:hover { color: #1A7534; cursor: help; }
.glossaryFG { border-top: 3px solid #05b5d6; padding: 4px 6px 6px 6px; }
.glossaryText { font-size: 11px; }


/* LEGACY STYLES */
.error { color: #F00; margin: 0px; padding: 0px; }
.blackBold { color: #666; font-weight: bold; padding: 5px 0px 10px 0px; margin: 5px 0px; line-height: 30px; }
.redbold { color: #F00; } 
.mainTitleActive {  } 
.mainTitle {   }
.subTitle {   }
.tableTitle { font-weight: bold; padding: 5px 0px; }
.tableContent { padding: 5px; }
.tableDivider { padding: 2px 0px; }
.smallheading { font-size: 0.5em; font-weight: normal; letter-spacing: normal; }
.smalltext { font-size: 11px; }
.expand {  }
TABLE.editform { empty-cells: hide; width: 100%; }
.editform TD {  }
.editform TH,
.comments TH { background-image: none; background-color: #FFF; border-bottom: 1px solid #0B56A4; color: #666; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
TABLE.report { empty-cells: show; }
.report TH { background-image: none; }
TABLE.comments TD { padding: 5px; border-bottom: 1px solid #CCC; }
TABLE.comments TR.admincomment { background-color: #33FFFF; }