/* © Copyright 2008 e3Learning */


/* ========== DEFAULT OVERRIDES */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset { MARGIN: 0; PADDING: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th { FONT-SIZE: 1em; FONT-WEIGHT: normal; FONT-STYLE: normal; }
ul,ol { LIST-STYLE: none; }
fieldset,img { BORDER: 0px none; }
caption,th { TEXT-ALIGN: left; }
table { BORDER-COLLAPSE: collapse; BORDER-SPACING: 0; }
BODY { COLOR: #333; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; }
P, TD { COLOR: #333; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; }
A:LINK,
A:ACTIVE,
A:VISITED { COLOR: #d52b1e; TEXT-DECORATION: none; }
A:HOVER { COLOR: #e37222; TEXT-DECORATION: none; }
H1,
H2,
H3,
H4,
H5,
H6,
.mainTitleActive,
.mainTitle,
.subTitle,
.tableTitle { COLOR: #8D817B; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-WEIGHT: normal; LINE-HEIGHT: 1em; MARGIN-BOTTOM: 1em; }
H1 { FONT-SIZE: 24px; }
H2 { FONT-SIZE: 24px; }
H3 { FONT-SIZE: 18px; }
H4 { FONT-SIZE: 16px; }
H5 { FONT-SIZE: 14px; }
H6 { FONT-SIZE: 12px; }
UL,
OL { MARGIN-LEFT: 25px; *margin-left: 35px; 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('/skins/images/bullet.gif'); }
UL LI.nobullet { LIST-STYLE-IMAGE: none; }
OL LI { LIST-STYLE: decimal; }
HR { BORDER-COLOR: #d9d5d2; BACKGROUND: #d9d5d2; COLOR: #d9d5d2; HEIGHT: 1px; MARGIN: 10px 0px; }
TH { BACKGROUND: #8d817b; COLOR: #FFF; FONT-SIZE: 12px; FONT-WEIGHT: bold; PADDING: 4px; TEXT-ALIGN: left; }



/* ========== CONTAINER CONTROLS */


.left {
	float: left;
}

.right {
	float: right;
}

.block {
	clear: both;
	display: block;
	height: auto;
	_height: 1%;
	overflow: hidden;
}



/* ========== WRAPPER */

#wrapper {
	background: #FFF;
	margin: auto;
	width: 810px;
	-moz-box-shadow: 0px 0px 30px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.5);
}


/* ========== HEADER */

#header H1 {
	margin: 0px;
}


/* ========== BANNER */

#banner {
	background: url(/skins/images/bg_banner.jpg) no-repeat;
	height: 314px;
	overflow: hidden;
	padding: 1px 0px 0px 0px;
}

#banner DIV.buynow {
	background: #008544;
	color: #FFF;
	display: inline;
	padding: 15px 15px 1px 15px;
	width: 332px;
	margin-top: 125px;
	margin-left: 25px;
}

#banner DIV.buynow P {
	margin-bottom: 1em;
}

#banner DIV.buynow P,
#banner DIV.buynow A {
	color: #FFF;
}

#banner DIV.buynow A {
	display: inline;
	padding: 3px;
}

#banner DIV A:HOVER {
	text-decoration: underline;
}





/* ========== MAIN MENU */

#menu {
	background: #0f7542 url('/skins/images/bg_menu.gif') repeat-x;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
}

#menu UL {
	clear: both;
	float: left;
	height: auto;
	margin: 0px;
	overflow: hidden;
	padding: 0px;
}

#menu LI {
	display: inline;
	list-style: none;
	list-style-image: none;
	height: auto;
	_height: 1%;
}


#menu A {
	BACKGROUND: url('/skins/images/bg_menu_a.gif') no-repeat right top;
    color: #FFF;
	display: block;
    float: left;
    font: normal 13px arial, sans-serif;
	line-height: 42px;
	padding: 0px 10px;
    text-decoration: none;
}

#menu A:HOVER {
    background: #30af6f;
	color: #FFF;
}


/* ========== SURVEYS */

DIV.surveys {
	height: auto;
	overflow: hidden;
}

DIV.surveys UL {
	margin: 10px 0px 0px 0px;
}

DIV.surveys LI {
	list-style-image: inherit;
	margin: 0px 0px 5px 0px;
}

DIV.surveys A {
	font-size: 12px !important;
	line-height: normal;
}




/* ========== HOME CONTAINER */

