/*

RMS Colors Stylesheet v1.2 
Simon Crozier Virtual College 15 / 02 /06
Use:	Defines color and styling at a global Level

Light grey: EBEBEB

Background grey (light): 9C9B9B

Blue text: 0091E0
Active text: 5F5F5F
Lighter text: ADADAD

/*Image sizes*/
/* scalable images given width/12.8 (16 * 0.8em 12.8) */

/* ************************************************** Global Items ****************************************** */
body {
	font-size: 0.8em;
	color: #5f5f5f;
	font-family: Arial;
	background: #F7C387 url("../images/fdh_bg_slice.jpg" );
	background-repeat: repeat-y;
	margin: 0px;
	padding-top: 0px;
	margin-top: 0px;
	max-width: 1024px;
	min-width: 400px;
	margin: 0px auto;
}

p {
	color: #5f5f5f;
}

A {
	text-decoration: underline;
	color: #07923E;
}

img {
	border: 0px;
}

h1 {
	color: #5f5f5f;
	padding-top: 5px;
	padding-bottom: 0px;
	margin: 0px;
	font-size: 1em;
	font-weight: bold;
	
}

h2 {
	font-size: 1em;
	padding-top: 10px;
	padding-bottom: 0px;
	margin: 0px;
	font-weight: normal;
}

.lighterText {
	color: #ADADAD;
}

.header {
	background-color: white;
	height: 120px;
	margin: 0 auto;
	border: 0px;
	width: 97%;
	background-image:none;
}

.navigation {
	background: #EBEBEB url("../images/subnav_fill.gif" );
	background-repeat: repeat-x;
	margin: 0 auto;
	width: 97%;
	height: 30px;
}

.navButton {
	text-align: center;
	display: inline;
	padding-left: 1em;
	padding-right: 1em;
	margin: 0px;
}

.navigation A {
	text-decoration: none;
	color: #692D99;
}

.subHeader {
	color: white;
	background-color: white;
	padding-bottom: 2px;
	padding-top: 7px;
	margin: 0 auto;
	width: 97%;
	margin-top: 0px;
	margin-bottom: 0px;
}

.subHeader a {
	font-variant: small-caps;
	color: #07923E;
}

.subHeader p {
	color: black;
}

.subHeader .sub {
	font-variant: normal;
}

.headings {
	padding-left: 5px;
	color: #ADADAD;
}

.pageArea {
	padding-left: 5px;
	padding-top: 10px;
	margin-bottom: 5px;
}

.sideArea {
	padding-top: 10px;
	margin-right: 5px; 

}

.sideBox {
	padding: 5px;
	margin-bottom: 5px;
	border: solid #EBEBEB 1px;
}

.sideBox h1 {
	padding-top: 0px;
}

.panelTitle 
{
	font: bold 12px arial;
	padding-bottom: 5px;
	padding-top: 3px;
	color: #682B96;
	border-bottom: dotted #EBEBEB 2px;
}

.panelTitle .sub {
	color: #5F5F5F;
}

.help {
	padding: 0px;
	margin: 0px;
	color: gray;
}

.percentBar {
	display: block;
	vertical-align: middle;
	margin-right: 0px;
	margin-left: 0px;
	padding: 1px;
	border: solid #ADADAD 2px;
	text-align: left;
}

.percentBarFill {
	display: block;
	background: #ED1093 url("../images/percentage_fill.gif" ) repeat-y;
	text-align: center;
	overflow: hidden;
}

.footer {
	clear: both;
	background: white url("../images/footer_bk.gif" ) repeat-x;
	border-top: solid white 3px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	width: 95.2%;
	margin: 0 auto;
	margin-top: 2px;
}
.footerLeft a
{
color: #07923E;
}

.breakerbar{
	clear: both;
	visibility: hidden;
}

/* ################################################## End Global Items ###################################### */



/* ************************************************** Login ************************************************* */
.login 
{
	background-color: white;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-left: solid #D9D9D9 10px;
	border-right: solid #D9D9D9 10px;
	border-bottom: solid #D9D9D9 10px;
	border-top: solid #D9D9D9 10px;
	width: 91%;
	margin: 0 auto;
	text-align: left;
}

.loginText {
}

