/* © Copyright 2008 e3Learning */


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

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

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

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

TD {
	font-size: 12px;
}

A:LINK,
A:ACTIVE,
A:VISITED {
	color: #008AFF;
	text-decoration: none;
}

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

H1,
H2,
H3,
H4,
H5,
H6 {
	color: #B42E2E;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1em;
	margin-bottom: 1em;
}

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

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

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

TH {
	background: #797979 url(/skins/images/bg_th.gif) repeat-x top;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 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 {
	margin: auto;
	width: 830px;
}



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

#header {
	background: url(/skins/images/bg_header.gif) repeat-x;
}

#header P,
#header H1 {
	margin: 0px;
	padding: 0px;
}

#header DIV.title {
	height: 22px;
}

#header DIV.logo {
	height: 58px;
}

#header DIV.user {
	height: 20px;
	text-align: right;
	padding: 3px 30px 0px 0px;
}

#header DIV.user P {
	color: #FFF;
	font-size: 11px;
}

#header DIV.user A {
	color: #ffbb04;
}

#header DIV.user A:HOVER {
	color: #FFF;
}




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

#header DIV.menu {
	background: url(/skins/images/menu_r.gif) top right no-repeat;
	padding-top: 29px;
	padding-right: 11px;
	height: auto;
	overflow: hidden;
}


#header DIV.menu UL {
	background: url(/skins/images/bg_menuitem.gif) no-repeat top right;
	height: 31px;
	*float: right;
	margin: 0px;
	overflow: hidden;
	padding: 0px 1px 0px 0px;
}

#header DIV.menu LI {
	background: url(/skins/images/bg_menuitem.gif) repeat-x;
	display: block;
	float: left;
	list-style: none;
	list-style-image: none;
}


#header DIV.menu A {
	background: transparent url(/skins/images/btn_menu_a.gif) no-repeat scroll top right;
    color: #003366;
	display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 31px;
	margin-left: 1px;
    padding-right: 14px; /* sliding doors padding */
    text-decoration: none;
	text-transform: uppercase;
}

#header DIV.menu A SPAN {
	background: transparent url(/skins/images/btn_menu_span.gif) no-repeat;
    display: block;
    line-height: 12px;
    padding: 9px 0px 10px 14px;
}

#header DIV.menu A:HOVER {
	background-position: bottom right;
    color: #9A0000;
    outline: none; /* hide dotted outline in Firefox */
}

#header DIV.menu A:HOVER SPAN {
	background-position: bottom left;
}

#header DIV.menu EM {
	background: transparent url(/skins/images/btn_menu_a.gif) no-repeat scroll top right;
    color: #999;
	display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 31px;
	margin-left: 1px;
    padding-right: 14px; /* sliding doors padding */
    text-decoration: none;
	text-transform: uppercase;
}

#header DIV.menu EM SPAN {
	background: transparent url(/skins/images/btn_menu_span.gif) no-repeat;
    display: block;
    line-height: 12px;
    padding: 9px 0px 10px 14px;
}






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

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

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

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

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






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

#homecontainer {
	background: url(/skins/images/bg_content.jpg) no-repeat top;
	padding: 30px 0px;
}

#homecontainer #welcome {
	padding: 25px 30px;
	height: 1%;
}

#homecontainer #welcome P {
	padding: 0px 0px 10px 0px;
}

#homecontainer #welcome H2 {
	padding: 0px 0px 45px 0px;
	margin: 0px;
}

#homecontainer #welcome DIV.loginText,
#homecontainer #welcome DIV.startedText {
	width: 360px;
}




#homecontainer #login {
	background: #dcdcdc url(/skins/images/bg_login.gif) repeat-x;
	height: 170px;
	overflow: hidden;
	width: 413px;
}

#homecontainer #login DIV.leftside,
#homecontainer #login DIV.rightside {
	width: 4px;
}

#homecontainer #login DIV.loginContent  {
	width: 359px;
	padding: 19px 23px 0px 23px;
}

#homecontainer #login P  {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#homecontainer #login H3  {
	clear: both;
	margin: 0px 0px 25px 0px;
	padding: 0px;
}

#homecontainer #login FORM LABEL  {
	color: #000;
	clear: both;
	display: block;
	padding: 0px 0px 5px 0px;
}

#homecontainer #login FORM .loginfield  {
	background: url(/skins/images/bg_loginfield.gif) no-repeat;
	border: 0px none;
	color: #999;
	padding: 5px;
	width: 162px;
}

#homecontainer #login FORM .focus  {
	color: #000;
}

#homecontainer #login FORM .lostpass  {
	padding: 7px 0px 0px 10px;
}

#homecontainer .error  {
	color: #F00;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

#homecontainer #login UL {
	margin: 0px 0px 20px 0px;
}

#homecontainer #login LI {
	list-style: none;
	list-style-image: none;
	display: block;
	clear: both;
}

