/* Used in the Mobile theme too */
#subMenu {
	clear: both;
}

form .message {
	font-weight: bold;
}

.clear {
	clear:both;
}

/* My Dashboard */
/* -------------------------------------------------------------- */

.dashBlock {
	float: left;
	margin: 0 10px 10px 0;
}

.dashBlock ul {
	margin: 10px 0 0 0;
	padding: 0;
}

.dashBlock li span {
	float: left;
	width: 120px;
	font-weight: normal;
}

.dashBlock li span.detail {
	width: 260px;
	font-weight: bold;
}	

.dashBlock a.more,
.dashLink a.more {
	float: right;
}

.dashLink {
	float: left;
	width: 300px;	
	height: 110px;
	margin: 0 10px 10px 0;
}

.myDetails {
	width: 500px;
}

.myCourses {
	width: 500px;
	clear: both;

}

.myCourses .otherQuals {
	text-align: right;
	padding-right: 20px;	
}

.myDetails li {
	font-size: 12px;
	clear: both;
}

.dashBlock,
.dashLink {
	border: 1px solid #333;
}
									
li.over span,
li.over div {
	color: red;
}

h3.over span {
	color: red;
}

#subMenu #subMenuList li.current {
	background-color:#A1CED6;
	text-decoration:none;
}


.dashMenu #subMenuList li a.loading {
 	background: url(../images/small-loader.gif) 180px center no-repeat;
}

.dashMenu #subMenuList li a.loading:hover {
	background-image: url(../images/small-loader-dark-bg.gif);
}


/* My Courses */
/* -------------------------------------------------------------- */


table.basic {
	width: 99%;
	margin-left: 1px;
	border: 1px solid #000;
	border-collapse: collapse;	
}

table.basic td,
table.basic th {
	border: 1px solid #000;
	padding: 5px;
}

/* Old version: My Details */
/* -------------------------------------------------------------- */



body.MyDetailsUpdatingPage div#contentWrapper {
	width: 700px;
}	

body.StudentFullDetails div#contentWrapper {
	width: 700px;
}

body.MyDetailsConfirmingPage div#contentWrapper {
	width: 700px;
}

body.AcademicRecordPage div#contentWrapper {
	width: 528px;
	overflow: visible;
}

.keep_right2 {
	float:right;
	width: 550px;
	font-weight:bold;
}


.iwi {
	float:left;
	width: 20px;
	
}
.keep_left {
	float:left;
	width: 210px;
}	
.keep_left_B {
	float:left;
	width: 210px;
	font-weight:lighter;
}

.keep_right {
	float:right;
	width: 400px;
	font-weight:bold;
	overflow: hidden;
}


.dataedit {
	float:right;
	height:60px;
	width: 120px;	
}

#editlink {
	display:block;
	float:right;
	height:46px;
	width:96px;/**/
}	


.MydashBlock {
	float: left;
	margin: 0 10px 10px 0;
	max-width: 700px;
}

.MydashBlock ul {
	margin: 10px 0 0 0;
	padding: 0;
}



.MydashBlock li span {
	float: left;
	width: 120px;
	font-weight: normal;
}

#Form_ForgottenPasswordForm_username {
    width:250px;
}

.MydashBlock li span{
	color:red;
	float:none;
}
.dashBlock li span {
	float:none;
}

.dashBlock em {
	color:red;
}

.donotshow {
	display: none;
}	


div.Actions #AddCode {
   width:40px;
}

.removeit {
   /*background:transparent url(../images/remove.png) no-repeat scroll 0 0;    */
  font-weight: bold;
  cursor: pointer; 
  font-size:12px;
}

.show_help,
.progress_bar_help {
  display: block;
  width: 15px;
  height: 15px;
  color:#0080c0;
  font-weight: bold;
  cursor: pointer; 
  font-size: 14px;
  font-style: normal;
  line-height: 15px;
  text-align: center;
  border: 1px solid #ddd;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}


.successfully {
	color:blue;
}
.unsuccessfully {
	color:red;
}

.unconfirmed {
	font-style:italic;
	margin: 5px 0 15px 0;
	color:blue;
}
.keep_left_info {
	border: 1px solid red;
	float: left;
	margin: 0 10px 10px 0;
	width: 700px;
}

 
#subMenu .linkOuts a {
	display: block;
	width: 200px;
	height: 74px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-indent: -999em;
	overflow: hidden;
} 

