/*

Simon Crozier Virtual College 15 / 02 /06

Use:  Defines global layout details. 
*** To be overidden by IE specific Color and styling details to be held in color.css.

*/

/* **************************************************  Global Item *****************************************/


                .boxedStyle .optionalItem 
                {
                    background-color: #fbfae0!important;
                }
                
                .boxedStyle .formAlternatingItem, .boxedStyle .formItem {
                    padding: 5px;
                    margin: 0px;
                    border-top: solid 2px white;
                    background-color: #F0F0F0;
                }
            
                .boxedStyle .boldLabel {
                    font-weight: bold;
                    color: red;
                }
        
                .boxedStyle .userForm {
                
                    border: solid 1px silver;
                    margin-top: 1em;
                    margin-bottom: 1.5em;
                    -moz-border-radius: 4px;
                
                }
                
        	.suggestionInForm {
			margin-left: 225px!important;
		}

                .boxedStyle .userForm .boldInstruction {
                
                    padding-left: 1em;
                
                }
                
                .boxedStyle .optionalItem 
                {
                    background-color: #fbfae0!important;
                }
            
    

                
            
                .skillMatrix 
                {
                	width: 100%;
                	background-color: White;
                }
            
                .skillMatrix .roleHeader 
                {
                	border: solid 1px #333;
                	border-bottom: solid 1px #aaa;
                	border-left: none;
                	padding: 4px;
                	font-size: 1.1em;
                	font-weight:bold;
                }
                
                .skillMatrix .roleHeader:last-child 
                {
                	border-right: solid 1px #333;
                }

                .skillMatrix .roleHeader0 
                {
                	border-left: solid 1px #333!important;
                }
            
            
                .skillMatrix .skillHeader 
                {
                	padding: 2px;
                	border: solid 1px #aaa;
                	border-top: none;
                	border-left: none;
                	vertical-align: top;
                }
                .skillMatrix .skillHeader:last-child
                {
                	border-right: solid 1px #333;
                }
                .skillMatrix .skillHeader0
                {
                	border-left: solid 1px #333;
                }
                .skillMatrix .skillHeader:first-child 
                {
                	border:none;
                	border-bottom: solid 1px #333;
                }
            
                .skillMatrix .learnerHeader 
                {
                	padding: 2px;
                	border-bottom: solid 1px #aaa;
                	border-left: solid 1px #333;
                	background-color: #eef;
                }
                .skillMatrix .learnerHeader0 
                {
                	border-top: none;
                }
                .skillMatrix tr:last-child .learnerHeader 
                {
                	border-bottom: solid 1px #333;
                }
            
                .skillMatrix .levelCell 
                {
                	border-right: solid 1px #aaa;
                	border-bottom: solid 1px #aaa;
                	padding: 2px;
                	width: 20px;
                	text-align:center;
                }
                .skillMatrix .levelCell0 
                {
                	border-left: solid 1px #aaa;
                }
                .skillMatrix .levelCell:last-child 
                {
                	border-right: solid 1px #333;
                }
                .skillMatrix tr:last-child .levelCell 
                {
                	border-bottom: solid 1px black;
                }
                .userForm .formAlternatingItem, .userForm .formItem {
                    padding: 5px;
                    margin: 0px;
                    border-top: solid 2px white;
                    background-color: #F0F0F0;
                }
            
                .userForm .boldLabel {
                    font-weight: bold;
                    color: red;
                }
        
                .userForm {
                
                    border: solid 1px silver;
                    margin-top: 1em;
                    margin-bottom: 1.5em;
                    -moz-border-radius: 4px;
                
                }
                
                .userForm .boldInstruction {
                
                    padding-left: 1em;
                
                }

		.userFormSR{
		    border: solid 3px #5A70A3;
	            padding:5px;
		    margin: 5px;
		}
           
                .cMatrixTop
                {
                    position: fixed;                                                        
                    overflow-y: scroll;
                    overflow-x: hidden;
                    border-radius: 5px;
                    padding: 1em;
                    border: solid 1px #333;
                    height: 350px; 
                    width:650px; 
                    background-color: #ccc;
					background-image: url("/assets/skins/sections/default/images/fadient4.png");
                    left: 50%;
                    top: 50px;
                    margin-left: -325px;
                    -moz-border-radius: 5px;
					background-repeat: repeat-x;
                }
                
                .cMatrixLoading
                {
                	margin: auto; 
                	margin-top:140px; 
                	width: 170px; 
                	text-align:center; 
                	virtical-align: middle;
                }
                
                .cMatrixNarrative
                {
                	font-size: 1.2em; 
                	font-weight: bold;
                }
                
                .cMatrixHeader 
                {
                	text-align: left; 

                }
            
                .cMatrixQuestionCell 
                {
                	vertical-align:top; 
                	padding-right: 0.7em;
                }

				.cMatrixTop td {
					padding: 0.6em;
					border: solid 1px #777;
					background-color: #fffffa;

				}

				.cMatrixTop table {
					width: 100%;
				}
            

.floatLeft
{
	float: left;
}

