.clearer {
  clear:both;
}

#mainbody {
  padding:25px;
  background-color:#ffffff;
}

#visa, #oshcDiv, #planEng, #engCourse, #engCert, #engTest, #engSt, #studyIn, #studyOut, #sponsorDiv {
  display:none;
}

#mainbody h1{
  font-size:1.8em;
  font-weight:normal;
  color:#4f6fa7;
}

#mainbody h2{
  font-size:1.4em;
  font-weight:normal;
  color:#8fbe01;
}

#mainbody p.steps {
  
}

#mainbody span.required{
  color:red;
  font-size:0.9em;
}

#mainbody .instructions{
  width:555px;
  padding:15px 10px 15px 50px;
  border:1px #004792 solid;
  background:#b6e2f7 url(../images/icon_info.gif) no-repeat 10px 10px;
  color:#004792;
  clear:both;
}

#mainbody .instructions .english{
  float:left;
  width:275px;
  margin:0px;
  font-weight:bold;
  clear:none;
}

#mainbody .instructions .arabic{
  float:right;
  width:275px;
  margin:0px;
  text-align:right;
  font-family:Tahoma;
  clear:none;
}

#mainbody .error{
  color:red;
  background-color:#FFEAEA;
  border:1px #FFBBBB solid;
  padding:5px;
  font-weight:bold;
}

#mainbody .confirm{
  color:#008000;
  background-color:#DDFADA;
  border:1px #86DD77 solid;
  padding:5px;
  font-weight:bold;
}

.online-form {
  padding:0px 0px;
}

.online-form p{
  margin:25px 0px 20px;
  clear:both;
}


.online-form p.buttonPara {
  margin:30px 0px 0px;
  width:555px;
  text-align:right;
}

.online-form label {
  display:block;
  width:250px;
  float:left;
}

.online-form label span {
  font-size:0.85em;
  font-family:Tahoma;
  color:#666666;
}

.online-form input[type="text"] {
  width:200px;
}

.online-form span.example{
  font-size:0.75em;
}

.online-form table{
  border-collapse:collapse;
}

.online-form table th{
  padding:0px 5px;
  text-align:left;
  font-weight:normal;
  font-size:0.85em;
}

.online-form table td{
  padding:0px 5px;
  vertical-align:top;
}

.online-form table td input[type="text"]{
  width:100px;
}

/*Table used on English form*/

.online-form table.short{
  border-collapse:collapse;
}

.online-form table.short th{
  text-align:left;
  font-weight:normal;
  font-size:0.85em;
}

.online-form table.short td{
  width:70px;
}

.online-form table.short td input{
  width:60px!important;
}

.online-form table td input.radioInTable {
  width:15px!important;
}

/*Date picker styles */

div#datepicker {
  width:200px;
  background-color:white;
  border:1px #cccccc solid;
  
}

table.dpTable {
  width:200px;
  height:210px;
  border-collapse:collapse;
}

tr.dpTitleTR{
  background-color:#cccccc;
  height:30px;
}

td.dpTitleTD {
  text-align:center;
}

td.dpDayTR{
  height:25px;
}

td.dpDayTR td{
  font-weight:bold;
}

td.dpButtonTDRight{
  text-align:right;
}

td.dpButtonTDLeft button, td.dpButtonTDRight button{
  width:20px!important;
}

td.dpDayTD, td.dpTD, td.dpTDHover, td.dpDayHighlightTD{
  text-align:center;
}

td.dpDayHighlightTD{
  background-color:#999999;
}

td.dpTDHover {
  cursor:pointer;
  background-color:#cccccc;
}

td.dpTodayButtonTD{
  text-align:center;
}

.online-form img {
  cursor:pointer;
}


/* Login Form
 *********************************/

.login-form{
  margin-top:30px;
}

.login-form p{
  margin:10px 0px;
}

.login-form label {
  width:150px;
}

.login-form p.buttonPara {
  width:355px;
}



/* Applicant page
*******************************************/

#mainbody .details{
  width:570px;
  float:left;
  margin-right:10px;
}

#mainbody .details h2{
  background-color:#efefef;
  border:1px #cdcdcd solid;
  padding:5px;
}

#mainbody .details p.status-paragh{
  margin-bottom:50px;
}#mainbody .details p.payment{	border:1px red solid;	padding:3px;	background-color:#FFD9D9;}

#mainbody span.status{
  color:#F27220;
  font-weight:bold;
}

#mainbody .details p.message{
  margin:0px 0px 20px 0px;
  border:1px #cdcdcd solid;
  padding:5px 5px 20px;
  min-height:200px;
  background-color:#FAFFE8;
}


/** Side panel**/
#mainbody .side{
  width:230px;
  float:right;
  padding:51px 4px;
}

#mainbody .side a{
  display:block;
  text-align:center;
  margin:0px 0px 10px;
  padding:5px;
  border:2px #eeeeee outset;
  background-color:#5670A1;
  color:#ffffff;
  font-weight:bold;
}

#mainbody .side h2{
  padding:5px;
  border:1px #cdcdcd solid;
  background-color:#efefef;
  margin-top:36px;
  text-align:center;
}

#mainbody .side span.status{
  display:block;
  text-align:center;
}

#mainbody .side a.logout{
  background-color:#ffffff;
  color:#000000;
  margin:20px 0px 40px;
  padding:3px;
  border:1px #dfdfdf solid;
}

#mainbody .side #offersLink{
  display:none;
}


/* Upload Form
*********************************/

#mainbody .upload-form{
  margin:16px 0px;
}

#mainbody .upload-form p{
  padding-left:5px;
}

#mainbody .upload-form label{
  display:block;
  float:left;
  width:150px;
}

