/* © Copyright 2006 e3Learning */

BODY
{
	background: #FFF url(/skins/images/bg.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

P
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
}

A:LINK,
A:ACTIVE,
A:VISITED
{
	color: #4EAABE;
	text-decoration: none;
}

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

H1,
H2,
H3,
H4,
H5,
H6
{
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000;
	padding: 0px;
	margin: 0px;
}

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

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

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

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

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

H6
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #C90;
}

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
{
	color: #E6E6E6;
	background: #E6E6E6;
	border: 1px dotted #E6E6E6;
	margin: 10px 0px;
}

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

.expand
{
	width: 100%;
}


/* Layout */



#header,
#contentwrapper,
#footer
{
	clear: both;
}

#contentwrapper
{
	padding-bottom: 30px;
}


/* Header */

#header
{
	margin-bottom: 20px;
	display: none;
}

#header P
{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #666;
}

#header .left
{
	position: relative;
	left: 50%;
	margin-left: -382px;
	width: 407px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#header .right
{
	float: right;
	display: inline;
	height: 1%;
	padding: 41px 0px 0px 0px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#header A
{
	color: #666;
}

#header A:HOVER
{
	color: #000;
}


/* Menu */

#leftside
{
	float: left;
	width: 180px;
	padding-bottom: 30px;
	display: none;
}

.menu
{
	background: #DEE8EA;
	font-size: 12px;
	color: #4EAABE;
}

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

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

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

.menu A:LINK, .menu A:ACTIVE, .menu A:VISITED
{
	display: block;
	padding: 5px 0px;
	border-bottom: 1px solid #BAD7DD;
	height: 1%;
	font-weight: bold;
	color: #4B7C8E;
}

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

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

.membermenu
{
	/* background: #A9CDD5; */
	background: #DEE8EA;
	font-size: 12px;
	color: #54666A;
	margin-bottom: 10px;
}

.membermenu UL
{
	margin: 14px 0px 14px 20px;
	padding: 0px;
	border-top: 1px solid #BAD7DD;
}

.membermenu A:LINK, .membermenu A:ACTIVE, .membermenu A:VISITED
{
	display: block;
	padding: 5px 0px;
	border-bottom: 1px solid #BAD7DD;
	height: 1%;
	font-weight: bold;
	color: #4B7C8E;
}

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

.menu_free_course
{
	padding: 15px;
	background: #F5BB3D;
	margin-top: 10px;
}

.menu_free_hover
{
	background: #F7C964 !important;
}






/* Content */

#content
{
	margin-left: 0px;
	*margin-left: 0px;	
}

#content .block
{
	margin-bottom: 15px;
	overflow: hidden;
	width: 100%;
}

#content P
{
	padding: 0px;
	margin: 5px 0px 10px 0px;
}

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

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

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

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

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

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

.freecourseblock
{
	position: relative;
	float: left;
	width: 345px;
	background: #F5BB3D;
	padding: 23px 15px;
}

.welcomeblock
{
	margin-bottom: 15px;
	color: #000;
}

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

.loginblock
{
	position: relative;
	margin-left: 390px;
	*margin-left: 387px;
	width: 180px;
}

.loginblock P
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #7F7F7F;
	margin: 2px 0px !important;
}

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

.focus
{
	background: #FEF8EB;
}

.loginbutton
{
	margin: 0px 0px 0px 5px;
	padding: 0px;
}

.homeblockone
{
	position: relative;
	float: left;
	width: 180px;
	background: #FFF;
	padding: 0px;
	margin-bottom: 15px;
}

.homeblockone H3
{
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.homeblockone P
{
	margin: 4px 0px 4px 0px;
	padding: 0px;
	font-size: 12px;
}

.homeblocktwo
{
	position: relative;
	float: left;
	width: 180px;
	margin-left: 15px;
	*margin-left: 15px;
	background: #FFF;
	padding: 0px;
	margin-bottom: 15px;
}

.homeblocktwo H3
{
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.homeblocktwo P
{
	margin: 4px 0px 4px 0px;
	padding: 0px;
	font-size: 12px;
}

.homeblockthree
{
	position: relative;
	width: 180px;
	margin-left: 390px;
	*margin-left: 387px;
	background: #FFF;
	padding: 0px;
	margin-bottom: 15px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.homeblockthree H3
{
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.homeblockthree P
{
	margin: 4px 0px 4px 0px;
	padding: 0px;
	font-size: 12px;
}

.qualityblock
{
	padding: 10px;
	background: #D8EBEE;
	margin-bottom: 10px;
}

.qualityblock H5
{
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

.qualityblock P
{
	padding: 0px;
	margin: 3px 0px 3px 0px;
	font-size: 12px;
}

.buyonlineblock
{
	
}

.buyonlineblock P
{
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}

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

TABLE.visitingTable
{
	margin-bottom: 10px;
	border-collapse: collapse;
}

TABLE.visitingTable TH
{
	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
	font-size: 11px;
	color: #C90;
	font-weight: normal;
	text-align: left;
	padding: 3px 0px;
	background: #FFF;
}

TABLE.visitingTable TD
{
	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
	font-size: 11px;
	text-align: right;
	padding: 3px 0px;
}

TABLE.visitingTable TD.spacer
{
	border: 0px none;
	width: 10px;
}

.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
{
	position: relative;
	float: left;
	width: 275px;
}

.content_col2
{
	position: relative;
	margin-left: 295px;
	*margin-left: 292px;
	width: 275px;
}

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

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

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

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

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

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

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







/* Footer */

#footer
{
	padding: 10px 0px;
	background: #4EAABE;
	height: 1%;
	display: none;
}

#footer P
{
	margin: 0px;
	padding: 0px;
	color: #FFF;
}

#footer .left
{
	position: relative;
	left: 50%;
	margin-left: -372px;
	width: 600px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

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



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

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

DIV.topnav
{
	font-size: 12px;
	margin: 0px 0px 20px 0px;
	padding: 8px 0px;
}

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

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

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

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

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

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

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

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

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



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

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

.course .tracking
{
	position: absolute;
	width: 150px;
	left: 50%;
	margin-left: 232px;
	text-align: right;
	padding: 20px 0px 10px 0px;
	*padding: 0px 0px 10px 0px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 160%;
	letter-spacing: -1px;
	color: #018777;
}

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

.course H2
{
	padding: 0px;
	margin: 0px 0px 20px 0px;
	float: left;
	display: inline;
	width: 420px;
	line-spacing: 10px;
}

.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
{
	margin: 0px;
	padding: 10px;
	clear: both;
	border: 1px solid #E5E5E5;
}

.quizquestion P
{
	margin: 5px;
}

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

.quizquestion INPUT
{
	background: #FFF;
}

.quizquestion .submit
{
	background: #EEE;
}

.quizquestion label:hover
{
	border: 1px dashed black;
}

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

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

.quizresults TH
{
	padding: 2px 5px;
	background: #F00;
	text-align: left;
	color: #FFF;
}

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: relative;
	left: 50%;
	margin-left: 265px;
	top: -40px;
	width: 80px;
}

/* OLD STYLES */

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

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

.mainTitleActive
{
	font-size: 24px;
	letter-spacing: -1px;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000;
} 

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