.wideMultiSelect .SelectMultiple {
	width: 800px !important;
}

    .helpBox {
        position: fixed; 
        text-align: left; 
        left: 0px;
        bottom: 0px;
        width: 100%;
        height: 130px; 
        border-top: solid 2px black;
        color: black;
        background-color: white;
        overflow: none;
        z-index: 5;
    }

    .innerHelpBox {

        margin: 0.8em;
    
    }


	#innerOverlay { _position:absolute!important; }

    .largeHeader {
        font-size: 2em;
        font-weight: bold;
        padding-bottom: 0.2em;
        margin-bottom: 0.3em;
        border-bottom: solid 1px black;
    }

    .helpButton {
    
        position:absolute;
        bottom: 1em;
        right: 1em;
    
    }
    .timelineContainer {
        border:solid 1px #777777; 
        background-color:white;
		overflow: hidden;
    }
                .overviewHeader, .overviewAlternatingHeader {
                /*background-image: url(http://www.vctms.co.uk/assets/skins/sections/default/images/fadient2.png);*/
                _background-image: none;
                background-repeat: repeat-x;
	            background-position: top;
	        }
            
        .searchSelectContainer {
            background-color: White; 
            margin-bottom:0.2em; 
            overflow-x: hidden; 
            border: solid 1px #777777; 
            font-size: 0.9em; 
            font-family: helvetica; 
        }
		

            
            .fadeRows .oC, .fadeRows .oAC, .fadeRows .aOC, .fadeRows .aOAC {
                background-image: url("http://www.vctms.co.uk/assets/skins/sections/default/images/fadient.png");
                _background-image: none; /* die, ie6 */
    			background-repeat: repeat-x;
	            background-position: center;
            }

		.selectedRow td {
			background-image: none!important;
		}

         .oC, .oAC, .aOC, .aOAC, .overviewHeader, .overviewAlternatingHeader {
                padding: 0.8em;
            }
        .searchSelectTable {
            width: 100%;
        }
    
            .horMenuBox { 
                margin: -1em 0em 1em 0em;  
                padding: 2em 0em 0.4em 0em;
                float: left;
                width: 100%;
            }
            
            .horMenuItem { 
                margin-right:0.5em;
                vertical-align:top; 
                font-size:1.3em;
                font-weight: bold;
                float: left;
            }
            
            .horMenuItem a {
                font-size: 0.9em;
                display:block;
            }
        

            .portfolioCourse .boldInstruction {
                background-color: whitesmoke;
                margin-bottom: 0px;
                padding: 0.7em 1em 0.5em 0.7em;
                border: solid 1px #777777;
                border-bottom: none;
            }

			.portfolioCourse a:hover {
				color: blue;
			}
        
            .portfolioCourse .quietSuggestion, .portfolioCourse .suggestion {
                background-color: whitesmoke;
                border: solid 1px #777777;
                border-top: none;
                border-bottom: none;
                padding: 0.8em 1em 0.7em 1.1em;
                margin-bottom: 0px;
            }
        
            .portfolioCourse .searchSelectContainer {
                border-top: none;
				font-size:1em;
            }
        
           
            .portfolioCourse .aOC, .portfolioCourse .aOAC {
                background-color: #FAFAFA;
            }
            
            .searchSelect a {
                font-weight: bold;
                padding: 0.6em;
            }
            		
            
            .portfolioCourse td, .portfolioCourse th {
                padding : 1em;
				cursor: default;
            }
            
             .portfolioCourse th {
                padding-bottom: 0.4em;
                padding-top: 0.4em;
             }
    
            
            .portfolioCourse  .boldInstruction {
                background-image: url("http://www.vctms.co.uk/assets/skins/sections/default/images/fadient2.png");
                _background-image: none;
                background-repeat: repeat-x;
	            background-position: top;
            }

            .portfolioCourse .overviewHeader, .portfolioCourse .overviewAlternatingHeader {
                background-image: none;
            }
             

        .displayEditLabel {
            font-weight: bold;
            padding: 0.3em;
            padding-right: 1em;
   
        }

    
        .displayEditAlternating {
            background-color: #F0F0F0;
        }
        
        .displayEditValue {
            width: 100%;
            padding: 0.3em;
        }
    
        .displayEditTable {

        }

    .timelineLine {
        width:95%; 
        border-top:solid 2px #333333; 
        height:1px; 
        margin:80px auto 100px auto; 
        position:relative; 
        cursor:pointer;
    }

    .timelineLowerMoment {
        cursor:pointer; 
        width:70px; 
        height: 34px; 
        top:10px; 
        overflow:hidden; 
        background-color:#f4f4f4; 
        border:solid 1px silver; 
        padding:4px 7px 10px 5px; 
        position:absolute; 
        font-size:6pt; 
    }

    .timelineUpperMoment {
        cursor:pointer; 
        width:70px; 
        height: 34px; 
        top:-62px; 
        overflow:hidden; 
        background-color:#f4f4f4; 
        border:solid 1px silver; 
        padding:4px 7px 10px 5px; 
        position:absolute; 
        font-size:6pt; 
    }

    .timelineLowerMoment a {
        display: none;
    }

    .timelineUpperMoment a {
        display: none;
    }


    .timelineNode {
        position:absolute; 
        cursor:pointer; 
        top:-4px; 
    }
    
    .timelineMomentContents td {
        vertical-align: top;
        padding: 10px;
        border-bottom: solid 1px silver;
    }

    .timelineMomentContents tr:last-child td {
        vertical-align: top;
        padding: 10px;
        border-bottom: none;
    }

.boldLi {
	border-bottom:1px solid silver;
	font-size:1.2em;
	font-weight:bold;
	list-style-type:none;
	margin-bottom:0.3em;
	margin-left:-1.3em;
	margin-top:0.5em;
	padding:3px 3px 1px;
	width:90%;
}

.image400 {
  max-width: 400px;
  max-height: 400px;
  width: expression(this.width > 400 ? "400px" : true);
  height: expression(this.height > 400 ? "400px" : true);
}


.image300 {
  max-width: 300px;
  max-height: 300px;
  width: expression(this.width > 300 ? "300px" : true);
  height: expression(this.height > 300 ? "300px" : true);
}

.searchSelectButtons input {
	height:2em; 
	padding-left: 1em;
	padding-right: 1em;
	cursor: pointer;
}

.bigButton {
	height:2.3em; 
	padding-left: 2em;
	padding-right: 2em;
}

.popUpInline {
	display:none; 
	width:99%;
	height:200px; 
	overflow:scroll; 
	overflow-x:hidden;
	background-color:White;
	border: solid 1px silver;
	padding: 0.3em;
}

.topCell td {
	vertical-align: top;
}

.infoGrid td { vertical-align: top; }
.infoGrid p { margin: 0px; }