#homecontainer #login LI A {
	background: transparent url(/skins/images/btn_login_a.gif) no-repeat scroll top right;
    color: #EDC3C6;
	display: block;
    font: normal 12px arial, sans-serif;
    height: 28px;
    margin-right: 2px;
	margin-left: 2px;
    padding-right: 7px; /* sliding doors padding */
    text-decoration: none;
}

#homecontainer #login LI A SPAN {
	background: transparent url(/skins/images/btn_login_span.gif) no-repeat;
    display: block;
    line-height: 12px;
    padding: 8px 0px 8px 7px;
}

#homecontainer #login LI A:HOVER {
	background-position: bottom right;
    color: #FFF !important;
    outline: none; /* hide dotted outline in Firefox */
	text-decoration:none !important;
}

#homecontainer #login LI A:HOVER SPAN {
	background-position: bottom left;
	padding: 8px 0px 8px 7px;
}




#homecontainer #started {
	background: #4c4c4c url(/skins/images/bg_started.gif) repeat-x;
	height: 170px;
	width: 413px;
}

#homecontainer #started DIV.startedContent {
	padding: 17px 23px;
}

#homecontainer #started P {
	color: #BBB;
	margin-bottom: 10px;
}
#homecontainer #started A:HOVER {
	color: #FFF;
}

#homecontainer #started H3  {
	clear: both;
	margin: 0px 0px 25px 0px;
	padding: 0px;
}

#homecontainer #started #flashcontent {
	height: 170px;
	width: 413px;
	padding: 0px;
	margin: 0px;
}

#homecontainer P.javascript {
	color: #F90 !important;
	font-weight: bold;
	text-transform: uppercase;
}



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

#contentcontainer {
	background: #FFF url(/skins/images/bg_content.jpg) no-repeat top;
	margin: 0px;
	padding: 30px;
}

#contentcontainer  P {
	margin-bottom: 12px;
}



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

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

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

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

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

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

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

#supportTable H4 {
	font-size: 14px;
	color: #999;
	margin: 0px;
}

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

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



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

#demoTable {
	
}

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

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



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

#footer {
	background: #FFF url(/skins/images/bg_footer.gif) repeat-x top left;
}

#footer DIV.copyright {
	background: url(/skins/images/footer_l.gif) no-repeat top left;
	padding: 18px 0px 20px 120px;
	width: 270px;
}

#footer P {
	font-size: 11px;
	margin: 0px;
}

#footer DIV.e3 {
	background: url(/skins/images/footer_r.gif) no-repeat top right;
	padding: 18px 0px 0px 25px;
	width: 390px;
}

#footer DIV.e3 A {
	
}

#footer DIV.e3 EM {
	margin: 0px 5px;
}


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

DIV.breadcrumbs {
	border-bottom: 1px solid #DBDBDB;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 10px 0px;
}

DIV.topnav {
	background: none;
	clear: both;
	height: auto;
	*height: 1%;
	margin: -18px 0px 20px 0px;
	overflow: hidden;
	padding: 6px 0px;
	position: relative !important;
	z-index: 40 !important;
	width: 200px;
}

DIV.topnav A {
	position: relative !important;
	z-index: 40 !important;
}

DIV.topnav A.courseprev:LINK,
DIV.topnav A.courseprev:ACTIVE,
DIV.topnav A.courseprev:VISITED {
	background: #A7A7A7 url(/skins/images/bg_prev.gif) no-repeat;
	color: #FFF;
	display: block;
	float: left;
	font-size: 11px;
	line-height: 11px;
	margin: 2px 5px 0px 0px;
	padding: 4px 0px 5px 17px;
	*padding: 5px 0px 4px 17px;
	text-align: left;
	text-decoration: none;
	width: 60px;
	
}

DIV.topnav A.courseprev:HOVER {
	background: #C3363F url(/skins/images/bg_prev.gif) no-repeat;
}

DIV.topnav A.coursenext:LINK,
DIV.topnav A.coursenext:ACTIVE,
DIV.topnav A.coursenext:VISITED {
	background: #A7A7A7 url(/skins/images/bg_next.gif) no-repeat center right;
	color: #FFF;
	display: block;
	float: left;
	font-size: 11px;
	line-height: 11px;
	margin: 2px 0px 0px 0px;
	padding: 4px 17px 5px 0px;
	*padding: 5px 17px 4px 0px;
	position: relative;
	text-align: right;
	text-decoration: none;
	width: 35px;
	z-index: 40 !important;
}

DIV.topnav A.coursenext:HOVER {
	background: #C3363F url(/skins/images/bg_next.gif) no-repeat;
}

DIV.bottomnav {
	background: none;
	border-top: 1px solid #DBDBDB;
	clear: both;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	height: auto;
	*height: 1%;
	margin: 30px 0px 10px 0px;
	overflow: hidden;
	padding: 8px 0px;
}

