/*

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.9em;
	color: #5f5f5f;
	font-family: Arial;
	background: #9c9b9b url("../images/bg_grad.gif" );
	background-repeat: repeat-x;
	margin: 0px;
	padding-top: 0px;
	margin-top: 0px;
	max-width: 1024px;
	margin: 0px auto;
}


	.faqQ {
		color: green;
		font-weight: bold;
	}

	.faqA {
		color: red;
		font-weight: bold;
		display: inline;
	}

	.faqQA {
		margin-bottom: 2em;
		font-family: verdana, arial;
	}


p 
{
	color: #5f5f5f;
}

A 
{
	text-decoration: underline;
	color: #5f5f5f;
}

img 
{
	border: 0px;
}

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

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

h4
{
	font-weight:bolder;	
	font-size: 1em;
	margin-bottom:0px;
}
.lighterText 
{
	color: #ADADAD;
}

.header 
{
	background: #00A1F1 url(        "../images/banner_middle.gif" );
	background-repeat: repeat-x;
	height: 56px;
	margin: 0 auto;
	width: 100%;
}

.helpBox a {
	color: blue!important;
}

.navigation 
{
	background: #EBEBEB url(        "../images/nav_bg_fill.gif" );
	background-repeat: repeat-x;
	margin: 0 auto;
	width: 99%;
}

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

.navigation A 
{
	text-decoration: underline;
}

.subHeader 
{
	color: white;
	border-bottom: solid white 1px;
	padding-bottom: 2px;
	padding-top: 7px;
	margin: 0 auto;
	width: 98%;
	margin-bottom: 5px;
}

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

.subHeader p 
{
	color: white;
}

.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 
{
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	padding-bottom: 6px;
	color: #0091E0;
	border-bottom: solid #EBEBEB 2px;
}

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

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

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

.percentBarFill 
{
	display: block;
	background: green url("../images/Percent16px.gif" ) repeat-x;
	text-align: center;
	overflow: hidden;
}

.footer 
{
	clear: both;
	border-top: solid white 1px;
	color: white;
	margin: 0 auto;
	margin-top: 10px;
	padding-top: 5px;
	width: 98%;
}

.footerLeft a
{
	color: white;
}

.quickLink
{
	list-style-image: url("../images/quicklink.gif" );
	padding-bottom: 2px;
}

.selectionTable tr:hover
{
	background-color: #EEEEEE;
	cursor: pointer;
}

.selectionRow:hover
{
	background-color: #EEEEEE;
	cursor: pointer;
}

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

div.activebarSuccess
{
    position: fixed;
    background-color: #C2EE99;
    border-bottom: 1px solid #c8c8c8;
    margin: 0;
    padding: 0;    
}

div.activebarWarning
{
    position:           fixed;
    background-color:   #FCD884;
    border-bottom: 1px solid #c8c8c8;
    margin:0;
    padding:0;    
}

div.activebarError
{
    position:           fixed;
    background-color:   #FCD884;
    border: 1px solid red;
    margin:0;
    padding:0;    
}

div.activebarMessage
{
    position:           fixed;
    background-color:   #ffffe1;
    border-bottom: 1px solid #c8c8c8;
    margin:0;
    padding:0;    
}


div.messageText 
{
    font-family: sans-serif;
    font-size: 15px;
    font-weight:bold;
    float: left;
    margin-left: 6px;
    margin-top: 4px;
    height: 100%;
}

div.closeButton 
{
    height: 16px;
    width: 16px;
    background: url( ../images/infoBarClose.gif ) top left no-repeat;
    float:right;
    margin-right: 4px;
    margin-top: 3px;
}

.subSection
{
	font-weight:bold;
	font-size:1.2em;
	margin-top:0.5em;
	margin-bottom:0.2em;
}

.failedValidationNotification
{
	color: Red; 
	display: inline;
}

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



/* ************************************************** Login ************************************************* */
.login {
	background-color: white;
	padding: 10px;
}