#homecontainer {
	background: url(/skins/images/bg_home.png) repeat-x;
}

#homecontainer H1,
#homecontainer H2,
#homecontainer H3,
#homecontainer H4,
#homecontainer H5,
#homecontainer H6 {
	color: #6088AF;
}

	#homecontainer H2 {
		font-weight: bold;
		margin-bottom: 0px;
	}
	
	#homecontainer P.error {
		display: block;
		padding: 10px 0px 0px 0px;
		margin-bottom:0px;
		font-weight: bold;
	}
		
	#homecontainer H5 {
		font-weight: bold;
		margin-bottom: 15px;
	}

	#homecontainer div.morecourses {
		padding: 30px 20px 40px 20px;
	}
	
	#homecontainer div.morecourses H3 {
		font-weight: bold;
		margin-bottom: 10px;
	}



/* ========== HERO */

#hero {
	background: url(/skins/images/bg_hero.png) no-repeat;
	overflow: hidden;
	padding: 90px 20px 0px 20px;
}

	#hero .panel {
		background: url(/skins/images/hero_panel_shadow.png) no-repeat right bottom;
		width: 263px;
	}
	
	
	#hero .panel H2,
	#hero .panel H5,
	#hero .panel P {
		color: #FFF;
	}
	
	#hero .panel A {
		background-repeat: no-repeat;
		background-position: left center;
		color: #FFF;
		font-size: 11px;
		font-weight: bold;
		height: 11px;
		text-transform: uppercase;
		padding: 3px 8px 3px 19px;
	}
	
	#hero .panel A:HOVER {
		TEXT-DECORATION: underline;
	}
	
	#hero .panel P {
		margin-bottom: 10px;
	}
	
	#hero .panel .price {
		display: block;
		position: absolute;
		margin-left: 168px
	}
		
	#hero .cpr {
		background: #ee1b2e url(/skins/images/panel_cpr_b.png) no-repeat bottom;
		width: 243px;
	}
	
	#hero .cpr .buy {
		background-image: url(/skins/images/panel_cpr_buy.png);
	}
	
	#hero .cpr .more {
		background-image: url(/skins/images/panel_cpr_more.png);
	}
	
	#hero .cpr p.includes {
		color: #f8a4ab;
		font-size: 11px;
	}
	
	#hero .sfa {
		background: #139051 url(/skins/images/panel_sfa_b.png) no-repeat bottom;
		width: 243px;
	}
	
	#hero .sfa .buy {
		background-image: url(/skins/images/panel_sfa_buy.png);
	}
	
	#hero .sfa .more {
		background-image: url(/skins/images/panel_sfa_more.png);
	}
	
	#hero .sfa p.includes {
		color: #a1d3b9;
		font-size: 11px;
	}
	
	#hero .inner {
		min-height: 250px;
		padding: 16px 20px;
	}
	



/* ========== assistance */

#assistance {
	background: #eff4f8 url(/skins/images/bg_assistance.png) repeat-x;
	padding: 30px 20px;
}

	#assistance P {
		margin-bottom: 12px;
	}
	
	#assistance div.started {
		width: 369px;
	}
	
	#assistance div.started #flashcontent {
		padding-top: 20px;
	}
	
	#assistance div.started div.noflash H3 {
		COLOR: #F00;
		FONT-WEIGHT: bold;
	}
	
	#assistance div.shop {
		background: url(/skins/images/bg_shop.png) no-repeat right top;
		margin-right: -20px;
		padding-right: 210px;
		width: 179px;
	}
	
	#assistance div.shop p.visit {
		font-weight: bold;
		margin-left: 200px;
		margin-top: 140px;
		position: absolute;
	}