DIV.bottomnav A.courseprev:LINK,
DIV.bottomnav A.courseprev:ACTIVE,
DIV.bottomnav A.courseprev:VISITED {
	background: #A7A7A7 url(/skins/images/bg_prev.gif) no-repeat;
	color: #FFF;
	display: block;
	float: left;
	font-size: 11px;
	line-height: 11px;
	margin: 0px 5px 0px 0px;
	padding: 4px 0px 5px 17px;
	*padding: 5px 0px 4px 17px;
	text-align: left;
	text-decoration: none;
	width: 60px;
}

DIV.bottomnav A.courseprev:HOVER {
	background: #C3363F url(/skins/images/bg_prev.gif) no-repeat;
}

DIV.bottomnav A.coursenext:LINK,
DIV.bottomnav A.coursenext:ACTIVE,
DIV.bottomnav A.coursenext:VISITED {
	background: #A7A7A7 url(/skins/images/bg_next.gif) no-repeat;
	color: #FFF;
	display: block;
	float: left;
	font-size: 11px;
	line-height: 11px;
	margin: 0px;
	padding: 4px 17px 5px 0px;
	*padding: 5px 17px 4px 0px;
	text-align: right;
	text-decoration: none;
	width: 35px;
}

DIV.bottomnav A.coursenext:HOVER {
	background: #C3363F url(/skins/images/bg_next.gif) no-repeat;
}


/* COURSE ELEMENTS - COURSE DATA */

.course { CLEAR: both; }
.course #flashcontent { TEXT-ALIGN: center; MARGIN-TOP: -15px; }
.course H2 { FLOAT: left; DISPLAY: inline; WIDTH: 580px; }
.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 span.number { display: none; }
.course A IMG { border: 0px none; }

/* COURSE ELEMENTS - TRACKING */

.course .tracking { COLOR: #004B85; 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: 200px; 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: 1px solid  !important; }
UL.coursetoc LI { BORDER-TOP: 1px solid #F0F0F0; LIST-STYLE: none; LIST-STYLE-IMAGE: none; MARGIN: 0px; PADDING: 0px; }

/* COURSETOC TOPICS */

UL.coursetoc LI.topic { BACKGROUND: #FFF url(/skins/images/bg_topic_tr.gif) no-repeat right top; BORDER-TOP: 0px none !important; MARGIN-TOP: 12px !important; }
UL.coursetoc LI.topic UL.coursetoc { BORDER-BOTTOM: 1px solid #F0F0F0 !important; }
UL.coursetoc LI.topic H3 { BACKGROUND: url(/skins/images/bg_topic_tl.gif) no-repeat left top; COLOR: #FFF; FONT-SIZE: 14px; FONT-WEIGHT: bold; PADDING: 9px 5px !important; }

/* COURSETOC UNITS */

UL.coursetoc LI.unit { BACKGROUND: #EEE url(/skins/images/icon_unit.gif) no-repeat 7px 4px; BORDER-TOP: 1px solid #F0F0F0; HEIGHT: auto; *HEIGHT: 1%; MARGIN: 0px 0px 10px 0px; OVERFLOW: hidden; PADDING: 7px 7px; }
UL.coursetoc LI.unit H3 { BACKGROUND: none; FLOAT: left; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-INDENT: 20px; MARGIN-BOTTOM: 5px !important; PADDING: 0px !important; WIDTH: 580px; }
UL.coursetoc LI.unit P { CLEAR: both !important; MARGIN: 0px !important; }
UL.coursetoc LI.unit P.certificate,
DIV.coursepage P.certificate { background: #60a64d url(/skins/images/bg_certificate.gif) no-repeat; color: #FFF; display: block; padding: 14px 4px 4px 4px !important; }
UL.coursetoc LI.unit P.certificate { background: #60a64d url(/skins/images/bg_certificate_unit.gif) no-repeat; }
DIV.coursepage P.certificate { padding: 18px 8px 8px 8px !important; }
UL.coursetoc LI.unit P.certificate A,
DIV.coursepage P.certificate A { color: #FFF; font-weight: bold; text-decoration: underline; }
UL.coursetoc LI.unit P.certificate IMG,
DIV.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: #F5F5F5 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: #F7F781; }

/* COURSE ELEMENTS - QUIZ */

.quizquestion { height: 1%; margin: 0px; clear: both; overflow: hidden; }
.quizquestion P { margin: 5px; }
.quizquestion FORM { margin: 0px; padding: 0px; height: 1%; overflow: hidden; }
.quizquestion .submit {  }
.quizquestion INPUT { margin: 0px 5px; }
.quizquestion LABEL { }
.quizquestion BR { clear: both; display: block; margin: 5px !important; }
.quizresults { margin: 0px; clear: both; border: 0px none; border-spacing: 0px; border-collapse: collapse; }
.quizresults TD { padding: 5px; border-bottom: 1px solid #CCC; }
.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: 220px;
	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: #B42E2E;
	font-weight: bold;
	font-size: 14px;
	margin: 5px 0px;
	line-height: 30px;
}

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

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

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

.tableTitle {
	color: #B42E2E;
	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;
}