/* General styles */
/*h2 { margin: 0px; padding: 10px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 200%; font-weight: normal; color: #FFF; background-color: #CCC; border-bottom: #BBB 2px solid; }*/
p#copyright { margin: 20px 10px; font-size: 90%; color: #999; }

input.uploadchooser { width: 380px }
/* Form styles */
div.form-container { margin: 10px; padding: 5px; background-color: #FFF; 
  /*	border: #EEE 1px solid;*/ 
}

p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

div.form-container form p { margin: 0; }

div.form-container form p.hint { margin-left: 170px; font-size: 90%; color: #333; }
div.form-container form p.errormessage { margin-left: 170px; font-size: 90%; color: #C00; }

div.form-container form fieldset { 
  border:none;
  margin:0; padding:0;
  /* user prefs */
  margin:0 0 7px 0; padding:0 0 10px 0;


  /*	override for above style from original*/
  margin:0;
  padding:0;


  /*border-bottom:1px solid #efefef;*/
  /*	margin: 10px 0; padding: 10px; border: #DDD 1px solid; background:#950000;*/
}

div.form-container form legend {/* font-weight: bold; color: #666;*/
  color:#000; /* Reset IE */
  margin:0; padding:0;
  /* user prefs */

  padding:15px 0 5px 0;
  font-size: 14px;
  font:bold   "trebuchet ms", arial, verdana, sans-serif;
  letter-spacing:.1em;
  /*   color:#93b5be;*/
  text-transform: uppercase;
 }

 div.form-container form fieldset div { 
   padding: 0.25em 0; 
   background: #efefef;

   /*		border-top: 1px solid #ccc;*/

}

div.form-container form fieldset div.selected { 
  padding: 0.25em 0; 
  background: #ccc;



  }

  div.form-container label, div.form-container p.label, 

  div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: left; position: relative; }

  div.form-container label.error, 
  div.form-container span.error { 
    margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: left; position: relative;
    color: #C00; }
  div.form-container label em, div.form-container p em,
  div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
  div.form-container input.error { border-color: #C00; background-color: #FEF; }
  div.form-container input:focus,
  div.form-container input.error:focus, 
  div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
  div.form-container div.controlset label, 
  div.form-container div.controlset input { display: inline; float: none; }
  div.form-container div.controlset div { margin-left: 170px; }
  div.form-container div.buttonrow { margin-left: 180px; }

  input, select {
    border: 1px solid #666;
    padding: 2px;
    font-family: 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 4px 0;
}

.equal_width_inputs input, .equal_width_inputs select {
  width: 500px;
}
/* The invoice period box is not wide enough! */
#invoice_period_1i, #invoice_period_2i, #date_date_1i, #date_date_2i { 
  width:8em;
}

textarea {
  border: 1px solid #666;
  width: 600px;
  padding: 2px;
  font-family: 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 4px 0;
}

div.fieldWithErrors input {
  border: 1px solid #a10000;
  margin-left: 20px;
}

div.rhsbutton {
  width: 70%;
  text-align: right;
  margin-bottom: 10px;
}

input.submit {
  width: auto;
  border: none;
  margin: 0;
  padding: 0;
  /*margin-top: 10px;
  margin-left: 150px;*/

}

input.submitcreate {
  width: auto;
  margin-top: 10px;
  margin-left: 20px;
  margin-bottom: 20px;
  padding-left: 5px;
  padding-right: 5px;
}

input.radiobox {
  width: auto;
}

input.submittostudent {
  width: auto;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 20px;
  padding-left: 5px;
  padding-right: 5px;
}

h4.legend {
  color:#000; /* Reset IE */
  margin:0; padding:0;
  /* user prefs */

  padding:15px 0 5px 10px;
  font-size: 14px;
  font:bold   "trebuchet ms", arial, verdana, sans-serif;
  letter-spacing:.1em;
  /*   color:#93b5be;*/
  text-transform: uppercase;
}


h3 {
  padding-left: 20px;
  padding-bottom: 10px;
  padding-top: 15px;
  font-size: 14px;
  font-weight: normal;
}

h5 {
  padding-left: 20px;
  padding-bottom: 5px;
  font-size: 14px;
  font-weight: normal;
}

h6 {
  padding-left: 20px;
  font-size: 11px;
  padding-top: 5px;

}


textarea {

  line-height: 14px;
  overflow : auto ;
}

/*---------------------- Radio Box ---------------------- */

.radiobox {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  background: none;
  border: none;
  /*margin-bottom: 3px;*/ /* added in for vert spacing but misaligns lable - need to fix properly but will work for now */
}

.deleteradiobox {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  background: none;
  border: none;
  display: block;
  float:left;
  margin-right: 4px;
  /*margin-bottom: 3px;*/ /* added in for vert spacing but misaligns lable - need to fix properly but will work for now */
}


/*----------------------  Date ---------------------- */

.date {
  width: auto;

}

.time {
  width: 50px;

}

div.form-container fieldset label.access-hide {
  display: none;
  color:red;
  font-size:1px;
}

div.form-container fieldset span.access-hide {
  display: none;
  color:red;
  font-size:1px;
}

div.form-container fieldset input.access-hide {
  display:none;
}


/*---------------------- Restate Blocks ---------------------- */

.formrestate {
  float: left;
  display: block;
  /*	border: 1px solid red;*/
  width: 95%;
  background-color: #efefef;
  margin-bottom: 20px;
  margin: 10px; padding: 0px;  
  clear:both;
}

.formrestate h4.legend {
  float: left;
  display: block;
  width: 500px;
}

.formrestate .leftformcol {

  float: left;
  display: block;
  width: 160px;
  padding: 0px 0px 10px 0px;
  margin: 0px 0px 0px 0px;
  border-top: 1px solid #7f9099;
  background-color: #efefef;
  border-top: 1px	solid #CCC;
  clear: left;


}

.formrestate .rightformcol {
  float: left;
  display: block;
  padding: 0px 0px 10px 0px;
  margin: 0px 0px 0px 0px;
  width: 350px;
  background-color: #efefef;
  border-top: 1px	solid #CCC;

}

.formrestate .rightformcol p {
  margin-left:0;
  padding-left:0;

}

p.suggested {
  color: grey;
}

ul.suggested {
  color: grey;
}

div.formdiv {
  display: block;
  float: left;
  width: 400px;
}

ul.formlist {
  width: 504px;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  list-style: none;
  margin: 0;
  padding: 3px 0 0 0;
  margin-top: -14px;
  margin-left: 20px;
  /*background: #efefef;*/
}

ul.formlist li {
  list-style: none;
  margin: 0 0 0px 0px;
  padding: 0 0 0 0px;
  border-bottom: 1px solid #333;

}

ul.formlist li a {
  display: block;
  padding-left: 10px;
}

ul.formlist li a:hover {
  background: #ffcccc;

}

span.questionnum {
  margin-left: -20px;
  padding-top: -120px;
  float: left;
}

span.cancelform {
}

div#hidden_recipients {
  display:none;
}

textarea.mark, textarea#comments {
  width: 170px;
  height: 240px;

}

