@charset "utf-8";
/* CSS Document Main layout */

/*	Import Fonts */
/*
@import 'fonts.css';
*/

html,
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
html {	
	font-size:62%;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    color:#FFFFFF;
	font-size:1.8rem;
	line-height:2.3rem;
	text-align:left;
	overflow:auto;
}

#module {
	position:absolute;
	width:956px;
	height:621px;
	margin:0px 34px 0px 34px;
	background:url(../images/content/mod0/mod_0_background.jpg) no-repeat 0 0;
}

h1, h2 {
    font-family: Arial, Helvetica, sans-serif;
	font-size:1.7rem;
	margin: 0px;
	margin-top:8px;
	padding: 0px;	
	color:#FFFFFF;
	text-align:left;
}

h3 {
	margin: 0px;
	padding-bottom:0px;
	font-size:1.8rem;
	font-weight:bold;	
}

p {   /* default top/bottom margin for p tag is 16px  */
	margin-top:12px;
	margin-bottom:12px;
}

ul, ol {
	margin-top:0px;
	margin-bottom:.5em;	
}

li {
	padding-top:0px;
	padding-bottom:0px;	
}

/* This style needed so IE won't put borders around my image button links */
a img {
	border:none;
    text-decoration:none;
}

table {
	color:#FFFFFF;	
}
td, th {
	padding:6px 15px;
	text-align:left;
	vertical-align:top;
}
th {
	background-color:#ED7D31;	
	color:#FFFFFF;
	text-align:center;
}

/* layout table heading row style */
.ltHead {
	background-color:#5F7380;	
	color:#FFFFFF;
	font-weight:bold;	
	text-align:center;
}

A:link  {
    color: #FFFFFF;
    text-decoration:underline;
}
A:hover,
A:active, 
A:focus {
    color:#09F;
    text-decoration:underline;
}
	
/*  HEADER DIV  */
#pageHeader {
	width:inherit;
	background-color:#000;
}
#pageHeader img {
	float:left;
	margin:0;	
}
#lessonTitle {
	min-height:25px;
	margin-left:400px;  /* margin to left-most possible position */
	padding-top:35px;
	padding-left:270px;    /* padding adjustable by module */
}
#lessonTitle h1{
	font-weight:bold;
	color:#F0DC63;
	letter-spacing:.15rem;
}

/*******   CONTENT AREA    ****************/
.contentArea {
/*	position:fixed;*/
	height:525px;
	margin:0px;
	padding:0px;
	text-align:left;
}
.kcContentArea {
	height:inherit;
}
#pageTitle{
	margin-top: 30px;
	margin-left: 40px;
}
#pageTitle h2{
    font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size:1.8rem;
	font-weight:bold;
}
#pageTitle img{
	margin-left:-40px;
}

#content {
	width: 885px;
	height: 470px;
	margin-left: 40px;
	margin-right: 25px;
	margin-top:0px;
	padding-top: 10px;
	margin-bottom:0px;
	font-size:16px;
/*	overflow:hidden;*/
/*	overflow-y:auto;*/
}

#promptContainer {
	position:absolute;
	top:750px;
    font-family: Arial Narrow, Helvetica Narrow, Tahoma, sans-serif;
	font-size: 1.5rem;
	color: #FFF;
	margin-left: 10px;
	text-align:left; /*right;*/
}
#promptContainer.kc {
	color: #FFF;	
}

/*************    NAVBAR     *************************************/
#navBar {
	float:left;
	background-color:#000;
	border:none;
	width:1024px;
	height:54px;
	margin-top: 600px;
	padding:0px;
	list-style-type:none;
}
#navBar.ul {
	padding:0px;	
}
.spacer {
	float:left;
	display:block;	
	height:54px;
}