.loginText {
}

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

.loginBox legend {
	color: #0091E0;
}

.loginBox fieldset {
	padding: 1em;
	color: #0091E0;
	-moz-border-radius: 5px;

}

.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: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
}

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

.trainingItem {
	text-align: right;
	clear: left;
	display: block;
	
}

.trainingItem ul {
	text-align: left;
	margin: 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;
	text-align:left;
}

.trainingItem .typeDescription
{
    width: 20%;
	padding-right: 5px;
}

.profile {
	padding-left: 5px;
	border-left: solid #EBEBEB 2px;
}

.studentDashBoard .messageCentre 
{

	padding-left: 5px;
	border-left: solid #EBEBEB 2px;
}

.studentDashBoard .CourseRequestSummary 
{

	padding-left: 5px;
	border-left: solid #EBEBEB 2px;
}

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

.unselectedTab a, .selectedTab a, .newItemTab a
{
	/* settings for all tab links */
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	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: #0091E0; /* set unselected tab link color as desired */
}

.newItemTab a{
	background: #000000 url("../images/flashingTabBack.gif" );
	background-repeat:repeat;
}

.selectedTab
{
	/* settings for selected tab */
	border-bottom: 1px 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 */
	background-image:none;
	color: #0091E0; /* set selected tab link color as desired */
	}

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

.tabContent
{
	
	border-left: solid #EBEBEB 2px;
	border-bottom: solid #EBEBEB 2px;
	border-right: solid #EBEBEB 2px;
	
}

/* end css tabs */
/* ################################################## End Homepages ########################################## */



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

.CourseBreakdownHeader
{
	border: solid #EBEBEB 2px;
	margin-left: 150px;
	padding-left: 3px;
	padding-bottom: 3px;
}

.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, .scoPending, .scoNA, .scoHeadings {
	/*margin-top: 5px;*/
	padding-top: 5px;
}				   

.scoPassed ul, .scoPreReq ul, .scoFailed ul, .scoPending 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, .scoPending li, .scoNA li, .scoHeadings li, .attempt li, .attemptHeadings li {
	padding: 3px 0px;
	list-style:none;
}

.activityComments
{
	
}

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

.scoPassed ul, .scoPassed .activityComments {
	background-color: #E7F6D9;
}

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

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

.scoPending ul, .scoPending .activityComments {
	background-color: #FFFF88;
}

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

.InformationDisplay .Information
{
    background-color:#D8E5A2;
    padding-top:4px;
    padding-bottom  :4px;
    color: Black;
    font-weight:bold;
}

.InformationDisplay .Warning
{
    padding-top:4px;
    padding-bottom  :4px;
    background-color:#FFFFCC;
    color: Black;
    font-weight:bold;
}

.InformationDisplay .Error
{
    padding-top:4px;
    padding-bottom  :4px;
    background-color:#E2A1BE;
    color: Black;
    font-weight:bold;
}

.activityCompetent ul
{
    background-color: #E7F6D9;
}

.courseCompleted ul
{
    background-color: #FF9999;
}
 .courseOtherStatus ul
 {
    background-color: #FCD884;
 }
 
 .previewanswers
{
    color: black;
    background-color: #e4e4e4;
    border: 1px solid;
    border-color: #707070;
    padding: 4px;
    text-decoration: none;
}

.previewanswers:hover
{
    background-color:#a6f4ff;
    border-color:#26a0da;
}
/* ########################################### End Course Details ########################################### */

/*  */

.courseViewEditOrganisationList
{
	
	font-size: 0.7em;
}

/*  */


/* ******************************************* 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("../images/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;
}

.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');
	
}
/* ########################################### Scorm Player ################################################## */



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


.quiz {
	background-color: white;
	margin-left: 1%;
	margin-right: 1%;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
}

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

.quizResultPartial
{
	margin: 10px;
	border: 2px solid yellow;
}

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