.loginBox {
	vertical-align: middle;
	border-left: solid #EBEBEB 2px;
	padding-left: 10px;
}

.loginBox legend {
	color: #0091E0;
}

.loginBox fieldset {
	padding: 3px;
	color: #0091E0;
}

.loginBox p {
	margin: 0px;
	padding: 0px;
}

.loginFailed {
	color:Red;
}
/* ################################################## End Login ############################################# */



/* ************************************************** Home Page Items *************************************** */
.homepage {
	margin: 0px;
	padding: 0px;
}

.homepagePanel {
	background-color: white;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 95%;
	margin: 0 auto;
	text-align: left;
}



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


.trainingItem {
	text-align: right;
	clear: left;
	display: block;
	margin: 10px;
	min-height: 2em;
	padding-bottom: 2em;
	border-bottom: dotted #9c9b9b 1px;
}



.trainingItem ul {
	text-align: left;
	margin: 0px;
	padding: 0px;
}


.trainingItem li {
	float: left;
	margin: 0px;
	padding: 0px;
	padding-right: 5px;	 
	list-style: none;
}



.trainingItem .arrow {
	width: 25px;
	
}

.trainingItem .name {
	width: 40%;
	padding-right: 5px;	
	
}


ul#tabnav
{
	/* general settings */
	font: bold 11px arial;
	border-bottom: solid #EBEBEB 1px; /* set border COLOR as desired */
	
	
}

.unselectedTab a, .selectedTab a
{
	/* settings for all tab links */
	border: 1px solid #6A6A6A; /* set border COLOR as desired; usually matches border color specified in #tabnav */
	background-color: #D9D9D9; /* set unselected tab background color as desired */
	color: #ED1093; /* set unselected tab link color as desired */
}

.selectedTab
{
	/* settings for selected tab */
	border-bottom: 0px solid #fff; /* set border color to page background color */
	background-color: #fff; /* set background color to match above border color */
}

.selectedTab a
{
	/* settings for selected tab link */
	background-color: #fff; /* set selected tab background color as desired */
	color: #ED1093; /* set selected tab link color as desired */
	}

ul#tabnav a:hover
{
	/* settings for hover effect */
	background: #fff; /* set desired hover color */
}

.tabContent
{
	padding-left:5px;
	border-left: solid #EBEBEB 1px;
	border-bottom: solid #EBEBEB 1px;
	border-right: solid #EBEBEB 1px;

	
}

.messageCentre{padding-left:15px;display:none;}

.profile {
	border-left: none;
	padding-top:2px;
	padding-left:15px;
}
/*
.profile hr{
	display: none;
	}

.profile .lighterText{
	padding-top: 15px;
	display: block;
}

.profile .userImage{
	float: right;
	}*/

/* ################################################## End Homepages ########################################## */



/* ************************************************** Course Details Items *********************************** */
.courseDetails {
	background-color: white;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-left: solid white 10px;
	border-right: solid white 10px;
	border-bottom: solid white 10px;
	border-top: solid white 10px;
	width: 91%;
	margin: 0 auto;
	text-align: left;
}

.module {
	border: solid #EBEBEB 2px;
	margin-top: 10px;
	padding-left: 3px;
	padding-top: 10px;
	padding-bottom: 3px;
	min-height: 2em;
}

.module P {
}

.moduleActivities {
	vertical-align: top;
	text-align: right;
}

.scoPassed, .scoPreReq, .scoFailed, .scoNA, .scoHeadings {
	margin-top: 5px;
	padding-top: 5px;
}				   

.scoPassed ul, .scoPreReq ul, .scoFailed ul, .scoNA ul, .scoHeadings ul, .attempt ul, .attemptHeadings ul {
	margin: 0px;
	padding: 0px;
	list-style:none;
}

.attemptHeadings ul, .scoHeadings  ul
{	color: #ADADAD;
	font-size: 0.8em;
	margin-top: 15px;
	/* need some design work here this isnt very clear as a section header   */
}

.attempt ul
{	border-top: dotted 1px #ADADAD;
}

.attemptHeadings li, .attempt li
{	
}

.scoPassed li, .scoPreReq li, .scoFailed li, .scoNA li, .scoHeadings li, .attempt li, .attemptHeadings li {
	padding: 3px 0px;
	list-style:none;
}

