﻿/*LIESL ADDITIONAL STYLES*/
/*GENERAL STYLES*/
aspx{
	height: 100%;
    width: 100%;
	}
html{
	height: 100%;
    width: 100%;
    background-color: #ebd8ba;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebd8ba', endColorstr='#e0c08f'); /* gradient for IE */
}
body{	
	margin:0px;
	padding: 0px;
}
table {
	padding: 0px;
	border-collapse: collapse;
	margin: 0px;
	border: 0px;
}

center {
	margin-top:20px;
}

/*HEADER*/
.SuperHeader 
{
    height: 38px;
    background-color: #002C53;
    text-align: right;
}
.FSBBannerForLogo 
{
    height: 110px;
    background-repeat: repeat-y;
	background-image: url('images/Banner-without-text.png');
	background-color: #009ACA;
}

.FSBLogo
{
	background-image: url('./images/Logo_shadow_FSCA.png');
    position: absolute;
	width: 218px;
	height: 50px;
    z-index: 997;
    left: 50px;
    top: 50px;
}

/*LOGIN MENU*/
.loggedUserName /*Updated*/
{
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  padding-top:5px;
  margin-right:15px;
  color: White;
  font-size: 13px;
}

.loggedUserCount /*Updated*/
{                           
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  clear: both;
  color: silver;  
  font-size: 10px;
  color: #808080;
  margin-right:15px;
  margin-bottom:3px;
}

.LogInBar /* blue box around log in area*/
{
  margin-top:10px;
  margin-right:10px;
  padding: 7px;  
  float:right;
  display: block;
  color: #00afd6;
  background-color: #00afd6;
}

 /*Log In button */
.LogIn {
	font-family:Tahoma, Geneva, sans-serif;
	font-weight: bold;
    color:#fff;
	border: none;
	background-image:url('./images/LogIn_strip2.png');
	background-repeat:repeat-x;
	display: block;
	border-radius: 2px;
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding:2px 10px 4px 5px;
	border:0px;
	text-align: center;
}

 /*Sign Up button */
.SignUp {
	font-family:Tahoma, Geneva, sans-serif;
	font-weight: bold;
    color:#fff;
	border: none;
    background-image:url('images/LogIn_strip.png');
	background-repeat:repeat-x;
	display: block;
	border-radius: 2px;
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding:2px 10px 4px 5px;
	border:0px;
	text-align: center;
}

 /*Update Profile button */
.UpdateProfile {
	font-family:Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 12px;
    color:#fff;
	border: none;
	background-image:url('./images/LogIn_strip2.png');
	background-repeat:repeat-x;
	display: block;
	border-radius: 2px;
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding:2px 10px 4px 5px;
	border:0px;
	text-decoration:none;
}

 /*Sign Out button */
.SignOut {
	font-family:Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 12px;
    color:#fff;
	border: none;
    background-image:url('images/LogIn_strip.png');
	background-repeat:repeat-x;
	display: block;
	border-radius: 2px;
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding:2px 10px 4px 5px;
	border:0px;
	text-decoration:none;
	margin-bottom:10px;
}

/*Forgot Password?*/
.ForgotPasswordText { 
	padding-right: 3px;
	padding-top: -2px;
	text-align: right;
	font-style: italic;
	font-size: 12px;
	color: #fff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.CancelButton{
	font-family:Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 12px;
    color:#fff;
	border: none;
	background-image:url('./images/LogIn_strip2.png');
	background-repeat:repeat-x;
	display: block;
	border-radius: 2px;
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding:4px 10px 6px 5px;
	border:0px;
	text-decoration:none;
}
/*NAVIGATION*/

.tabbage
{
    width: 95%;
    text-align: left;
	list-style: none;
	background:transparent;
	
}
.ui-tabs-nav li
{
    background-image: url("./images/nav_strip_normal.png") !important;
	background-repeat:repeat-x;
    background-color: #FFF !important;					/*To overwrite jquery-ui.css*/
    border-radius: 5px 5px 0 0;    						/*To affect only top corners*/
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
    font-weight: normal !important;
	font-size: 12px;
	font-family:Tahoma, Geneva, sans-serif;
}
.ui-state-default a, .ui-state-default a:link
{
   font-weight: normal !important;
   height: 19px !important;                       /*To stop nav block scaling of tab size*/
   font-size: 12px;
   font-family:Tahoma, Geneva, sans-serif;
}
.ui-state-default a:visited, .ui-state-default a:hover, .ui-state-active a
{
    background-color: #fff; 
	border-radius: 5px 5px 0 0;    						/*To affect only top corners*/ 
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	font-weight: normal !important;
	font-size: 12px;
	font-family:Tahoma, Geneva, sans-serif;
	 background-image: url('./images/nav_strip_white.png');
	  background-repeat:repeat-x;
}
  
 