#subMenu #lhc_enrolled_info {
	background: transparent url(../images/lhc_enrolled_info.gif) top right no-repeat;
}

#subMenu #lhc_learning_centre {
	background: transparent url(../images/lhc_learning_centre.gif) top right no-repeat;
	margin-bottom: 0;
}
 
#subMenu #my_mail_button {
	background: transparent url(../images/email.png) 174px center no-repeat;
} 

#subMenu #my_office_button {
	background: transparent url(../images/page_white_word.png) 174px center no-repeat;
}

#subMenu #my_windows365_button {
    background: transparent url(../images/windows365.png) 154px center no-repeat;

}

#student-message-popup {
    width: 600px;
}
/* SSO login page 
/* --------------------------------------------------------------- */
body.SSOLogin div#contentWrapper {
		width: 100%;
}

.loginContent {
		float: left;
		width: 570px;
		margin-right: 20px;

}

		
.loginForm {
	width:100%;
}

.loginContainer {
		float: left;
		/*width: 370px;*/
}
 
.LoginFormDiv {
	padding: 15px;
	background: #ECEFF3;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #ECEFF3;	
} 

.LoginFormDiv fieldset {
	border: none;
}

.typography .LoginFormDiv h2 {
	border: none;
	margin-top: 10px;
}	
 
.loadingMessage {
	display: none;
	padding-left: 21px;
	font-weight: bold;
	background: url(../images/small-loader.gif) center left no-repeat;
}

.loginLoading input {
	display: none;
}

.loginButton div {
	height: 25px;
}

.loginLoading .loadingMessage {
	display: block;
}



 #login_form_table td.headings{
 	/*width: 60px;*/
 	padding-top: 5px;
 	padding-left: 0;
 	text-align: left;
 }
 
  #login_form_table td.fields{
 	text-align: left;
 	padding-left: 0;

 }


 
 #student_web_login_password {
 	width: 100%;
	font-size: 13px;
	border: 1px dotted #333;
 }
 
#student_web_login_username {
 	width: 100%;
 	font-size: 13px;
	margin:0;
	padding:0;
	border: 1px dotted #333;

}
.login_message {
	display: block;
	margin: 10px 0 10px 0;
	color: red;
	max-width: 650px;
}


.forgotPassword {
	display: block;
	clear: both;
	margin-left: 75px;
}

.guestForm input {
	width: 121px;
	overflow: visible;
}

.campusLogin {
	margin-top: 26px;
	border-top: 1px solid #ccc;
}


.borderedBlock {
	padding: 0;
	border: 1px solid #B0B0B0;
	color: #c80700;
	background: white;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
	
.borderedBlockHeader {
}

.borderedBlockHeader h3 {
	border-bottom: 1px solid #B0B0B0;
	padding: 0 0 0 10px;
	
}
.borderedBlockHeader h2 {
	padding-left: 10px;
	
}


.borderedBlock #negative_balance {
	padding: 0 0 0 10px;
	font-size: 28px;  
  	color:#CC0000;
}
.borderedBlock #positive_balance {
	padding: 0 0 0 10px;
	font-size: 28px;
}
.borderedBlock li {
	padding: 5px 0 0 0;
  list-style-type: none;
	font-weight: bold;
	color: #333333;
}

.borderedBlockContent {
	padding: 7px 20px 10px 10px;	
}
.borderedBlockContent.regText {
	padding: 7px 20px 10px 10px;
  color: #333333;	
}

.spacer {
	padding: 10px 0 0 0;
}

.borderedBlockContentSmall {
	padding: 5px 5px 5px 5px;	
	font-size: 0.7em;
	color: #333333;
}


.my_enrolment {
	display: block;
	width: 216px;
	height: 83px;
	background: url(../images/re-enrol.png) no-repeat 0 0;
	text-indent: -999em;
	overflow: hidden;
	margin-bottom: 10px;
}