.quizResultUnknown
{
	margin: 10px;
	border: 2px solid gray;
}

.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: 1%;
	padding-right: 1%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0 auto;
	width: 96%;
}

.formLabel
{
	width:220px;
	float:left;
	clear:both; /*Barry: Added to resolve Firefox formatting issue with multi-field floating inside formItem/AlternatingItem*/
}

.formLabelShort
{
	padding:2px 2px 0px 4px;
	width:160px;
	float:left;
}

.formItem
{
	background-color:#E1E1E1;
}

.tableRow2
{
	background-color:#E1E1E1;
	padding:2px;
}

.tableAltRow2
{
	background-color:#F0F0F0;
	padding:2px;
}

.formAlternatingItem
{
	background-color:#F0F0F0;
}

.formOptionalItem
{
	background-color:#F4F0F4;
}

.formAlternatingItem, .formItem, .formOptionalItem
{
	margin:0px 0px 2px 0px;
	/*vertical-align:middle;*/
}

.courseRequestSummary
{
	width: 100%;
}

.courseRequestHistory
{
	margin-right:50%;	
}

.formInput
{
	padding:10px 0px 4px 4px;
}

.formInputSmall
{
	padding:3px 0px 10px 10px;
}

.formMultiInput
{
	padding:3px 0px 3px 4px;
}

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

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

.helpAndSupportPanel
{
	background-color: white;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
}

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

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

.adminDashBoardPanel 
{
	background-color: white;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
}

.helpAndSupportPanel
{
	background-color: white;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
}

/* ############################################ Admin Dashboard ##################################################### */

/* ************************************************** View Course Details Items *********************************** */
.viewCourseDetails
 {
	background-color: white;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0 auto;
	width: 96%;
}


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

/* ****************************************************** Question Editor *************************************** */

.gradingPreview .innerOverlay 
{
    border: solid thin black;
    background-color:White;
}

.quizOptions .formLabel
{
	width:120px;
	text-align:right;
	float:left;
	padding-right:5px;
}

.quizOptions .formItem
{
	background-color:#FFFFFF;
}

.imageSelect .thumbnailGallery .imageCell
{
    width:100px;
    height:100px;
    border:solid 3px white;
    text-align:center;
}

.imageSelect .thumbnailGallery .imageCellHover
{
    width:100px;
    height:100px;
    border:solid 3px yellow;
    text-align:center;
}

.imageSelect .thumbnailGallery .imageCellSelect
{
    width:100px;
    height:100px;
    border:solid 3px blue;
    text-align:center;
}



/* ################################################ End Question Editor ########################################### */

/* ****************************************************** Messaging *************************************** */

.Inbox th
{
	background: #6bafdc url("../images/mail_header.gif" );
	background-repeat: repeat-x;
}

.Inbox td
{
	border-bottom:1px solid #6bafdc;
}

.displayMessage
{
	font-family: "Verdana", sans-serif;
	background-color:#FFFFFF;
	border:1px solid #333333;
}

.displayMessageHeader
{
	border-bottom:1px solid #0099FF;
	padding:5px 0px;
}

.displayMessageToolBar
{
	background-color:#CBD8E9;
	border-bottom:1px solid #696969;
}

.displayMessageBody
{
	background-color:#FFFFFF;
	height:325px;
	padding:0px;
	margin:0px 8px;
}

.displayMessageHeaderSubjectValue 
{
	font-size:large;
	font-weight:bolder;
	margin-left:10px;
	padding-bottom:7px;
}

.displayMessageHeaderFromValue 
{
	font-size:large;
	margin-left:10px;
	padding-bottom:10px;
}

.displayMessageHeaderLabel
{
	font-size:smaller;
	padding-left:10px;
	color:#0099FF;
}

.displayMessageHeaderValue 
{
	font-size:smaller;
	margin-left:10px;
}

.organisationPreviewBody
{
    background-color:#FFFFFF;
	height:300px;
}

