/*
	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: #7f7f7f; FONT-FAMILY: 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: #3C96AE; TEXT-DECORATION: none; }
A:HOVER { BORDER-COLOR: #83C3D2 !important; COLOR: #83c3d2; TEXT-DECORATION: none; }
H1,
H2,
H3,
H4,
H5,
H6,
.mainTitleActive,
.mainTitle,
.subTitle,
.tableTitle { COLOR: #000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; LINE-HEIGHT: 1em; MARGIN-BOTTOM: 1em; }
H1,
H2,
.mainTitleActive,
.mainTitle { FONT-SIZE: 24px; LETTER-SPACING: -1px; }
H3,
.subTitle { FONT-SIZE: 18px; }
H4 { FONT-SIZE: 16px; }
H5 { FONT-SIZE: 14px; }
H6 { FONT-SIZE: 12px; }
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: #DCEEF2; COLOR: #DCEEF2; HEIGHT: 1px; MARGIN: 10px 0px; }
TH { BACKGROUND: #00A499; COLOR: #FFF; FONT-WEIGHT: bold; PADDING: 8px 8px; TEXT-ALIGN: left;  -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; }


/* CONTAINER CONTROLS */
.floatleft { FLOAT: left; }
.floatright { FLOAT: right; }
.floatnone { FLOAT: none; }
.block { CLEAR: both; DISPLAY: block; HEIGHT: auto; OVERFLOW: hidden; }
.rm10 { MARGIN-RIGHT: 10px; }
.lm10 { MARGIN-LEFT: 10px; }
SPAN.number { DISPLAY: none; }

DIV.background { BACKGROUND: url('/content/images/bg_background.gif') repeat-x bottom; PADDING: 20px 20px 25px 20px; }


/* WRAPPER */
#wrapper { BACKGROUND: #FFF url('/content/images/bg_wrapper.gif') no-repeat top; MARGIN: auto; WIDTH: 780px; PADDING: 0px 30px 30px 30px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; }
	.content #wrapper { WIDTH: 900px; }
	#wrapper DIV.error { display: block; HEIGHT: auto; }
	#wrapper DIV.error P { BACKGROUND: #F20; DISPLAY: block; COLOR: #FFF; FONT-WEIGHT: bold; MARGIN: 1px 0px 0px 0px; PADDING: 14px 0px 14px 0px; TEXT-ALIGN: center; -moz-border-radius: 8px; -webkit-border-radius: 8px;  }
	#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: 12px; FONT-WEIGHT: bold; LINE-HEIGHT: 37px; MARGIN: 0px 3px 0px 0px; PADDING: 0px 25px 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: 37px; OUTLINE: none; PADDING: 0px 14px 0px 14px; }
	#wrapper A.button:HOVER { BACKGROUND-POSITION: right bottom; }
	#wrapper A.button:HOVER SPAN { BACKGROUND-POSITION: left bottom; }


/* HEADER */
#header { MARGIN: 0px 0px 0px 0px; }
	#header H1,
	#header H2 { MARGIN: 0px; }


/* MAIN MENU */
#menu { BACKGROUND: url('/content/images/bg_menu.gif') repeat-x; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
	#menu DIV.innerLeft { BACKGROUND: url('/content/images/bg_menu_left.gif') no-repeat left top; PADDING: 0px 0px 0px 17px;  }
	#menu DIV.innerRight { BACKGROUND: url('/content/images/bg_menu_right.gif') no-repeat right top; PADDING: 0px 17px 0px 0px;  }
	#menu P { MARGIN: 0px; }
	#menu A { COLOR: #FFF; DISPLAY: block; FLOAT: left; FONT-WEIGHT: normal; FONT-STYLE: normal; LINE-HEIGHT: 43px; MARGIN: 0px 0px 0px 0px; PADDING: 0px 10px 0px 10px; }
	#menu A:HOVER { BACKGROUND: url('/content/images/bg_menu_hv.gif') repeat-x; }
	#menu EM { BACKGROUND: url('/content/images/bg_menu_edge.gif') repeat-x; FLOAT: left; HEIGHT: 43px; WIDTH: 1px; }


