@charset "utf-8";
/* = Standard Form Styles ------------------------------ */

/* General Font styles */
.form label, .form input.text, .form select, .form textarea{ font-size:1.2em; text-align:left; }
.form label{font-size:1em;}

/* Fieldsets */
 .form fieldset{width:95%; padding:0.5em 1em; border:1px solid #0F272F; margin-bottom:1em; position:relative;}
 .form fieldset.noborder{border:none;}

/* Legend */
 .form fieldset legend{font-size:1.2em; color:#000; margin:0 0 5px -5px;}
    
.form div{
    clear: left;
    margin: 0;
    padding:0 0 .5em 0;
    padding-left: 155px; /*width of left column containing the label elements*/
    height: 1%;
}

.form label{
    float: left;
    margin-left: -155px; /*width of left column*/
    width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
    font-weight:bold;
}

/* Smaller labels */
.form label.small{margin-left: -80px; width:70px;}
.form div.small{padding-left:80px;}

.form iframe{margin-left:-160px; width:300px;}

.form textarea{
    width: 250px;
    height: 125px;
}

.form div .message{
    font-size:85%;
}
.form div.row, form div.col{
    padding:0;
}
.form div.row.inline, form div.col.inline{
    padding-left:150px;
}

.form div.row fieldset legend, .form div.col fieldset legend{margin-left:-10px;}
.form div.row fieldset.noborder, .form div.col fieldset.noborder{border:none;}
.form div.row fieldset legend, .form div.col fieldset legend{
    font-size:100%;
    font-weight:bold;
}

.form div label.lblCheckbox, form div label.lblRadio {
  float: none;
  display: block;
  width: 300px;
  height: expression('1%');
  padding: 0;
  margin: 0 5px 0 145px;
  text-align: left;
  font-size:90%;
  font-weight:normal;
}
.form div.inline label.lblCheckbox, .form div.row label.lblRadio{
    margin:0 5px 0 0;
}

.form div.row label.lblCheckbox, .form div.row label.lblRadio {
  display:inline;
  width: auto;
  margin: 0 5px 0 0;
}

.form div.col label.lblCheckbox, .form div.col label.lblRadio {
  margin:5px 0;
}
.form div.col label.lblCheckbox input, .form div.col label.lblRadio input {
  margin-right:5px;
}

.form div.fieldinline fieldset{
    padding-left:160px;
}
.form div.fieldinline fieldset legend{
    margin-left:-160px;
}



/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/* field padding, colours + focus */
.form input.text{width:200px;}
.form input.text, .form textarea, .form select{ border:1px solid #0F272F; padding:3px;}
.form input.text:focus, .form textarea:focus{background-color:#EEEEEE;}

/* buttons */ 
 .form .submit{font-size:1.1em; width:auto; padding:0.3em 0.8em; color:#fff; font-weight:bold; background:#0F272F url(/img/button_background.gif) repeat-x left -5px; border:1px solid #fff; text-align:center; cursor:pointer;}
 
/* notes */
 .form .notes{position:absolute; padding:3px; width:250px; border:1px solid #CCC; background-color:#EEEEEE;}
 
/* line break */ 
 .form br {display : none;}


/* small and medium fields */
.form input.norm,  select.norm{width:220px;}
 .form input.med,  select.med{width:130px;}
 .form input.small,  select.small{width:90px;}
 .form input.vsmall,  select.vsmall{width:50px;}

/* Required stars */
 .form span{position:absolute; left:105%; top:3px; width:245px; text-align:right; color:#990000; font-size:140%; font-weight:bold;}
 .form span.med{position:absolute; width:145px;}
 .form span.small{position:absolute; width:105px;}