.wideMultiSelect .itemSelectBox, .wideMultiSelect .left, .wideMultiSelect .right {
	width: 380px !important;
}


        .richTable {
            width: 100%;
            
        }
        
        .richHolder {
            background-color: White; 
            overflow: scroll; 
            overflow-x: hidden; 
            margin-bottom: 0.5em;
            border: solid 1px #777777;
            
        }
        
        
        .richTable td, .richTable th {
            padding: 0.8em;
            padding-bottom: 0px;
            cursor: pointer;    
        }

        .richTable th {
            border-bottom: solid 1px #777777;
            background-color: whitesmoke;
			padding: 0.5em;
			background-image: url(http://www.vctms.co.uk/assets/skins/sections/default/images/fadient2.png);
        }
        

        .selCel {
            width: 3em;

        }
        
        .firCel {
        }
        
        .noCel {

        }
        
        .noRw {
            font-size: 0.8em;
            font-weight: bold;        

        }
        
        .endRw {
            border-bottom: solid 1px  #555555;  
            text-align:justify;
			font-family: verdana;
        }
        


		.checkBoxListTitle {
			font-size: 1.2em; 
			font-weight: bold; 
			padding: 0.3em; 
			margin-bottom: 0.1em; 
			margin-top: 0.7em; 
			border-top: solid 1px #D0D0D0; 
			border-left: solid 1px #D0D0D0; 
			border-right: solid 1px #D0D0D0;
			background: #F0F0F0;
		}

		.checkBoxListItems {
			padding: 0.3em;
			border: solid 1px #D0D0D0; 		
			position: relative;
			top: -1px;
		}

        .athenaTable {
            width: 100%;
            font-size:0.9em;
			height:500px;
        }
        
        .athenaTable th { 
            font-weight:bold;
            padding: 5px;
        }
        
        .athenaTable td {
            margin: 0px;
            padding: 5px;
        }
        
        .athenaTable .tableAltRow {
            background-color: #F0F0F0;
        }
    
			.sCl {
				width: 1em; 
				text-align: center;
			}

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

			.overviewHeader {
 
                    font-weight: bold;
                    border-bottom: solid 1px silver;
					background-color:whitesmoke;
                }
                
                .overviewAlternatingHeader {
         
                    font-weight: bold;
                    border-bottom: solid 1px silver;
					background-color:whitesmoke;
                }
            
                .oC {
      				cursor: pointer;
                }
                
                .oAC {
					cursor: pointer;
                }
                
                .aOC {
                    background-color: #FAFAFA;
					cursor: pointer;
                }
                
                .aOAC {
                    background-color: #FAFAFA;     
					cursor: pointer;         
                }

.floatRight
{
	float: right;
}

.topDate
{
	float: right;
}

.header
{
	overflow: hidden;
	min-width: 520px;
}

.navigation
{
	text-align: center;
	min-width: 520px;
}

.navigation img
{
	vertical-align: middle;
}

.subHeader
{
	min-width: 520px;
}

.help
{
	float:right;
}

.help img
{
	vertical-align: middle;
}

.footerLeft
{
	min-width: 520px;
	display: inline;
}

.footerRight
{
	float: right;
}

.sideArea
{
	width: 150px;
	display: block;
	vertical-align: top;
	float: left;
}

.pageArea
{
}

.exButton
{
	display: inline;
}

.cloButton
{
	display: none;
}

.InformationDisplay
{
	width: 99%;
	display: block;
	text-align: center;
	margin-left: 5px;
}

.leftBox
{
	float: left;
	width: 49%;
}

.rightBox
{
	float: right;
	width: 49%;
}

.boldInstruction
{
	font-size:1.2em; 
	font-weight:bold; 
	margin:0.5em 0em 0.5em 0em;
}

.bigInstruction {
	font-size: 1.2em;		
	font-family: Georgia, "Times New Roman", Times, serif;		
}



.timelineBold
{
	font-size:1.2em; 
	font-weight:bold; 
	margin:0.5em 0em 0.5em 0em;
}

.bigBoldInstruction
{
	font-size:1.5em; 
	font-weight:bold; 
	margin:0.5em 0em 0.5em 0em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.claritySuggestion {
	font-family: verdana;
	

}

.quietSuggestion 
{
	margin-bottom: 0.7em;
	margin-top: -0.8em;
	font-size: 0.8em;
	font-family: verdana;
}

.suggestion
{
	margin-bottom: 1em;
	margin-top: -0.3em;
	font-family: verdana;
	margin-top: 0.5em; background-color:#fef9e0; padding:1em; border:solid 1px #f7f1d8;
}

.radioSuggestion {
	margin-left: 22px;
	margin-bottom: 0.8em;
	font-family: verdana;
	display: block;
}

.suggestion *
{
	margin-left: 0px;
}

.quickLinks
{
	/*float:right;
	width:48%;*/
}

.infoText {
	color: 		silver;
	text-align: 	center;
	padding-top: 	2em;
	padding-bottom: 2em;
}

/* Breaker is used to force the div to carried on if a floating element is longer than the main element */
.breaker
{
	clear: both;
	visibility: hidden;
	font-size: 0px;
}

/* makes sure that all icons/ images have a hand for cursor  */
.icon
{
	cursor: pointer;
}
.tablerowitem
{
	border-right: 2px solid white;
	padding-left:2px;
}

.loadingPanel {
	margin-left: auto;
	margin-right: auto;

	width: 100%;
	height: 100%;

	text-align: center;
	padding-top: 45px;

	color: #AFAFAF;
	font-size: 1.2em;
}

.hidden {
	display: none;
}

.shown {
	display: block;
}
/* ###################################################### Global Items ####################################### */

/* ****************************************************** Help Plus ****************************************** */
#helpPlus
{
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: 200px;
	width: 250px;
	border: solid 10px fuchsia;
}

#helpPlus h1
{
	font-family: Arial;
	font-size: 1em;
	color: Green;
	margin: 5px;
}

#helpPlus p
{
	font-family: Arial;
	font-size: 1em;
	color: Green;
	padding: 5px;
	margin: 0px;
}

#helpPlus img
{
	vertical-align: middle;
}
/* ###################################################### Help Plus ########################################## */

/* ****************************************************** Login Page ***************************************** */
.login
{
	min-width: 520px;
	margin: 0 auto;
	width: 96%;
}

.login .loginText
{
	width: 65%;
	float: left;
}

.login .loginBox
{
	display: block;
	margin-left: 64%;
}

.login .loginBox .recaptcha_only_if_image{
	color:#2666B5;
}

/* ****************************************************** Error Page ***************************************** */
.error
{
	background-color: white;
	margin: 0 auto;
	width: 96%;
}

/* ###################################################### End Login Page ##################################### */


/* ****************************************************** Home Page Items ************************************ */
.homepagePanel
{
	width: 96%;
	margin: 0px auto;
	margin-top: 5px;
}

.homepagePanel .messageCentre
{
	/*float:none;
	padding-left:3px;
	margin-left:66%;*/
}

.trainingPanel
{
	/*width: 66%;
	float: left;*/
}

.activeTrainingTable, .completedTrainingTable, .requestedCoursesTable
{
	width:94%;
}

.activeTrainingTable .name, .completedTrainingTable .name
{
	width:220px;
}

.activeTrainingTable .typeDescription, .completedTrainingTable .typeDescription
{
	width:120px;
}

.profile
{
	/*margin-left:68%;
	padding-bottom:10px;*/
}

.profile img
{
	vertical-align: middle;
	margin-bottom: 5px;
	margin-top: 5px;
}


.profileImage
{
	margin-left: 6px;
	width: 100px;
	float: left;
}

.profileImage img {
	width: 100px;
}

.profileEditLink img {
	width: auto;
}


.profileImage2
{
	margin-top: 2px;
	margin-left: 6px;
	margin-right: 18px;
	margin-bottom: 20px;
	float: left;
	width: 100px;
	border: solid 1px #CCCCCC;
	padding: 0px 5px 0px 5px;
	display: block;
}

.profileEditLink
{
	padding-left: 6px;
	margin-bottom: 6px;
}

.profileDetailLink
{
	display: block;
	float: right;
	margin: -8px 6px 12px 0px;
}

.profileText
{
	text-align: left;
	margin-left: 101px;
	padding-top: 5px;
	padding-left: 20px;
}

.wideProfileText
{
	text-align: left;
	margin-left: 151px;
	padding-top: 5px;
	padding-left: 20px;
}

.sunken {
	position: relative;
	top: 5px;

}

.profileLabel
{
	display: block;
}

.profileValue
{
	padding-top: 2px;
	padding-left: 15px;
}

.profileLabelAndValue
{
	margin-bottom: 5px;
}

/* Course View Edit Items */

.courseViewEdit img
{
	vertical-align: middle;
	margin-bottom: 5px;
	margin-top: 5px;
}

.courseViewEditImage
{
	width: 100px;
	float: left;
}

.oldManagerBox {
	display: none;
}

.newManagerBox {
	display: block;
}

.courseViewEditLink
{
	margin-bottom: 20px;
}


.courseViewEditText
{
	text-align: left;
	margin-left: 101px;
	padding-left: 6px;
}

.courseViewEditLabel
{
	display: block;
}

.courseViewEditLabelAndValue
{
	margin-bottom: 5px;
}

/* Module View Edit Items */

.moduleViewEdit
{
	width:100%;
}

.moduleViewEdit img
{
	vertical-align: middle;
	margin-bottom: 5px;
	margin-top: 5px;
}

.moduleViewEditImage
{
	width: 100px;
	float: left;
}

.moduleViewEditLink
{
	margin-bottom: 20px;
}


.moduleViewEditText
{
	text-align: left;
	margin-left: 101px;
	padding-left: 6px;
}

.moduleViewEditLabel
{
	display: block;
}

.moduleViewEditLabelAndValue
{
	margin-bottom: 5px;
}

.moduleSummaryList
{
	width:100%;
}

/* SCO View Edit Items */

.SCOViewEditText
{
	text-align: left;
	padding-left: 6px;
}

.SCOViewEditLabel
{
	display: block;
}

.SCOViewEditLabelAndValue
{
	margin-bottom: 5px;
}

.studentDashBoard .messageCentre
{
	/*margin-left: 10px;
	float: right;
	width: 38%;*/
}

.studentDashBoard .messageCentre img
{
	vertical-align: middle;
}

.studentDashBoard .messageCenter img
{
	vertical-align: middle;
}

.studentDashBoard .CourseRequestSummary
{
	clear: both;
	width: 63%;
	float: right;
	margin-left: 10px;
}
/*
.calendar {
	display: table-cell;
	width: auto;
}

.calendar img {
	vertical-align: middle;
}

.calendarTable {
	display: table;
	table-layout: fixed;
	border-collapse: collapse;
	width: 15em;
}

.calendarHeaderRow {
	display: table-row;
}

.calendarHeaderCell {
	display: table-cell;
}

.calendarRow {
	display: table-row;
}

.calendarDayHasItems, .calendarDayHasNoItems, .calendarNotInMonth {
	width: 3em;
	display: table-cell;
}

.calendarSelectedDay {
	display: table-cell;
}

.dayDetails {
	width: 60%;
	float: right;
}

/* begin css tabs */

ul#tabnav
{
	/* general settings */
	text-align: left; /* set to left, right or center */
	margin: 1px 0px 0px 0px; /* set margins as desired */
	list-style-type: none;
	padding: 6px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
	   
}

ul#tabnav li
{
	/* do not change */
	display: inline;
}

.unselectedTab a, .selectedTab a, .newItemTab a
{
	/* settings for all tab links */
	padding: 3px 4px 4px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	margin-right: 0px; /* set additional spacing between tabs as desired */
	text-decoration: none;
	border-bottom: none;
}

.selectedTab
{
	/* settings for selected tab */
}


.selectedTab a
{
	/* settings for selected tab link */
	position: relative;
	padding-top: 3px; /* must change with respect to padding (X) above and below */
}

ul#tabnav a:hover
{
}

.tabContent
{
	/*bit off css yoghurt here*/
	padding-top:4px;
	height:300px;
	overflow:auto;
	
}

/* end css tabs */


/*############################################## Multiselect listboxes #################################*/

.SelectMultiple
{
	width:650px;

}
.SelectMultiple .filter
{
	width:300px;
}
.SelectMultiple .filter .icon
{
	margin-top:3px;
	height:22px;
	width:22px;
	float:left;
    cursor:inherit;
}
.SelectMultiple .filter .text
{
	 float:right;
	width:270px;
}
.SelectMultiple .itemSelectBox
{
	width:300px;	
}
.SelectMultiple .left
{
	float:left;
	width: 302px;
}

.SelectMultiple .centre
{
	float:left;
	margin-top:70px 
}

.SelectMultiple .right
{
	 float:right;
	 width: 302px;
	 
}

.multiSelectDropDown
{
	margin-top: 3px;
}


.centredInputPanel
{
	width: 100%;
	padding-top: 30px;
	padding-bottom: 20px;
	text-align: center;
}
.centredInput
{
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 65%;
}

.modalDialogue 
{
    width: 60%; 
    position: absolute; 
    left: 20%; 
    padding: 1em 0.8em 0.4em 0.8em; 
    background-color: #FBFBFB; 
    border: solid 1px black;
}

/*############################################END Multiselect listboxes ################################*/


/*################################################### homepage Items #########################################*/

/* ************************************************** Course Details Items ********************************** */

.courseDetails
{
	min-height: 450px;
	min-width: 520px;
}

.module
{
	margin-left: 150px;
}

.moduleDetails
{
}

.moduleTitle
{
	padding-top: 5px;
	padding-bottom: 10px;
}

.moduleActivities
{
	float: right;
	width: 30%;
}

.module .percentBar
{
	float: right;
	width: 40%;
}

.scos, .attempts
{
	display: none;
}

.scoPassed ul, .scoPreReq ul, .scoFailed ul, .scoPending ul, .scoNA ul, .attempt ul, .scoHeadings ul, .attemptHeadings ul
{
	min-height: 2em;
}

.scoPassed li, .scoPreReq li, .scoFailed li, .scoPending li, .scoNA li, .scoHeadings li, .attemptHeadings li, .attempt li
{
	float: right;
	width: 19.5%;
	text-align: center;
	vertical-align: top;
}

.attemptHeadings li, .attempt li
{
	width: 19.5%;
}

.scoPassed .scoTitle, .scoPreReq .scoTitle, .scoFailed .scoTitle, .scoPending .scoTitle, .scoNA .scoTitle, .scoHeadings .scoTitle, .attempt .attName, .attemptHeadings .attName
{
	float: none;
	text-align: left;
	width: 20%;
}

.preReq
{
}

.preReqStatus
{
	float: right;
}

.preReqTitle
{
}

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

/* ********************************************** Training Record ******************************************* */

/* also references moduleTitle / ModulePercentage / Module from Course Details	*/

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

	width: 100% !important; 
	z-index:-1 !important; 
	height:52px !important; 
	padding:0px !important; 
	filter:alpha(opacity=50); 
	-moz-opacity:.50; 
	opacity:.50;
}

.evalPercentBarFill {
	display: block;
	background: #FADAA0;
	text-align: center;
	overflow: hidden;
}

.globalAnnouncement {
    padding: 0.5em;
    border-top: solid 1px silver;
    border-left: solid 1px silver;
	margin-bottom: 1em;
}

.announcement {
    padding: 0.5em;
    border-top: solid 1px silver;
    border-left: solid 1px silver;
	margin-bottom: 1em;
}
        
.announcementTitle {
    font-weight: bold; 
}

.announcementTime {
    color: silver; display: inline;
}

.richListItem {
	background-color:#FAFAFA;
	border: 1px solid #E0E0E0;
	margin-bottom:0.7em;
	padding:0.1em;
	padding-left:0.4em;
	padding-right:0.4em;
	width:94%;
}

.customHeader {
	font-size: 0.9em; 
	font-weight: bold; 
	margin-bottom: 0.1em;
}

.fadedListText {
	color: #A0A0A0;
}

.linkButtonBox {
	border:solid 1px silver; 
	padding: 0.5em; 
	margin-right:0.5em; 
	float:left; 
	font-weight:bold; 
	background-color:#FAFAFA;
	cursor: pointer;
}

.linkButtonBox img {
	vertical-align: middle;
}

/*
.activeCourse {
	width: 100%;
}

.trainingRecord {
	min-height: 450px;
	min-width: 490px;
}

.courseDetailsLink {
	display: table-cell;
	width: 33%;
	text-align: right;
}


/* ############################################### End Traing Record ######################################## */


/* ********************************************** Scorm Player ********************************************** */
#overlay
{
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

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

#scormPlayer a
{
	display: block;
}

#scormPlayer img
{
	vertical-align: text-bottom;
}

#scoFrame
{
	overflow: visible;
	width: 100%;
	height: 95%;
}

#innerOverlay
{
	display: none;
	position: absolute;
	/*top: 1%;
	left: 1%;
	width: 99%;
	height: 95%;*/
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.launchContentText
{
	margin: 10px auto 10px auto;
	width: 500px;
	height: 300px;
}


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

/* ********************************************* QUIZ ITEMS ************************************************* */
.quiz
{
	width: 96%;
	margin: 0px auto;
	
}

.quizHeader
{
	padding-bottom: 10px;
}

.quizProgressDetails
{
	
	width: 42%;
	margin-left: 50%;
	text-align: right;
	padding: 1px 10px 1px 10px;
	vertical-align: middle;
}

.quizTimeDetails
{
	display: none;
	margin-left: 50%;
	text-align: right;
	padding: 1px 10px 1px 10px;
	vertical-align: middle;
	width: 42%;
}

.quizHeaderDetails
{
	width:48%;
	float:left;
}



.quizProgressDetails .percentBar, .quizTimeDetails .percentBar
{
	margin-left: 250px;
}

.quizTimeRemaining, .quizProgressText
{
	float: left;
	margin-top: 2px;
	width: 250px;
	text-align: right;
}

.quizQuestionOptions
{
	margin-left: 25px;
}

.quizReviewAnswersList
{
	padding: 15px 0px 0px 0px;
	margin: 0;
	float: left;
	width: 100%;
}
.quizReviewAnswersList li
{
	text-align: right;
	padding: 4px 5px 4px 5px;
}

.quizReviewAnswersQuestion
{
	float: left;
	text-align: left;
}

.quizReviewAnswersStatus
{
	padding: 0px 10px 0px 10px;
	text-align: center;
}
/* ############################################### END QUIZ ################################################ */

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

.editMyDetails
{
}

.currentProfile
{
	display: block;
}

.currentProfile .profileImage
{
	width: 110px;
}


.currentProfile .profileText
{
	display: inline;
	width: 60%;
	margin-left: 111px;
	text-align: left;
}

.currentProfile .profileLabel
{
	display: block;
}

.currentProfile .profileLabelAndValue
{
	display: inline;
	width: 16%;
	float: left;
	text-align: center;
}

.currentProfile .profile
{
	margin: 0px;
}

.editProfile
{
	padding: 30px 10px 0px 20px;
	margin-left: 100px;
}

.uploadProfileImage
{
	padding: 10px;
	margin: 10px 0px 10px 0px;
	border: dashed 2px #E1E1E1;
}

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


/************************************* PDR *********************************************/

.paddedGreyBox {

	padding:0.5em; 
	margin:	1em 0em 1em 0em; 
	background-color: #EEEEEE;
}

.actionableText {

	cursor: pointer;
	font-weight: bold;
	display: inline;
}

.padded {

	padding:0.5em;

}

/***************************************************************************************/

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

.helpAndSupportPanel
{
	width: 96%;
	margin: 0px auto;
}

.helpAndSupportDescBox
{
	width: 600px;
	height: 200px;
}

/* ############################################ END Help And Support ##################################################### */
/* ******************************************* Admin Dashboard **************************************************** */

/* ****************************************************** Home Page Items ************************************ */
.adminDashBoardPanel
{
	width: 96%;
	margin: 0px auto;
	margin-top: 5px;
}

.recentUserActivity
{
	width: 63%;
	padding-right: 10px;
	float:left;
	position:relative;
}

.recentUserActivityList, .CourseRequestList
{
	width: 100%;
}


.recentUserActivityList th, .CourseRequestList th
{
	color: #BBBBBB;
}

.recentUserActivityManageUsersLink img
{
	vertical-align: middle;
}

.tableAltRow
{
	background-color: #DDDDDD;
}
.recentActivitySubTitle, .recentUserActivityManageUsersLink
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.adminDashBoardPanel .quickLinks
{
	float:right;
	width:33%;
}

.quickLinksSubTitle
{
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

.markingSummary
{
	width: 48%;
	float: right;
	padding-right: 10px;
}

.markingSummaryList
{
	width: 100%;
}

.markingSummaryList th
{
	color: #BBBBBB;
}

.messageCentre
{
	
}

.messageCentreSubTitle
{
	padding-top: 8px;
	padding-bottom: 8px;
	text-align:center;
}

.CourseRequestSummary
{
	/*width: 63%;
	float: left;
	padding-right: 10px;
	position:relative;*/
}

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


/* *******************************************  View Student **************************************************** */

.profileDisplayEdit
{
	/*width: 48%;
	float: left;
	padding-right: 10px;*/
}

.profileDisplayEdit .profileText
{
	margin: 0px 0px 0px 105px;
	padding-top: 5px;
}

.profileDisplayEdit .profileImage
{
	padding-top: 6px;
}

.profileDisplayEdit .profileName
{
	display: block;
	padding-top: 5px;
	padding-left: 5px;
}

.profileDisplayEdit .profileEditLink
{
	text-decoration: none;
}

.profileDisplayEdit .profileEditLink img
{
	vertical-align: middle;
}


.StudentCourseEdit
{
	/*width: 60%;
	float: left;
	padding-right: 10px;*/
}

.StudentCourseEditList
{
	width: 100%;
}

.StudentCourseEditList th
{
	color: #BBBBBB;
}

.tableAltRow
{
	background-color: #DDDDDD;
}
.StudentCourseEditSubTitle
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.loginSummary
{
	/*margin-left: 50%;*/
}

.loginSummaryList
{
	width: 78%;
}


.loginSummaryList .tableFooter
{
	/*border: dashed 2px #E1E1E1;	     */
	color: #BBBBBB;
	border-top: dashed 2px #E1E1E1;
}

.loginSummaryList th
{
	color: #BBBBBB;
}

.activityCompetent ul, .courseCompleted ul, .courseOtherStatus ul
{
	min-height: 2em;
	margin-left: 0px;
}

.courseCompetent li, .courseCompleted li, .courseOtherStatus li
{
	float: right;
	text-align: center;
	vertical-align: top;
}

.courseCompetent .name, .courseCompleted .name, .courseOtherStatus .name
{
	text-align: left;
	width: 30%;
}

.courseCompetent .percentBar, .courseCompleted .percentBar, .courseOtherStatus .percentBar
{
	width: 20%;
}

.courseCompetent .completion, .courseCompleted .completion, .courseOtherStatus .completion
{
	text-align: left;
	width: 25%;
}

.courseCompetent .viewdetails, .courseCompleted .viewdetails, .courseOtherStatus .viewdetails
{
	text-align: left;
	width: 25%;
}

.activeTraining
{
}

.activeTraining .submit
{
	clear: both;
	width: 100%;
	height: 28px;
	text-align: right;
}
.completedTraining
{
}

.completedTraining .head
{
	padding-top: 5px;
	padding-bottom: 10px;
}


.completedTraining .head .title
{
	float: left;
	width: 50%;
}

.completedTraining .head .label
{
	width: 42%;
	float: left;
	text-align: right;
}

.completedTraining .head .expand
{
	float: right;
	width: 5%;
	text-align: right;
}



.completedTraining .Details
{
	display: none;
}

/* ############################################ View Student ##################################################### */


/* *******************************************  View Course **************************************************** */

.courseViewEdit
{
	width: 48%;
	float: left;
	padding-right: 10px;
}


/* ############################################ View Course ##################################################### */

/* *******************************************  View Module **************************************************** */

.moduleViewEdit
{
	width: 100%;
}

.ModuleList
{

}

.ModuleCourseList
{	
	float:right;
	width:48%;
}
.innerModuleCourseList
{
	width: 100%;
}

/* ############################################ View Module ##################################################### */

/* *******************************************  View SCO **************************************************** */

.SCOViewEdit
{
	width: 48%;
	float: left;
	padding-right: 10px;
}


/* ******************************************** Search Select *************************************************** */

.SubmitLeft {
	float: left;
}

.SubmitRight {
	float: right;
}

.searchSelect .infoText {
	padding: 0em 0.6em 0em 0.6em;
	text-align: left;
	display: inline;
}

.filterBox {
	margin-top: 0.7em; 
	margin-bottom: 0.9em; 
	cursor: pointer; 
	border: solid 1px #BABABA; 
	width: 100%; 
	margin-left: auto; 
	margin-right: auto;
}

.spacer {
	width: 0.5em;
	height: 0.5em;
}

.filterHeader {
	padding: 0.3em; 
	background-color: #F8F8F8; 
	color: #909090; 
	font-weight: bolder;
}

.actionText {
	cursor: pointer; 
	display: none; 
	margin: 0em 0.5em 0em 0.5em; 
	font-size: 0.8em;
}

.supplimentaryText {
	margin: 0em 0.5em 0em 0.5em; 
	font-size: 0.8em;
}

.fieldFilters {
	margin-bottom: 0em !important;
}

.filterToggle {
	float:	right; 
	padding-right:	0.4em;
}

.component {
	width: 100%;
	height: 100%;
	display: block;
	padding-bottom: 1em;
}

.component .SubmitLeft {
	float: left;
}

.component .SubmitRight {
	float: right;
}

.selectTableHolder {
	width: 100%; 
	height: 150px;
	overflow: auto; 
	overflow-y: scroll; 
	overflow-x: hidden; 
	border: solid 1px black; 
	display: block;
	margin-bottom: 0.4em;
}


.fadedText {
	color: #BBBBBB;
}

.innerFilters {
	width: 100%;
	border: none;
	display: block;
}

.lowProfile .homepagePanel {
	padding-bottom: 0px!important;
}

.lowProfile .fieldFilterPane {
	width: 29% !important;
	float: left !important;
	margin-top: 0.5em;
	margin-right: 1em !important;
}


.lowProfile .fieldFilterPane * {
	padding: 0px!important;
	margin: 0px!important;
}


.lowProfile .fieldFilterPane span {
	width: 90% !important;
	display:block;
	background-color: transparent!important;
	margin-top: 0.3em!important;
	margin-bottom: 0.2em!important;
}

.lowProfile .fieldFilterPane span.overlay {
	z-index: 1!important;
	text-align: center !important;
	color: #C0C0C0!important;
	position: relative !important;
	top: 18px !important;
}

.lowProfile .itemSelectBox {
	height: 75px;
}

.lowProfile .centre {
	margin-top: 45px !important;
}

.relativeFormLabel {
	width:35%; 
	float:left; 
	padding-left:5px; 
	padding-top:2px;
}
        
.relativeFormContent input {
	width: 60%;
}
        
.reducedInputArea input {
	font-size:0.7em;
	margin-left:0.2em;
	margin-right:0.2em;
}
        
.errorBox {
	background-color: #FF9999;
}


/* ############################################ View Course ##################################################### */

/* *****************************************  User Select Search ************************************************ */

.UserSelectSearch
{
	width: 100%;
}

.UserSelectSearch .listUser
{
	height: 200px;
	width: 97%;
}

.UserSelectSearch .Submit
{
	text-align: right;
}

.activeSearch .textbox
{
	width: 97%;
}

.activeSearch .letterSelect
{
}

.filterLabel 
{ 
	font-weight: bold; 
}
.filterDropDown 
{ 	
	width: 100%; 
}
.filterInput 
{ 
	width: 99%; 
}
.fieldFilterPane
{
	margin-bottom: 0.2em;
}
.fieldFilters
{
	
}
/* ########################################## User Select Search ################################################# */

/* *****************************************  Multiple Course Select ************************************************ */

.courseSelectBox
{
	height: 200px;
	overflow: auto;
	border: solid 1px black;
	width: 100%;
}

/* ########################################## Multiple Course Select ################################################# */

/* ************************************************** View Course Details Items ********************************** */

.viewCourseDetails
{
	min-height: 450px;
	min-width: 520px;
}

.viewCourseDetails .attemptHeadings li, .viewCourseDetails .attempt li
{
	width: 16.5%;
	height: 20px;
}




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

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

.notificationButton
{
	width: 100% !important;
}

.questionTypeList
{
	width: 48%;
	height: 100%;
	float: left;
	padding-right: 3px;
}
.questionTypeList .list
{
	width: 100%;
}
.questionTypeList .Submit
{
	float: right;
}
.quizOptions
{
	width: 50%;
	height: 100%;
	float: right;
}
.QuestionSelectSearch
{
	clear: both;
}

.QuestionSelectSearch .SubmitLeft
{
	float: left;
}

.QuestionSelectSearch .SubmitRight
{
	float: right;
}

.imageSelect .thumbnailGallery
{
    margin-left:9px;
    width:470px;
    height:424px;
    overflow:scroll;
}

.ImageSelect
{
 
}

.ImageSelect .Image
{
    width:105px;
    float:left;
}


.ImageSelect .imgOptions
{ 
    text-align:left;
    height:100px;

}

.ImageSelect .imgOptions .list
{ 

    list-style-type:none;
}

.ImageSelect .imgOptions .option
{ 
   
}


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

/* ****************************************************** Inbox *************************************** */

.inbox
{
	width: 48%;
	float: left;
	padding-right: 10px;
}

.inboxTable
{
	width: 100%;
}

/* ################################################ Inbox ########################################### */

/* ******************************************* CourseRequestSelectSearch *********************************** */

.CourseRequestSelectSearch .SubmitLeft
{
	float: left;
}

.CourseRequestSelectSearch .SubmitRight
{
	float: right;
}

/* ################################################ CourseRequestSelectSearch ########################################### */

/* ******************************************* PopUpOverlay *********************************** */

.PopUpOverlayGrading
{
	display: none;
	position: absolute;
	top: 15%;
	left: 30%;
	width: 40%;
	background-color: White;
	border:1px solid;
}


.PopUpOverlayGrading .innerOverlay .close
{
	cursor: pointer;
	margin-right: 5px;
	float: right;
}

.PopUpOverlayQuestionThumbnailGallery
{
	display: none;
	position: absolute;
	top: 15%;
	left: 21%;
	width: 58%;
	background-color: White;
	border:1px solid;
}


.PopUpOverlayQuestionThumbnailGallery .innerOverlay .close
{
	cursor: pointer;
	margin-right: 5px;
	float: right;
}


.PopUpOverlayImageSelectFullSize
{
	display: none;
	position: absolute;
	top: 15%;
	left: 25%;
	width: 50%;
	background-color: White;
	border:1px solid;
}


.PopUpOverlayImageSelectFullSize .innerOverlay .close
{
	cursor: pointer;
	margin-right: 5px;
	float: right;
}


.PopUpOverlayCourse
{
	display: none;
	position: absolute;
	top: 15%;
	left: 30%;
	width: 40%;
	background-color: White;
	border:1px solid;
	padding:2px;
}

.PopUpOverlayCourse .innerOverlay .close
{
	cursor: pointer;
	margin-right: 5px;
	float: right;
}

.PopUpOverlayTree
{
	display: none;
	position: absolute;
	top: 25%;
	left: 55%;
	width: 320px;
	height: 280px;
	background-color: White;
	border: 1px solid;
	padding: 4px;
}

.PopUpOverlayTree  .innerOverlay
{
	height: 280px;
	overflow: auto;
}

.PopUpOverlayTree  .close
{
	cursor: pointer;
	margin-right: 8px;
	float: right;
}

.coursePreviewBody .moduleTable
{
    width:90%;
    margin-left:10px;
}
.PopUpOverlayMessages
{
	display: none;
	position: absolute;
	top: 15%;
	left: 17%;
	width: 66%;
	background-color: White;
}

.PopUpOverlayMessages .innerOverlay .close
{
	cursor: pointer;
	margin-right: 5px;
	float: right;
}

/*  The working... bit  */

.working
{
    display: none;
	position: absolute;
	top: 35%;
	left: 40%;
	width: 20%;
	background-color: White;
	border:1px solid;
	padding:15px;
	text-align:center;
}

/* ################################################ PopUpOverlay ########################################### */

/************************************************** View Training Request ************************************/

.requestSummary
{
	width:48%;
	float:left;
}

.requestHistory
{
	margin-left:50%
}

.requestTrainingCheckBoxHolder{width: 70%;border:solid 1px #ABADB3;padding:3px;}

.requestTrainingCheckBoxHolderRight{margin-left: 50%; width: 48%;padding-bottom:5px;}

.requestTrainingCheckBoxHolderLeft{float: left; width: 48%;clear:left;}
                          

/* ################################################ View Training Request ########################################### */

/************************************************* StudentProgress Report ******************************************/


.StudentProgress
{
  
}

.StudentProgress .modules
{ 
    display:none;
}
/* ################################################ StudentProgress Report ########################################### */

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

.OrgObjectivesCurrentItems
{
	/*width:48%;
	float:left;*/
}

.OrgObjectivesAddItem
{
	/*width:50%;
	margin-left:50%;*/
}


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

/* ************************************************  Course Summary ********************************* */

.CourseExternalSummary
{
	width: 48%;
	float: left;
}

.StudentExternalCourseSummary
{
	width: 48%;
	float: right;
}

.CourseRequestHistory
{
	width: 48%;
	float: right;
}
/* ################################################ Course Summary ########################################### */

/* ************************************************  Student Course Requests ********************************* */

.StudentCourseRequests
{
	width: 48%;
	float: right;
	margin-left: 50%;
}

/* ################################################ Student Course Requests ########################################### */

/* ************************************************  Edit Job Roles ********************************* */

.JobRoleAddCourses
{
	width: 48%;
	float: left;
}

.JobRoleAddUsers
{
	width: 48%;
	float: right;
}

/* ################################################ Edit Job Roles ########################################### */

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

.bands
{

	width: 100%;
}

.bands .band
{
	
}

.bands .header1
{
	width: 100%;
	height: 30px;
	padding:0;
}

.bands .band .command, .bands .header1 .command, .bands .add .command
{
	clear:both;
	width:20%;
	float:left;
	
}

.bands .band .lowerbound, .bands .header1 .lowerbound, .bands .add .lowerbound
{
	width:13%;
	float:left;
}
.bands .band .upperbound, .bands .header1 .upperbound, .bands .add .upperbound
{
	width:13%;
	float:left;
}
.bands .band .comment, .bands .header1 .comment, .bands .add .comment
{
	width:30%;
	float:left;
}
.bands .band .colour, .bands .header1 .colour, .bands .add .colour
{
	width:22%;
	float:left;
}


.bands .add
{
	 clear:both;	
	 text-align:left;
}

.bands .add .addButton
{
	
  clear:both;
  text-align:right;
  margin-right:10px;
	
}
/* ########################################### Grading Systems Manager  ######################################## */

/* ******************************************* View Targets ****************************** */

.targetSummary
{
	width:38%;
	float:left;
}

.targetTrainingRequests
{
	margin-left:40%;
	width:59%;
}

/* ########################################### Hieracrchy Management  ######################################## */

.treeHolder
{
	padding-top: 8px;
	padding-bottom: 8px;
	display: block; 
}

.departmentTreeView
{
	height: 320px;
	width: 366px;
	overflow: auto;
}

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

.shortSelect
{
	height:170px;
}

.rightColumn50
{
	float:right;
	width:48%;
}

.leftColumn50
{
	float:left;
	width:48%;
}

.leftColumn33
{
	float:left;
	width:32%;
}

            .columnForm .formItem, .columnForm .formAlternatingItem {
                padding: 1em;
            }
            
            .columnForm .leftColumn25 {
                padding-right: 1em;
            }
            
            .columnForm .boldInstruction {
                margin-top: 0em;
            }
            
            .columnForm .rightColumn75 {
                float: left;
            }
            
            .leftColumn25 {
                float:left;
                width: 24%;
            }
                
            .rightColumn75 {
                float:right;
                width:74%;
            }


.rightColumn33
{
	float:right;
	width:32%;
}

.leftColumn66
{
	float:left;
	width:66%;
}

.panel
{
	width:100%;
}

.noItems 
{
	margin-left:1em;
	margin-top:0.2em;
}

.TMSButton
{
	width:111px;
}

.enlargeButtons input {
	height:2.3em; 
	padding-left: 2em;
	padding-right: 2em;
}

.TMSButtonWide
{
	width:148px;
}

.TMSFieldExpand {
	width: 99%;
}

.TMSFieldShort
{
	width:12em;
}

.TMSField
{
	width:37em;
}

.TMSDropDown
{
	width:37.5em;
}

.TMSFieldShort
{
	width:22em;
}

.TMSDropDownShort
{
	width:22.5em;
}

.TMSTable
{
	width:100%;
}

.TMSTableHeader
{
	font-size:smaller;
}

.TMSTableTitleColumn
{
	padding-left:0.3em;
}

.TMSTableActionColumn
{
	text-align:center;
	width:5em;
}

.TMSTableDateColumn
{
	text-align:center;
	width:7em;
}

.TMSTablePercentBar
{
	width:100px;
}

.TMSTableFooter
{
	padding-left:5px;
	padding-top:5px;
}

.TMSFormRow 
{
	margin-top: 1px;
	padding: 2px 2px 2px 6px;
}

.TMSFormAltRow
{
	margin-top: 1px;
	padding: 2px 2px 2px 6px;
}

.TMSFormButtons
{
	margin-top: 6px;
	margin-left: 6px;
}

.TMSFormLabel
{
	font-weight: bold;
	font-size: smaller;
}

.TMSFormField
{
	padding-left: 16px;
	padding-top: 2px;
}

.textLink
{
	padding:3px 5px 3px 5px;
	float:right;
}

.textLink img
{
	vertical-align: middle;
}

.messageCentrePanel
{
	margin-left:1em;
}

.messageCentreNotifications
{
	margin-left:1.4em;
}

.panelSubTitle
{
	padding-top:0.5em;
	padding-bottom:0.7em;
	padding-left:1em;
}

/* ########################################### Self Reg ########################################################## */

.selfRegField
{
	width:37em;
}

.selfRegRadioButton
{
	width:37em;
}

.selfRegCheckBox
{
	width:37em;
}

.selfRegDropDown
{
	width:37.5em;
}

.columnForm .selfRegFormItem, .columnForm .selfRegFormAlternatingItem {
	padding: 1em;
}

.selfRegFreeText
{
}

.selfRegWarning
{
	padding: 1em;
	color:red;
}

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

#dashboard div, #dashboard span, #dashboard object, #dashboard iframe, #dashboard h1,
#dashboard h2, #dashboard h3, #dashboard h4, #dashboard h5, #dashboard h6, #dashboard p, #dashboard blockquote,
#dashboard pre, #dashboard abbr, #dashboard address, #dashboard cite, #dashboard code, #dashboard del,
#dashboard dfn, #dashboard em, #dashboard img, #dashboard ins, #dashboard kbd, #dashboard q, #dashboard samp,
#dashboard small, #dashboard strong, #dashboard sub, #dashboard sup, #dashboard var, #dashboard b, #dashboard i,
#dashboard dl, #dashboard dt, #dashboard dd, #dashboard ol, #dashboard ul, #dashboard li, #dashboard fieldset,
#dashboard form, #dashboard label, #dashboard legend, #dashboard table, #dashboard caption, #dashboard tbody, #dashboard tfoot,
#dashboard thead, #dashboard tr, #dashboard th, #dashboard td, #dashboard article, #dashboard aside, #dashboard canvas,
#dashboard details, #dashboard figcaption, #dashboard figure, #dashboard footer, #dashboard header, #dashboard hgroup,
#dashboard menu, #dashboard nav, #dashboard section, #dashboard summary, #dashboard time, #dashboard mark, #dashboard audio,
#dashboard video {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    vertical-align: baseline;
    font-size: 100%;
}

#dashboard {
    width: 980px;
    margin: 0 auto;
    display: block;
    font-family: open sans, helvetica, arial, sans-serif;
    }
        
#dashboard .dashboardContainer{
    border-radius: 5px;
    float: left;
    width: 313px;
    height: 315px;
    margin-bottom: 10px;
    margin-left: 5px;
    overflow: hidden;
    }     
        
#dashboard #events{
    float: right;
    height: 640px;
    margin-left: 0;
    margin-right: 30px;
}

#dashboard #roles{
    margin-left: 0;
    width: 630px;
    }        
        