.scoNA ul {
	background-color: #FCD884;
}

.scoPassed ul {
	background-color: #c2EE99;
}

.scoFailed ul {
	background-color: #FF9999;
}

.scoPreReq ul {
	background-color: #E5E5E5;
}

.preReq
{
	 margin-left:30px;
	 margin-right:30px;
	 padding-top:3px;
	 padding-bottom:3px;
	 list-style:none;
	 background-color:#E5E5E5;
}

.preReqStatus
{
	padding-right:10px;
}

.preReqTitle
{
	
}

.SCORMPrefAudio, .SCORMPrefText
{
	padding-top:10px;
}

.launchContent
{
	background-color:black;
	background-image:none;
	
	text-align:center;
	
}
.launchContentText
{
	margin:10px auto 10px auto;
	width:500px;
	height:300px;
	background-image:url('../images/launchBack.gif');
	
}

/* ########################################### End Course Details ########################################### */




/* ******************************************* Training Record  ********************************************* */
/*
.trainingRecord {
	background-color: white;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.completedCourses h1 {
	background-color: #C2EE99;
	margin-top: 10px;
	font-size: 0.8em;
	padding-left: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.activeCourses h1 {
	background-color: #FCD884;
	margin-top: 10px;
	padding-left: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.expiredCerts h1 {
	background-color: #FF9999;
	margin-top: 10px;
	font-size: 0.8em;
	padding-left: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* also refs  
	moduleTitle
	ModulePercentage
	Module
from Course Details
											   
/* ########################################### Training Record ############################################### */




/* ******************************************* Scorm Player*************************************************** */
#overlay{
	background-color:Gray;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	color: White;
	text-align: right;
}

#scormPlayer {
	background: black url("topBar_bg_fill.gif");
	background-repeat: repeat-x;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 0;
}

#scormPlayer a {
	padding-top: 3px;
	padding-bottom: 3px;
	color: white;
	text-decoration: none;
	}
	
#scormPlayer img{
	}

#scoFrame {
	width: 100%;
	height: 100%;
}


#innerOverlay
{	text-align: right;
	margin: auto;
}


/* ########################################### Scorm Player ################################################## */



/* ******************************************* QUIZ ITEMS **************************************************** */


.quiz {
	background-color: white;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-left: solid #D9D9D9 10px;
	border-right: solid #D9D9D9 10px;
	border-bottom: solid #D9D9D9 10px;
	border-top: solid #D9D9D9 10px;
	margin: 10px auto;
	text-align: left;
}

.quizHeader 
{
	margin: 10px;
	border-bottom: solid #EBEBEB 2px;
}

.quizHeader h1 {
	font-size: 1.2em;
	color: Gray;
}

.quizQuestion {
	margin: 10px;
	border: 2px solid #EBEBEB;
}

.quizResultCorrect {
	margin: 10px;
	border: 2px solid green;
}

.quizResultIncorrect {
	margin: 10px;
	border: 2px solid red;
}

.quizQuestionButtons {
	margin-top: 10px;
	padding-top: 10px;
	border-top: solid #EBEBEB 2px;
}

.quizCurrentScore {
	margin-top: 10px;
}

.quizReviewAnswersList
{
	
	list-style-type: none;
	
}
.quizReviewAnswersList li
{
	border-bottom:dashed 1px black;
	
}

			 
/* ############################################ END QUIZ ##################################################### */

/* ******************************************* Edit My details **************************************************** */

.editMyDetails {
	background-color: white;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-left: solid #D9D9D9 10px;
	border-right: solid #D9D9D9 10px;
	border-bottom: solid #D9D9D9 10px;
	border-top: solid #D9D9D9 10px;
	width: 91%;
	margin: 0 auto;
	text-align: left;
}




/* ############################################ END edit my details ##################################################### */

/* ******************************************* Help And Support **************************************************** */

.helpAndSupportPanel{
	background-color: white;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-left: solid #D9D9D9 10px;
	border-right: solid #D9D9D9 10px;
	border-bottom: solid #D9D9D9 10px;
	border-top: solid #D9D9D9 10px;
	width: 91%;
	margin: 0 auto;
	text-align: left;
}

/* ############################################ END Help And Support ##################################################### */