/* © Copyright 2006 e3Learning */

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

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

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

A:VISITED
{
	color: #69C7D6;
	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 */

#xxbannernote {
	position: absolute;
	left: 500px;
	z-index: 999 !important;
}

.xpublic#bannernote {
	top: 268px;
	* top: 275px;
}

.xmember#bannernote {
	top: 208px;
	* top: 208px;
}

#header,
#contentwrapper,
#footer
{
	position: relative;
	width: 765px;
	left: 50%;
	margin-left: -382px;
	clear: both;
}

#contentwrapper
{
	padding-bottom: 30px;
}


/* Header */

#header
{
	margin-bottom: 20px;
}

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

#leftside .advert {
	margin-bottom: 10px;
}

.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: 195px;
	*margin-left: 192px;
	width: 570px;
}

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

#content .banner
{
	position: relative;
	z-index: 700 !important;
	margin-bottom: 225px;
}

#content .banner .image
{
	float: left;
	position: absolute;
	z-index: 800 !important;
}

#content .banner .note {
	float: left;
	left: 308px;
	position: absolute;
	z-index: 999 !important;
}

#content .columns
{
	z-index: 1 !important;
}

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

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

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

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

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

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

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

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


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

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

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

.welcomeblock P
{
	color: #000;
	font-size: 12px;
	margin: 0px !important;
	padding: 0px !important;
}

.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 !important;
	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 !important;
	padding: 0px;
	font-size: 12px;
}

.homeblocktwo .small
{
	font-size: 11px;
}

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

.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 !important;
	padding: 0px;
	font-size: 12px;
}

.qualityblock
{
	padding: 15px 10px 10px 10px;
	background: #D8EBEE;
	margin-bottom: 10px;
	text-align: center;
	background: url(/skins/images/bg_qualityclub.gif) repeat-x;
}

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

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

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: 20px;
}

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

#popup {
	background: #EEE;
	padding: 10px;
}

#surveyblock
{
	margin: 10px 0px;
}

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

TD.tableContent {
	padding: 5px;
}

TD.tableDivider {
	padding: 5px 0px;
}








/* Footer */

#footer
{
	padding: 10px 0px;
	background: #4EAABE url(/skins/images/logo_learnforce.gif) no-repeat right center;
	height: 1%;
}

#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;
	margin-right: 10px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}




/* DATA TABLE
-----------------------------------------------------------------------*/
TABLE#datatable {
	border-bottom: 1px solid #4EAABE;
	margin: 5px 0px 10px 0px;
}

TABLE#datatable TH {
	background: #4EAABE url(/skins/images/bg_datatable_th.gif) no-repeat top left;
	color: #FFF;
	text-align: left;
	padding: 5px;
}

TABLE#datatable TH P {
	color: #FFF;
}

TABLE#datatable TD {
	border-bottom: 1px solid #EEE;
	border-collapse: collapse;
	padding: 5px;
}


/* GLOSSARY POPUP
-----------------------------------------------------------------------*/
#e3Tip {
	background: #F5F5F5;
	border: 1px solid #CCC;
	padding: 5px;
	width: 250px;
	margin-top: 20px;
}

.glossary {
  color: #2d8596;
}

.glossary:hover {
  color: #FF9900;
  cursor:help;
}



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

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

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

DIV.topnav A.courseprev:LINK,
DIV.topnav A.courseprev:ACTIVE,
DIV.topnav A.courseprev:VISITED {
	background: #dee8ea url(/skins/images/bg_next_prev.gif) repeat-x;
	color: #FFF;
	display: block;
	float: left;
	font-size: 11px;
	line-height: 11px;
	margin: 2px 1px 0px 0px;
	padding: 5px 10px 6px 10px;
	text-align: left;
	text-decoration: none;
}

DIV.topnav A.courseprev:HOVER {
	background: #4eaabe url(/skins/images/bg_next_prev_over.gif) repeat-x;
	color: #FFF;
}

DIV.topnav A.coursenext:LINK,
DIV.topnav A.coursenext:ACTIVE,
DIV.topnav A.coursenext:VISITED {
	background: #dee8ea url(/skins/images/bg_next_prev.gif) repeat-x;
	color: #FFF;
	display: block;
	float: left;
	font-size: 11px;
	line-height: 11px;
	margin: 2px 0px 0px 0px;
	padding: 5px 10px 6px 10px;
	position: relative;
	text-align: right;
	text-decoration: none;
	z-index: 40 !important;
}

DIV.topnav A.coursenext:HOVER {
	background: #4eaabe url(/skins/images/bg_next_prev_over.gif) repeat-x;
	color: #FFF;
}

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

DIV.bottomnav A.courseprev:LINK,
DIV.bottomnav A.courseprev:ACTIVE,
DIV.bottomnav A.courseprev:VISITED {
	background: #dee8ea url(/skins/images/bg_next_prev.gif) repeat-x;
	color: #FFF;
	display: block;
	float: left;
	font-size: 11px;
	line-height: 11px;
	margin: 0px 1px 0px 0px;
	padding: 5px 10px 6px 10px;
	text-align: left;
	text-decoration: none;
}