#dashboard #sites{
    margin-left: 0;
    }
        
#dashboard .dashboardContainer .dashHeader{
    float: left;
    width:  273px;
    padding: 0 20px;
    }

#dashboard .dashboardContainer .dashHeader.large{
    width:  590px;
    }    
        
#dashboard .dashboardContainer .dashHeader h3{
    float: left;
    height: 56px;
    line-height: 56px;
    font-size: 16px;
    font-weight: normal;
    }      
        
#dashboard .dashboardContainer .dashHeader i{
    border-radius: 3px;
    float: right;
    width: 28px;
    height: 28px;
    line-height: 28px;
    margin-top: 14px;
    text-align: center;
    cursor: pointer;
    font-size:16px;
    margin-left: 5px;
    }     
        
#dashboard .eventsTop{
    float: left;
    width: 100%;
    overflow-y: scroll;
	overflow-x: hidden;
    height: 583px;
    }

#dashboard .eventsTop .noEvents{
    font-size: 16px;
    width: 175px;
    margin: 240px auto 0;
}
        
#dashboard .eventsTop li{
    float: left;
    width: 100%;
    }       
        
#dashboard .eventsTop h4{
    float: left;
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-weight: 700;
    font-size: 16px;
    padding: 0 20px;
    }

#dashboard .eventsSub h5{
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}
        
