@charset "UTF-8";
/* CSS Document */

/* Login Account Styles */


div.bodyText, {overflow:auto !important;}

.clearHack { clear: both; width: 100%; height: 0; line-height: 0; font-size: 0;
margin: 0; padding: 0; border: 0; }

.userInfo {
	float:left;
	width:615px;
	height:auto;
}

#trainerLoginPage .userInfo, #adminLoginPage .userInfo, #agentsPage .userInfo, #coursesPage .userInfo {
	width:860px;
	padding:5px 20px;
}

.newContain {
	width:100%;
	height:auto;
	display:block;
}

.newOptions {
	display:block;
	float:left;
	width:26%;
	height:100%;
	margin-left:10px;
}

.userInfo .submitButton {
	width:88px;
	height:40px;
	background:url(../images/searchButton.png) no-repeat 0 0;
	border:none;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000;
	font-size:18px;
	line-height:15px;
	margin-bottom:10px;
	letter-spacing:-0.5px;
	cursor:pointer;
}

.newContent {
	display:block;
	float:left;
	width:70%;
	height:100%;
}

.userInfo form.newContent input { 
	width:96%;
	height:22px;
	padding:5px 10px 6px 10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#006ab3;
	font-size:18px;
	border:1px #777 solid;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.userInfo form.newContent textarea {
	width:96%;
	height:65%;
	padding:5px 10px 6px 10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:13px;
	border:1px #777 solid;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.userInfo form.newAssessment input {
	padding:5px 10px 6px 10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#006ab3;
	border:1px #777 solid;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;		
}


.manageAccount {
	float:left;
	width:220px;
	height:auto;
	margin-left:5px;
}


.tabNav {
	 display:block;
	 float:left;
	 margin-left:-10px;
}

.tabNavContent {
	display:block;
	border-left:1px #777 solid;
	border-left:1px rgba(125,125,125,0.3) solid;
	padding:5px 10px;
	min-height:140px;
	overflow:auto;
}

.tabNavContent label {
	width:100%;
	font-size:11px;
	display:block;
}

.tabNavContent label input, .tabNavContent label select {
	float:right;
}

.tabNav .tab {
	padding:2px 4px 0 4px;
	border:1px #777 solid;
	border:1px rgba(125,125,125,0.3) solid;
	border-right:none;
	background:#777;
	background:rgba(125,125,125,0.1);
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
}

.tabNav .tab img {opacity:0.4;}
.tabNav .tab.active img {opacity:1.0;}
.tabNav .tab:hover img {opacity:1.0;}
.tabNav .tab.active {
	background:#FFF;
	padding-right:5px;
	margin:0 -1px 0 -5px;
	position:relative;
}
.editPanel .tabNav .tab.active {
	background:#111;
}

.tabNavContent .tabContent {
	display:none;
}

.tabNavContent .tabContent.active {display:block;}

.expandButton {
	width:20px;
	height:20px;
	margin:-2px -2px -2px 10px;
	background:url(../images/expand.png) no-repeat 0 0;
	float:right;
}

a.active .expandButton {background:url(../images/expand.png) no-repeat -20px 0;}