DIV.bottomnav A.courseprev:HOVER {
	background: #4eaabe url(/skins/images/bg_next_prev_over.gif) repeat-x;
	color: #FFF;
}

DIV.bottomnav A.coursenext:LINK,
DIV.bottomnav A.coursenext:ACTIVE,
DIV.bottomnav A.coursenext:VISITED {
	background: #dee8ea url(/skins/images/bg_next_prev.gif) repeat-x;
	color: #FFF;
	display: block;
	float: left;
	font-size: 11px;
	line-height: 11px;
	margin: 0px;
	padding: 5px 10px 6px 10px;
	text-align: right;
	text-decoration: none;
}

DIV.bottomnav A.coursenext:HOVER {
	background: #4eaabe url(/skins/images/bg_next_prev_over.gif) repeat-x;
	color: #FFF;
}



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

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

.course .tracking
{
	position: absolute;
	width: 150px;
	left: 50%;
	margin-left: 232px;
	text-align: right;
	padding: 40px 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;
	float: left;
	display: inline;
	width: 420px;
}

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

.unit .tracking
{
	display: block;
	position: absolute;
	width: 150px;
	padding: 0px 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: 0px;
	padding: 0px;
	list-style-image: none;
}

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



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

.coursepage
{
	height: 1%;
	margin: 0px; 
	clear: both;
	overflow: hidden;
}

.coursepage P
{
	
}

.coursepage .copy {
	clear: left;
}

.coursepage .image {
	clear: right;
	float: right;
	text-align: center;
	width: auto;
	margin-left: 20px;

}

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

.quizquestion P
{
	margin: 5px;
}

.quizquestion FORM {
	height: 1%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

.quizquestion INPUT
{
	
}

.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: 20px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	list-style-type: none;
	list-style-image: none;
}

ul.coursetoc li.unit
{
	border-top: 1px solid #EEE;
	clear: both;
	margin: 10px 0px;
	padding: 10px 0px 0px 0px;
}

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

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

ul.coursetoc li.topic
{
	border-bottom: 1px solid #929497;
	margin: 0px 0px;
	list-style: none;
} 

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

ul.coursetoc li.page
{
	border-top: 1px #E6E6E6 solid;
	list-style: none;
	padding: 5px 10px;
}

ul.coursetoc li.page:hover {
	background: #F5F5F5;
}

ul.coursetoc li.activity {
	border-top: 1px #E6E6E6 solid;
	list-style: none;
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 5px 5px;
}

ul.coursetoc li.activity:hover {
	background: #F5F5F5;
}

ul.coursetoc li.quiz
{
	background: #FFFFCC;
	border-top: 1px #EEE solid;
	list-style: none;
	padding: 5px 10px;
}

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

/* FORUMS
----------------------------------*/

#forumTable {
	
}

.forumbreadcrumb {
	font-size: 11px;
	margin-bottom: 10px;	
}

.forum_pages {
	background: #F5F5F5;
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
	text-align: center;
}

.forum_buttons {
	margin-top: 20px;
}



#forumTable .title {
	background: #F5F5F5;
	border-top: 1px solid #FFF;
	font-size: 14px;
	padding: 10px 10px 0px 10px;
}

#forumTable .description {
	background: #F5F5F5;
	padding: 0px 10px 10px 10px;
}

#forumTable .toolbar {
	background: #FFF;
	border-top: 1px solid #AAA;
	font-size: 11px;
	margin: 0px 0px 5px 0px;
	padding: 5px;
}

#forumTable .toolbar A {
	
}

#forumTable TD.icon,
#forumTable TD.topic,
#forumTable TD.created,
#forumTable TD.author,
#forumTable TD.posts,
#forumTable TD.date,
#forumTable TD.topic_author,
#forumTable TD.topic_message {
	border-bottom: 1px solid #DDD;
	padding: 5px 5px 5px 5px;
}

#forumTable TD.icon {
	padding: 0px;
}

#forumTable TD.created {
	font-size: 11px;
}

#forumTable TD.date {
	font-size: 11px;
}

#forumTable TD.posts {
	text-align: center;
}

#forumTable TD.reply {
	padding: 5px;
}

#forumTable .staff_details {
	color: #999;
	font-size: 11px;
}

#forumTable .message_details {
	border-bottom: 1px solid #DDD;
	color: #999;
	font-size: 11px;
	margin: 0px 0px 20px 0px;
	padding: 5px 0px;
}

#forumTable .last_edited {
	color: #999;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px;
}

#forumTable .last_edited EM {
	font-style: normal;
}

#forumTable TD.topic_message .toolbar {
	border-top: 1px solid #4eaabe;
	background: #F5F5F5;
	margin: 0px;
}

#forumTable TD.topic_message .toolbar A:HOVER {
	text-decoration: none;
}