table input {
  width: 75px;
}

form p.actions_right {
  float: right;
  padding-right: 4px;
}

.month_select { margin: 5px 20px 10px; }
.equal_width_inputs .month_select select { width: 250px; }

.inline_form select, .inline_form input { width: auto; }

.inline_form span.label {
  width: 110px;
  float: left;
  padding-top: 5px;
}

#login_form input[type=text], #login_form input[type=password] {
  width:250px;
}

.small_select {
  width:    200px;
}

#main img.small_image {
  margin: 0px;
  padding: 0px;
}

input.narrowtext {
  width: 30px;
}
/*---------------------- Page Selector ---------------------- */

#page_select, #page_selector {
  width:5em;
}

/*---------------------- For ModalBox ----------------------- */
input.modal_cancel {
  margin-left: 20px;
  padding-left: 8px;
  padding-right: 8px;
  height: 30px;
  font-weight: normal;
  background: #950000;
  color: #fff;
  font-weight: normal;
  border-color: #B2C3CC;
}
input.modal_confirm {
  margin-left: 90px;
  padding-left: 8px;
  padding-right: 8px;
  height: 30px;
  background: #950000;
  color: #fff;
  font-weight: normal;
  border-color: #B2C3CC;
}
input.modal_confirm:hover, input.modal_cancel:hover {
  color: #999;
}

div#MB_header {
  background: #950000;
  color: #fff;
  border-color: #B2C3CC;
}

div#MB_header div#MB_caption {
  color: #fff;
  font-weight: normal;
  font-size: 8pt;
  text-shadow: #000 0 0px 0;
  margin-left: 20px;
}

div#MB_content label {
  margin-left: 5px;
}

a#MB_close {
  color: #fff;
}

p#mb_enrolment {
  text-align: right;
}

p#mb_enrolment input {
  margin-left: 20px;
}

input#ivn {
  width: 95%;
}