/* © Copyright 2006 e3Learning */
* {
	margin: 0px;
	padding: 0px;
}

BODY
{
	background-color: #FFF;
	color: #777;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

P
{
	color: #777;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 10px;
}

A:LINK,
A:ACTIVE,
A:VISITED
{
	color: #204081;
	text-decoration: underline;
}

A:HOVER
{
	color: #000;
	text-decoration: none;
}

H1,
H2,
H3,
H4,
H5,
H6
{
	color: #8c002d;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

H1
{
	font-size: 30px;
	letter-spacing: -1px;
}

H2
{
	font-size: 24px;
	letter-spacing: -1px;
}

H3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	letter-spacing: -1px;
}

H4
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: -0px;
}

H5
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: 0px;
}

H6
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: 0px;
}

UL
{
	margin-left: 25px;
	padding: 0px;
}

LI
{
	list-style-image: url(/skins/images/bullet.gif);
	margin-bottom: 10px;
}

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

FORM
{
	margin: 0px;
	padding: 0px;
}

HR
{
	background: #E6E6E6;
	border: 1px dotted #E6E6E6;
	color: #E6E6E6;
	margin: 10px 0px;
}

TH
{
	background: url(/skins/images/bg_th.gif) repeat-x bottom;
	color: #8c002d;
	font-size: 14px;
	font-weight: normal;
	padding: 6px 4px;
	text-align: left;
}

.expand
{
	width: 100%;
}


/* Layout */



#header,
#contentwrapper,
#footer
{
	clear: both;
	margin: auto;
	position: relative;
	width: 765px;
}

#contentwrapper
{
	padding-bottom: 30px;
	height: 1%;
	overflow: hidden;
}


/* Header */

#header
{
	background: url(/skins/images/bg_header.jpg) no-repeat;
	height: 40px;
	margin-bottom: 30px;
	padding-top: 100px;
}

#header P
{
	color: #000;
	font-size: 12px;
}

#header .mainmenu
{
	height: 40px;
	padding-top: 0px;
	text-align: right;
}

#header .mainmenu .left
{
	float: left;
}

#header .mainmenu .right
{
	float: right;
	padding-right: 10px;
}

#header .mainmenu a,
#header .mainmenu em
{
	float: left;
}


/* Menu */

#leftside
{
	float: left;
	height: 1%;
	overflow: hidden;
	padding-bottom: 30px;
	width: 180px;
}

.buynow {
	background: #800026 url(/skins/images/bg_buynow.gif) no-repeat;
	color: #FFF;
	height: 60px;
	padding: 18px 0px 0px 18px;
	margin-bottom: 2px;
	font-size: 11px;
}

.buynow P {
	color: #FFF;
}

.buynow a:link, .buynow a:visited, .buynow a:active {
	color: #FFF;
	text-decoration: none;
}

.buynow a:hover {
	color: #FFF;
	text-decoration: underline;
}

.menu
{
	background: #f3e5ea;
	color: #4B7C8E;
	font-size: 12px;
	padding: 10px 0px;
}

.menu UL
{
	border-top: 1px solid #BAD7DD;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

.menu UL UL
{
	border-top: 0px none;
	margin: 0px;
}

.menu LI, .membermenu LI
{
	list-style: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}

.menu A:LINK, .menu A:ACTIVE, .menu A:VISITED
{
	border-bottom: 1px solid #e0dce2;
	color: #204081;
	display: block;
	font-weight: bold;
	height: 1%;
	padding: 5px 0px;
	text-decoration: none;
}

.menu A:HOVER
{
	color: #000;
}

.menu UL UL A:LINK, .menu UL UL A:ACTIVE, .menu UL UL A:VISITED
{
	background: url(/skins/images/icon_sub.gif) no-repeat left center;
	font-weight: normal;
	text-indent: 7px;
}



/* Content */

#homecontent {
	background: #FFF;
	float: left;
	height: 1%;
	margin-left: 20px;
	overflow: auto;
	width: 360px;
}

#content
{
	float: left;
	height: 1%;
	margin-left: 20px;
	overflow: hidden;
	width: 565px;
}