/* ========== HERO */

	#hero .login {
		padding: 26px 0px 0px 0px;
		width: 243px;
	}
	
	#hero div.login FORM { MARGIN-TOP: 10px; }
	#hero div.login FORM P { MARGIN-BOTTOM: 0px; }
	#hero div.login FORM LABEL { DISPLAY: block; FONT-WEIGHT: bold; PADDING: 0px 0px 5px 0px; }
	#hero div.login FORM label.overlabel-apply {  }
	#hero div.login FORM INPUT.loginfield { BORDER: 0px none; BACKGROUND: transparent; COLOR: #999; PADDING: 8px 5px 8px 35px; WIDTH: 198px; }
	#hero div.login FORM INPUT.loginfield:FOCUS { COLOR: #000; }
	#hero div.login FORM DIV.username,
	#hero div.login FORM DIV.password { BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: bottom; MARGIN-BOTTOM: 5px; }
	#hero div.login FORM DIV.username { BACKGROUND-IMAGE: url(/skins/images/bg_loginfield_user.png); CLEAR: left; }
	#hero div.login FORM DIV.password { BACKGROUND-IMAGE: url(/skins/images/bg_loginfield_pass.png); CLEAR: right; }
	#hero div.login FORM DIV.submit { CLEAR: left; }
	#hero div.login FORM DIV.lostpass { PADDING: 0px 0px 0px 0px; }
	#hero div.login FORM DIV.lostpass A { DISPLAY: block; PADDING: 12px 0px 12px 10px; }
	#hero div.login FORM DIV.lostpass A:HOVER { BACKGROUND-POSITION: left -37px; }
	#hero div.login BUTTON { BACKGROUND: transparent; BORDER: none; CURSOR: pointer; OUTLINE: none; HEIGHT: 34px; PADDING: 0px 2px 0px 0px; TEXT-INDENT: 0px; MARGIN: 0px 0px 0px 0px; }
	#hero div.login BUTTON SPAN { BACKGROUND: url('/skins/images/login_button_a.png') no-repeat right top; COLOR: #999; DISPLAY: block; FLOAT: left; FONT-WEIGHT: bold; FONT-SIZE: 14px; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 32px; LINE-HEIGHT: 32px; PADDING: 0px 12px 0px 0px; TEXT-SHADOW: #FFF 0px 1px 0px; }
	#hero div.login BUTTON SPAN SPAN { BACKGROUND: url('/skins/images/login_button_span.png') no-repeat left top; PADDING: 0px 0px 0px 12px; }
	#hero div.login BUTTON:HOVER SPAN { BACKGROUND-POSITION: right -32px; COLOR: #333;  }
	#hero div.login BUTTON:HOVER SPAN SPAN { BACKGROUND-POSITION: left -32px; }
	#hero div.login UL { MARGIN-TOP: 10px; }
	#hero div.login UL LI { list-style-image: url(/skins/images/login_bullet.png); }
	#hero div.login UL.surveys LI { list-style-image: url(/skins/images/survey_bullet.png); }



/* ========== CONTENT CONTAINER */

#contentcontainer {
	padding: 30px 20px 30px 20px;
}

#contentcontainer  P {
	margin-bottom: 1em;
}

#contentcontainer #submenu {
	margin: 0px 20px 0px 0px;
	padding: 0px;
	width: 180px;
}

#contentcontainer #submenu DIV.buynow {
	background: #008544;
	color: #FFF;
	display: block;
	padding: 10px 10px 1px 10px;
}

#contentcontainer #submenu DIV.buynow H3 {
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	margin: 0px 0px 7px 0px;
	text-transform: uppercase;
}

#contentcontainer #submenu DIV.buynow H4 {
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	text-transform: uppercase;
}

#contentcontainer #submenu DIV.buynow P {
	color: #67c696;
}

#contentcontainer #submenu DIV.buynow A {
	color: #FFF;
	display: block;
	padding: 3px;
}

#contentcontainer #submenu DIV.buynow A:HOVER {
	background: #FFF;
	color: #30af6f;
}

#contentcontainer #submenu UL {
	background: #EEE;
	border-top: 1px solid #DDD;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 180px;
}

#contentcontainer #submenu LI {
	clear: both;
	border-bottom: 1px solid #DDD;
	display: block;
	height: 1%;
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
}

#contentcontainer #submenu LI A {
	display: block;
	padding: 10px 10px;
	text-decoration: none;
}

#contentcontainer #submenu LI A:HOVER {
	background: #D52B1E;
	color: #FFF;
}

#contentcontainer #content {

}

#contentcontainer .narrow#content {
	width: 570px !important;
}




#contentcontainer #content .furtherinfo {
	clear: both;
	background: #EAEEEF;
	margin-top: 20px;
	padding: 15px;
}

#contentcontainer #content .furtherinfo P {
	margin: 0px 0px 5px 0px !important;
}

#contentcontainer #content .floatleft {
	float: left;
}

#contentcontainer #content .floatleft IMG {
	float: left;
	padding: 0px 15px 0px 0px;
}

#contentcontainer #content .floatright {
	float: right;
}