#dashboard .eventsSub{
    float: left;
    width: 100%;
    }         
        
#dashboard .eventsSub li{
    float: left;
    width: 100%;
    padding: 20px;
    } 
        
#dashboard .eventsSub li .row{
    float: left;
    width: 100%;
    margin-bottom: 15px;
    }   
               
#dashboard .eventsSub li .meta{
    float: left;
    margin-right: 20px;
    }        
        
#dashboard .eventsSub li .meta i,
#dashboard .eventsSub li .meta p{
    float: left;
    }       
        
#dashboard .eventsSub li .meta p{
    float: left;
    font-size: 12px;
    margin: -2px 0 0 5px;
    }   
                       
#dashboard .eventsSub li .fa-users{
    float: left;
    margin-right: 10px;
    }   
        
    #dashboard .eventsSub li .count{
    float: left;
    font-size: 14px;
    margin-top: -3px;
    }   
        
#dashboard .volumeWrapper{
    float: left;
    width: 170px;
    height: 15px;
    border-radius: 50px;
    margin-right: 10px;
    }        
        
#dashboard .volumeBar{
    float: left;
    width:  50%;
    height: 15px;
    border-radius: 50px;
    }

#dashboard .chartLoading{
    margin: 160px auto 0;
    width: 90px;
    height: 16px;
    font-size: 16px;
}

#dashboard .largeChartNoData{
    margin: 160px auto 0;
    width: 455px;
    font-size: 16px;
    text-align:center;
}

#dashboard .smallChartNoData{
    margin: 120px auto 0;
    width: 245px;
    font-size: 16px;
    text-align:center;
}

.dashboardLoading {
	display:block;
	width:100px;
	height:14px;
	background: url("/assets/skins/sections/default/images/ajax-loader-small.gif") 0 0 no-repeat;
	background-position: center; 
}

table.quizAnswers td, table.quizAnswers th { padding:10px; }

div#quickSearch {
    padding:5px;
}
div#jobSkillsSearch {
    height:300px;
    overflow-y:scroll;
}
table#jobSkillsTable {
    border-collapse:collapse;
}
div#jobSkillsSearchControls {
    overflow:auto;
}
div#jobSkillsSearchControls div.pager {
    float:left;
}
div#jobSkillsSearchControls div.controls {
    float:right;
}
.ForgottenPasswordButton
{
	display:inline;
	max-width:257px;
}