/*FOOTER*/
.footerL{
	z-index: 999;
	border-top: solid 3px solid #D7C9AC;
	bottom: 0;
	position: fixed;
	width: 100%;
	background-color: #002C53;
	color: #7E8285;
	text-align: center;
	font-size: 9px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.footerL A:link
{
	text-decoration: none;
	color: #E37331;
}
.footerL A:visited
{
	text-decoration: none;
	color: #E37331;
}
.footerL A:active
{
	text-decoration: none;
	color: #E37331;
}
.footerL A:hover
{
	text-decoration: none;
	color: White;
}

.PrivacyPolicy{
	text-align:center;
	margin-top: 7px;
	padding: 0px 30px 0px 30px;
	line-height:12px;
}

.PrivacyClause{
	text-align:center;
	margin: 2px;
	padding: 0px 30px 0px 30px;
	line-height:12px;
}

.ContactNumber {
	text-align:center;
	margin-bottom:7px;
	line-height:12px;
}

/*END GENERAL STYLES, WHAT FOLLOWS ARE CONTENT STYLES FOR SPECIFIC PAGES */
/*-----------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------*/

/*FORGOT PASSWORD PAGE*/


.ControlLabel
{
    color: #4C4E4D;
    font-size: 12px;
    font-weight: bold;
	line-height:18px;
	font-family:Tahoma, Geneva, sans-serif;
	text-align:left;
}
.ControlForgotOption
{
	color: #010066;
	font-size: medium;
	padding-left: 60px;
	padding-right: 5px;
}
.ForgotHeaderLabel
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #4C4E4D;
    font-size: 20px;
	text-align: center;
	font-weight:normal;
}
.ControlForgotButton /*cancel and submit button at the bottom*/
{
    color: #4C4E4D;
    font-size: 10px;
	line-height:16px;
    width: 50%;
	font-family:Tahoma, Geneva, sans-serif;
	text-align:center;
	text-decoration:none;
}
.ControlForgotInput
{
}

.ForgotHead
{
	font-family:Tahoma, Geneva, sans-serif;
    color: #4C4E4D;
    font-size: 22px;
	text-align: center;
	font-weight:bold;
}

.ForgotHeadTwo
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #4C4E4D;
    font-size: 20px;
	text-align: center;
	font-weight:normal;
}

.ForgotCopy
{
    color: #4C4E4D;
    font-size: 10px;
	line-height:16px;
    width: 50%;
	font-family:Tahoma, Geneva, sans-serif;
	text-align:center;
}

/*
END FORGOT PASSWORD STYLES
*/
/*LOGIN PAGE*/
.LoginContent
{
    background-color: white;
    width: 95%;    
}

.LoggedinContent
{
    background-color: #fff;
    width: 95%;    
}

.loginspacer
{
    padding: 10px;
}

.loginspacer2 
{
    padding-left: 15px;
    padding-right: 15px;
}

.loginspacer3
{
    padding: 5px;
}

.AnnouncementHeading, .GenHeading
{
	font-family:Tahoma, Geneva, sans-serif;
    color: #4C4E4D;
    font-size: 22px;
    padding-bottom: 8px;
    padding-top: 12px;
	text-align: left;
}

.AnnouncementHeadingBold
{
	font-family:Tahoma, Geneva, sans-serif;
    color: #4C4E4D;
    font-size: 22px;
    padding-bottom: 8px;
    padding-top: 12px;
	text-align: left;
	font-weight:bold;
}

.AnnouncementTextArea
{
    width: 80%;
    text-align: left;
    padding-bottom:20px;
	vertical-align:top;
}