.my_tracking {
	display: block;
	width: 216px;
	height: 108px;
	background: url(../images/mytracking.png) no-repeat 0 0;
	text-indent: -999em;
	overflow: hidden;
	margin-bottom: 10px;
}

.subheader {
  background-color:#DEDCEA;
}

.my_account {
	display: block;
	width: 198px;
	height: 27px;
	text-indent: -999em;
	overflow: hidden;
}

.print_studydetails {
	display: block;
	width: 197px;
	height: 30px;
	background: url(../images/printstudydetails.png) no-repeat 0 0;
	text-indent: -999em;
	overflow: hidden;
}

.myAccount {
	width: 216px;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: url(../images/myaccount.png) bottom center no-repeat;	
}

.myStudyPlanner {
	width: 500px;
}

.changePassword,
.myopFAQ {
	width: 196px;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #b0b0b0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

.changePassword a {
	display: block;
	padding-left: 20px;
	background: transparent url(../images/lock_edit.png) center left no-repeat;
}

.myopFAQ a {
	display: block;
	padding-left: 20px;
	background: transparent url(../images/question.png) center left no-repeat;
}	

#studentWebRHS {
	width: 218px;
	margin-top: 20px;
	margin-right: 0;
	overflow: hidden;
}


#Form_RequestTranscriptForm .Actions {
	display:table;
	width:100%;
	position:relative;
	height:140px;
}

#Form_RequestTranscriptForm .Actions #Form_RequestStatementForm_action_doSubmitJob {
    background: url("../images/request_statement.png") no-repeat scroll top left transparent;
    border: medium none;
    cursor: pointer;
    /*display: block;*/
    display:table-cell;
    position:absolute;
    right:0;
    height: 30px;
    /* margin: 0 0 0 326px; */
    overflow: hidden;
    /*padding-left: 999px; */
    width: 201px;
} 

#Form_RequestTranscriptForm .Actions #Form_RequestStatementForm_action_doSubmitJob:hover {
    background-position: 0 -30px;
} 


#Form_RequestTranscriptForm .Actions #Form_RequestTranscriptForm_action_doDownloadTranscript {
    background: url("../images/transcript/Download_Transcript.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
     /*display: block;*/
    display:table-cell;
    position:absolute;
    left:0;

    height: 29px;
    /*margin-left: 0;*/
   /* margin-top: -3px;8/
    overflow: hidden; 
    /*padding-left: 999px;*/
    width: 138px;
}


#Form_RequestTranscriptForm .Actions #Form_RequestTranscriptForm_action_doSubmitJob {
    background: url("../images/transcript/Request_Transcript.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    /*display: block;*/
    display:table-cell;
	 position:absolute;
    right:0;
    height: 29px;
    /*margin: -30px 0 0 50%;*/
    overflow: hidden; 
    /*padding-left: 999px;*/
    width: 138px;
}
#Form_RequestTranscriptForm .Actions #Form_RequestStatementForm_action_doCancelJob,
#Form_RequestTranscriptForm .Actions #Form_RequestTranscriptForm_action_doCancelJob{
    background: url("../images/cancel_white.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    display: inline;
    height: 30px;
    margin-left: 230px;
    overflow: hidden;
    /*padding-left: 999px;*/
    width: 149px; 
}

body.EmailRequest div#bottomsection {
		height:150px;
		margin-bottom:0;

}

#thankyou {
    color: #593160;
    font-size: 22px;
}


/* My Messages &  My Tracking */
/* -------------------------------------------------------------- */

#contentWrapper.ffproblem {
	overflow: visible;
}	


table.mytracking { 
    border-collapse: collapse;    
    font-size: 0.9em; 
    width: 525px; 
    padding: 0; 
    /*border: 1px solid #FFF;*/ 
}

table.mytracking th {
	 background: url(../images/mymessages-table-background.png) no-repeat right top; 
   color: white; 
   text-transform: uppercase; 
   text-align: center; 
   vertical-align: middle; 
   height: 32px; 
   font-weight: 100; 
   padding-bottom: 5px;
}
      
