/*******************************************************************
LAYOUT SECTION
********************************************************************/
body {padding: 0;margin: 0;}
body, div, td, th, p, legend {font-size: 100%;	font-family: Arial, Helvetica, sans-serif;	font-weight: normal;}
body, div, td, th, p, legend {color: #464646;}


a:link, a:visited, a:hover, a:active {color: #01509b;}

a:link, a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: none;}

a img {border: none;text-decoration: none;}

div.fieldset{border-style: solid;border-width:1px;} 

fieldset {border-color: #C0C0C0;}
fieldset {padding: 8px 6px 8px 6px;	margin: 0 0 4px 0; }
fieldset {border-style: solid;border-width:1px;} 
fieldset table {}

INPUT {margin: 0;}

legend {color: #000000;}
legend {font-weight: bold;}

th  {text-align: left;}
th .left {text-align: left;}
th .right {text-align: right;}
th .center {text-align: center;}
th .top { vertical-align: top;}
th .middle { vertical-align: middle;}
th .bottom { vertical-align: bottom;}

td {text-align: left;}
td .left {text-align: left;}
td .right {text-align: right;}
td .center {text-align: center;}
td .top { vertical-align: top;}
td .middle { vertical-align: middle;}
td .bottom { vertical-align: bottom;}
td .nowrap { white-space: nowrap; }

TH, TR .head TD {font-weight: bold;}
TH, TR .head TD {border-bottom-color: #C0C0C0;}
TH, TR .head TD {border-bottom-style: solid; border-bottom-width: 1px;}


#AccountInformation .Data {width: 275px;}
#AccountInformation #information .Label {width: 175px;}
#AccountInformation #customRegistrationQuestions { width: 100%;}
#AccountInformation #customRegistrationQuestions .Label {width: 275px;}
#AccountInformation #email       .Label {width: 175px;}
#AccountInformation #password    .Label {width: 175px;}
#AccountInformation #settings    .Label {width: 175px;}
#AccountInformation #activity    .Label {width: 175px;}


#banner {background-repeat: no-repeat;background-position: top right;}
#banner {border-bottom-style: solid; border-bottom-width: 2px;}
#banner {background-image: url(../../media/images/banner/Banner_bg.gif);}
#banner {border-bottom-color: #000000;}
#banner {width: 100%;padding: 0;margin: 0; text-align: left;}

#cDataCell * { font-size: 100%}
#cDataCell {vertical-align: top;}

#CenterPane { width: auto; vertical-align: top;}

#ContentPaneData {width: 100%;}
#ContentPaneDataInner {width: 100%;}
#ContentPaneSeperator img {width: 10px;}
#ContentHeaderBar {background-image: url(../../Media/images/headerbar_bg.gif); background-repeat: repeat-x;}

#ContentHeaderBar #chbCell1{ width: 1px; vertical-align: top;}
#ContentHeaderBar #chbCell2{ width: 10px;}
#ContentHeaderBar #chbCell3{ width: 200px; vertical-align: middle; white-space: nowrap;}
#ContentHeaderBar #chbCell4{ width: 5px;}
#ContentHeaderBar #chbCell5{ width: 200px; text-align: left; }
#ContentHeaderBar #chbCell6{ width: 5px;}
#ContentHeaderBar #chbCell7{ width: 30%; vertical-align: middle;}
#ContentHeaderBar #chbCell8{}
#ContentHeaderBar #chbCell9{ width: 5px;}
#ContentHeaderBar #chbCell10{ vertical-align: top; width: 5px;}

#ContentPaneOuter {padding-bottom: 4px !important;padding-bottom: 33px;}
#ContentTable {}
#ContentPaneImgHeight {height: 320px;}
#ContentPane {padding-left: 10px;padding-right: 10px;padding-bottom: 15px;}

#Courses .sectionHeader {background: #d5d5d5; font-weight: bold; margin: 15px 0 5px 0; padding: 2px 0 2px 5px; width: 100%; overflow: hidden;}
#Courses .courseTypeHeader {padding: 2px 0 2px 2px; width: 100%; overflow: hidden;}
#Courses .sectionContent, #Courses .courseTypeContent {padding: 0 0 0 15px; margin: 0 0 15px 0;}
#Courses .sectionHeader .expandIcon, #Courses .sectionContent .expandIcon {float:left; margin: 1px 5px 0 0;}
#Courses .GridView .expandIcon {float:left; margin: 1px 0 0 0;}
#Courses .GridView .courseListName{padding-top: 3px;}
#Courses .GridView .coursesTextField {font-size: 12px; }
#Courses .GridView TH { border-bottom: none; font-size: 12px;}
#Courses .GridView TD.courseListInfoCell {padding-right: 3px;}
#Courses .GridView .courseListInfoIcon {padding-top: 2px;}
#Courses .GridView .courseListDescription {margin: 10px 0 10px 0;}

#divQuestionText{border-top: 1px dashed black; padding-top: 10px;}

#ExamManage .classList {list-style-type: none; margin: 0; padding: 0;}
#ExamManage .classList li {clear: both;}
#ExamManage .classList li a {width: 150px;}
#ExamManage #MenuCell {vertical-align: top; padding: 5px 15px 0 0;}
#ExamManage #ManageCell {vertical-align: top;}
#ExamManage .fieldsetContents {padding: 0 10px 10px 10px;}
#ExamManage .selectionMsg {padding: 15px 0 0 0;}
#ExamManage #ExamInfo {margin-top: 10px;}
#ExamManage .formLabels {text-align: right;}
#ExamManage .formText {padding: 2px 0 2px 25px;}
#ExamManage .listLabels {display: block; font-weight: bold;}
#ExamManage .listContainer {vertical-align: top;}
#ExamManage .listButtonsContainer {vertical-align: middle; text-align: center; padding: 0 0 0 15px;}
#ExamManage .listButton {width: 100px; margin-top: 3px;margin-bottom: 3px;}
#ExamManage legend {margin: 0; padding: 0;}

#faqContainer {width: 98%; padding-left: 15px; margin-bottom: 30px;}
#faqContainer a {display: block; padding: 5px 0; background-image: none;}
#faqContainer a.displayLink {display: inline;}
#faqContainer h3 {background-image: none; color: Black;}
#faqContainer h4 {background-image: none; color: Black;}
#faqContainer div {padding: 0;}
#faqContainer div.AnswerInnerText {margin: 10px;}
#faqContainer .AnswerInnerText a {display: inline;}


#FooterPane {} /* footer for contentpane not page */

#LeftPane {width: 200px; vertical-align: top;}

#LeftContentSeparator {width:40px;}
#LeftContentSeparator IMG {width:40px;}

#LeftPaneOuter {width: 100px; text-align:left;}
#LeftPane {padding-right: 0;}

#MiddlePane {width: 100%;}
#MiddleTable {width: 100%; }

#modalOverlay {background-color:#000; cursor:wait;}

#Newsletter .managementButtons { display: block; padding: 0 0 60px 0;}
#Newsletter .upload { margin: 0 0 5px 0; clear: both;}
#Newsletter .currentIssue {width: 100%; margin: 0 0 50px 0;}
#Newsletter .tblNewsletter {width: 100%; position: relative;}
#Newsletter th {border-bottom: none;}
#Newsletter .columnRemove {width: 20px;}
#Newsletter .columnEdit {width: 60px;}
#Newsletter .columnMonthEdit {width: 70px;}
#Newsletter .columnYearEdit {width: 70px;}
#Newsletter .columnIcon {width: 25px; text-align: center; }
#Newsletter .columnIssueDate {width: 90px; padding: 0 0 0 20px;}
#Newsletter #Loading {position: absolute;}

#RightContentSeparator {width:0;}
#RightContentSeparator IMG {width:0;}
#RightPaneOuter {}
#RightPane {width:0;}
#RightPane {vertical-align: top;}

#PurchaseRewriteModule {}
#PurchaseRewriteModule #Heading{ }
#PurchaseRewriteModule #SkillInformation{ padding-top: 10px; padding-bottom: 20px;}

#tblContainer {width: 100%;}
#tableMiddle {width: 100%;}

#tdRightSpace {width:0px;}
#tdBottom {}
#TestAnalysis , #TestAnalysis td {font-size: 13px;}
#TestAnalysis .AnalysisHeader{font-weight: bold;}
#TestAnalysis .AnalysisQuestion{font-weight: bold;}
#TestAnalysis .imgColumn{width: 22px;}


/* ACCORDION */
.accordionHeader {border: 1px solid #cccccc;color: #333;background-color: #ccddff;font-family: Arial, Sans-Serif;font-size: 12px;font-weight: bold;padding: 2px;margin-top: 2px;cursor: pointer;height: 20px;}
.accordionHeader a{	background: none;	text-decoration: none;}
.accordionHeader a:hover{	background: none;	text-decoration: underline;}
.accordionHeaderSelected{border: 1px solid #ffcc99;color: #333;background-color: #ccddff;font-family: Arial, Sans-Serif;font-size: 12px;font-weight: bold;padding: 2px;margin-top: 2px;cursor: pointer;}
.accordionHeaderSelected a{	background: none;	text-decoration: none;}
.accordionHeaderSelected a:hover{	background: none;	text-decoration: underline;}
.accordionContent{background-color: #ffffcc;border: 1px dashed #ffcc99;border-top: none;line-height: 20px;padding: 0 5px 0 5px;}

.AdhocReportNames TD{ font-size: 11px; }

.adminPanel {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; background-color: #EEEEEE; z-index: 999}
.adminPanel .label { float: left; font-weight: bold; font-size: 11px;}
.adminPanel fieldset {padding: 8px 6px 8px 6px;	margin: 0; }

.adminPanel .Last3Students {float: left; width: 45%}
.adminPanel .Last3Seminars {float: left; width: 45%}
.adminPanel .SessionExpires {float: left; width: 9%; white-space:nowrap;}

.adminPanelList {margin: 0; padding: 0; }  
.adminPanelList li { list-style-type: none; display: inline; padding-left: 10px; padding-right: 10px; }  
.adminPanelList a { color: #0B3D91;	text-decoration: none;	cursor: pointer;}  
.adminPanelList a:hover { background-color: #0B3D91; color: White; }  


/* -- Activity Uploads */
.ActivityUploadsContainer {clear: both;}

.ActivityUploadsContainer .Status {float: right; width: 48%;}
.ActivityUploadsContainer .Status .Label {width: 120px; color: #2b9aff; font-weight: bold; padding-bottom: 5px;}
.ActivityUploadsContainer .Status TD {vertical-align: top;}

.ActivityUploadsContainer .Upload {float: left; width: 48%; padding-top: 5px; margin-top: 0px;}
.ActivityUploadsContainer .Upload TD {vertical-align: top;}
.ActivityUploadsContainer .Upload .Label {color: #2b9aff; font-weight: bold;  padding-bottom: 5px;}
.ActivityUploadsContainer .Upload .Commands{padding-bottom: 15px;}

.ActivityUploadsContainer .Incomplete { background-color: #F9F9F9; }
.ActivityUploadsContainer .Submitted { background-color: #FBFF40;}
.ActivityUploadsContainer .Re-submitted { background-color: #FBFF40;}
.ActivityUploadsContainer .Failed { background-color: #FF4045;}
.ActivityUploadsContainer .Passed { background-color: #53FF40;}

/* -- Activity Posts */
.ActivityPostsContainer {clear: both;}

.ActivityPostsContainer .Incomplete { background-color: #F9F9F9; }
.ActivityPostsContainer .Submitted { background-color: #FBFF40;}
.ActivityPostsContainer .Re-submitted { background-color: #FBFF40;}
.ActivityPostsContainer .Failed { background-color: #FF4045;}
.ActivityPostsContainer .Passed { background-color: #53FF40;}

.ActivityPostsContainer .FormContainer .formHeader {display: none;}

.ActivityPostsContainer .FormContainer { margin-bottom: 20px;}

.ActivityPostsContainer .FormContainer .Submit {}
.ActivityPostsContainer .FormContainer .buttons a {}

.ActivityPostsContainer .FormContainer .Post {float: left; width: 48%; padding-top: 5px; margin-top: 0px;}
.ActivityPostsContainer .FormContainer .Post TABLE {width: 100%;}
.ActivityPostsContainer .FormContainer .Post TD {vertical-align: top;}
.ActivityPostsContainer .FormContainer .Post .Label {width: 80px; color: #2b9aff; font-weight: bold; padding-bottom: 5px;}
.ActivityPostsContainer .FormContainer .Post .txtComment {width: 100%; height: 80px;}

.ActivityPostsContainer .FormContainer .Status {float: right; width: 48%;}
.ActivityPostsContainer .FormContainer .Status .Label {width: 120px; color: #2b9aff; font-weight: bold; padding-bottom: 5px;}
.ActivityPostsContainer .FormContainer .Status TD {vertical-align: top;}

.ActivityPostsContainer .PostsContainer { clear: both;}
.ActivityPostsContainer .PostsContainer .ActivityPost {background-color: #F3F3F3; text-align: left; margin-bottom: 20px; font-size: smaller;}
.ActivityPostsContainer .PostsContainer .ActivityPost .ActivityPostHeader {height: 20px; padding: 4px 10px; border: 1px solid #d3d3d3; background-color: #e9e8e8; background-image: url(../../media/image/ACS/blogHeaderBack.gif); background-repeat: repeat-x;}
.ActivityPostsContainer .PostsContainer .ActivityPost .ActivityPostHeader .HeaderText {padding-top: 4px; width: 100%}
.ActivityPostsContainer .PostsContainer .ActivityPost .ActivityPostHeader .ScreenName {float: left; color: #2b9aff; font-weight: bold; font-size: 14px !important;}
.ActivityPostsContainer .PostsContainer .ActivityPost .ActivityPostHeader .PostDate { float: right; font-size: 8pt !important;} 
.ActivityPostsContainer .PostsContainer .ActivityPost .ActivityPostItem { padding: 5px  10px 10px 10px;}
.ActivityPostsContainer .PostsContainer .ActivityPost .ActivityPostFooter {}
.ActivityPostsContainer .PostsContainer .myPost { }

.ActivitySummary {margin-top:15px; float: left;}
.ActivitySummary th {font-weight: bold; padding: 5px 5px 5px 10px; background-color: #C0C0C0; font-size: 13px; border: 1px solid #808080;}
.ActivitySummary td {font-weight: bold;  border: 1px solid #808080;}
.ActivitySummary table { border-collapse: collapse;}
.ActivitySummary #Icon{ width: 30px}
.ActivitySummary #Name{ padding: 10px; }
.ActivitySummary #Comment{ padding: 10px; }
.ActivitySummary .Incomplete #Icon{}
.ActivitySummary .Incomplete #Name { background-color: #FFFFFF; }
.ActivitySummary .Failed #Icon{ background-image: url(../../media/images/incorrect.gif); background-repeat: no-repeat; background-position: center center; }
.ActivitySummary .Failed #Name{ background-color: #FF4045; }
.ActivitySummary .Submitted #Icon{}
.ActivitySummary .Submitted #Name {background-color: #FBFF40; }
.ActivitySummary .Re-submitted #Icon{}
.ActivitySummary .Re-submitted #Name {background-color: #FBFF40; }
.ActivitySummary .Passed #Icon{background-image: url(../../media/images/correct.gif); background-repeat: no-repeat; background-position: center center; }
.ActivitySummary .Passed #Name{background-color: #53FF40; }


.AdminLearnerAssignments #Header{padding: 5px 2px; margin: 0 0 10px 0; border: 1px solid #BDBCBB; background-color: #EFF4F5}
.AdminLearnerAssignments #Header TH{font-weight: bold; border: none;}

.AdminLearnerAssignments .Header { border-style: solid solid none solid; border-width: 1px; border-color: #BDBCBB; padding: 5px 2px; background-color: #EFF4F5; font-weight: bold; }
.AdminLearnerAssignments .Detail{ border: 1px solid #BDBCBB; margin: 0px 0 10px 0; }

.AdminLearnerAssignments TABLE{ width: 100%}
.AdminLearnerAssignments .Activities .ItemRow { vertical-align: top; }
.AdminLearnerAssignments .Status{width: 192px; padding-top: 5px;}
.AdminLearnerAssignments .Data{width: auto; border-bottom: 1px dashed #808080;}
.AdminLearnerAssignments .Score{width: 40px; padding-right: 4px; }
.AdminLearnerAssignments .Score INPUT{width: 98%; }
.AdminLearnerAssignments .TutorComment{width: 300px;}
.AdminLearnerAssignments .TutorComment TEXTAREA{width: 98%;}
.AdminLearnerAssignments .PassButton{width: 50px; height: 10px;}
.AdminLearnerAssignments .FailButton{width: 50px;}

.ajax__calendar_title {width: auto; margin:auto;}

.AssignmentsIncomplete{font-weight: bold; font-size: 90%; padding: 0px 2px 0px 2px; margin: 0 2px 0 2px;	border: 1px solid #999;	background-color: #FFFFFF;}
.AssignmentsSubmitted {font-weight: bold; font-size: 90%; padding: 0px 2px 0px 2px; margin: 0 2px 0 2px; border: 1px solid #999; background-color: #FBFF40; }
.AssignmentsFailed{font-weight: bold; font-size: 90%; padding: 0px 2px 0px 2px; margin: 0 2px 0 2px; border: 1px solid #999; background-color: #FF4045;}
.AssignmentsRe-submitted{font-weight: bold; font-size: 90%; padding: 0px 2px 0px 2px; margin: 0 2px 0 2px; border: 1px solid #999; background-color: #FBFF40;}
.AssignmentsPassed{font-weight: bold; font-size: 90%; padding: 0px 2px 0px 2px; margin: 0 2px 0 2px;	border: 1px solid #999;	background-color: #53FF40;}

.alert { border: 1px dashed #000000; background-color: #FFFF66; padding: 4px; }

/*
.AssignmentStatusHeaderStyle{ display: none;}
.AssignmentStatusItemStyle{ display: none;}
*/
.backgroundFaint{background-color: #fffff6;}
.backgroundLight{background-color: #fffff6;}
.backgroundDark{background-color: #f7f7f7;}
.backgroundBlack{background-color: #000000;}
.backgroundWhite{background-color: #FFFFFF;}

.borderLight{border-style: solid;border-width:1px;}
.borderDark{border-style: solid;border-width:1px;}
.borderBlack{border-style: solid;border-width:1px;}
.borderWhite{border-style: solid;border-width:1px;}

.borderLight{border-color: #a2b1cb;}
.borderDark{border-color: #2c66cb;}
.borderBlack{border-color: #000000;}
.borderWhite{border-color: #FFFFFF;}

/* BUTTONS */
.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #666;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:90%;
    line-height:130%;
    text-decoration:none;
    font-weight: bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
.buttons button img, .buttons a img{
    margin:-3px 3px -3px 0 !important;
    padding:0; border:none; width:16px; height:16px;
}
button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
    text-decoration:none;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}
.smallbuttons a {
    display:block;
    float:left;
    margin:1px 0 1px 0;
    background-color:#f5f5f5;
    border:1px solid #666;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:90%;
    line-height:130%;
    text-decoration:none;
    font-weight: normal;
    color:#565656;
    cursor:pointer;
    padding:1px 5px 2px 5px; /* Links */
}

.smallbuttons a img{margin:0 3px -3px 0 !important; padding:0; border:none; width:16px;height:16px;}
.smallbuttons a:hover{background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699; text-decoration:none;}
.smallbuttons a:active{background-color:#6299c5;border:1px solid #6299c5; color:#fff;}


.cmdButton {color : #243216; background-color : #eaf6ff;}

.clearBoth{ clear: both;}
.clearRight{ clear: right;}
.clearLeft{ clear: left;}

.codeText {font-family: Courier, Terminal; font-size: 10px;}

.CompanyRoles {margin-top:15px; border: 1px solid #808080; width: 300px; height: 40px;}

.CompanyRoleDisabled #CompanyRoleIcon{ width: 40px; height: 40px; float: left; background-image: url(../../media/images/cancel.png); background-repeat: no-repeat; background-position: center center; }
.CompanyRoleDisabled #CompanyRoleName{ width: 240px; height: 20px; padding: 10px; background-color: #FF9797; float: left; cursor: pointer;}
.CompanyRoleEnabled #CompanyRoleIcon{ width: 40px; height: 40px; float: left; background-image: url(../../media/images/tick.png); background-repeat: no-repeat; background-position: center center; }
.CompanyRoleEnabled #CompanyRoleName { width: 240px; height: 20px; padding: 10px; background-color: #A8FFC5; float: left; cursor: pointer;}
.CompanyRolesFieldSet{padding: 0 15px 15px 15px; margin: 0;}

.confirm {font-weight:bold; padding: 5px;}

.ContentContainer {margin-left: 22px;}
.CourseInfoButtons {}

/* COURSE INFO BUTTONS */
.CourseInfoButtons a, .CourseInfoButtons button{
    display:block;
    float:left; 
    margin:0 4px 0 0;
    color:#FFFFFF;
    background-color:#1f91ff;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:11px;
    line-height:13px;
    text-decoration:none;
    font-weight: bold;    
    cursor:pointer;
    padding:2px 7px 2px 5px; /* Links */
    white-space: nowrap;
}
.CourseInfoButtons button{ width:auto; overflow:visible;}
.CourseInfoButtons button img, .CourseInfoButtons a img{
    margin:0 2px -2px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
.CourseInfoButtons a:hover{ background-color:#0070ff; text-decoration:none;}

.courseListTickets {width: 100px;}

.CompanySearch{ width: 450px}
.CompanyEdit{ width: 450px}
.CustomRegistrationQuestions{ display: none;}
/*--------------------------------------------------------------*/
/* DATEPICKER STYLES
/*--------------------------------------------------------------*/
.datepickerTable{	border: 1px solid #aaaaaa;	padding: 0;	font-size: 11px;	display: inline;}
.datepickerTable A:Link, .datepickerTable A:Visited, .datepickerTable A:Active{	padding: 4px 4px 3px 3px;	font-family: Wingdings 3;	font-size: 10px; font-weight: normal; text-decoration: none; color: #333333;	background-color: #eeeeee; height: 16px; line-height: 16px; border-left: 1px solid #aaaaaa;}
.datepickerTable A:Hover{	text-decoration: none; 	color: white;	background-color: #aaaaaa;}
.datepickerTable SPAN{	padding: 0;	font-family: wingdings;	font-size: 16px;	font-weight: normal;	text-decoration: none;	color: #8EA8DB;	background-color: Transparent;		cursor: default;}
.datepickerTable INPUT{	font-size: 10px;	background-color: white;	border: 1px none #aaaaaa;}
/*--------------------------------------------------------------*/
/* DATEPICKER CLIENT STYLES
/*--------------------------------------------------------------*/
.dateBody{	font-size: 11px;	padding: 0;	margin: 0;	font-family: Verdana, Arial, Helvetica, sans-serif;}
.datepickerClientTable{	border: 1px solid #aaaaaa;	padding: 0;}
.datepickerClientTable .headerText{	font-size: 11px;	color: #1E4A7F;}
.datepickerClientTable .headerText A{	padding-top: 4px;	height: 20px;	width: 100%;	font-size: 10px;	font-weight: normal;	font-family: Wingdings 3;	color: #333333;	text-decoration: none;}
.datepickerClientTable .headerText A:Hover{	color: white;	background-color: #aaaaaa;}
.datepickerClientTable .headerText TD{	border: none;	height: 20px;	text-align: center;	padding: 0;}
.datepickerClientTable .weekText{	font-size: 10px;	font-weight: bold;	color: #1E4A7F;}
.datepickerClientTable .weekText TD{	border: none;	width: 14%;	height: 20px;	padding: 1px 1px 1px 1px;	text-align: center;}
.datepickerClientTable .dayText{	}.datepickerClientTable .dayText TD{	height: 20px;	text-align: center;}
.datepickerClientTable .dayText A{	padding-top: 3px;	height: 20px;	width: 100%;	font-size: 11px;	font-weight: normal;	color: #666666;	background-color: transparent;	text-decoration: none;}
.datepickerClientTable .dayText A:Hover{	color: White;	background-color: #8EA8DB;}
.datepickerClientTable .dayText .dayToday{	padding-top: 3px;	height: 20px;	width: 100%;	font-size: 11px;	font-weight: normal;	color: white;	background-color: #aaaaaa;	text-decoration: none;}
.datepickerClientTable .dayText .dayToday:Hover{	color: White;	background-color: #8EA8DB;}
.datepickerClientTable .dayText .daySelected{	padding-top: 3px;	height: 20px;	width: 100%;	font-size: 11px;	font-weight: normal;	color: white;	background-color: #ff8800;	text-decoration: none;}
.datepickerClientTable .dayText .daySelected:Hover{	color: White;	background-color: #ff8800;}


.defaultDate img{width: 24px;height: 18px;}
.defaultDate{white-space: nowrap;}

.defaultError {color: Red;}
.defaultInputRight {text-align: right;}

.defaultLink .imgN {display: inline;cursor: pointer;text-decoration: none;}
.defaultLink .imgO {display: none;text-decoration: none;}
.defaultLink:Hover {text-decoration: underline;border: none;cursor: pointer;}
.defaultLink:Hover .imgN {display: none;text-decoration: none;}
.defaultLink:Hover .imgO {display: inline;cursor: pointer;text-decoration: none;}
 
.defaultSuccess {color: #008000;}

.DirectoryFileList .FileListBlindBox {margin: 0;padding: 0; width:90%;}
.DirectoryFileList .FileListContainer {margin: 5px 5px 5px 20px; width:90%;}
.DirectoryFileList .DirectoryLink a  { display: block; margin-left: -22px; padding-left: 22px; text-decoration: none;}
.DirectoryFileList .DirectoryLink {display: block; font-weight: bold;padding-left: 22px !important;background: url(../../media/images/folder.gif) left center no-repeat;}
.DirectoryFileList .FileLink a { display: block; margin-left: -22px; padding-left: 22px; text-decoration: none;}
.DirectoryFileList .FileLink { display: block; padding-left: 22px !important; background: url(../../media/images/file.gif) left center no-repeat;}
.DirectoryFileList .FileLink a:hover, .DirectoryLink a:hover {text-decoration: none;}

.DirectoryFileList .imageFile {padding-left: 22px !important; background: url(../../media/images/file_photo.gif) left center no-repeat;}
.DirectoryFileList .wordFile {padding-left: 22px !important; background: url(../../media/images/file_word.gif) left center no-repeat;}
.DirectoryFileList .excelFile {padding-left: 22px !important; background: url(../../media/images/file_excel.gif) left center no-repeat;}
.DirectoryFileList .powerpointFile {padding-left: 22px !important; background: url(../../media/images/file_ppt.gif) left center no-repeat;}
.DirectoryFileList .pdfFile {padding-left: 22px !important; background: url(../../media/images/file_pdf.gif) left center no-repeat;}
.DirectoryFileList .txtFile {padding-left: 22px !important; background: url(../../media/images/file_txt.gif) left center no-repeat;}

.displayBlock {display: block;}
.displayNone {display: none;}

.d0grid .itemN {cursor: pointer;}
.d0grid .itemO {cursor: pointer; background-color: #FFFFBF;}
.d0grid {border-collapse: collapse; border: none; font-size: smaller;}
.d0grid .head TD {border-bottom: 1px solid #ffe19d;}
.d0grid .foot TD {font-weight:bold; border-top: 1px solid #ffe19d; }

.EditableRow{ padding-top: 2px; padding-bottom: 2px;}
.EditableRow:hover { background-color: #FFFF99; cursor: pointer; }

.emailLabel{	font-size: 12px;	color: #333333;}
.emailHeader{ font-size: 12px;    font-weight: normal;    text-decoration : none;    color: #1E4A7F;}
.emailItemsHeaderTable{}
.emailItemsHeaderRow{	padding: 1px 2px 1px 2px;	font-size: 12px;    color: #1E4A7F;}
.emailItemsHeaderRow TH{	font-weight: normal;	border-bottom: 1px solid #8EA8DB;}
.emailItemsRow{	padding: 1px 2px 1px 2px;	font-size: 12px; font-weight: normal;    text-decoration : none;}

.ExamAttemptsPass{font-weight: bold; font-size: 90%; padding: 0px 2px 0px 2px; margin: 0 2px 0 2px;	border: 1px solid #999;	background-color: #aaffaa;}
.ExamAttemptsFail{font-weight: bold; font-size: 90%; padding: 0px 2px 0px 2px; margin: 0 2px 0 2px; border: 1px solid #999; background-color: #ffaaaa;}
.ExamAttemptsPass2 {font-weight: bold; font-size: 80%; padding: 0px 2px 0px 2px; margin: 0 2px 0 2px; border: 1px solid #999; background-image: url(../../media/images/passed-bg.gif); background-repeat: repeat-x; background-position:center center; }
.ExamAttemptsFail2 {font-weight: bold; font-size: 80%; padding: 0px 2px 0px 2px; margin: 0 2px 0 2px; border: 1px solid #999; background-image: url(../../media/images/failed-bg.gif); background-repeat: repeat-x; background-position:center center; }

.fileManager {background-color: #fff;position: relative;}
.fileManager .tblFileManger {width: 100%; border-collapse: collapse;}
.fileManager .tblFileManger .tdDirTree {vertical-align: top; width: 15%; border: 1px solid black; padding: 5px;}
.fileManager .tblFileManger .tdFileList {vertical-align: top; width: 85%; border: 1px solid black; padding: 5px;}
.fileManager .tblFileManger .tdfileManagerBar {vertical-align: top; background-color: #D1EAC5; color:#09360d; padding: 2px 10px 2px 24px; border: 1px solid #09360d;}
.fileManager .foldersHeader {background-color: #D1EAC5; color:#09360d; padding: 2px; border-bottom: 1px solid #C0C0C0;}
.fileManager a.btnFolderSubmit {border: 1px solid #006427; background-color: #D1EAC5; color: #09360d; font-size: 14px; line-height: 14px; padding: 0 5px; margin: 0 0 0 0; text-decoration: none;}
.fileManager a.btnFolderSubmit:hover { background-color: #006427; color: #fff;}
.fileManager .btnFolderSubmit img {margin: 2px 0;}
.fileManager .fileNodeHover { text-decoration: underline !important;}
.fileManager .fileNodeSelected { background-color: #D1EAC5; }
.fileManager .fileNodeSelected a {color:#09360d;}
.fileManager .headerStyle {background: #D1EAC5;color: #09360d; font-size: 14px; font-weight:bold; padding: 5px; border-bottom: 1px solid #8AC96B;}
.fileManager .tblFiles {width: 100%;}
.fileManager .columnRemove {width: 20px;}
.fileManager .columnEdit {width: 40px; }
.fileManager .divFiles {min-width: 335px;}
.fileManager .rowStyle {background: #F2F9EE; height: 25px; }
.fileManager .rowAltStyle {background: #fff; height: 25px;}
.fileManager .rowStyle a, .fileManager .rowAltStyle a {white-space: nowrap;}
.fileManager #Loading {position: absolute;}

.footer {height: 27px; padding: 0;margin: 0;}
.fontSmall{font-size: 11px;}
.fontMedium{font-size: 12px;}
.fontLarge{font-size: 14px;}

.fontBoldSmall{font-size: 11px;font-weight: bold;}
.fontBoldMedium{font-size: 12px;font-weight: bold;}
.fontBoldLarge{font-size: 14px;font-weight: bold;}

.fontColorLight{color: #464646}
.fontColorDark{color: #464646}
.fontColorWhite{color: #FFFFFF}
.fontColorBlack{color: #000000}

.footerCopyRight {font-size: 80%;}

.GridView { font-size: 85%; }

.GridView .HeaderStyle{}
.GridView .RowStyle{}
.GridView .AlternatingRowStyle{	background-color: #F6F6F6;}
.GridView TD { padding: 2px 15px 2px 0; border-bottom: 1px dashed #999}
.GridView TD.nopadding{ padding: 0;}

.GridView .rowHover{cursor: pointer;}
.GridView .rowHover TD{cursor: pointer;}

.indexCell {padding: 1px 0 5px 0;}
.intfNavPages{font-weight: bold;font-size: 11px;}

.listTable{font-size: smaller;}
.listTable .rowHeader th, .listTable .rowHeader td{text-align: left;  text-decoration: none;font-weight: bold; border-bottom: 1px solid #ffe19d; }
.listTable .rowHeader a {font-size: 13px;font-weight: normal;font-weight: bold;}
.listTable .rowHover{cursor: pointer;}
.listTable .balanceTotal {	background-color: #EEEEEE;font-weight: bold;color: #2653a0;	border: 1px solid #ffe19d;}
.listTable .balanceEquals {color: #2653a0;	border-bottom: 1px solid #ffe19d;}
.listTable .orderAmount {	font-weight: bold; color: #2653a0;}

.logonLink {padding: 3px 0 3px 0;}
#LoginSignin {padding: 80px; text-align: center;}
#LoginSigninTable {margin: 0 auto;}
.loginTable TD {padding: 5px;}
.logonTitle {padding-left: 35px; vertical-align: middle; margin-bottom: 1px; line-height: 18px;}
.logonTitle {font-weight:bold;}
.logonTitle {color: #ffffff; background-color: #01509b;}


.MasterCourseActions { height: 50px;}

.menuLink {text-decoration: none;cursor: pointer;}
.menuLink IMG {border: none;}
.menuLink .imgN {display: inline;cursor: pointer;}
.menuLink .imgO {display: none;}
.menuLink:Hover {text-decoration: underline;border: none;cursor: pointer;}
.menuLink:Hover .imgN {display: none;}
.menuLink:Hover .imgO {display: inline;cursor: pointer;}
.menuOver {}
.menuOver IMG {border: none;}
.menuOver .imgN {display: none;}
.menuOver .imgO {display: inline;}

.ModuleGrid .MouseOver {cursor: pointer;}
.ModuleGrid .MouseOver {background-color: #FFFFBF;}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	padding:1px;
}
.NameSearch{ width: 300px}

.OnlineRequestForm {}
.OnlineRequestForm .defaultLabel { width: 125px;}
.OnlineRequestForm INPUT { width: 200px;}
.OnlineRequestForm TEXTAREA { width: 300px; height: 100px;}


.RoundedBox  {position: relative; width: auto !important; width: 98%;  padding: 12px;  margin: 0 0 15px 0; background-color: #f2f2f2;}
.RoundedBox .hlicorner {font-size: 0; background-repeat: no-repeat; padding: 0; margin: 0;width: 12px; height: 12px;position: absolute;}
.RoundedBox .hlitl { top: 0; left: 0; background-image: url(../../media/images/hli_tl.gif);}
.RoundedBox .hlitr { top: 0; right: 0; background-image: url(../../media/images/hli_tr.gif);}
.RoundedBox .hlibl { bottom: 0; left: 0; background-image: url(../../media/images/hli_bl.gif);}
.RoundedBox .hlibr { bottom: 0; right: 0;	background-image: url(../../media/images/hli_br.gif);}

.SkillInfoContainer {border: 1px solid #bdbcbb; padding: 1px; width: 95%; margin-bottom: 10px; vertical-align: middle;}
.SkillInfoContainer .SkillInfoHeader {background-color: #dcdcdc; padding-left: 2px; padding-right: 2px; vertical-align: middle; overflow: hidden;}
.SkillInfoContainer .SkillInfoHeader .tdExpand {width: 30px;}
.SkillInfoContainer .SkillInfoHeader .tdSkillName {width: auto; padding-right: 5px;}
.SkillInfoContainer .SkillInfoHeader .tdSkillInfoBar {width: 110px;}
.SkillInfoContainer .SkillInfoHeader .tdButtons {width: 355px; white-space: nowrap; text-align:right;}
.SkillInfoContainer .SkillInfoHeader .tdButtons .lblDaysRemaining {font-size: 9px; float: left; margin: 3px 0px 0px 5px;}
.SkillInfoContainer .SkillInfoHeader .SkillInfoBarContainer {height: 13px; width: 100px; background-color: #ffffff; vertical-align: middle; padding: 1px; border: 1px solid #616161; overflow: visible;}
.SkillInfoContainer .SkillInfoHeader .SkillInfoBarContainer .SkillInfoBar {width: 100px; font-size: 9px; text-align: center; overflow: visible; line-height: 13px;font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;}
.SkillInfoContainer .SkillInfoHeader .ExpandIcon {}
.SkillInfoContainer .SkillInfoHeader .CourseInfoButtons {vertical-align: middle;}
.SkillInfoContainer .SkillInfoHeader .CourseInfoButtons .PurchaseButtonsLabel {float: left; margin:2px 4px 0 0;font-size: 11px; }
.SkillInfoContainer .SkillInfoDetails {width: 100%; padding: 0px; margin: 0px;}
.SkillInfoContainer .SkillInfoDetails .InnerDiv {margin: 5px;}
.SkillInfoContainer .SkillInfoDetails .FullCourseName {padding: 5px 5px 5px 5px;}
.SkillInfoContainer .SkillInfoDetails .Description {padding: 5px 5px 5px 5px;}
.SkillInfoCourseCategoryName { font-size: 16px; font-weight: bold; color: #0156A6; padding: 10px 0 10px 0; }
.SkillInfoCourseCategoryDescription { padding: 0 0 22px 0; }

.SkillInfoStatePassed {background-color: #84b840;}
.SkillInfoStateFailed {background-color: #eb7d61;}
.SkillInfoStateNoMoreAttempts {background-color: #eb7d61;}
.SkillInfoStateExpired {background-color: #ffb400;}
.SkillInfoStateEnrolled {background-color: #ffffff;}
.PreReqRequired { display: none;}
/*--------------------------------------------------------------*/
/* TEMPLATES
/*--------------------------------------------------------------*/
.TemplatesEditButton{ text-align:right; padding: 0; margin: 0; font-size: 14px;}
#TemplateEditOuter{ width: 98%;}
#TemplateEditLeftPane{ vertical-align: top; width: 130px; border: silver 1px solid; padding: 2px 2px 2px 2px; margin-right: 5px; background-color: #f6f7f4}	
#TemplateEditMiddlePane{ vertical-align: top; text-align: center; border: silver 1px solid; padding: 2px 2px 2px 2px; background-color: #fff}
#TemplateEditMiddlePane TextArea { width: 100%; border-width: 0; height: 100%;} 
.HistoryList { list-style-type: none; padding-left: 5px; margin: 0; padding-top: 5px; padding-bottom: 10px; } 
.HistoryList LI{ padding-bottom: 5px; font-size: smaller;} 

/* MASTER EDITING TEMPLATE HTML - Templates.aspx */
#TemplatesLeftPane{ vertical-align: top; width: 170px; border: silver 1px solid; padding: 2px 2px 2px 2px; margin-right: 5px; background-color: #f6f7f4}	
#TemplatesMiddlePane{ vertical-align: top; text-align: Left; border: silver 1px solid; padding: 2px 2px 2px 2px;}

/* JIFFYCMS Editor */
.ctl11_Editor1_css_iframehtmlstyle body{
	background-color:#FFFFFF;
	position: static; 
	background-image: none;
}
.ctl12_Editor1_css_iframehtmlstyle body{
	background-color:#FFFFFF;
	position: static; 
	background-image: none;
}
.ctl12_ctrEditor_css_iframehtmlstyle body{
	background-color:#FFFFFF;
	position: static; 
	background-image: none;
}
.ctl12_ctl00_ctrEditor_css_iframehtmlstyle body{
	background-color:#FFFFFF;
	position: static; 
	background-image: none;
}

.TemplateList { list-style-type: none; padding-left: 5px; margin: 0; padding-top: 5px; padding-bottom: 10px; } 
.TemplateList LI{ padding-bottom: 2px; font-size: 11px; line-height: 18px; white-space: nowrap; }

.TemplatesFilename{ font-size: large;}
.TemplatesEditLink{ padding: 20px;}
/*--------------------------------------------------------------*/
/* TIMEPICKER STYLES
/*--------------------------------------------------------------*/
.timepickerTable{	border: 1px solid #aaaaaa;	padding: 0;	display: inline;}
.timepickerTable A:Link, .timepickerTable A:Visited, .timepickerTable A:Active{ padding: 4px 4px 3px 3px;	font-family: Wingdings 3;	font-size: 10px; font-weight: normal; text-decoration: none; color: #333333;	background-color: #eeeeee; height: 16px; line-height: 16px; border-left: 1px solid #aaaaaa;}
.timepickerTable A:Hover{	text-decoration: none; 	color: white;	background-color: #aaaaaa;}
.timepickerTable SPAN{	padding: 0; font-family: wingdings;	font-size: 16px;	font-weight: normal;	text-decoration: none;	color: #8EA8DB;	background-color: Transparent;	cursor: default;}
.timepickerTable INPUT{	font-size: 10px;	background-color: white;	border: 1px none #aaaaaa;}

/*--------------------------------------------------------------*/
/* TIMEPICKER CLIENT STYLES
/*--------------------------------------------------------------*/
.timeBody{	font-size: 11px;	padding: 0;	margin: 0;	font-family: Verdana, Arial, Helvetica, sans-serif;	border: none;}
.timepickerClientTable{	border: 1px none #8EA8DB;	padding: 0;	font-size: 10px;	border-collapse: collapse;}
.timepickerClientTable .timeRow{	background-color: Transparent;}
.timepickerClientTable .timeRow TD{	color: #333333;}
.timepickerClientTable .timeRow A{	font-size: 10px;	font-weight: normal;	text-decoration: none;	width: 100%;	color: #666666;}
.timepickerClientTable .timeRow .hourSelected{	background-color: #ff8800;	color: White;}
.timepickerClientTable .timeRow .minuteSelected{	background-color: #ff8800;	color: white;}
.timepickerClientTable .timeRowOver{	cursor: default;	color: #333333;	background-color: #eeeeee;}
.timepickerClientTable .timeRowOver A{	font-size: 10px;	font-weight: normal;	text-decoration: none;	width: 100%;	color: #666666;	background-color: #eeeeee;}
.timepickerClientTable .timeRowOver A:Hover{	color: white;	background-color: #8EA8DB;}
.timepickerClientTable .timeRowOver .hourSelected{	background-color: #ff8800;	color: White;}
.timepickerClientTable .timeRowOver .minuteSelected{	background-color: #ff8800;	color: white;}
.timepickerClientTable .timeRowOver .minuteSelected:Hover{	background-color: #ff8800;	color: white;}

.TGTestFinalExam { border: 1px solid #E0E0E0;}
.TGTestFinalExam TD { border: 1px solid #E0E0E0;}

.TOCBand, .TOCBandHover, .TOCBandSelected {}
.TOCBand, .TOCBand a {}
.TOCBandHover, .TOCBandSelected, .TOCBandHover a, .TOCBandHover a:hover, .TOCBandSelected a {}
 
.TOCModule, .TOCModuleHover, .TOCModuleSelected {}
.TOCModule, .TOCModule a {}
.TOCModuleHover, .TOCModuleSelected, .TOCModuleHover a, .TOCModuleHover a:hover, .TOCModuleSelected a {}

.TOCContent {}
.TOCContentHover, .TOCContentSelected {}
.TOCContent, .TOCContent a {}
.TOCContentHover, .TOCContentSelected, .TOCContentHover a, .TOCContentHover a:hover, .TOCContentSelected a {}

.TOCBand, .TOCBandHover, .TOCBandSelected,.TOCModule, .TOCModuleHover, .TOCModuleSelected, .TOCContent, .TOCContentHover, .TOCContentSelected 
{
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	border-bottom: 1px solid #737373;
	line-height: 20px;
}
.TOCBand, .TOCBandHover, .TOCBandSelected,.TOCModule, .TOCModuleHover, .TOCModuleSelected {}
.TOCContent, .TOCContentHover, .TOCContentSelected {font-size: 11px;}

.TOCBand, .TOCBandHover, .TOCBandSelected,.TOCModule, .TOCModuleHover, .TOCModuleSelected {width: 190px;padding: 3px;}
.TOCContent, .TOCContentHover, .TOCContentSelected {padding-left: 10px;padding-right: 5px;width: 181px !important;width: 190px;}
.TOCBandHover, .TOCBandSelected, .TOCModuleHover, .TOCModuleSelected, .TOCContentHover, .TOCContentSelected {cursor: pointer;}
.TOCBandHover a:hover, .TOCModuleHover a:hover, .TOCContentHover a:hover {text-decoration: none;}


.updateProgress{	position: absolute;	background-color: #fff;	filter: alpha(opacity=70);	MozOpacity: 0.7;	opacity: 0.7;	padding: 0px;	margin: 0px;}
.updateProgress div{	background-color: white;	padding: 4px;	position: absolute;	top: 10%;	left: 50%;}

/*--------------------------------------------------------------*/
/* UPDOWN STYLES
/*--------------------------------------------------------------*/
.updownTable {border: 1px solid #aaaaaa;padding: 0;display: inline;}
.updownTable SPAN {padding: 0; background-color: Transparent;cursor: default;}
.updownTable INPUT {font-size: 10px;width:40px;background-color: white;border: none}
.updownButton {padding: 1px; background-color: Transparent;}

.UpperCase { text-transform:uppercase;}

.watermarked{	padding: 2px 0 2px 2px;	border:1px solid #BEBEBE;	background-color:#F0F8FF;	color:gray;}	

.wizardaTable{}
.wizardaTable .rowHeader{	padding: 2px 2px 2px 5px;	font-size: 11px;	color: #0B3D91;}
.wizardaTable .rowHeader .stepComplete{	font-size: 11px;	color: Green;}
.wizardaTable .rowNormal{	padding: 1px 2px 1px 0;	font-size: 11px; color: #333333;}
.wizardaTable .rowNormal INPUT{	font-size: 10px;}
.wizardaTable .rowNormal SELECT{	border: 1px solid #000000;	font-size: 10px;}
.wizardTable{	cursor: default;}
.wizardTable .wizardText{	padding-left: 5px;	font-size: 10px;}
.wizardTable .wizardSelText{	padding-left: 5px;	font-size: 10px;	color: #0B3D91;}
.wizardTable .wizardDisText{	padding-left: 5px;	font-size: 10px;	color: #aaaaaa;}
.wizardTable .wizardImage{	}
.wizardTable .wizardImage .imgN{	display: inline;}
.wizardTable .wizardImage .imgO{	display: none;}
.wizardTableOver{	cursor: default;}
.wizardTableOver .wizardText{	padding-left: 5px;	font-size: 10px;	color: #0b3d91;}
.wizardTableOver .wizardSelText{	padding-left: 5px;	font-size: 10px;	color: #0B3D91;}
.wizardTableOver .wizardImage{	}
.wizardTableOver .wizardImage .imgN{	display: none;}
.wizardTableOver .wizardImage .imgO{	display: inline;}