.AnnouncementDate 
{
    color: #E17431;
    font-size: 0.9em;
    font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.AnnouncementTitle /*one line of text*/
{
    color: #4C4E4D;
    font-size: 0.8em;
    font-weight:bolder;
	font-family:Tahoma, Geneva, sans-serif;
}

.AnnouncementCopy /*the article itself*/
{
    color: #9B9891;
    font-size: 10px;
	line-height:16px;
    width: 50%;
	font-family:Tahoma, Geneva, sans-serif;
	text-align:left;
}

.AnnouncementHolder
{
    vertical-align: top;
    padding-left: 0px;
    margin-top: 12px;
    text-align:left;
}

.AnnouncementFile /*e.g. View Media - 3.9 MB */
{
    color: #0079A4;
    font-size: 10px;
    font-weight: bold;
    padding-top: 4px;
    cursor: hand;
	cursor: pointer;
	text-decoration:none;
	font-family:Tahoma, Geneva, sans-serif;
}

.AssistanceQuestions
{
    vertical-align: top;
    width: 60%;
    padding-left: 20px;
    line-height:1.4em;
	font-weight:bold;
	font-size:14px;
	line-height: 20px;
	color:#017ba4;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.AnnouncementsPrevious
{
    color: #0079A4;
    font-weight: bold;
    text-align: right;
    font-size: 12px;
	margin-right:3px;
    /*padding-top: 12px;
    padding-bottom: 12px;
    border-top: 1px solid #CECECE;
    border-bottom: 1px solid #CECECE;*/
    cursor: hand;
	cursor: pointer;
	font-family: Tahoma, Geneva, sans-serif;
}
.AnnouncementFile
{
    color: #0079A4;
    font-size: 0.7em;
    font-weight: bold;
    padding-top: 4px;
    cursor: hand;
	cursor: pointer;
}
.AnnouncementReadMore
{
    color: #0079A4;
    font-size: 1.1em;
    font-weight: bold;
    cursor: hand;
	cursor: pointer;
}

/*TESTIMONIAL COLUMN */
 
 .TestimonialUnderline /*dark line accross column top*/
{
    background-color: #A28780;
	height:5px;
	width:100%;
}
 .TestimonialHeading
{
	border-collapse:collapse;
    color: #4C4E4D;
    font-size: 22px;
	font-family:Tahoma, Geneva, sans-serif;
	text-align:left;
}
.TestimonialSubHeading
{
    color: #E17431;
    font-size: 12px;
    font-weight: bold;
	line-height:18px;
	font-family:Tahoma, Geneva, sans-serif;
	text-align:left;
}
.TestimonialSubHeading2
{
    color: Green; -- #E17431;
    font-size: 12px;
    font-weight: bold;
	line-height:18px;
	font-family:Tahoma, Geneva, sans-serif;
	text-align:left;
}
.TestimonialName
{
    color: #E17431;
    font-size: 13px;
	font-weight:normal;
	text-align:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.TestimonialCopy
{
    color: #808080;
    font-size: 11px;
	line-height:14px;
	text-align:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	word-wrap: break-word;
	vertical-align:top;
}
.TestimonialImage
{
    padding-right: 5px;
    padding-top:10px;
}
.TestimonialTextArea
{
    padding-left: 5px;
    padding-top:10px;
    vertical-align:top;
	text-align:left;
}
.TestimonialDiv
{
    background-color: #EAD7B9;
    padding: 12px;
	margin-bottom:80px;
}
.TestimonialHolder
{
    margin:0px; 
    width:100%; /*was 20% in Greg's style sheet*/
    height:400px; 
    padding-top:10px; 
	padding-right:10px; 
	padding-bottom:10px; 
    overflow:auto;
    vertical-align:top;
	text-align:left;
	background-color: #EAD7B9;
}
.TableTestimonials, .handage
{
    cursor: hand;
	cursor: pointer;
}

/*MY PROFILE*/

.ProfileCopy{
    color: #4b4b4b;
	line-height:18px;
    font-size: 12px;
	font-weight:lighter;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
}

.ProfilePullQuote{
    color: #4b4b4b;
    font-size: 0.8em;
	line-height:1.6em;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	text-align:left;
	margin-left:10px;
}

.ProfileThreeColumns {
	border-collapse: collapse; 
	border:0px;
	padding:5px;
}

.ProfileExtract {
    color: #0097eb;
    cursor: hand;
	cursor: pointer;
	text-decoration:none;
    font-size: 13px;
    font-weight: bold;
	font-family:Tahoma, Geneva, sans-serif;
	text-align:left;
	word-wrap: break-word;
	width:150px;
}
.ProfileDate{
    color: #E17431;
    font-size: 14px;
    font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
}

.ProfileImage{
	border: #1b1158 solid 2px;
	height:80px;
	vertical-align: top;
}

.ProfileProperty{
	color: #4c4a4b;
	font-size: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 20px;
	text-align: left;
	margin-left:10px;
	margin-right:25px;
	width:40px;
}

.ProfileValue{
	color: #e37331;
	font-size: 14px;
	font-weight:bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 20px;
	text-align: left;
	margin-left:10px;
}

.Seemore {
	font-weight:bold;
  cursor: hand;
	cursor: pointer;
	font-size:14px;
	text-align: right;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#2d91b2;
	margin-bottom:-20px;
}


/*MY LEARNING PAGE*/
.Videospacing{
	margin-left:40px;
	}

.Modulemargin {
	/*margin-left:40px;*/
	margin-bottom:5px;
	margin-top:20px;
	border-collapse:collapse;
	text-align:left;
}

.Modulespacing {
	padding-top:10px;
}

.Modulenumber{ /* e.g. Module 1*/
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #e3742f;
	font-weight:bold;
	font-size: 13px;
	border-collapse:collapse;
	border:0px;
}

.Moduleduration{ /*total time student will spend watching the course*/
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #4c4c4c;
	font-weight:bold;
	font-size: 16px;
}

.Modulename, .Modulename a
{
	font-family:Tahoma, Geneva, sans-serif; /* e.g. GOVERANCE BY THE BOARD*/
	color: #007aa3;
	font-weight:bold;
	text-transform:uppercase;
	font-size: 18px;
	text-decoration: none;
}

.ModulenameCaseStudy
{
    color: #1084A8 !important;
}
.Moduleunits{
	font-family:Tahoma, Geneva, sans-serif;
	color: #a0a0a0;
	font-size: 10px;
	margin-top:4px;
	margin-bottom:4px;
	margin-left:30px;
}
.ModuleunitDuration{
	font-family:Tahoma, Geneva, sans-serif;
	color: #a0a0a0;
	font-size: 10px;
	line-height: 0.1em;
}
.CaseStudyTitle{
	font-family:Tahoma, Geneva, sans-serif;
	color: #007aa0;
	text-transform: uppercase;
	font-weight:normal;
	font-size: 18px;
	
}
.CaseStudyLevel{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #f56600;
	font-weight:bold;
	font-size: 18px;
}
.CaseStudyDuration{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #f56600;
	font-weight:bold;
	font-size: 16px;
}
.ModuleSmallHeadings{ /*duration & progress*/
	font-family:Tahoma, Geneva, sans-serif;
	vertical-align:text-top;
	top:10px;
	color: #a0a0a0;
	font-size: 8px;
	line-height: 0.1em;
}

.DurationColumn{
	margin-left:30px;
	vertical-align:top;
}
.ProgressColumn{
	margin-left:10px;
	vertical-align:top;
}

/*LEARNING STATUS COLUMN*/
.LearningStatusmargin{
	margin-top:20px;
	margin-right:20px;
	margin-left:30px;
	border-top: #a1867f solid 4px;
	background-color:#e9d6b8;
	text-align:left;
}

.LearningStatus { /*holding or wrapping the block*/
	padding:10px;
	color:#4b4b4d;
}

.LSListingText { /*breakdown of make-up of marks*/
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 9px;
	line-height: 18px;
	margin:0px;
	padding:0px;
}

.LSListingBullet { /*breakdown of make-up of marks*/
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 9px;
	line-height: 18px;
	margin:0px;
	padding:0px;
}

.LearningTitle {/* e.g. My Learning Status*/
	font-size:20px;
	font-weight:normal;
	font-family:Tahoma, Geneva, sans-serif;
	margin-bottom: 10px;
	color:#4b4b4d;
	text-align:left;
}
.LearningSecondTitle { /*paragraph under main heading*/
	font-size: 11px;
	font-weight:lighter;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 17px;
	text-align: left;
}
.LearningGreyStripe {
	border-top: #929292 solid 4px;
	width: 100%;
	margin-bottom:0px;
}

.Send { /*send button*/
	font-family:Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-size:10px;
    color:#fff;
	border: none;
	background-image:url('images/LogIn_strip2.png');
	background-repeat:repeat-x;
	display: block;
	height:22px;
	border-radius: 2px;
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	float:right;
	margin-right: 25px;
	margin-bottom: 10px;
	cursor: hand; 
	cursor: pointer;
	border:0px;
}

.Printing { /*print button*/
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform: uppercase;
	margin-left:30px;
	margin-bottom:10px;
	margin-top:10px;
	color:#4b4b4d;
	background-color:#fff;
	vertical-align:text-top;
}

/*TOOLKIT PAGE*/

.SearchBox{
	background-color:#ab977c;
	padding:8px;
	width:213px;
}

.SearchTextBox{
	border:0px; 
	height:20px; 
	width:148px; 
	margin-right:5px;
}

.Search, .Search a, .Search , .Search a:visited, .Search a:active, .Search a:hover { /*send button*/
	font-family:Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-size:10px;
    color:#fff !important;
	border: none;
	background-image:url('images/LogIn_strip2.png');
	background-repeat:repeat-x;
	display: block;
	height:22px;
	border-radius: 2px;
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	float:right;
	border:0px;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
}

.ToolkitList ul li {
	font-size:12px;
	font-weight:bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #4c4c4c;
	text-align:left;
	margin-left:-20px;
	text-decoration:none;
}
.ToolkitHeading { /*orange heading*/
	font-family:Tahoma, Geneva, sans-serif;
    color: #e27534;
    font-size: 22px;
    padding-bottom: 8px;
    padding-top: 12px;
	text-align: left;
}

.ToolkitAccordianHeading{
  font-weight:bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4c4c4c;
	text-align:left;
	padding:5px;
}

.ToolkitAccordianbg{
	background-color: #e9d6b8;
}

.ToolkitAccordianCopy{
	font-weight:lighter;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4c4c4c;
	text-align:left;
	padding:5px;
}

.CommonTermsHead
{
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
        --color: #e47331;
    color: #0079A4;
    font-size: 22px;
    padding-bottom: 8px;
    padding-top: 12px;
	text-align: left;
	text-decoration: none; 
}

.CommonTermsHead a
{
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
    color: #e47331;
    font-size: 22px;
    padding-bottom: 8px;
    padding-top: 12px;
	text-align: left;
	text-decoration: none; 
}

.AccordianHeading{
	font-weight:bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4c4c4c;
	text-align:left;
	padding:5px;
}

.Accordianbg{
	background-color: #e9d6b8;
}

.AccordianCopy{
	font-weight:lighter;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4c4c4c;
	text-align:left;
	padding:5px;
}
.ToolkitRightColumn{
	margin-right:20px;
	margin-left:30px;
	border-top: #a1867f solid 4px;
	background-color:#e9d6b8;
	text-align:left;
}

.ToolkitQueries{
	font-weight:bold;
	font-size:14px;
	text-align: left;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#2d91b2;
}

/*LIESL ADDITIONAL STYLES END*/



.RequiredField
{
	font-size: small;
	font-style: italic;
}


.ControlLabel
{
	color: #010066;
	font-size: medium;
	padding-left: 5px;
	padding-right: 5px;
	white-space: nowrap;
}
.TextBox
{
	font-family: Arial, Verdana, Sans-Serif;
	border: 0px;
	width: 80%;
}
.Button
{
	border: 1px solid #010066;
	/*background-color: #A5CB30;
	color: #010066;*/
	background-color: #010066;
	color: #FFFFFF;
}
.PadTop
{
	padding-top: 3px;
	padding-right: 5px;
}

.PadTopLeft
{
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 15px;
}
.TableBorder
{
	border: 0px;
}

/*
LOGIN STYLES
*/

.Header
{
	font-size: 18pt;
	font-weight: bold;
	color: #010066;
}
.SubHeader
{
	font-size: 18px;
	font-weight: bold;
	color: #010066;
}

.LoginLabel
{
	background-image: url('./images/Login_page_bar.png' );
	height: 42px;
	width: 350px;
	text-align: center;
	background-repeat: repeat-x;
}

.GreenDot
{
	padding-left: 12px;
	height: 16px;
	width: 16px;
}

.LoginControlInput
{
	width: 150px;
}

.LoginControlButton
{
	font-family:Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-size:14px;
    color:#fff;
	border: none;
	background-image:url('images/LogIn_strip2.png');
	background-repeat:repeat-x;
	display: block;
	height:22px;
	padding:4px;
	border-radius: 2px;
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	float:right;
	cursor: hand; 
	cursor: pointer;
	border:0px;
	text-decoration:none;
}

/*
END LOGIN STYLES
*/

/*
FORGOT PASSWORD STYLES
*/
.ControlForgotOption
{
	color: #010066;
	font-size: medium;
	padding-left: 60px;
	padding-right: 5px;
}
.ForgotHeaderLabel
{
	color: #010066;
	font-size: large;
	font-weight: bold;
	text-decoration: none;
}
.ControlForgotButton
{
	color: #010066;
	font-size: medium;
	font-weight: bold;
	text-decoration: none;
}
.ControlForgotInput
{
}
/*
END FORGOT PASSWORD STYLES
*/

/*
LEARNER STYLES
*/
.LearnerLabelGreen
{
	background-image: url(                                           './images/Middle-bar.jpg' );
	height: 31px; /*width: 200px;*/
	background-repeat: repeat-x;
	text-align: center;
}
.LearnerLabelBlue
{
	/*background-image: url('./images/LoginLabelBackground.gif');*/
	background-image: url(                                           './images/Login-page-bar.jpg' );
	background-repeat: repeat-x;
	height: 42px;
	width: 250px;
	text-align: center;
}
.LearnerLabelHeader
{
	color: #010066;
	font-size: large;
	font-weight: bold;
	text-decoration: none;
}
.LearnerControlButton
{
	font-size: 10pt;
	width: 150px;
}
.LearnerLabelText
{
	font-size: small;
}
.LearnerSignOutTinyText
{
	font-size: smaller;
}
.LearnerControlDropdown
{
	font-size: 10pt;
	width: 200px;
	color: #010066;
}
/*
END LEARNER STYLES
*/


/*
OUTLINE STYLES
*/
.OutlineHeader
{
	font-size: larger;
	font-weight: bold;
}
.OutlineLabelBlue
{
	background-image: url(                                           './images/Login-page-bar.jpg' );
	height: 42px;
	width: 250px;
	text-align: left;
	padding-left: 5px;
	background-repeat: repeat-x;
}
.OutlineText
{
	font-size: small;
}
.OutlineGVHeader
{
	font-size: medium;
	font-weight: bold;
}
.OutlineGVRow
{
	font-size: smaller;
	height: 30px;
}
.OutlineControlRow
{
	border-bottom: 1px solid black;
}
/*
END OUTLINE STYLES
*/
/*********************************************************/
/*********************************************************/
/******************		MESSAGE PANEL		******************/
/*********************************************************/
/*********************************************************/
.MessagePanel
{
	z-index: 5;
	position: absolute;
	left: 35%;
	top: 35%;
	width: 350px;
	border-style: outset;
	border-width: 0px;
	background-color: #4b4b4d;
}
.MessageHeader
{
	font-weight: bold;
	background-color: #FFF;
	border: 0px;
	color: White;
}

/*********************************************************/
/*********************************************************/
/******************		MENU		******************/
/*********************************************************/
/*********************************************************/
.Menu
{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
    display: block;
	height:30px;
	width: 125px;
    list-style: none;
}

.Menu A
{
	background-image: url('images/nav_strip_normal.png');
	background-repeat:repeat-x;
	color: #fff;
	text-decoration: none;
	padding: 8px 15px;
	margin-left:10px;
    display: block;
	height:20px;
}

.MenuItem /*dropdown menu items in Administrator */
{
	vertical-align: text-bottom;
	font-family: Arial, Verdana, Sans-Serif;
	color: #010066;
	font-size: 10px;
	padding: 3px;
	background-color:  #fff;
	height:20px;
	border: 1px solid transparent;
	width: 125px;
	margin-left:2px;
}

.MenuItemHover
{
	vertical-align: text-bottom;
	font-family: Arial, Verdana, Sans-Serif;
	color: white;
	font-size: 10px;
	padding: 3px;
	background-color: #0079A4;
	border: 1px solid #0079A4;
}
/*********************************************************/
/*********************************************************/
/******************		PageMenu		******************/
/*********************************************************/
/*********************************************************/
.PageMenu
{
	vertical-align: text-bottom;
	font-family: Arial, Verdana, Sans-Serif;
	color: #010066;
	font-weight: bold;
	font-size: smaller;
	background-color: Transparent;
}

.PageMenu A
{
	color: #010066;
	text-decoration: none;
}

.PageMenuItem
{
	vertical-align: text-bottom;
	font-family: Arial, Verdana, Sans-Serif;
	color: #010066;
	font-size: smaller;
	padding: 3px;
	background-color: Transparent;
	border: 1px solid black;
}

.PageMenuItemHover
{
	vertical-align: text-bottom;
	font-family: Arial, Verdana, Sans-Serif;
	color: white;
	font-size: smaller;
	padding: 3px;
	background-color: #A5CB30;
	border: 1px solid Green;
}
.PageMenuItemSelected
{
	vertical-align: text-bottom;
	font-family: Arial, Verdana, Sans-Serif;
	color: white;
	font-size: smaller;
	padding: 3px;
	background-color: #A5CB30;
	border: 1px solid Green;
	margin-top: 3px;
}
/****************************************************************************************************************/
/****************************************************************************************************************/
/****************************************************************************************************************/
/*		GRID VIEW */
/****************************************************************************************************************/
.GridView
{
	border: 1px solid green;
	width: 100%;
}
.GridView TH
{
	font-weight: normal;
	background-color: #6682EE;
	border-top: 1px solid Green;
	border-bottom: 1px solid Green;
	text-align: left;
	color: #010066;
	white-space: nowrap;
}
.GridView TR
{
	font-size: smaller;
}
.GridView A
{
	color: #010066;
}
.GridView input
{
}
.borderRight
{
	border-right: 1px solid Green;
}
.GridAlternateRow
{
	background-color: #D3E79A;
}

/****************************************************************************************************************/
/****************************************************************************************************************/
/****************************************************************************************************************/
/*		GRID VIEW NESTED */
/****************************************************************************************************************/
.GridViewNested
{
	border: 1px solid green;
	width: 100%;
	font-size: medium;
}
.GridViewNested TH
{
	font-weight: normal;
	background-color: #6682EE;
	border-top: 1px solid Green;
	border-bottom: 1px solid Green;
	text-align: left;
	color: #010066;
	white-space: nowrap;
}
.GridViewNested A
{
	color: #010066;
}
/****************************************************************************************************************/
/****************************************************************************************************************/
/****************************************************************************************************************/
/*		RADIO BUTTON LIST */
/****************************************************************************************************************/
.RadioButtonList
{
	color: Navy;
	font-size: smaller;
}


.LogInBarLoggedIn
{
  padding: 2px;  
  float:right;
}

.AnnouncementUnderline, .GenUnderline
{
    height: 5px;
    background-color: #4C4E4D;
}
.TestimonialUnderline
{
    background-color: #A28780;
}
.loginspacer2
{
    padding-left: 15px;
    padding-right: 15px;
}

.AssistanceAnswer
{
    padding: 2px;
    padding-left:10px;
    font-weight: normal;
    line-height: 1.2em;
    font-size: 0.8em;
    color: #4C4E4D;
}
.AssistanceImagery
{
    text-align: center;
    width: 40%;
}


/*************************************
 * Basic lightbox styles. Notice the
 * default 'display' is 'none'.
 */

.videoPlayer {
  /** Hide the lightbox */
  display: block;

  /** Apply basic lightbox styling */
  position: relative;
  z-index: 1000;
  text-align: center;
  width: 660px;
  height: 520px;
  background: black;
  background: rgba(0,0,0,0.8);
}

.videoPlayer img {
  /** Pad the lightbox image */
  max-width: 90%;
  max-height: 80%;
  margin-top: 2%;
}
.SoundImageSpacer
{
    padding-left: 16px;
    vertical-align: middle;
}

.MainTextArea
{
    vertical-align:top;
    padding:0px;
}
.GenText
{
    font-size: 14px;
}
.GenUpperText
{
    font-size: 15px;
    font-weight: bold;
}
.GenUpperTextLink
{
    color: #E37331;
}
}
/*************************************
 * My Learning Area
 */
.MyLearningTopHeading
{
  color: #F8842E;    
}
.GenTextSmall
{
    font-size: 9px;
    padding-left:5px;
}
/*************************************
 * Glossary & Further Reading
 */

.GlossaryLetterShow /*--.GlossaryLetterShow:link .GlossaryLetterShow:visited .GlossaryLetterShow:hover .GlossaryLetterShow:Active */
{
	font-size: 12px;
  color: Black;  
  text-decoration: none;	  
}
.GlossaryLetterDim, .GlossaryLetterDim:link,  .GlossaryLetterDim:hover, .GlossaryLetterDim:active, .GlossaryLetterDim:visited
{
	font-size: 12px;
  color: silver;  
  text-decoration: none; 
}
.GlossaryMainLight
{
  background-color: #E6D3B6; 
  padding:5px 10px 5px 5px;  
  color: #4c4c4c;

}
.GlossaryMainDark
{
  background-color: white;
  padding:5px 5px 5px 10px;  
  color: #4c4c4c;
}
.GlossaryMainPadded
{
  padding-left: 20px;
}
.GlossarryFrutherSection
{
	color: #E37331;  
}

.GlossaryImage  {
	padding:3px;
	float:left;
	margin-right:5px;
}
.GlossaryFurther {
	font-weight:bold;
	font-size:12px;
	text-align: left;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0091aa;
	margin-left:10px;
	display:block;
	height: 26px;
}

/*REPORTS*/

.Calendar{
	text-decoration:none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:10px;
}

.CalendarButton{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0079A4;
	text-decoration: none;
}

.date{
color:#fff;
}




.GlossarryFrutherLink
{
  
}
.GlossarryFrutherLinkDescription
{
  font-size: 9px;
  color: silver;
}


/*************************************
 * Questions and Answers
 */
.QandAQ
{
 color: #4c4c4c;
 font-weight:bold;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
text-align:left;
}
.QandADescription
 {
  display:block;
  padding: 15px;
  color: #4c4c4c;  
  text-decoration: none;   
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
text-align:left;
 }    
.QandAMainLight
{
  background-color: #E6D3B6;  
  color: #4c4c4c;
  padding:3px;
  cursor: hand;
  cursor: pointer;
  
}
.QandAMainDark
{
  background-color: #FFF;
  color: #4c4c4c;
  padding:3px;
  cursor: hand;
  cursor: pointer;
}
/*************************************
 * FeedBack
 */

.FeedbackFormEmail
{
  background-color: #E9D6B8;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-align: left;  
  padding:10px;

}
/*************************************
 * Media Links
 */
.MediaLinkBlock
{
  clear: both;
} 
.MediaLinksThumb
{
 border-bottom-width: 2px;
 border-bottom-style: solid;
 float: left;
 clear: both;
}
 
.MediaLinksTitle
{
    color: #0097eb;
    cursor: hand;
	cursor: pointer;
	text-decoration:none;
    font-size: 13px;
    font-weight: bold;
	font-family:Tahoma, Geneva, sans-serif;
	text-align:left;
	word-wrap: break-word;
}
}
.MediaLinksDate
{
    color: #E17431;
    font-size: 0.9em;
    font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-seri  
}
.MediaLinksDescription
{
 color: silver;  
}
.MediaLinkVideoRight
{
	--clear: both;
  text-align: left;
  --float: right;   
}
.MediaLinkClick 
{
  --clear: both;
  text-align: left;  
  color: #0097eb;
  cursor: hand;
	cursor: pointer;
	text-decoration:none;
  font-size: 13px;
  font-weight: bold;
	font-family:Tahoma, Geneva, sans-serif;
	word-wrap: break-word;
}
.MediaLinkVideoNavFocused
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #4c4c4c !important;
	text-decoration: none;
	padding-left:5px;
}
.MediaLinkVideoNavNonFocused
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #E17431 !important;
	text-decoration: none;
	padding-left:5px;
}
.MediaLinkVideoNavPrevious
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0079A4 !important;
	text-decoration: none;
	padding-left:5px;
}
.MediaLinkVideoNavNext
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0079A4 !important;
	text-decoration: none;
	padding-left:5px;
}
.siteHeading
{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: White;
    font-size: 2.4em;
    font-weight:bolder;
    position: absolute;
    left: 300px;
    top: 50px;
}
.siteSubHeading
{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: White;
    font-size: 1.4em;
    font-weight:normal;
    font-style:italic;
    position: absolute;
    left: 330px;
    top: 94px;
}
.UnitPlayer
{
    vertical-align: top;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: White;
    background: #444;
    font-size: 0.8em;
    margin: 5px;
    padding:15px;
    height: 70px;
    cursor: hand;
	cursor: pointer;
}
.iFramePNL
{
    background: #444;
    margin: 0px;
}
.unitPlayerDiv
{
    height: 502px;
    background: #444;
    margin:0px;
}
.hrUnit  
{
    display: block; height: 1px;
    border: 0; border-top: 1px solid #aaa;
    padding: 0; 
}
.UnitHover
{
    background: #777;
    background-color: #777 !important;
}
/* REPORTING STYLING //////////////*/