#contentcontainer #content .floatright IMG {
	float: right;
	padding: 0px 0px 0px 15px;
}

#contentcontainer #content .content_col1 {
	float: left;
	position: relative;
	width: 275px;
}

#contentcontainer #content .content_col2 {
	float: right;
	width: 275px;
}

#contentcontainer #content .content_wide {
	float: left;
	position: relative;
	width: 350px;
}

#contentcontainer #content .content_narrow {
	float: right;
	position: relative;
	width: 180px;
}

#contentcontainer #content .content_narrow P {
	font-size: 11px !important;
}

#contentcontainer #content .content_narrow LI {
	font-size: 11px !important;
}


#contentcontainer #content .quote {
	color: #AAA;
	font-size: 14px;
	font-style: italic;
	padding: 0px 20px;
}

#contentcontainer LI.nobullet {
	list-style-image: none;
	list-style: none;
}


/* COURSE LIST */
DIV.courseList { PADDING: 10px 0px 20px 0px; }
	DIV.courseList H4 { BACKGROUND: #8D817B; COLOR: #FFF; FONT-SIZE: 15px; FONT-WEIGHT: bold; MARGIN: 0px 0px 10px 0px; PADDING: 8px 0px 12px 10px; }
	DIV.courseList DL { BORDER-BOTTOM: #DDD 1px solid; 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; }
	DIV.courseList DT P { FONT-SIZE: 11px; COLOR: #CCC; MARGIN-BOTTOM: 0px !important; }
	DIV.courseList DT P.time { BACKGROUND: url('/skins/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('/skins/images/icon_moreinfo.gif') no-repeat; MARGIN: 0px 15px 0px 0px; PADDING: 0px 0px 3px 20px; }
	DIV.courseList DD A.buynow { BACKGROUND: url('/skins/images/icon_buynow.gif') no-repeat; PADDING: 0px 0px 3px 20px; }
	DIV.courseList DD LI.available {  }
	DIV.courseList DD LI.soon {  }
	DIV.courseList DD P.price { COLOR: #FF3300; FONT-SIZE: 16px; FONT-WEIGHT: bold; MARGIN: 0px; }
	DIV.courseList DD P.price .small { COLOR: #8f8f8f; FONT-SIZE: 11px; MARGIN: 0px; }




/* ========== SUPPORT */

#supportcheck DIV.noflash {
	background: #900;
	color: #FFF;
	padding: 8px;
}

#supportcheck DIV.noflash P {
	color: #FFF;
	margin: 0px;
}

#supportcheck DIV.noflash A {
	color: #FFF;
	text-decoration: underline;
}

#support {  }
#support H6 { MARGIN: 0px; }
#support H3 { FONT-SIZE: 14px; }
#support DIV.step1 { PADDING: 0px 20px 0px 0px; }
#support DIV.step2 { BORDER-TOP: 1px solid #DDD; PADDING: 19px 0px 0px 0px; }
#support DIV.step2 DT { COLOR: #000; CLEAR: left; FONT-WEIGHT: bold; FLOAT: left; MARGIN-BOTTOM: 10px; WIDTH: 165px; }
#support DIV.step2 DD { CLEAR: right; MARGIN-BOTTOM: 10px; MARGIN-LEFT: 90px; }
#support DIV.step2 DD.note { CLEAR: BOTH; MARGIN-LEFT: 0px; }
#support DIV.step2 DD .pass { COLOR: #339900; }
#support DIV.step2 DD .fail { COLOR: #AA0000; }
#support DIV.step3 { BORDER-TOP: 1px solid #DDD; PADDING: 19px 0px 0px 0px; }
#support DIV.step3 UL { MARGIN: 0px; }
#support DIV.step3 UL LI { LIST-STYLE: none; LIST-STYLE-IMAGE: none; FLOAT: left; MARGIN: 0px 10px 5px 0px; _HEIGHT: 1%; PADDING: 0px; WIDTH: 260px; }
#support DIV.step3 A { BACKGROUND-POSITION: 5px center; BACKGROUND-REPEAT:no-repeat; DISPLAY: block; PADDING: 10px 0px 10px 40px; }
#support DIV.step3 A:HOVER { BACKGROUND-COLOR: #F5F5F5; BACKGROUND-POSITION: 5px center; }
#support DIV.step3 A.ie { BACKGROUND-IMAGE: url('/content/images/support_ie.gif'); }
#support DIV.step3 A.firefox { BACKGROUND-IMAGE: url('/content/images/support_firefox.gif'); }
#support DIV.step3 A.flash { BACKGROUND-IMAGE: url('/content/images/support_flash.gif'); }
#support DIV.step3 A.pdf { BACKGROUND-IMAGE: url('/content/images/support_pdf.gif'); }



/* RESOURCES */

DIV.resourcesBreadcrumbs { BORDER-BOTTOM: 1px solid #CCC; FONT-SIZE: 11px; MARGIN: 0px 0px 20px 0px; PADDING: 0px 0px 3px 0px; }
DIV.resourcesBreadcrumbs A.manager { FLOAT: right; }

DIV.resourcesContainer {  }
DIV.resourcesContainer P { MARGIN: 0px !important; }
DIV.resourcesContainer DIV.resource { BORDER-BOTTOM: 1px solid #EEE; DISPLAY: block; float: left; margin: 0px 5px 0px 0px; OVERFLOW: hidden; PADDING: 10px 6px 10px 6px; width: 239px; }
DIV.resourcesContainer DIV.resource:HOVER { BACKGROUND: #F6F6F6; }
DIV.resourcesContainer DIV.resource DIV.image { FLOAT: left; MARGIN: 0px 7px 0px 0px; }
DIV.resourcesContainer DIV.resource DIV.details { FLOAT: left; MARGIN: 0px 0px 0px 0px; }
DIV.resourcesContainer DIV.resource IMG {  }
DIV.resourcesContainer DIV.resource H6 { COLOR: #FD0; MARGIN: 0px 0px 3px 0px; }
DIV.resourcesContainer DIV.resource EM { COLOR: #CCC; FONT-STYLE: normal; }
DIV.resourcesContainer DIV.resource P { MARGIN: 0px 0px 0px 0px; }
DIV.resourcesContainer DIV.resource P.info { FONT-SIZE: 11px; FONT-STYLE: normal; }




/* ========== DEMO */

#demoTable {
	
}

#demoTable .prev,
#demoTable .next {
	padding: 10px;
}

#demoTable TH {
	background: none;
	padding: 10px;
}


/* ========== PRICING */

TABLE.pricingTable {

}

TABLE.pricingTable THEAD TH {
	
}

TABLE.pricingTable TBODY TH {
	background: #EEE;
	color: #000;
}

TABLE.pricingTable TH.center {
	text-align: center !important;
}

TABLE.pricingTable TD {
	border-bottom: 1px solid #ECECEC;
	padding: 5px;
}


/* ========== REPORT */
TABLE.reportTable {
	border: 1px solid #EEE;
	border-collapse: collapse;
	margin-bottom: 20px;
}

TABLE.reportTable .ralign {
	text-align: right;
}

TABLE.reportTable .lalign {
	text-align: left;
}

TABLE.reportTable .calign {
	text-align: center;
}

TABLE.reportTable TH,
TABLE.reportTable TD {
	padding: 5px;
}

TABLE.reportTable THEAD TH {
	background: #8D817B;
}

TABLE.reportTable TBODY TH {
	background: #F5F5F5;
	border-bottom: 1px solid #CCC;
	color: #000;
	font-weight: normal;
}

TABLE.reportTable TBODY TD {
	border-bottom: 1px solid #EEE;
	color: #7F7F7F;
}

TABLE.costTable {
	
}

TABLE.costTable TD.total {
	border-top: 1px solid #666;
	color: #139051;
	font-weight: bold;
}



/* FORMS */

.genericForm FIELDSET { BORDER: 1px solid #EEE; MARGIN: 0px 0px 15px 0px; PADDING: 10px; }
.genericForm LEGEND { BACKGROUND: #FFF; COLOR: #778183; FONT-WEIGHT: bold; *MARGIN: 0px 0px 10px 0px; PADDING: 0px 5px 0px 5px; }
.genericForm DIV { CLEAR: both; DISPLAY: block; HEIGHT: auto; *HEIGHT: 1%; MARGIN: 3px 0px; OVERFLOW: hidden; PADDING: 0px 10px;  }
.genericForm LABEL,
.genericForm SPAN.label { BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: right center; CLEAR: left; COLOR: #000; 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 { COLOR: #999; }
.genericForm INPUT.focus,
.genericForm TEXTAREA:FOCUS { COLOR: #000; }
.genericForm P.note { clear: both; display: block; margin: 0px 0px 0px 188px !important; padding: 3px 0px 3px 0px !important; }



/* ========== FOOTER */

#footer {
	background: #ee1b2e;
	color: #FFF;
	margin: 0px 0px 0px 0px;
}

#footer A {
	color: #f78d97;
}

#footer A:hover {
	color: #FFF;
}

#footer EM {
	padding: 0px 7px;
}

#footer DIV.copyright {
	padding: 20px 0px 20px 15px;
	width: 620px;
}

#footer DIV.copyright A {
	background: url(/skins/images/bg_footer_a.gif) no-repeat left 5px;
	padding-left: 12px;
	padding-right: 8px;
}

#footer DIV.copyright A:HOVER {
	background-position: left -40px;
}

#footer DIV.copyright UL {
	clear: both;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

#footer DIV.copyright LI {
	list-style: none;
	display: inline;
	padding: 0px 15px 0px 0px;
}

#footer DIV.copyright LI EM {
	color: #FFF;
	font-style: normal;
	padding: 0px;
}

#footer DIV.copyright P {
	color: #FFF;
	margin: 2px 0px;
}