table.mytracking td {
   padding:15px 0 15px 15px;
   border: 1px solid #AAA;
}


table.mymessage td p.subject {
   margin: 0;
   padding-top:5px;
   border-bottom: 1px #999 solid;
}

table.mytracking .colCourseCode {
  -moz-border-radius-topleft: 5px;
}

table.mytracking .colRequestedDate {
  -moz-border-radius-topright: 5px;

}
table.mytracking .tabspacer {
    border: 0 none;
    padding: 2px;
}

div.updated {
   color: #333333;
   font-size: 12px;
}

.dashmenu_link_replacement {
	margin-left: 17px;
	padding-right: 17px;
}

.previous_study_div {
	background-color: #f5f7f9;
	padding: 20px;
	margin-top: 20px;
}

.previous_study_div  .study_data {
	font-weight: bold;
}


.student_contact_div {
	background-color: #f5f7f9;
	padding: 20px;
	margin-top: 20px;
}

.student_contact_div  .contact_data {
	font-weight: bold;
}

.clickableBlock {
	cursor: pointer;
	cursor: hand;
}


.clickableBlock:hover {
	background-color: #a0b3be;
}

/** Enrollment form **/
#EnrollmentForm_EnrollmentForm div #workContactPerson {
	margin-bottom: 25px;
}

.no_items_in_list {
	color: #006699;
	font-size: 16px;
}


/* tooltip styling */
.tooltip {
	display:none;
	/*background:url(http://static.flowplayer.org/tools/img/tooltip/black_arrow_big.png);*/
	/*height:163px;*/
	padding: 20px;
	width:333px;
	font-size:11px;
	/*color:#fff;*/
}

/* a .label element inside tooltip */
.tooltip .label {
	color:yellow;
	width:35px;
}

.tooltip a {
	/*color:#ad4;
	font-size:11px;
	font-weight:bold;
	*/
}

/* Used to indicate courses which are in a campaign */
.campaign-indicator {
	background:				url(../../openpoly/images/star.png);
	background-repeat: 		no-repeat;
	background-position: 	right center;
}

table.courseTable tbody td.select input {
	margin-top: 1px;
}

table.courseTable tbody td div.campaign-indicator {
	padding: 6px 20px 6px 6px;
	margin-right: 4px;
}

/*
.strike-thru {
	text-decoration: line-through;
}
*/



#AndroidDownload,
#IOSDownload {
    display: block;
    float:left;
    margin: 10px 0;
}

#IOSDownload { margin-right:2%;}


#AndroidDownload span,
#IOSDownload span {
    padding: 5px 5px 5px 0;
}


/************************************************ My Account Page  */

.StudentAccountPage  .edit { float:right; padding:5px 20px; background:#006699; color:#fff!important; border-radius:5px; display:block; margin: 0 0 20px 10px; }
.StudentAccountPage  h2 { clear:both; }
.StudentAccountPage  .mswsdataL { font-size:.75em; width:30%;}
.StudentAccountPage  .mswsdataR { font-size:.9em; }
.StudentAccountPage  .mydetailsarea { background:none; margin:20px 0; padding:0;  width:50%; float:left; clear:none;}
.StudentAccountPage  .mydetailsarea table { }
.StudentAccountPage  div.pendingtext, span.pendingtext { font-size:inherit; display:block;}


/*.MyOpenPolytechnic { background: none; }*/
.MyOpenPolytechnic #headerWrapper {  }
/*.MyOpenPolytechnic #headerWrapper #header { height: 130px; min-height: 130px; border-bottom: 3px solid #099;}*/
/*.MyOpenPolytechnic #headerWrapper #header h1 { margin: 0;  border: none;}*/
/*.MyOpenPolytechnic #headerWrapper #header h1 a { padding-left: 75px; font-size: 45px; line-height: 130px; display:inline-block; color: #000; background: url(../../../themes/openpoly_launchpad/images/launchpad-home-icon.png) no-repeat left center}*/
.MyOpenPolytechnic #headerWrapper #header h1 a:hover { text-decoration: none;}


#negative_balance { color:#CC0000; }