/*

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.76em;
	color: black;
	font-family: Arial;
	background: white url("../Images/background.gif" );
	background-repeat: repeat-x;
	background-attachment: fixed;
	margin: 0px;
	padding-top: 0px;
	margin-top: 0px;
	max-width: 1002px;
	min-width: 200px;
	margin: 0px auto;
}

p {
	color: black;
}

A {
	text-decoration: underline;
	color: #2666B5;
}

img {
	border: 0px;
}

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

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


.breadCrumb{
	color: #265A90;
	border-bottom: solid #2666B5 1px;
	padding-bottom:3px;
}


#breadCrumb a{
	font-variant:normal;
	color: #265A90;
}



.lighterText {
	color: #ADADAD;
}

.header {
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: white;
	height: 65px;
	margin: 0 auto;
	width: 95%;
	background-image:none;
}


/* b7b0d2 */
/* 1c2f4a */
.navigation  {
	background:#1E3D5B;
	background-image: url(../Images/bg_bar.jpg);
	background-repeat: repeat-x;
	margin: 0 auto;
	border-left: solid 10px #ffffff;
	border-right: solid 10px #ffffff;
	width: 95%;
	height: 24px;
}

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

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

.subHeader {
	color: #265a90;
	background-color: #ffffff;
	
	padding-bottom: 5px;
	padding-top: 7px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0 auto;
	width: 95%;
	margin-top: 0px;
	margin-bottom: 0px;
}

.subHeader a {
	font-variant: small-caps;
	color: white;
}

.subHeader p {
	color: white;
}

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

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

.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 {
	background: black;
	font-family: Arial;
	font-weight: bolder;
	padding: 5px;
	color: white;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #2666B5;
}
.panelTitle a{
	color: White;
}

.panelTitle .sub {
	color: white;
}

.help {
	padding-top: 3px;
	padding-right: 5px;
	margin: 0px;
	color: #ffffff;
}

.help a{
	color: #ffffff;
}
.quickLink
{
	list-style-image: url(../images/quicklink.gif);
	padding-bottom: 2px;
}

.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: #33DB0B url("../images/percentage_fill.gif" ) repeat-y;
	text-align: center;
	overflow: hidden;
}

.footer {
	color: #265a90;
	clear: both;
	background-color: #ffffff;
	padding: 10px;
	width: 95%;
	margin: 0 auto;
	
}

.footer a{
	color: #2666B5;
}

.footerLeft{
	border-top: solid #2666B5 1px;
	padding-top:3px;
	}

.footerRight{
	border-top: solid #2666B5 1px;
	padding-top:3px;
	color: #2666B5;
	}

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

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



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

.loginText {
	
	}

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

.loginBox legend {

	color: #265a90;
}

.loginBox fieldset {
	padding: 3px;
}

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

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



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

.homepagePanel {
	background-color: white;
	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;	
	
}

.help img{
display: none;
}


.profile .panelTitle{
	background-color: black;
	font-family: Arial;
	font-weight: bolder;
	padding: 5px;
	color: #FFFFFF;
}

.profile .help{
background-image: url("../images/profile_help.gif");
background-repeat: no-repeat;
background-position:right;
padding: 2px 25px 3px 0;
margin-top: 3px;
}

.messageCentre .panelTitle{
	background-color: #C90019;
	font-family: Arial;
	color: #ffffff;
}

.messageCentre .help{
background-image: url("../images/message_help.gif");
background-repeat: no-repeat;
background-position:right;
padding: 2px 25px 3px 0;
margin-top: 3px;
}

.messageCentre .panelTitle th{
	font-family: Arial;
	color: #1c2f4a;
}

.messageCentre .help a{
	font-family: Arial;
	color: white;
}

.ModuleCourseList .panelTitle{
	background-color: black;
	font-family: Arial;
	color: white;
}

.ModuleCourseList .help th{
	font-family: Arial;
	color: #1c2f4a;
}

.ModuleCourseList .help{
	background-image: url("../images/request_help.gif");
	background-repeat: no-repeat;
	background-position:right;
	padding: 2px 25px 3px 0;
	margin-top: 3px;
}

.ModuleCourseList .help a{
	font-family: Arial;
	color: white;
}

.CourseRequestSummary .panelTitle{
	background-color: #C90019;
	font-family: Arial;
	color: #ffffff;
}

.CourseRequestSummary .help th{
	font-family: Arial;
	color: #1c2f4a;
}