#footer DIV.e3 {
	padding: 30px 15px 0px 0px;
	width: 130px;
}

#footer DIV.e3 A {
	background: transparent url(/skins/images/logo_e3.gif) no-repeat;
	display: block;
	height: 16px;
	width: 127px;
}

#footer DIV.e3 EM {
	display: none;
}






/* ========== SIGN-UP */

.termsbox
{
	border: 1px solid #DDD;
	padding: 5px;
	width: 755px;
}

#signupTable {
    margin: 10px 0px;
}

#signupTable TD {
    padding: 4px;
}

#signupTable TD.submitbox {
    background: #008544;
	padding: 8px;
}

#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: #000;
	display: block;
	font-weight: bold;
	padding: 3px 0px;
}

#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;
}






/* generic styles */

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



/* COURSE ELEMENTS - NAVIGATION DATA */

DIV.breadcrumbs { BORDER-BOTTOM: #DDD 1px solid; MARGIN: 0px 0px 20px 0px; PADDING: 3px; }
DIV.topnav { BACKGROUND: none; CLEAR: both; FONT-SIZE: 0; HEIGHT: auto; *height: 1%; MARGIN: -18px 0px 30px 0px; OVERFLOW: hidden; PADDING: 6px 4px 0px 0px; POSITION: relative !important; Z-INDEX: 40 !important; WIDTH: 200px; }
DIV.topnav A { FONT-SIZE: 12px; POSITION: relative !important; Z-INDEX: 40 !important; }
DIV.topnav A.courseprev:LINK,
DIV.topnav A.courseprev:ACTIVE,
DIV.topnav A.courseprev:VISITED { BACKGROUND: #d52b1e; COLOR: #FFF; DISPLAY: block; FLOAT: left; FONT-WEIGHT: bold; LINE-HEIGHT: 12px; MARGIN: 0px 4px 0px 0px; OUTLINE: none; PADDING: 5px 10px; TEXT-DECORATION: none; }
DIV.topnav A.courseprev:HOVER { BACKGROUND: #e37222; }
DIV.topnav A.coursenext:LINK,
DIV.topnav A.coursenext:ACTIVE,
DIV.topnav A.coursenext:VISITED { BACKGROUND: #d52b1e; COLOR: #FFF; DISPLAY: block; FLOAT: left; FONT-WEIGHT: bold; LINE-HEIGHT: 12px; MARGIN: 0px 0px 0px 0px; OUTLINE: none; PADDING: 5px 10px; TEXT-DECORATION: none; }
DIV.topnav A.coursenext:HOVER { BACKGROUND: #e37222; }
DIV.bottomnav { BORDER-TOP: 1px solid #DDD; CLEAR: both; DISPLAY: block; FONT-SIZE: 0; HEIGHT: 30px; MARGIN: 30px 0px 0px 0px; OVERFLOW: hidden; PADDING: 4px 0px 4px 0px; }
DIV.bottomnav A { FONT-SIZE: 12px; }
DIV.bottomnav A.courseprev:LINK,
DIV.bottomnav A.courseprev:ACTIVE,
DIV.bottomnav A.courseprev:VISITED { BACKGROUND: #d52b1e; COLOR: #FFF; DISPLAY: block; FLOAT: left; FONT-WEIGHT: bold; LINE-HEIGHT: 12px; MARGIN: 0px 4px 0px 0px; OUTLINE: none; PADDING: 5px 10px; TEXT-DECORATION: none; }
DIV.bottomnav A.courseprev:HOVER { BACKGROUND: #e37222; }
DIV.bottomnav A.coursenext:LINK,
DIV.bottomnav A.coursenext:ACTIVE,
DIV.bottomnav A.coursenext:VISITED { BACKGROUND: #d52b1e; COLOR: #FFF; DISPLAY: block; FLOAT: left; FONT-WEIGHT: bold; LINE-HEIGHT: 12px; MARGIN: 0px 0px 0px 0px; OUTLINE: none; PADDING: 5px 10px; TEXT-DECORATION: none; }
DIV.bottomnav A.coursenext:HOVER { BACKGROUND: #e37222; }


/* COURSE ELEMENTS - COURSE DATA */

.course { CLEAR: both; }
.course #flashcontent { TEXT-ALIGN: center; MARGIN-TOP: -15px; }
.course H2 { FLOAT: left; DISPLAY: inline; WIDTH: 580px; _MARGIN: 0px; PADDING: 0px; }
.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 { MARGIN: 10px 0px; PADDING: 0px; }
.course .number { display: none; }
.course .prepreq { color: #F00; FONT-SIZE: 11px; font-weight: bold; }
.course .prepreq IMG { vertical-align:middle; }

/* COURSE ELEMENTS - TRACKING */

.course .tracking { COLOR: #999; FLOAT: right; FONT-SIZE: 18px; TEXT-ALIGN: right; WIDTH: 180px; -MOZ-BOX-SIZING: border-box; BOX-SIZING: border-box; }
.unit .tracking,
.page .tracking,
.quiz .tracking,
.activity .tracking { COLOR: #999; FLOAT: none; FONT-SIZE: 11px; LEFT: 50%; MARGIN-TOP: 0px; MARGIN-LEFT: 195px; PADDING: 0px; POSITION: absolute; }
.unit .tracking { TEXT-ALIGN: right; }
.quiz .tracking { COLOR: #000; FONT-WEIGHT: bold; }

/* COURSE ELEMENTS - COURSEPAGE */

.coursepage { MARGIN: 0px;  CLEAR: both; 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; }
.coursepage P { MARGIN-BOTTOM: 1em; }

/* COURSE ELEMENTS - TOC */

UL.coursetoc { BORDER-BOTTOM: 1px solid #F0F0F0; LIST-STYLE: none; LIST-STYLE-IMAGE: none; MARGIN: 0px; PADDING: 0px; }
UL.coursetoc H1,
UL.coursetoc H2,
UL.coursetoc H3,
UL.coursetoc H4,
UL.coursetoc H5,
UL.coursetoc H6,
UL.coursetoc P { MARGIN: 0px; PADDING: 0px; }
UL.coursetoc UL.coursetoc,
UL.coursetoc UL.coursetoc UL.coursetoc,
UL.coursetoc UL.coursetoc UL.coursetoc UL.coursetoc { BORDER-BOTTOM: 0px none  !important; }
UL.coursetoc LI { BORDER-TOP: 1px solid #F0F0F0; LIST-STYLE: none; LIST-STYLE-IMAGE: none; MARGIN: 0px; PADDING: 0px; }
UL.coursetoc UL LI,
UL.coursetoc UL UL LI { LIST-STYLE-IMAGE: none !important; }
UL.coursetoc LI A { POSITION: relative; Z-INDEX: 2; }

/* COURSETOC TOPICS */

UL.coursetoc LI.topic { BORDER-TOP: 0px none !important; MARGIN-TOP: 20px !important; }
UL.coursetoc LI.topic UL.coursetoc { BORDER-BOTTOM: 1px solid #F0F0F0 !important; }
UL.coursetoc LI.topic H3 { FONT-SIZE: 14px; FONT-WEIGHT: bold; PADDING: 9px 5px; }

/* COURSETOC UNITS */

UL.coursetoc LI.unit { BACKGROUND: url('/skins/images/icon_unit.gif') no-repeat 2px 13px; BORDER-TOP: 1px solid #DDD; HEIGHT: auto; *height: 1%; MARGIN: 0px 0px 2px 0px; OVERFLOW: hidden; PADDING: 15px 0px; }
UL.coursetoc LI:HOVER.unit {  }
UL.coursetoc LI.unit H3 { FLOAT: left; FONT-SIZE: 12px; FONT-WEIGHT: bold; MARGIN: 0px 0px 5px 0px; TEXT-INDENT: 20px; PADDING: 0px; WIDTH: 580px; }
UL.coursetoc LI.unit H3 A {  }
UL.coursetoc LI.unit H3 A:HOVER {  }
UL.coursetoc LI.unit P { CLEAR: both !important; MARGIN: 0px !important; }
UL.coursetoc LI.unit P.certificate,
.coursepage P.certificate { BACKGROUND-COLOR: #e37222; BACKGROUND-IMAGE: url('/skins/images/bg_certificate.gif'); BACKGROUND-REPEAT: no-repeat; color: #FFF; display: block; padding: 14px 4px 4px 4px !important; }
.coursepage P.certificate { BACKGROUND-IMAGE: url('/skins/images/bg_certificate.gif'); PADDING: 18px 8px 8px 8px !important; }
UL.coursetoc LI:HOVER.unit P.certificate {  }
UL.coursetoc LI.unit P.certificate A,
.coursepage P.certificate A { color: #FFF; font-weight: bold; text-decoration: underline; }
UL.coursetoc LI.unit P.certificate IMG,
.coursepage P.certificate IMG { display: none; }

/* COURSETOC PAGES */

UL.coursetoc LI.page,
UL.coursetoc LI.activity,
UL.coursetoc LI.quiz { BACKGROUND: #FFF url('/skins/images/icon_page.gif') no-repeat 2px 3px; PADDING: 4px 4px 4px 20px; }
UL.coursetoc LI.page:hover,
UL.coursetoc LI.activity:hover,
UL.coursetoc LI.quiz:hover { BACKGROUND: #FDFCE1 url('/skins/images/icon_page_hv.gif') no-repeat 2px 3px; }
UL.coursetoc LI.page {  }
UL.coursetoc li.page:hover {  }
UL.coursetoc li.activity {  }
UL.coursetoc li.activity:hover {  }
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; *line-height: 20px; 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: transparent;
	height: 35px;
	position: absolute;
	top: 183px;
	left: 50%;
	margin-left: -385px;
	z-index: 30 !important;
	width: 770px;
}

#audio P {
	color: #F00;
	font-size: 11px;
	padding: 5px;
	text-align: right;
}



/* COURSE ELEMENTS
   - GLOSSARY
-----------------------------------------------------------------------*/

#e3Tip {
	background: #ADADAD;
	border: 4px solid #FFF;
	color: #FFF;
	font-size: 12px;
	left: 50%;
	margin-top: 20px;
	padding: 12px;
	top: 50%;
	width: 250px;
}

.glossary {
  background: transparent url(/skins/images/icon_glossary.gif) no-repeat top right;
  color: #A7A7A7;
  padding-right: 13px;
}

.glossary:hover {
  background: url(/skins/images/icon_glossary_hv.gif) no-repeat top right;
  color: #C3363F;
  cursor: help;
}

.glossaryFG {
	border-top: 3px solid #05b5d6;
	padding: 4px 6px 6px 6px;
}

.glossaryText {
	font-size: 11px;
}



/* MANAGEMENT STYLES
-----------------------------------------------------------------------*/


TABLE.editform TH,
TABLE.report TH {
	background-image: none;
}




/* LEGACY STYLES
-----------------------------------------------------------------------*/

.error {
	color: #F00;
	margin: 0px;
	padding: 0px;
}

.blackBold {
	color: #8D817B;
	font-weight: bold;
	font-size: 14px;
	margin: 5px 0px;
	line-height: 30px;
}

.redbold {
	color: #F00;
}
	
.mainTitleActive {
	color: #8D817B;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
	font-size: 24px;
	margin-bottom: 1em;
} 

.mainTitle { 
	color: #8D817B;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
	font-size: 24px;
	margin-bottom: 1em;
}

.subTitle { 
	color: #8D817B;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 1em;
}

.tableTitle {
	color: #8D817B;
	font-weight: bold;
	padding: 5px 0px;
}

.tableContent {
	padding: 5px;
}

.tableDivider {
	background-color: #DBDBDB;
	padding: 2px 0px;
}

.smallheading {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

.smalltext {
	font-size: 11px;
}

.expand {
	width: 100%;
}

P.javascript {
	color: #FF9900;
}