#mainbody .upload-form p.buttons{
  text-align:right;
  margin:40px 0px 0px;
}

/* Send Message to Staff
***************************************/

#mainbody .send-message{
  margin-top:30px;
}

#mainbody .send-message label{
  display:block;
  width:150px;
  float:left; 
}

#mainbody .send-message input{
  width:200px;
}

#mainbody .send-message textarea{
  width:300px;
  height:200px;
}

#mainbody .send-message .button{
  text-align:right;
  padding-right:93px;
}

#mainbody .send-message .button input{
  width:auto;
}

/* Applicant Tools
*********************************************/
#mainbody .applicantTools{
  margin-top:30px;
}

#mainbody div.applicantTools a{
  backgrounad-color:transparent;
  border:none;
  text-decoration:underline;
  text-align:left;
  padding:2px;
}



/* View application details
*********************************************/
#mainbody .documents{
  width:100%;
  border-collapse:collapse;    margin:0px 0px 20px;
}

#mainbody .documents th{
  padding:0px 0px 10px;
  text-align:left;
}

#mainbody .documents td{
  padding:2px 0px;
}

#mainbody .documents tr.highlighted{
  background-color:#fafafa;
}


/* Admin Area
***************************************/
#mainbody .table{
  width:100%;
  border-collapse:collapse;
}

#mainbody .search{
  padding:4px;
  margin-bottom:10px;
  background-color:#666666;
  color:#ffffff;
}
#mainbody .search label.keyword{
  display:block;
  float:left;
  width:60px;
  padding:4px 10px;
  font-weight:bold;
}
#mainbody .search input.searchBox{
  margin-right:5px;
  width:350px;
}

#mainbody .table th{
  background-color:#efefef;
  color:#5670A1;
  padding:5px 3px;
}

#mainbody .table td{
  padding:3px;
  text-align:center;
}

#mainbody .table .alignLeft{
  text-align:left;
}

#mainbody .table tr.highlighted{
  background-color:#fafafa;
}

#mainbody .table tr.highPriority{
  background-color:#FFCECE!important;
}



/* Admin Area
***********************************/
.admin-details{
  padding:0px 10px;
}

.admin-details p{
  margin:3px 0px;
  clear:both;
}

.admin-details span.title{
  display:block;
  float:left;
  width:90px;
  padding-right:10px;
  font-weight:bold;
}

#mainbody .tools{
  padding:0px 0px;
}

#mainbody .tools a{
  margin:10px 0px;
  background-color: #efefef;
  color:#5670A1;
}

#mainbody .tools h3{
  font-size:1.1em;
  margin:15px 0px 5px;
  padding:0px;
}

#mainbody .tools select{
 width:210px;
}

#mainbody .tools select option.high{
  background-color:#FFC4C4;
}

#mainbody .tools select option.medium{
  background-color:#FBF7C8;
}

#mainbody .tools select option.low{
  background-color:#C5E0FE;
}
#mainbody .tools textarea{
  width:225px;
  height:200px;
}


#mainbody .tools a.save, #mainbody .tools a.cancel{
  float:right;
  width:65px;
  margin:7px 0px 5px 10px;
  padding:2px!important;
  color:#333333;
}

#mainbody .tools a.save{
  background-color:#F0FFC4;
}

#mainbody .tools a.cancel{
  background-color:#FFC4C4;
}

#mainbody .tools a.save:hover, #mainbody .tools a.cancel:hover{
  text-decoration:none;
}

.tools .lastEdited{
  margin:20px 0px 0px;
  padding:3px 10px 10px;
  background-color:#f0f0f0;
  border:3px #DEDEDE double;
}

#mainbody .tools .lastEdited h3{
  margin:5px 0px;
  border-bottom:1px #1D2D45 solid;
}

.tools .lastEdited span.title{
  display:block;
  float:left;
  width:100px;
  font-weight:bold;
}

#mainbody .pagination{
  vertical-align:bottom;
  height:30px;
  background-color:#efefef;
}

#mainbody form.editApplication input[type="text"]{
  width:250px;
}

/* Manage Staff
***********************************/
.accessLevels span.title{
  display:block;
  font-weight:bold;
}
/*Add Staff Form*/

#mainbody .addStaff-form{
  margin:20px 0px;
}

#mainbody .addStaff-form label{
  display:block;
  float:left;
  width:150px;
}

#mainbody .addStaff-form input{
  width:300px;
}

#mainbody .addStaff-form select{
  width:150px;
}

#mainbody .addStaff-form .buttonPara{
  margin-top:30px;
  padding-left:150px;
}

#mainbody .addStaff-form input.button{
  width:auto;
}


/* Offers
*********************************/
#mainbody table.offers{
  margin:0px;
  border-collapse:collapse;
  width:100%;
  text-align:left;
}
#mainbody table.offers th{
  padding:5px 6px;
  width:150px;
}
#mainbody table.offers td{
  padding:3px
}
#mainbody table.offers td select{
  width:150px;
}
#mainbody tr.tools{
  background-color:#EDFFB7;
  color:#222222;
  border:1px #bbbbbb solid;
}#mainbody tr.offerTools{  color:#222222;  border-bottom:1px #bbbbbb solid;  }
#mainbody tr.tools th{
  padding:6px 5px;
}
#mainbody tr.tools td{
  padding:6px 5px;
  text-align:right;
  height:1.5em;
}
#mainbody tr.tools td a{
  margin:0px 3px;
  background-color:transparent;
  color:#222222;
  text-decoration:underline;
}

.applyButton{
  clear:both;
  margin:30px 0px;
  text-align:center;
}#ajaxLoader {	display:none;}