.AnalyticTable 
{
    border: 1px solid #000;
    margin-left:20px;
    margin-right:20px;
    width:80%;
    margin-bottom:100px;
}
.ColumnOne
{
    border: 1px solid #000;
    background-color: #0279a3;
    color: #FFF;
    font-weight: bold;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:14px;
}
.ColumnMore
{
    border: 1px solid #000;
    color: #4c4c4c;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:bold;
}
.Dates
{
    border: 1px solid #000;
    background-image:url('images/LogIn_strip.png');
	background-repeat:repeat-x;
    color: #FFF;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:10px;
    padding-left:3px;
    padding-right:3px;
}

.CertificateTable
{
    border:1px solid #000;
    margin-left:20px;
}

.CertificateHead
{
    border: 1px solid #000;
    background-image:url('images/LogIn_strip.png');
	background-repeat:repeat-x;
    color: #FFF;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:14px;
    padding-left:5px;
    padding-right:5px;
}


.CertificateColumn
{
    border: 1px solid #000;
    color: #4c4c4c;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
}

.TrustTable
{
    border:1px solid #000;
    margin-left:20px;
    margin-bottom:100px;
}

.TrustHeadOne
{
    border: 1px solid #000;
    background-image:url('images/LogIn_strip3.jpg');
	background-repeat:repeat-x;
    color: #FFF;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:12px;

    padding-left:3px;
    padding-right:3px;
    line-height:18px;
}

.TrustHeadTwo
{
    border: 1px solid #000;
    background-image:url('images/LogIn_strip4.jpg');
	background-repeat:repeat-x;
    color: #FFF;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:12px;
    padding-left:3px;
    padding-right:3px;  

}
.TrustColumn
{
    border: 1px solid #000;
    color: #4c4c4c;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:normal;
    text-decoration:none;
}
.hide
{
  display:none;
}
.SumIntro
{
  --margin-top: 70px;
  background-color: #444444;
  color: white;
  padding: 25px;
  padding-top: 70px;
  padding-bottom: 200px;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}