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

/* General Font styles */
.form label, .form input, .form textarea,.form select{ font:100%/130% Arial, Helvetica, sans-serif;color:#333; text-align:left; }
/* Fieldsets */
 .form fieldset{width:95%; padding:0.5em 1em; border:1px solid #CCC; margin-bottom:1em; position:relative; }
 .form fieldset.noborder{border:none;}
 .form fieldset a {text-decoration:underline;}

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

.form label{
	float: left;
	margin-left: -175px; /*width of left column*/
	width: 170px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	color:#663333;
}

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

.form input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 200px;
}

.form textarea{
	width: 300px;
	height: 135px;
	font-family:Arial, Helvetica, sans-serif;
}

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

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

.form div.row fieldset.check_group, .form div.col fieldset.check_group{width:500px; padding:0;}

.form div.row fieldset legend, .form div.col fieldset legend{margin-left:-15px;}
.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:normal;
}

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

.form div.row label.lblCheckbox, .form div.row label.lblRadio {
  display:inline;
  margin: 0 5px 0 15px;
  padding-right:5px;
}
.form div.row label.first, .form div.row label.first{margin-left:155px;}
.form div.col label.lblCheckbox input, .form div.col label.lblRadio input{ margin-right:5px; cursor:pointer;}
.form div.col fieldset legend, .form div.row.inline fieldset legend{color:#663333; font-size: 1.1em; padding-left: 5px;}
.form div.row.inline fieldset legend{margin-left: -165px;}


.form div.multicheck{padding-left:0;}
.form div.multicheck fieldset.multicol legend{display: none;}
.form div.multicheck fieldset{background:none; width: 95%;} 
.form div.multicheck fieldset div.checkcol{float:left; width: 200px; margin-right: 10px; background:none; padding: 0; clear: none;}
.form div.multicheck fieldset div.checkcol div.multicon{clear: both; padding:0 0 5px 0; margin-bottom: 25px;}
.form div.multicheck fieldset div.checkcol label.lblCheckboxMulti {
  float:left;
  display: block;
  width: 175px;
  height: expression('1%');
  padding: 0 0 5px 0;
  margin: 0;
  text-align: left;
  font-weight:normal;
}
.form div.multicheck fieldset div.checkcol input.multicheckbox{
    float:left;
    margin-right:3px;
}

/*.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 .form .threepxfix{
margin-left: 3px;
}

/* field padding, colours + focus */
.form input.text, .form textarea, .form select{ border:1px solid #A5ACB2; background-color:#fff; padding:2px;}
.form input.text:focus, .form textarea:focus{background-color:#FDECFF; }

/* buttons */ 
 .form input.submit{font-size:1em; width:auto; height:auto; cursor:pointer;  border:1px solid #587E9B; background-color:#8CB0CC; padding:0.2em 0.3em;}
.form .submit_img{border:none; padding:0; background:none;}
/* notes */
 .form .notes{position:absolute; padding:3px; width:250px; border:1px solid #CCC; background-color:#EEEEEE;}
 
/* line break */ 
 .form br {display : none;}


/* small ,medium and large fields */
 .form input.large,  .form select.large{width:300px;} 
 .form input.med,  .form select.med{width:130px;}
 .form input.small,  .form select.small{width:90px;}
 .form input.vsmall,  .form select.vsmall{width:50px;}
 .form textarea.med{width: 350px; height:250px;}


 .errorList{color:#663333; margin:0 0 10px 5px; font:bold 100%/130% Arial, Helvetica, sans-serif;}
 .errorList li{margin: 1px 0;}  
 .form select.catmenu option{padding-left: 8px;}
 .form select.catmenu option.topitem{font-weight: bold; padding-left: 0;}
 .form select optgroup{font-weight: bold; font-style: normal; padding:3px 0; margin-bottom: 5px;} 
 
 .bidform fieldset legend{color:#21215A; font-size: 130%; margin-left: -5px;}  
 
 /* ---------- jtip ---------------------------------------------------------------*/
.form span.formtooltip{position:inherit; height: 19px; width:19px; text-indent:-4000px; line-height: 0;}
.form span.formtooltip a{padding:3px 0 0 3px;}
.form span.formtooltip a img{margin-bottom: -5px;}

.form div.row.inline{position: relative;}
.form div.row.inline span.formtooltip{position:absolute; right: 0; top:0;}

#JT_arrow_left{
    background-image: url(/media/images/arrow_left.gif);
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
    z-index:101;
    left:-12px;
    height:23px;
    width:10px;
    top:-3px;
}

#JT_arrow_right{
    background-image: url(/media/images/arrow_right.gif);
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
    z-index:101;
    height:23px;
    width:11px;
    top:-2px;
}

#JT {
    position: absolute;
    z-index:100;
    border: 2px solid #CCCCCC;
    background-color: #fff;
}

#JT_copy{
    padding:10px 10px 10px 10px;
    color:#333333;
}

.JT_loader{
    background-image: url(/media/images/loader.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width:100%;
    height:12px;
}

#JT_close_left{
    background-color: #CCCCCC;
    text-align: left;
    padding-left: 8px;
    padding-bottom: 5px;
    padding-top: 2px;
    font-weight:bold;
}

#JT_close_right{
    background-color: #CCCCCC;
    text-align: left;
    padding-left: 8px;
    padding-bottom: 5px;
    padding-top: 2px;
    font-weight:bold;
}

#JT_copy p{
margin:3px 0;
text-align:left;
}

#JT_copy ul{
margin-left:30px 0;
padding:3px;
text-align:left;
font-size:100%;
}

#JT_copy img{
    padding: 1px;
    border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}