.coursePreviewBody
{
    background-color:#FFFFFF;
	height:auto;
}

.gradingPreviewBody
{
    background-color:#FFFFFF;
    height:300px;
}

.providersPreviewBody
{
    background-color:#FFFFFF;
    height:300px;
}
/* ################################################ Messaging ########################################### */

/* ****************************************************** Org Objective Manager *************************************** */

.OrgObjectivesCurrentItems, OrgObjectivesAddItem
{
	background-color:#FFFFFF;
}


/* ################################################ Org Objective Manager ########################################### */

/* ****************************************************** Course Objective Manager *************************************** */

.courseObjManagerSecHeader
{
	background-color:#FFFFFF;
	width:99%;
	border:2px solid #BBBBBB;
	padding:3px;
	margin:3px 0px 0px 0px;
	vertical-align:middle;
}

.courseObjManagerExpander
{
	float:right;
	
}


/* ################################################ Course Objective Manager ########################################### */

/* ****************************************************** All Student Progress Report *************************************** */

.studentProgressStudent
{
	width:90%;
	padding:5px;
	margin:5px;
	border: 2px solid #DDDDDD;
}


/* ################################################ All Student Progress Report ########################################### */

/* ******************************************* Grading Systems Manager ****************************** */

.bands
{
	border: 2px solid #DDDDDD;
}

.bands .band
{
	
}

.bands .header1
{
  font-weight:bold;
} 


.bands .add
{
 background-color:#FFFF99;
}

.bands .band .command .update
{
	font-weight:bold;
	background-color:Yellow;
}

/* ########################################### Grading Systems Manager  ######################################## */

/* ########################################### Department Management  ######################################## */
.departmentTreeView
{
	display: block;
	margin-left: 0px;
	background-color: white;
}

.departmentTreeView td div {
	height: 20px !important
}

.departmentTreeView .nodeStyle
{
	font-size: 8pt;
	color: black;
	/*padding: 2px 5px 2px 5px;*/
	/*border-width:0;*/
}

.departmentTreeView .hoverStyle
{
	text-decoration: underline;
}

.departmentTreeView .selectedStyle
{
	font-size: 8pt;
	background-color: #EEEEEE;
}

.departmentTree
{
	width: 280px;
	background-color: white;
}

.departmentTree td div {
	height: 20px !important
}

.departmentTree .nodeStyle
{
	font-size: 8pt;
	color: black;
	/*padding: 2px 5px 2px 5px;*/
	/*border-width:0;*/
}

.departmentTree .hoverStyle
{
	text-decoration: underline;
}

.departmentTree .selectedStyle
{
	font-size: 8pt;
	background-color: #EEEEEE;
}

.moveUserTable
{
	width: 95%;
	margin-left: 20px;
	background-color: #DDDDDD;
	margin-top: 10px;
	border: solid 0px #000000;
	padding: 0px
}

.moveUserTable th
{
	width: 20%;
	font-weight: bold
}

.moveUserTable .tableRow
{
	background-color: #FFFFFF
}

.moveUserTable .tableRowAlternate
{
	background-color: #EEEEEE
}

.moveUserTable td
{
	padding-left: 10px;
	border: 1px solid #BBBBBB;
	border-bottom: 0px;
	border-right: 0px
}

/*********** helpdesk stuff  ************/