/* HOME */
#home { BACKGROUND: url('/content/images/bg_content.gif') no-repeat center top; PADDING: 30px 0px; }
	#home DIV.row1 { BACKGROUND: url('/content/images/bg_hdots.gif') repeat-x bottom; PADDING: 0px 0px 20px 0px; }
	/*#home DIV.row1 H4 { COLOR: #F5BB3D; FONT-WEIGHT: bold; FLOAT: left; MARGIN-RIGHT: 20px; }*/
	#home DIV.row2 { PADDING: 20px 0px 0px 0px; }
	#home DIV.column { MARGIN-RIGHT: 20px; WIDTH: 180px; }
	#home DIV.last { MARGIN-RIGHT: 0px; }
	#home H4 { FONT-WEIGHT: normal; }
	
	/* CASE STUDIES */
	#home DIV.case {  }
		#home DIV.case LI { BACKGROUND: #d0edf2; MARGIN-RIGHT: 1px; -moz-border-radius: 6px; -webkit-border-radius: 6px; PADDING: 10px; WIDTH: 160px; }
		#home DIV.case EM { COLOR: #444; DISPLAY: block; FONT-SIZE: 11px; FONT-STYLE: normal; HEIGHT: auto; OVERFLOW: hidden; }
		#home DIV.case SPAN.company { COLOR: #000; CLEAR: both; DISPLAY: block; FONT-SIZE: 11px; FONT-WEIGHT: bold; PADDING: 6px 0px 0px 0px; }
	
	/* NEWS */
	#home DIV.news {  }
	
	/* QUALITY */
	#home DIV.quality {  }
	
	/* CHECK */
	#home DIV.check {  }

	/* LOGIN */
	#home DIV.login { WIDTH: 180px; }
	#home DIV.login P { MARGIN-BOTTOM: 8px; }
	#home DIV.login UL { MARGIN: 10px 0px 20px 0px; }
	#home DIV.login UL LI { LIST-STYLE: none; LIST-STYLE-IMAGE: none; MARGIN-BOTTOM: 0px; VERTICAL-ALIGN: bottom; }
	#home DIV.login UL 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 LI A.training { BACKGROUND-IMAGE: url('/content/images/icon_training_up.png'); }
	#home DIV.login UL LI A.edit { BACKGROUND-IMAGE: url('/content/images/icon_edit_up.png'); }
	#home DIV.login UL LI A.logout { BACKGROUND-IMAGE: url('/content/images/icon_logout_up.png'); }
	#home DIV.login FORM {  }
	#home DIV.login FORM DIV.username,
	#home DIV.login FORM DIV.password { DISPLAY: block; MARGIN-BOTTOM: 8px; }
	#home DIV.login FORM DIV.lostpass { PADDING: 0px 0px 8px 0px; }
	#home DIV.login FORM DIV.submit { MARGIN: 0px; }
	#home DIV.login FORM LABEL { COLOR: #000; CLEAR: both; DISPLAY: block; FONT-WEIGHT: bold; PADDING: 0px 0px 8px 0px; }
	#home DIV.login FORM INPUT.loginfield { PADDING: 2px; WIDTH: 172px; }
	#home DIV.login FORM INPUT.loginbutton { PADDING: 0px; MARGIN: 0px; }

	/* HERO */
	#home DIV.hero { MARGIN-RIGHT: 20px; WIDTH: 580px; }
		#home DIV.hero DIV.note { MARGIN-LEFT: 340px; MARGIN-TOP: 20px; POSITION: absolute; }
		#home DIV.hero A { COLOR: #000; DISPLAY: block; FLOAT: left; PADDING-TOP: 4px;  }
		#home DIV.hero A:HOVER { COLOR: #83C3D2; }