.CourseRequestSummary .help{
	background-image: url("../images/request_help.gif");
	background-repeat: no-repeat;
	background-position:right;
	padding: 2px 25px 3px 0;
	margin-top: 3px;
}

.CourseRequestSummary .help a{
	font-family: Arial;
	color: white;
}

.tabnav .panelTitle{
	background-color: #C90019;
}

.trainingPanel .help{
background-image: url("../images/record_help.gif");
background-repeat: no-repeat;
background-position:right;
padding: 2px 25px 3px 0;
margin-top: 3px;
}

.loginBox .panelTitle{
	background-color: black;
}

.loginBox .help{
background-image: url("../images/message_help.gif");
background-repeat: no-repeat;
background-position:right;
padding: 2px 25px 3px 0;
margin-top: 3px;
}

.recentUserActivity .panelTitle{
	background-color: #C90019;
	font-family: Arial;
	font-weight: bolder;
	padding: 5px;
	color: #FFFFFF;
}

.recentUserActivity .help{
background-image: url("../images/record_help.gif");
background-repeat: no-repeat;
background-position:right;
padding: 2px 25px 3px 0;
margin-top: 3px;
}

.quickLinks .panelTitle{
	background-color: black;
	font-family: Arial;
	font-weight: bolder;
	padding: 5px;
	color: #FFFFFF;
}

.quickLinks .help{
background-image: url("../images/profile_help.gif");
background-repeat: no-repeat;
background-position:right;
padding: 2px 25px 3px 0;
margin-top: 3px;
}

.profileDisplayEdit .panelTitle{
	background-color: black;
	font-family: Arial;
	color: #FFFFFF;
}

.profileDisplayEdit .panelTitle a{
	color: white;
}

.profileDisplayEdit .help{
background-image: url("../images/profile_help.gif");
background-repeat: no-repeat;
background-position:right;
padding: 2px 25px 3px 0;
margin-top: 3px;
}

.StudentCourseEdit .panelTitle{
	background-color: black;
	font-family: Arial;
	color: white;
}

.StudentCourseEdit .help{
background-image: url("../images/request_help.gif");
background-repeat: no-repeat;
background-position:right;
padding: 2px 25px 3px 0;
margin-top: 3px;
}
.StudentCourseEdit .help th{
	color: #1c2f4a;
}

.StudentCourseEdit .help a{
	color: white;
}

.loginSummary .panelTitle,  .ModuleList .panelTitle, .inbox .panelTitle
{
	background-color: black;
	font-family: Arial;
	color: white;
}

.moduleViewEdit .panelTitle
{
	background-color: black;
}
.moduleViewEdit .help
{
	background-image: url("../images/module_view_help.gif");
	background-repeat: no-repeat;
	background-position:right;
	padding: 2px 25px 3px 0;
	margin-top: 3px;
}

.loginSummary .help, .inbox .help, .ModuleList .help {
	background-image: url("../images/message_help.gif");
	background-repeat: no-repeat;
	background-position:right;
	padding: 2px 25px 3px 0;
	margin-top: 3px;
}

.loginSummary .help, .ModuleList th{
	color: #1c2f4a;
}

.loginSummary .help, .ModuleList a{
	color: white;
}

/*
.profile {
	padding-left: 5px;
	margin-left: 2px;
}


.profile hr{
	display: none;
	}

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

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

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

.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: #1a2e84; /* 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: #1a2e84; /* 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;

	
}

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



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

.module {
	border: solid #E7E7E7 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;

}	

.scoFailed .scoTitle{
		padding-left: 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 #ffffff 10px;
	border-right: solid #ffffff 10px;
	border-bottom: solid #ffffff 10px;
	border-top: solid #ffffff 10px;
	margin: 0px auto;
	text-align: left;
}

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

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

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

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

.quizResultIncorrect {
	margin: 10px;
	padding:5px;
	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-top: 10px;
	padding-bottom: 10px;
	width: 95%;
	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 ##################################################### */

/* ************************************************** Admin Dash Items *************************************** */
.adminDashBoard {
	margin: 0px;
	padding: 0px;
}

.adminDashBoardPanel {
	background-color: white;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 2px;
}

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


.activityComments
{
	padding: 5px;
}

.scoTitle{
	padding:5px;
}

.scoPassed .scoTitle
{
	padding-left: 5px;
}

.inboxTable th{
	background: #cfeadc;
}