.navContainer{
	height:50px;
	width: 400px;
	margin:0 auto;
}
#menuMiddle{
	width:100px;
	height:50px;
	float:left;
	display:block;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-align: center;
	margin-top:0px;
	padding-top:13px;
	background:url(../images/interface/button_Middle.png) repeat-x ;
}
#backBtn{
	/*text-align:center;*/
}
#backBtn a {
	float:left;
	width:122px;
	height:50px;
	display:block;	
	font-family:myTradeGothic,'Trade Gothic',Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size:1.5rem;
	line-height:54px;
	text-decoration:none;
	letter-spacing:.1rem;
	color:#FFFFFF;
	background: url('../images/interface/button_Back.png') no-repeat left bottom;
}
#backBtn.enabled a:link  {
	color:#FFFFFF;
	/*background: url('../images/interface/button_Back.png') no-repeat left bottom;*/
}
/*#backBtn.enabled a:focus,*/ 
#backBtn.enabled a:hover,#backBtn.enabled a:focus {	
	color:#e4cf57;
	background-position:0px 0px;
}
#backBtn.disabled a {
	color:#B2B2B2;
	background-position:bottom;
	/*background-position:bottom; 100px 0px;*/ /* NEED DISABLED STATES FOR THESE */
}

.pageCounter {
	float:left;
	width:108px;
	margin:16px 0px 0px 0px;
	font-size: 1.4rem;
	color:#FFFFFF;
	text-align:center;
}
#nextBtn a {
	width:120px;
	height:50px;
	float:left;		
	display: inline-block;	
	font-family: myTradeGothic,'Trade Gothic',Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size:1.5rem;
	line-height:54px;
	text-decoration:none;
	padding-left:25px;
	text-align:left;
	letter-spacing:.1rem;
	color:#FFFFFF;
	background: url('../images/interface/button_Next.png') no-repeat left bottom;
}
#nextBtn.enabled a:link  {	
	color:#FFFFFF;
}
/*#nextBtn.enabled a:hover, */
#nextBtn.enabled a:hover, #nextBtn.enabled a:focus{
	color:#e4cf57;
	background-position:0px 0px;
}
#nextBtn.disabled a {
	color:#B2B2B2;
	/*	background-position:bottom;*/
}
/****************   END NAVBAR   ********************************************/

/**************   MAIN MENU STUFF    ****************************************/
#menuBtn {
	position:absolute;
	left:0px;
	top:155px;
	z-index:51;
}
/*#menuBtn a {
	width:34px;
	height: 264px;
	display: block;	
}
#menuBtn a:link  {	
	background: url('../images/interface/main_menu_button_default.png') no-repeat;
}
#menuBtn a:hover, #menuBtn a:focus {
	background: url('../images/interface/main_menu_button_over.png') no-repeat;	
}*/

.modBtn a {
	width: 66px;
	height: 66px;
	display: block;	
	padding-right:4px;
	padding-bottom:3px;
}
#modBtn1 a{
	float:right;	
	background: url('../images/interface/Main_btn_1_default.png') no-repeat;
}
#modBtn1.completed a {
	background: url('../images/interface/Main_btn_1_completed.png') no-repeat;	
}

#modBtn2 a {
	float:right;
	background: url('../images/interface/Main_btn_2_default.png') no-repeat;	
}
#modBtn2.completed a {
	background: url('../images/interface/Main_btn_2_completed.png') no-repeat;	
}

#modBtn3 a {
	float:right;
	background: url('../images/interface/Main_btn_3_default.png') no-repeat;	
}
#modBtn3.completed a {
	background: url('../images/interface/Main_btn_3_completed.png') no-repeat;	
}

#modBtn4 a {
	float:right;
	background: url('../images/interface/Main_btn_4_default.png') no-repeat;	
}
#modBtn4.completed a {
	background: url('../images/interface/Main_btn_4_completed.png') no-repeat;	
}

#modBtn5 a {
	float:right;
	background: url('../images/interface/Main_btn_5_default.png') no-repeat;	
}
#modBtn5.completed a {
	background: url('../images/interface/Main_btn_5_completed.png') no-repeat;	
}

#modBtn6 a {
	float:right;
	background: url('../images/interface/Main_btn_6_default.png') no-repeat;	
}
#modBtn6.completed a {
	background: url('../images/interface/Main_btn_6_completed.png') no-repeat;	
}

#modBtn7 a {
	float:right;
	background: url('../images/interface/Main_btn_7_default.png') no-repeat;	
}
#modBtn7.completed a {
	background: url('../images/interface/Main_btn_7_completed.png') no-repeat;	
}