#homecontent .block,
#content .block
{
	clear: both;
	margin-bottom: 1px;
	overflow: hidden;
	width: 100%;
}

#homecontent .buy
{
	background: url(/skins/images/bg_buynow2.gif) no-repeat;
	height: 50px;
	padding: 20px 0px 0px 30px;
}

#homecontent .welcome
{
	background: #ecf7f7;
	padding: 30px 30px 20px 30px;
}

#homecontent .welcome H1
{
	font-size: 30px;
	margin-bottom: 20px;
}

#homecontent .welcome H1 .small
{
	font-size: 18px;
	line-height: 5px;
}

#homecontent P
{
	margin-bottom: 10px;
}

#homecontent P.special
{
	color: #850029;
	font-weight: bold;
}


#homecontent .linksblock
{
	background: #f3eef0;
	padding: 30px 30px 20px 30px;
	height: 1%;
	margin-bottom: 2px;
	overflow: auto;
}

#homecontent .linksblock .left
{
	width: 50%;
	float: left;
}

#homecontent .linksblock .right
{
	width: 50%;
	float: left;
}

#homecontent .linksblock H2
{
	font-size: 24px;
	margin-bottom: 15px;
}





#content P
{
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

#content LI
{
	font-size: 12px;
}

#content P.back
{
	margin: 20px 0px;
	padding: 0px;
}

#content P.comingsoon
{
	color: #666;
}

#content H2
{
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

#content H2 .smallheading
{
	font-size: 16px;
	letter-spacing: 0px;
}

#content H4
{
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

#content H5
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
}


#content H6
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.loginfield
{
	background: #FFF;
	border-top: 1px solid #666;
	border-right: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
	border-left: 1px solid #666;
	color: #666;
	padding: 4px 0px;
	width: 100%;
}

.focus
{
	background: #FEF8EB;
}

.furtherinfo
{
	clear: both;
	background: #F5F5F5;
	margin-top: 20px;
	padding: 15px;
	height: 1%;
}

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

.floatleft
{
	float: left;
}

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

.floatright
{
	float: right;
}

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

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

.content_col2
{
	float: right;
	width: 275px;
}

.content_wide
{
	float: left;
	position: relative;
	width: 375px;
}

.content_narrow
{
	margin-left: 390px;
	*margin-left: 385px;
	position: relative;
	width: 180px;
}

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

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

TABLE.courselistTable
{
	margin-bottom: 15px;
}

.courselistTable TD
{
	border-bottom: 1px solid #E5E5E5;
	padding: 5px;
}

.quote
{
	color: #4eaabe;
	font-size: 14px;
	font-style: italic;
}





/* right side */

#rightside
{
	background: #FFF;
	float: left;
	height: 1%;
	margin-left: 20px;
	overflow: hidden;
	width: 185px;
}

#rightside .block
{
	clear: both;
	margin-bottom: 25px;
}

#rightside H1
{
	font-size: 24px;
	margin-bottom: 15px;
}

#rightside P
{
	margin-bottom: 5px;
}

#rightside label
{
	color: #006F7A;
}

#rightside #flashcontent
{
	margin: 10px 0px;
}

#rightside .javascript
{
	color: #FF9900;
	font-size: 11px;
}




/* SUPPORT TABLE GENERAL STYLES */

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

#supportTable TD.left {
	padding: 0px 5px 0px 0px;
}

#supportTable TD.middle {
	padding: 0px 5px 0px 10px;
	border-left: 1px solid #E5EFFA;
}

#supportTable TD.right {
	padding: 0px 0px 0px 10px;
	border-left: 1px solid #E5EFFA;
}

#supportTable H1  {
	font-size: 18px;
	margin: 0px 0px 20px 0px;
}

#supportTable .small {
	font-size: 75%;
}

#supportTable H2 {
	font-size: 14px;
	color: #999;
}

#supportTable UL  {
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

#supportTable #flashcontent
{
	margin: 0px 0px 20px 0px;
}







/* Footer */

#footerwrapper
{
	background: url(/skins/images/bg_footer.gif) repeat-x;
	height: 50px;
}