.editButton {
	float:right; 
	margin:-3px 5px 0 20px; 
	padding:2px 20px 2px 5px; 
	background:#ffa800 url(../images/editButton.png) no-repeat right center;
	font-size:14px;
	font-weight:bold;
	letter-spacing:-1px;
	color:#000; 
	text-transform:none;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	cursor:pointer;
}
.editButton:hover {background:#fff url(../images/editButton.png) no-repeat right center;}

.deleteButton {
	float:right;
	margin-top:-3px;
	margin-right:10px; 
	padding:2px 20px 2px 5px; 
	background:#D00 url(../images/deleteButton.png) no-repeat right center;
	font-size:14px;
	font-weight:bold; 
	letter-spacing:-1px;
	color:#000; 
	text-transform:none;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	cursor:pointer;
}
.deleteButton:hover {background:#fff url(../images/deleteButton.png) no-repeat right center;}

.panel {display:none;}

.editBar {
	width:100%;
	height:20px;
	background:#111;
	border-bottom:#006ab3 1px solid;
	color:#777;
	font-size:16px;
	letter-spacing:-0.5px;
	text-align:right;
	padding:8px 10px 2px 10px;
	margin:-10px -10px 0 -10px;
}

.editPanel {
	width:100%;
	background:#111;
	color:#FFF;
	padding:10px;
	margin:0 -10px;
	overflow:auto;
}

.userInfo ul, .manageAccount ul {
	font-size:16px;
	font-weight:400;
	margin-bottom:5px;
	color:#000;
	padding:10px;
	letter-spacing:0.5px;
	list-style-type:none;
	text-align:left;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
}


.userInfo>div>ul, .manageAccount>div>ul {
	font-size:18px;
	font-weight:bold;
	background:#FFF;
	text-transform:lowercase;	
	-moz-border-radius:8px;
	-webkit-border-radius:8px;

}

.userInfo.unfocused>div>ul, .manageAccount.unfocused>div>ul {
	font-size:18px;
	font-weight:400;
	background:#FFF;
	color:#777;
}


.userInfo ul li, .manageAccount ul li {
	margin:3px; 
	opacity:0.0; 
	filter:alpha(opacity=0);
	text-transform:capitalize;
	padding:7px 7px 0 7px;
	position:relative;
	z-index:1;
}

.userInfo ul, .manageAccount ul {
	position:relative;
	z-index:50;	
}

li span.shadowLeft {
	position:absolute;
	top:0;
	left:0;
	height:50px;
	width:250px;
	background:url(../images/listShadow.png) left top no-repeat;
	z-index:2;
}

li span.shadowRight {
	position:absolute;
	top:0;
	right:0;
	height:50px;
	width:250px;
	background:url(../images/listShadow.png) right top no-repeat;
	z-index:2;
}

.userInfo>div, .manageAccount>div {margin-bottom:5px;}

.userInfo>div>ul ul:hover, .manageAccount>div>ul ul:hover {background:url(../images/listHover.png) no-repeat center top;}
.userInfo>div>ul ul.active, .manageAccount>div>ul ul.active {background:url(../images/listActive.png) no-repeat center top;}
.userInfo>div>ul ul.active:hover, .manageAccount>div>ul ul.active:hover {background:url(../images/listActive.png) no-repeat center top;}

.userInfo ul>a, .manageAccount ul>a {padding:10px; margin:-10px; display:block;}
.userInfo ul a img, .manageAccount ul a img {border:none; margin:-4px 10px -7px -3px; float:left;}
.userInfo ul a .author {font-size:11px; color:#666; font-weight:400;}

.userInfo ul a:hover, .manageAccount ul a:hover {color:#006ab3; cursor:pointer;}
.userInfo li a:hover, .manageAccount li a:hover {font-weight:400;}

.userInfo .unread ul{color:#000; background:url(../images/listAttention.png) no-repeat center top; font-weight:bold;}
.userInfo .unread ul:hover {color:#ffa800; font-weight:bold; background:url(../images/listAttention.png) no-repeat center top; }
.userInfo .unread ul:hover a:hover {color:#ffa800; font-weight:bold;}

.userInfo .details, .manageAccount .details {float:right; font-size:10px; font-weight:400; text-transform:none; }

.userInfo a, .userInfo a:hover, .manageAccount a, .manageAccount a:hover {text-decoration:none; border:none;}
.userInfo a.active, .userInfo a.active:hover, .manageAccount a.active, .manageAccount a.active:hover {font-weight:bold;}

.userInfo p, .manageAccount p {font-size:12px; line-height:17px; margin-top:4px;}

.userInfo .noticeBox {
	background:#111;
	color:#FFF;
	padding:10px 10px 0 10px;
	border-bottom:#FFF 10px solid;
	text-transform:none;
	margin:-10px -10px -20px -10px;
}

.userInfo li a[href$=".pdf"] {
	background: #FFF url(../images/pdfIcon.png) no-repeat 2px 50%;
	padding:5px 5px 5px 27px;
	border:#999 1px solid;
	color:#000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.userInfo li a[href$=".pdf"]:hover {
	background: #006ab3 url(../images/pdfIcon.png) no-repeat 2px 50%;
	color:#FFF;
	font-weight:bold;
}

.userInfo li a[href$=".doc"] {
	background: #FFF url(../images/docIcon.png) no-repeat 2px 50%;
	padding:5px 5px 5px 27px;
	color:#000;
	border:#999 1px solid;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.userInfo li a[href$=".doc"]:hover {
	background: #006ab3 url(../images/docIcon.png) no-repeat 2px 50%;
	color:#FFF;
	font-weight:bold;
}

.userInfo hr {
	border:none;
	background:#777;
	height:1px;
	margin:0 -10px 10px -10px;
}

.userInfo form input, .manageAccount form input {
	display:block;
	margin-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666;
	border:none;
}

.userInfo .checkBox, .manageAccount .checkBox {
	float:left;
	margin:3px 8px -2px; 0;
}

.userInfo form .submitButton {
	width:88px;
	height:40px;
	background:url(../images/searchButton.png) no-repeat 0 0;
	border:none;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000;
	font-size:18px;
	line-height:15px;
	margin-bottom:10px;
	letter-spacing:-0.5px;
	cursor:pointer;
	display:none;
	opacity:0.0; 
	filter:alpha(opacity=0);
}

.userInfo .submitButton:hover {
	background:url(../images/searchButton.png) no-repeat 0 -40px;
}

.validSubmit {
	display:none;
	opacity:0.0; 
	filter:alpha(opacity=0);
}
p.studentRecord {display:block; padding:5px; margin:5px 0 0 0 !important; font-weight:bold; border:#999 1px solid; -moz-border-radius:5px; -webkit-border-radius:5px;}
span.studentNo {font-weight:400; color:#777; font-size:90%; margin-right:5px;}
span.overall, span.buttonC, span.buttonNYC {width:30px; text-align:center; float:right; margin:-2px -2px -2px 5px; padding:2px 5px; background:#777; font-weight:bold; color:#AAA; -moz-border-radius:5px; -webkit-border-radius:5px}
span.readFeedback {float:right; margin:-2px -2px -2px 5px; padding:2px 5px; background:#777; font-weight:bold; color:#FFF; -moz-border-radius:5px; -webkit-border-radius:5px;}
span.readFeedback:hover {cursor:pointer; background:#000 !important;}
span.percent {font-weight:400; color: #777; font-size:90%; float:right; margin-right:10px; width:90px;}

.extraInfo {
	font-size:80%;
	font-weight:200;
	color:#777;
	letter-spacing:-0.5px;
	margin-left:20px;
	text-transform:none;
}

div.feedback {
	margin:0 10px 5px 10px;
	padding:10px 20px;
	background:#111;
	-moz-border-radius-bottomleft:10px; 
	-moz-border-radius-bottomright:10px; 
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	overflow:auto;
}

div.feedback p {
	color:#FFF;
	margin:0;
	padding:0;
	margin-bottom:8px !important;
	width:100%;
	float:left;
}

span.enterFeedback {float:right; margin:-2px -2px -2px 5px; padding:2px 5px; background:#777; font-weight:bold; color:#AAA; -moz-border-radius:5px; -webkit-border-radius:5px;}
span.active.enterFeedback {margin-left:-20px; padding-left:30px; color:#FFF;}
div.feedbackEntry {width:220px; padding:5px 10px; background:#333; border:6px #777 solid; -moz-border-radius:5px; -webkit-border-radius:5px;}
div.feedbackEntry h5, div.feedbackEntry p {color:#FFF; float:none !important;}
div.feedbackEntry input {display:inline; padding:3px 5px; margin-top:3px; -moz-border-radius:5px; -webkit-border-radius:5px;}

span.buttonC:hover, span.buttonNYC:hover, span.enterFeedback:hover {color:#FFF; cursor:pointer;}
span.buttonC.selected {background:#006ab3; color:#FFF;}
span.buttonNYC.selected {background:#D00; color:#FFF;}

span.resultsC {float:right; margin:-2px -2px -2px 5px; padding:2px 5px; background:#006ab3; font-weight:bold; color:#FFF; -moz-border-radius:5px; -webkit-border-radius:5px;}
span.resultsNYC {float:right; margin:-2px -2px -2px 5px; padding:2px 5px; background:#D00; font-weight:bold; color:#FFF; -moz-border-radius:5px; -webkit-border-radius:5px;}

span.entrySpacer {float:right; margin:-2px 0; display:none;}

span.downloadTask {float:right; margin:-2px -2px -2px 5px; padding:2px 5px; background:#777; font-weight:bold; color:#FFF; -moz-border-radius:5px; -webkit-border-radius:5px;}
span.downloadTask:hover {background:#ffa800; color:#000;}
span.extension {float:right; margin:-2px -2px -2px 5px; padding:2px 5px; background:#777; font-weight:bold; color:#FFF; -moz-border-radius:5px; -webkit-border-radius:5px; position:relative;}
span.extension:hover {background:#D00;}
div.extensionDays {width:200px;z-index:100; display:none; position:absolute; top:0; right:0; margin-top:-5px; padding:5px; background:#111; color:#FFF; border:#777 3px solid; -moz-border-radius:5px; -webkit-border-radius:5px;}
span.submitDate {float:right; margin:-2px -2px -2px 5px; padding:2px 5px; background:#777; font-weight:400; color:#FFF; -moz-border-radius:5px; -webkit-border-radius:5px;}
span.submitDate.received {background:#006ab3;}
span.submitDate.notReceived {background:#D00;}

span.extensionDays input {float:left;  -moz-border-radius:5px; -webkit-border-radius:5px;}


div.attendanceBox {
	height:25px;
}

span.attendanceLabel {
	display:block;
	float:left;
	height:20px;
	padding-top:5px;
	margin-right:3px;
	width:175px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	background:#006ab3;
	-moz-border-radius-topleft:10px; 
	-moz-border-radius-topright:10px; 
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
}

span.attendanceStat {
	display:block;
	float:left;
	height:23px;
	padding-top:5px;
	margin-right:3px;
	width:173px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#000;
	background:#FFF;
	border:1px #006ab3 solid;
	-moz-border-radius-bottomleft:10px; 
	-moz-border-radius-bottomright:10px; 
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
}

form.newAssessment {
	display:none;
	opacity:0.0; 
	filter:alpha(opacity=0);
	overflow:auto;
}

.newAssessment .newSplit {
	display:block;
	float:left;
	margin-right:20px;
	overflow:auto;
	width:auto;
}

div.markingGuide {
	color:#FFF !important;
	float:left; 
	padding:5px 10px; 
	background:#333; 
	border:6px #777 solid; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;	
}

div.markingGuide input {display:inline !important;}

div input.mgButton {background:#777; border:none; color:#FFF !important; margin-left:3px; font-weight:bold; -moz-border-radius:5px; -webkit-border-radius:5px;}
div input.mgButton:hover {background:#ffa800; color:#000 !important;}

div input.mgRemove {padding:0px 3px !important; background:#111; border:1px solid #777; color:#FFF !important; margin-left:3px; font-weight:bold;}
div input.mgRemove:hover {background:#D00; border:1px solid #D00; }
p.correctionItem {margin:0px !important;}

p.attendRecord {overflow:auto;}

span.dayMarks {float:right; margin:-1px 30px -3px -5px; width:60px;}
span.dayMarks.day {text-align:center; font-size:11px; font-weight:bold; letter-spacing:-0.5px;}
span.dayMarks span.mark {text-align:center; float:left; background:#EEE; color:#777; text-align:center; padding:1px 0 3px 0; margin:0 1px; width:18px; height:14px; font-size:12px; font-weight:bold; -moz-border-radius:3px; -webkit-border-radius:3px;}

span.dayMarks span.mark:hover {background:#111; color:#FFF; cursor:pointer;}

span.dayMarks span.mark.present.active {background:#006ab3; color:#FFF;}
span.dayMarks span.mark.late.active {background:#ffa800; color:#FFF;}
span.dayMarks span.mark.half.active {background:#D00; color:#FFF;}

div.feeBreakdown {
	margin:0 10px 5px 10px;
	padding:10px 20px;
	background:#111;
	-moz-border-radius-bottomleft:10px; 
	-moz-border-radius-bottomright:10px; 
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
}

div.feeBreakdown .feeWrapper {
	margin:0;
	padding:0;
	margin-bottom:1px;
	width:100%;
	color:#FFF;
}

div.feeBreakdown .feeWrapper.feeHeader {
	color:#CCC;
}

div.feeBreakdown .feeWrapper:hover span.feeInfo {
	background:#555;
}

span.feeInfo {
	display:inline-block;
	width:90px;
	height:12px;
	padding:10px;
	margin:0 -2px;
	background:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:12px;
}

.manageAccount span.feeInfo {width:68px;}

span.feeInfo.feeNotes {width:27px !important; text-align:center;}
span.feeInfo.feePay {width:12px !important; position:relative;}
span.feeInfo.feePay {margin:-10px !important; border-left:1px #111 solid;float:right;}
span.feeInfo.feeNotes img, span.feeInfo.feePay img {margin:-6px -5px; opacity:0.7;}
span.feeInfo.feeNotes:hover img, span.feeInfo.feePay:hover img {opacity:1.0;}
span.feeInfo.feeNotes:hover, span.feeInfo.feePay:hover {cursor:pointer;}

span.feeInfo:hover {background:#777 !important;}
span.feeInfo.long {width:170px;}
span.feeInfo.due {background:#D00 !important; font-weight:bold;}
span.feeInfo.outstanding {color:#ffa800 !important; font-weight:bold;}

div.feePaid {
	padding:10px;
	background:#777;
	border:1px #111 solid;
	margin:-1px;
	position:absolute;
	top:0;
	right:0;
	z-index:100;
	width:201px;
	display:none;
}
div.feePaid h5 {color:#FFF;}
div.feePaid:hover {cursor:default;}

div.feePaid div.cancel {
background-image:url(../fancybox/fancybox.png);
background-position:-40px 0;
cursor:pointer;
height:29px;
position:absolute;
right:-5px;
top:-5px;
width:30px;
z-index:1103;
display:block;
}

div.notesBox {
	margin:1px 10px 5px 10px;
	padding:10px;
	background:#333;
	display:none;
}

div.notesBox strong {
	font-size:11px;
	margin:0 0 5px 0;
	letter-spacing:-0.5px;
	text-transform:capitalize;
	font-weight:400;
	color:#CCC;
	margin-right:10px;
}

div.paymentWindow {
}

div.paymentStep {
	display:none;
	color:#FFF;
}

div#paymentOptions {
	display:block;	
}

div.paymentNav {
	width:auto;
	height:auto;
	overflow:auto;
}

span.paymentNavButton {
	padding:10px 15px;
	border:1px #111 solid;
	float:right;
	font-size:13px;
	line-height:12px;
	text-transform:uppercase;
	font-weight:bold;
	color:#999;
}

div.paymentNav span.paymentNavButton:last-child {border-right:none !important;}

span.paymentNavButton.enabled {
	color:#FFF;
	background:#222;
}
span.paymentNavButton.enabled:hover {
	cursor:pointer;
	background:#006ab3;
}
div.paymentButton {
	width:auto;
	font-weight:400;
	font-size:13px;
	line-height:12px;
	padding:10px;
	border:1px #111 solid;
	margin-bottom:2px;
}

div.paymentButton:hover {
	font-weight:bold;
	background:#444;
	cursor:pointer;
}

div.paymentButton img {
	margin:-6px 0;
	float:right;
}

form.requestForm {margin-bottom:5px; overflow:auto;}

p.inputGroup {display:block; clear:both; padding:3px 0;}
form.requestForm textarea {
	width:90%;
	
}

form.requestForm .submitButton {
	width:88px;
	height:40px;
	background:url(../images/searchButton.png) no-repeat 0 0;
	border:none;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000;
	font-size:18px;
	line-height:15px;
	letter-spacing:-0.5px;
	cursor:pointer;
	clear:both;
	display:block;
	margin-top:5px;
	float:right;
}

.specialReason, .specialNote {display:none;}

span.requestPayNow {
	display:block;
	padding:5px 10px;
	background:#333;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
}

span.requestPayNow:hover {cursor:pointer; background:#111;}