.topmenu {font-weight: bold;}
td.topmenu {border-right: #bbbbbb 1px solid;border-left: #ffffff 1px solid;}
a.topmenu {color: #777777;text-decoration: none;}
a.topmenu:visited {color: #777777;}
a.topmenu:hover {text-decoration: underline;}

.maincontent {background: url(images/bg_gradient_gray.gif) repeat-x top; padding: 14px 10px 10px 10px;}

table.graphtable {border-collapse:collapse;}
.graphtable td {border:1px solid silver;}
.graphtable td td {border:none;}

.topheader {background:#678FC2 url(images/bg_gradient_blue.gif) repeat-x bottom;height:70px;padding-top:7px;}
.topheader table {height:60px;}

.header2 {border:1px solid #888888;height:22px;padding-top:8px;}

.helpbottom {text-align:center;}
.helpbottom img {border:none;vertical-align:middle;}

.catmenu a{display:block;padding:2px 2px 2px 2px;border:1px solid #eeeeff;}
.catmenu div{padding:2px 2px 2px 2px;border:1px solid #eeeeff;}
.catmenu a:hover{border: silver 1px solid;}
.catmenu ul{padding:2px 2px 2px 2px;margin:0px 0px 0px 15px;}

.gradientbg {background-image: url(images/bg_gradient.gif);}
.sortable td{white-space:nowrap;}

.lightbg {background-color: #eeeeff;}

.commentsAttr
{
	font-size:80%;
	font-family:Microsoft Sans Serif;
}

.grey {color: Gray;} 


/*********** end of helpdesk stuff  ************/

/* ~~~~ Revised ~~~~ */

.TMSTable th
{
	color: #BBBBBB;
}

.TMSTableRow
{
	background-color:#F9F9F9;
}

.TMSTableAltRow
{
	background-color:#F0F0F0;
}

.TMSFormRow
{
	background-color:#F9F9F9;
}

.TMSFormAltRow
{
	background-color:#F0F0F0;
}

.TMSTableFooter
{
	color: #BBBBBB;
}

.noItems
{
	color: #999999;
	font-style: italic;
}

/*********** Self Registration Classes  ************/

.selfRegFormItem
{
	background-color:#E1E1E1;
}

.selfRegFormAlternatingItem
{
	background-color:#F0F0F0;
}

.selfRegFormLabel
{
	width:220px;
	float:left;
	clear:both;
}

/* These two additions were originally found in colors.css for formItem and formA~Item
 * They have been duplicated to allow custom editing of the self reg CSS without affecting
 * The user experience inside the TMS but they have been left in the file they were found in
 * case there was a good reason that they were defined here in the first place*/
.selfRegFormAlternatingItem, .selfRegFormItem
{
	margin:0px 0px 2px 0px;
	/*vertical-align:middle;*/
}


/*********** Custom Alerts  ************/

.alertnote {
    background-color: #FEDD55;
    background-image: url("../images/info.gif");
    background-position: 5px 5px;
    background-repeat: no-repeat;
    border: 1px solid #0079B8;
    border-left:none;
    border-right:none;
    color: #333333;
    margin: 5px 0 15px;
    padding: 5px 5px 5px 24px;
}


/* ####################################### Dashboards ############################################################## */

#dashboard .dashboardContainer{
    background: #ebeff0;
    -webkit-box-shadow: inset 0px 0px 1px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0px 0px 1px 0px rgba(0,0,0,0.3);
    box-shadow: inset 0px 0px 1px 0px rgba(0,0,0,0.3);
    }     
        
#dashboard .dashboardContainer .dashHeader{
    background: #444444;
    color: #ebeff0;
    }        
        
#dashboard .dashboardContainer .dashHeader i{
    background: #ededed;
    color: #444444;
    }     
        
#dashboard .eventsTop h4{
    background: #149ef0;
    color: #fff;
    }
        
#dashboard .eventsSub li{
    border-bottom: 1px solid #dbdfe0;
    } 
        
#dashboard .volumeWrapper{
    background: #d1d2d3;
    -webkit-box-shadow: inset 0px 0px 1px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0px 0px 1px 0px rgba(0,0,0,0.3);
    box-shadow: inset 0px 0px 1px 0px rgba(0,0,0,0.3);
    }        
        
#dashboard .volumeBar{
    background: #2ac25c;
    -webkit-box-shadow: inset 0px 0px 1px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0px 0px 1px 0px rgba(0,0,0,0.2);
    box-shadow: inset 0px 0px 1px 0px rgba(0,0,0,0.2);
    }