#tipsterBtn {
	position:absolute;
	left:0px;
	top:515px;
	z-index:50;
	text-align:left;
}

.primerButton {
	color:#ff992c;	
	font-weight:bold;
}
.primerButton a:link {
	background: url('../images/interface/pdfBtn_default.png') no-repeat;
	width:159px;
	height:71px;
	text-decoration:none;
	padding:20px 10px 0px 75px;
	align-items:center;
	color:#ff992c;	
	font-size:1.4rem;
	line-height:1.8rem;
	display:block;
}

.primerButton a:hover,
.primerButton a:focus {
	background: url('../images/interface/pdfBtn_over.png') no-repeat;
}

/* ////////////////////////////////////////////////////////////////////////////// */
#content.content-background{
	background-color:#093;
}

#content.qContent {            /*   for knowledge checks    */
	text-align:left;
	margin:20px;
	padding:0px 30px 0px 0px;
	width:845px;	
	height:auto; /*508px;*//**/
	overflow:hidden;
}

.indent-list{
	margin-left:30px;
}

.line-height1{
	line-height:1.2em;
}
/* WIDTHS */
#content.width-10, .width-10{width:10%;}
#content.width-20, .width-20{width:20%;}
#content.width-30, .width-30{width:30%;}
#content.width-35, .width-35{width:35%;}
#content.width-40, .width-40{width:40%;}
#content.width-45, .width-45{width:45%;}
#content.width-50, .width-50{width:50%;}
#content.width-55, .width-55{width:55%;}
#content.width-60, .width-60{width:60%;}
#content.width-65, .width-65{width:65%;}
#content.width-68, .width-68{width:68%;}
#content.width-70, .width-70{width:70%;}
#content.width-75, .width-75{width:75%;}
#content.width-80, .width-80{width:80%;}
#content.width-90, .width-90{width:90%;}
#content.width-100, .width-100{width:100%;}
/* */
#content.margin-left-01-perc, #pageTitle.margin-left-01-perc, .margin-left-01-perc{margin-left:1%;}
#content.margin-left-05-perc, #pageTitle.margin-left-05-perc, .margin-left-05-perc{margin-left:5%;}
#content.margin-left-10-perc, #pageTitle.margin-left-10-perc, .margin-left-10-perc{margin-left:10%;}
#content.margin-left-12-perc, #pageTitle.margin-left-12-perc, .margin-left-12-perc{margin-left:12%;}
#content.margin-left-15-perc, #pageTitle.margin-left-15-perc, .margin-left-15-perc{margin-left:15%;}
#content.margin-left-20-perc, #pageTitle.margin-left-20-perc, .margin-left-20-perc{margin-left:20%;}
#content.margin-left-22-perc, #pageTitle.margin-left-22-perc{margin-left:22%;}
#content.margin-left-25-perc, #pageTitle.margin-left-25-perc{margin-left:25%;}
#content.margin-left-27-perc, #pageTitle.margin-left-27-perc{margin-left:27%;}
#content.margin-left-30-perc, #pageTitle.margin-left-30-perc{margin-left:30%;}
#content.margin-left-32-perc, #pageTitle.margin-left-32-perc{margin-left:32%;}
#content.margin-left-35-perc, #pageTitle.margin-left-35-perc, .margin-left-35-perc{margin-left:35%;}
#content.margin-left-38-perc, #pageTitle.margin-left-38-perc{margin-left:38%;}
#content.margin-left-40-perc, #pageTitle.margin-left-40-perc, .margin-left-40-perc{margin-left:40%;}
#content.margin-left-44-perc, #pageTitle.margin-left-44-perc{margin-left:44%;}
#content.margin-left-45-perc, #pageTitle.margin-left-45-perc{margin-left:45%;}
#content.margin-left-46-perc, #pageTitle.margin-left-46-perc{margin-left:46%;}
#content.margin-left-50-perc, #pageTitle.margin-left-50-perc{margin-left:50%;}
#content.margin-left-55-perc, #pageTitle.margin-left-55-perc{margin-left:55%;}
#content.margin-left-60-perc, #pageTitle.margin-left-60-perc{margin-left:60%;}
#content.margin-left-70-perc, #pageTitle.margin-left-70-perc{margin-left:70%;}
#content.margin-left-80-perc, #pageTitle.margin-left-80-perc{margin-left:80%;}
#content.margin-left-90-perc, #pageTitle.margin-left-90-perc{margin-left:90%;}