#footer
{
	padding: 10px 0px;
	background: url(/skins/images/bg_footer.jpg) no-repeat;
}

#footer P
{
	color: #999;
	font-size: 11px;
}

#footer .left
{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	left: 50%;
	margin-left: -382px;
	padding-top: 5px;
	position: relative;
	text-indent: 20px;
	width: 765px;
}

#footer .right
{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: inline;
	float: right;
	height: 1%;
	margin-right: 10px;
	padding-right: 10px;
}



/* COURSE ELEMENTS
   - NAVIGATION DATA
-----------------------------------------------------------------------*/

DIV.breadcrumbs
{
	border-bottom: #E6E6E6 1px solid;
	font-size: 11px;
	margin: 0px 0px 20px 0px;
	padding: 5px 0px;
}

DIV.topnav
{
	font-size: 12px;
	margin: -20px 0px 0px 0px;
	padding: 8px 0px 20px 0px;
	height: 1%;
	overflow: hidden;
}

DIV.topnav A:link, DIV.topnav A:active, DIV.topnav A:visited
{
	background: #D8EBEE;
	border: 1px solid #BAD7DD;
	color: #4B7C8E;
	display: block;
	text-decoration: none;
}

DIV.topnav A:hover
{
	background: #4B7C8E;
	border: 1px solid #4B7C8E;
	color: #FFF;
}

DIV.topnav .courseprev
{
	background: url(/skins/images/bullet_previous.gif) center left no-repeat;
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 2px 10px 2px 15px;
	width: 50px;
}

DIV.topnav .coursenext
{
	background: url(/skins/images/bullet_next.gif) center right no-repeat;	
	float: left;
	margin: 0px;
	padding: 2px 15px 2px 10px;
	text-align: right;
	width: 25px;
}

DIV.bottomnav
{
	border-top: #E6E6E6 1px solid;
	font-size: 12px;
	margin: 20px 0px;
	padding: 8px 0px;
}

DIV.bottomnav A:link, DIV.bottomnav A:active, DIV.bottomnav A:visited
{
	background: #D8EBEE;
	border: 1px solid #BAD7DD;
	color: #4B7C8E;
	display: block;
	text-decoration: none;
}

DIV.bottomnav A:hover
{
	background: #4B7C8E;
	border: 1px solid #4B7C8E;
	color: #FFF;
}

DIV.bottomnav .courseprev
{
	background: url(/skins/images/bullet_previous.gif) center left no-repeat;
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 2px 10px 2px 15px;
	width: 50px;
}

DIV.bottomnav .coursenext
{
	background: url(/skins/images/bullet_next.gif) center right no-repeat;	
	float: left;
	margin: 0px;
	padding: 2px 15px 2px 10px;
	text-align: right;
	width: 25px;
}



/* COURSE ELEMENTS
   - COURSE DATA
-----------------------------------------------------------------------*/

.course
{
	padding: 0px;
	margin: 0px;
}

.course .tracking
{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	color: #DDD;
	display: inline;
	font-size: 24px;
	left: 50%;
	letter-spacing: -1px;
	margin-left: 230px;
	padding: 0px 0px 10px 0px;
	position: absolute;
	text-align: right;
	width: 150px;
}

.course H1
{
	padding: 0px;
	margin: 0px 0px 20px 0px;
	float: left;
	display: inline;
	width: 420px;
}

.course H2
{
	padding: 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	display: inline;
	width: 420px;
}

.unit .tracking
{
	display: block;
	position: absolute;
	width: 150px;
	padding: 15px 0px 0px 0px;
	color: #018777;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 0px;
}

.course .parent
{
	font-size: 11px;
	color: #999;
	padding: 0px;
	margin: 30px 0px -30px 0px;
}

.course ul.coursetoc
{
	margin: 0px;
	padding: 0px;
	clear: left;
} 

.course ul.coursetoc ul.coursetoc
{
	margin: 0px;
	padding: 0px;
}

ul.coursetoc li
{
	display: block;
	margin: 2px 0px;
	padding: 0px;
	list-style-image: none;
}