/* CONTENT */
#contentContainer { BACKGROUND-IMAGE: url('/content/images/bg_content.gif'); BACKGROUND-REPEAT: no-repeat; PADDING: 30px 0px 0px 0px; }
.narrow#contentContainer {  }

	#contentContainer P.intro { COLOR: #000; FONT-SIZE: 16px; }

	#content { HEIGHT: auto; OVERFLOW: hidden; }
	.narrow#content { WIDTH: 700px; }
	#content DIV.furtherinfo { CLEAR: both; BACKGROUND: #d0edf2; MARGIN: 10px 0px 0px 0px; PADDING: 20px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
	#content DIV.furtherinfo H6 { COLOR: #009d96; FONT-SIZE: 14px; }
	#content DIV.furtherinfo P { COLOR: #000; FONT-SIZE: 12px; margin: 0px 0px 5px 0px !important; }
	#content DIV.furtherinfo A:HOVER {  }
	#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: 335px; }
	#content .content_col2 { float: right; margin-bottom: 20px; width: 335px; }
	#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; }
	#content .quote { color: #33b1ab; font-size: 14px; font-style: italic; padding: 0px 20px; }
	#content .contactLabel { float: left; width: 50px; font-weight: bold;  }
	#content P.back { CLEAR: both; BORDER-TOP: 1px solid #DCEEF2; }
	#content P.back A { BACKGROUND: url('/skins/images/icon_back.gif') no-repeat left 10px; DISPLAY: block; PADDING: 10px 0px 20px 20px; }


/* SUBMENU */
#submenu { MARGIN-RIGHT: 20px; WIDTH: 180px; }
	#submenu UL { MARGIN: 0px 0px 10px 0px; PADDING: 0px; WIDTH: 180px; }
	#submenu LI { LIST-STYLE-IMAGE: none; LIST-STYLE-IMAGE: none; MARGIN: 0px 0px 1px 0px; VRETICAL-ALIGN: bottom; WIDTH: 180px; }
	#submenu LI A { BACKGROUND: #D0EDF2; DISPLAY: block; PADDING: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
	#submenu LI A:HOVER { BACKGROUND: #33B1AB; COLOR: #FFF; }
	#submenu A.button { MARGIN: 0px; WIDTH: 155px; }
	#submenu A.button SPAN { WIDTH: 125px; }