/*MARGIN SUBTRACT*/
#content.margin-left-10pixel, .margin-left-10pixel{margin-left:-10px;}
#content.margin-left-25pixel, .margin-left-25pixel{margin-left:-25px;}
#content.margin-top-reset, .margin-top-reset{margin-top:0px;}
#content.margin-top-subtract2, .margin-top-subtract2{margin-top:-2px;}
#content.margin-top-subtract28{margin-top:-28px;}
#content.margin-top-subtract200, .margin-top-subtract50{margin-top:-50px;}

/* TOP PADDING */
#content.padding-top-subtract30, .padding-top-subtract30{padding-top:-30px;}
#content.padding-top-5, .padding-top-5{padding-top:5px;}
#content.padding-top-10, .padding-top-10{padding-top:10px;}
#content.padding-top-15, .padding-top-15{padding-top:15px;}
#content.padding-top-18, .padding-top-18{padding-top:18px;}
#content.padding-top-20, .padding-top-20{padding-top:20px;}
#content.padding-top-25, .padding-top-25{padding-top:25px;}
#content.padding-top-30, .padding-top-30{padding-top:30px;}
#content.padding-top-40, .padding-top-40{padding-top:40px;}
#content.padding-top-50, .padding-top-50{padding-top:50px;}
#content.padding-top-55, .padding-top-55{padding-top:55px;}
#content.padding-top-60, .padding-top-60{padding-top:60px;}
#content.padding-top-65, .padding-top-65{padding-top:65px;}
#content.padding-top-70, .padding-top-70{padding-top:70px;}
#content.padding-top-75, .padding-top-75{padding-top:75px;}
#content.padding-top-100, .padding-top-100{padding-top:100px;}
#content.padding-top-105, .padding-top-105{padding-top:105px;}
#content.padding-top-130, .padding-top-130{padding-top:130px;}
#content.padding-top-150, .padding-top-150{padding-top:150px;}
#content.padding-top-165, .padding-top-165{padding-top:165px;}
#content.padding-top-200, .padding-top-200{padding-top:200px;}
#content.padding-top-300, .padding-top-300{padding-top:300px;}
#content.padding-top-400, .padding-top-400{padding-top:400px;}
#content.padding-top-450, .padding-top-450{padding-top:450px;}
#content.padding-top-470, .padding-top-470{padding-top:470px;}
#content.padding-top-480, .padding-top-480{padding-top:480px;}
#content.padding-top-500, .padding-top-500{padding-top:500px;}

/* CENTERED TEXT */
#content.text-centered, .text-centered{text-align:center;}

/*TABLE CSS*/
#content.table01,	 		 .table01{margin:0 auto; width: 860px;}
#content.tableHeader, 		 .tableHeader{background:#ED7D31;color:#FFF;font-size:14px;}
#content.tableBody,	 		 .tableBody{text-align:left;color:#000;font-size:12px;}
#content.tableBodyText,	 	 .tableBodyText{margin:0px;padding-left:10px;}
#content.tableCellGrey, 	 .tableCellGrey{background:#EAEFF7;}
#content.tableCellLightGrey, .tableCellLightGrey{background:#D2DEEF;}

/* VIDEO  */

.vpVid{
	margin:0 auto;
}

video {
	border:6px solid black;	
	border-radius:7px;
	z-index:1;
	margin-left:20px;
}
#transcriptBtn{
	margin-left:50px;
	font-size:14px;
}
.multi-column-2{
	-webkit-column-count:2;
	-moz-column-count:2;
	-webkit-column-gap:50px;
	-moz-column-gap:50px;
	column-gap:50px;
	column-count:2;	
}
.multi-column-2 li{
	width:100%;	
}
.lineHeightFix{
	line-height:2rem;
}