.page .tracking, .quiz .tracking
{
	position: absolute;
	color: #018777;
	padding: 0px;
	font-weight: normal;
	letter-spacing: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}



/* COURSE ELEMENTS
   - COURSEPAGE DATA
-----------------------------------------------------------------------*/

.coursepage
{
	margin: 0px; 
	clear: both;
}

.coursepage P
{
	
}

.quizquestion
{
	height: 1%;
	margin: 0px;
	padding: 10px;
	clear: both;
	overflow: hidden;
	border: 1px solid #E5E5E5;
}

.quizquestion P
{
	margin: 5px 0px;
}

.quizquestion FORM
{
	margin: 0px;
	padding: 0px;
}

.quizquestion .submit {
	
}

.quizquestion INPUT {
	margin: 5px 0px;
	float: left;
}

.quizquestion LABEL {
	float: left;
	padding-left: 10px;
	* padding-left: 5px;
	margin-top: 5px;
	* margin-top: 9px;
}

.quizquestion BR {
	clear: both;
	margin: 5px;
}

.quizresults
{
	margin: 0px;
	clear: both;
	border: 0px none;
	border-spacing: 0px;
	border-collapse: collapse;
}

.quizresults TD
{
	padding: 5px;
	border-bottom: 1px solid #E5E5E5;
}

ul.coursetoc {
	margin: 0px;
	padding: 0px;
	list-style: none;
	list-style-type: none;
	list-style-image: none;
}

ul.coursetoc li.unit
{
	border-top: 1px solid #E5E5E5;
	margin: 10px 0px;
}

ul.coursetoc li.unit P
{
	clear: both;
}

ul.coursetoc li.unit H3
{
	margin: 10px 0px 5px 0px;
	padding: 0px;
	float: left;
	width: 420px;
	font-size: 16px;
	letter-spacing: -0.5px;
}

ul.coursetoc li.topic
{
	margin: 10px 0px;
	list-style: none;
} 

ul.coursetoc li.topic H3
{ 
	margin: 10px 0px 5px 0px;
	padding: 0px;
	font-size: 16px;
	letter-spacing: -0.05em;
}

ul.coursetoc li.page
{
	border-bottom: 1px #E6E6E6 solid;
	list-style: none;
	padding: 3px 0px;
}

ul.coursetoc li.quiz
{
	margin: 0px 0px 20px 0px;
	list-style: none;
}

#audio
{
	position: absolute;
	left: 50%;
	margin-left: 133px;
	top: 26px;
	width: 250px;
	height: 35px;
	background: #F5F5F5;
}

/* OLD STYLES */

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

.blackBold
{
	font-weight: bold;
	font-size: 14px;
	padding: 5px 0;
	margin: 5px 0;
}

.mainTitleActive
{
	color: #8c002d;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 24px;
} 

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

.subTitle
{ 
	color: #8c002d;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: notmal;
}

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




/* SIGN UP ELEMENTS */

#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: #006F7A;
}

#signupTable LABEL.error {
	color: #F00;
}




/* REGISTRATION ELEMENTS */

FORM.regForm FIELDSET {
	height: auto;
	*height: 1%;
	margin: 0px 0px 10px 0px;
	overflow: hidden;
	padding: 10px;
}

FORM.regForm LEGEND {
	color: #8c002d;
	font-size: 16px;
	padding: 0px 10px;
	margin: 0px 0px 10px -10px;
}

FORM.regForm P {
	clear: both;
	height: auto;
	margin: 7px 0px;
	overflow: hidden;
}

FORM.regForm H3 {
	clear: both;
	margin: 20px 0px 10px 0px;
}

FORM.regForm LABEL {
	color: #BBB;
	float: left;
	font-size: 12px;
	margin-right: 20px;
	padding: 6px 0px 0px 0px;
	width: 130px;
}

FORM.regForm INPUT.formfield {
	border: 1px solid #999;
	color: #999;
	font-size: 14px;
	padding: 4px;
	width: 350px;
}

FORM.regForm INPUT.focus {
	background: #FFFFCC;
	color: #000;
}

FORM.regForm INPUT.submit {
	padding: 5px 0px;
	width: auto;
}