/* 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: 5px; WIDTH: 170px; }
DIV.step2 DD { CLEAR: right; MARGIN-BOTTOM: 5px; }
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: #3C96AE; 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: #000; }
#content .faq_head:hover,
#content .active:hover { COLOR: #83C3D2; }
#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: #D0EDF2; 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; MARGIN-BOTTOM: 20px; OVERFLOW: hidden; PADDING-BOTTOM: 10px; }
	DIV.courseList DT { CLEAR: left; !important; FLOAT: left; FONT-SIZE: 14px; WIDTH: 200px; }
	DIV.courseList DT A,
	DIV.courseList DT EM { DISPLAY: block; FONT-WEIGHT: bold; FONT-STYLE: normal; PADDING-BOTTOM: 5px; margin: 0; }
	DIV.courseList DT .title { color: #111; DISPLAY: block; FONT-WEIGHT: bold; FONT-STYLE: normal; PADDING-BOTTOM: 5px; margin: 0; }
	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: #f5bb3d; FONT-SIZE: 16px; FONT-WEIGHT: bold; }
	DIV.courseList DD P.price .small { COLOR: #8f8f8f; FONT-SIZE: 11px; }
	
	.courseList .file {
		color: #ccc;
		font-size: 10px;
		margin-left: -10px;
		}


/* CAROUSEL */
.jcarousel-container { POSITION: relative; }
.jcarousel-clip { Z-INDEX: 2; PADDING: 0; MARGIN: 0; OVERFLOW: hidden; POSITION: relative; WIDTH: 180px; }
.jcarousel-list { Z-INDEX: 1; OVERFLOW: hidden; POSITION: relative; TOP: 0; LEFT: 0; MARGIN: 0; PADDING: 0; }
.jcarousel-list li,
.jcarousel-item { FLOAT: left; LIST-STYLE: none; WIDTH: 180px; }
.jcarousel-skin-e3 .jcarousel-container-horizontal { WIDTH: 180px; }
.jcarousel-skin-e3 .jcarousel-container-vertical { WIDTH: 180px; }
.jcarousel-skin-e3 .jcarousel-clip-horizontal { WIDTH: 180px; }
.jcarousel-skin-e3 .jcarousel-clip-vertical { WIDTH: 180px; }
.jcarousel-skin-e3 .jcarousel-item { WIDTH: 180px; }
.jcarousel-skin-e3 .jcarousel-item-horizontal { MARGIN-RIGHT: 10px; }
.jcarousel-skin-e3 .jcarousel-item-vertical { MARGIN-BOTTOM: 10px; }
.jcarousel-skin-e3 .jcarousel-item-placeholder { BACKGROUND: #fff; COLOR: #000; }


/* SIGN-UP */

.termsbox {	border: 1px solid #DDD;	padding: 5px; width: 888px; }
.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; }



/* FOOTER */
#footer { BACKGROUND: #CCC url('/content/images/bg_footer.gif') no-repeat bottom; HEIGHT: 80px; MARGIN: auto; PADDING: 14px 20px 0px 20px; WIDTH: 800px; }
.content #footer { BACKGROUND-IMAGE: url('/content/images/bg_footer_content.gif'); WIDTH: 920px; }
	#footer P { COLOR: #EEE; MARGIN: 0px;  }
	#footer A { COLOR: #FFF; }
	#footer A:HOVER { COLOR: #444; }
	#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 { MARGIN-TOP: -4px; WIDTH: 170px; }
	#footer DIV.e3 A { BACKGROUND: url('/content/images/logo_learnforce.gif') no-repeat 0px 2px; float: right; HEIGHT: 22px; WIDTH: 78px; }
	#footer DIV.e3 A SPAN { DISPLAY: none; }
	#footer DIV.e3 P { FLOAT: left; }


/* FORMS */
FORM {  }
FIELDSET { BORDER: 1px solid #E6E6E6; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
LEGEND { COLOR: #000; FONT-WEIGHT: bold;  }
LABEL,
SPAN.label { COLOR: #666;  }
.genericForm FIELDSET { MARGIN: 0px 0px 15px 0px; PADDING: 10px; }
.genericForm LEGEND { 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; 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; }


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


/* TABLES */
#datatable {  }
#datatable TH {  }
#datatable TD { BORDER-BOTTOM: #D0EDF2 1px solid; PADDING: 5px 0px; }
/*#content TBODY TD { PADDING: 0px !important; }*/
#content TABLE.editform TH { BACKGROUND: #00A499 !important; BORDER-BOTTOM: 0px none !important; COLOR: #FFF !important; PADDING: 8px 8px !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: 700px; }
	.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: 305px; 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: 1px solid #f3f8fd; !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: 0px none; FONT-SIZE: 18px; LETTER-SPACING: 0px; 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: 10px 19px; MIN-HEIGHT: 50px; MARGIN-BOTTOM: 5px; PADDING: 25px 25px 25px 80px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
UL.coursetoc LI.unit:HOVER { BACKGROUND-COLOR: #e6f0fa;  }
UL.coursetoc LI.unit H3 { BORDER-BOTTOM: 0px none; BACKGROUND: none; FLOAT: left; FONT-SIZE: 14px; FONT-WEIGHT: bold; LETTER-SPACING: 0px; MARGIN-BOTTOM: 8px; PADDING: 0px; WIDTH: 640px; }
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-TOP: 1px solid #f3f8fd; 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: 875px; 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: 820px;}
.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: 28px; LEFT: 50%; MARGIN-LEFT: 165px; OVERFLOW: hidden; POSITION: absolute; TOP: 226px; WIDTH: 220px; 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: #333; BORDER: 0px none; 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: #3C96AE; PADDING-RIGHT: 13px; }
.glossary:hover { COLOR: #83C3D2; 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; }