/* a special style for displaying forms */

.input input, textarea, select {border:1px solid #ccc;padding:3px;font-family:Arial;font-size:100%;}


form {
float:left;
_width:500px;
_padding-right:0;
padding-bottom:10px;
}

.input {padding:5px 5px 10px 5px;
clear:both;float:left;
min-width:500px;_width:500px;
}

/* for highlighting */
.required {  }

.input label {
display:block;width:12em;
padding:3px 5px 2px 2px;
font-weight:bold;
float:left;
text-align:right;
font-size:120%;
border:0px solid red;
}

/** datetime selection control **/
.date {border:0px solid red;}

.date select {
/*border:0px solid red;*/
border-right:0px;
float:left !important;
}



/* tips for field */
.tip-message { 
  width:300px;
  padding:0 0 2px 185px;
  font-size:85%;
  color:#999; 
  display:block;
  text-align:left !important;
}

.input .error-message { 
font-size:85%;color:#900;
text-align:left !important;
display:block;
min-width:300px;
clear:both;
padding:0 0 0 185px !important;

}

/* info block at the right of input field */
.input .info-block {float:left;display:block;padding:3px 0 0 10px;font-size:85%;}
.input .info-block a{color:#03AFFB}

/* after block */
.input .after-block {line-height:20px;float:left;} 



/* default style for <input type="text" />, <textarea/> */
.input input, .input textarea { min-width:220px;_width:200px;float:left;}
.input select {max-width:220px;float:left;}



/*specific classes for checkbox */
.checkbox { 
 padding:5px 5px 20px 180px !important;clear:both;
 min-width:505px; _width:505px;
 float:none;

}

/*specific classes for checkbox */
.checkbox {
 padding:5px 5px 20px 180px !important;clear:both;
 min-width:505px; _width:505px;
 float:none;
}

.checkbox input {margin:0;width:20px;min-width:20px;}
.checkbox label {font-weight:normal;width:auto;*width:90%;font-size:100%;float:left;
padding:0;margin:0;margin-left:0px; *padding-top:2px;_margin-left:-5px;
font-weight:bold;}


.checkbox .tip-message {font-size:90%;color:#999;float:left;display:block;padding-bottom:5px;}
.checkbox .error-message { clear:both;padding-left:5px;padding-top:2px;font-size:90%;color:#990000;}




.submit {padding:5px 5px 5px 185px !important;
min-width:500px;_width:500px;
float:left;clear:both;
}

.submit input {font-size:140%;font-family: Verdana; float:left;}

/* error highlighting */
input.form-error, textarea.form-error, select.form-error { background-color:#F7BFBE; }


.radio {padding:0 0 2px 195px;}
.radio input {width:20px;min-width:20px;margin:3px 0 0 0;*margin-top:0;padding:0;border:0;}
.radio label { width:auto;font-size:100%;font-weight:normal;padding:0 20px 0 0;margin:0;}



/* radio groups */
fieldset {*width:420px;clear:left;border:1px solid #9BA3A9;margin:5px;*padding:5px;*margin:0 5px 5px 5px;}
fieldset legend {font-weight:bold;}
fieldset dl {border:0 none;}
fieldset dt {clear:both;background-color:#DEF5A7;border:0 none;border-bottom:1px solid #fff; float:left;width:150px;padding:10px;font-weight:bold;margin:0px;text-align:right;}
fieldset dd {border:0 none;float:left;background-color:#EFFBD6;border-bottom:1px solid #fff;padding:10px;margin:0px;width:200px;}



/* form message blocks */

/* indicator for ajax calls */ 
div.indicator {
text-align:center;width:430px;height:100px;
background:url(/img/be/spinner_big.gif) center center no-repeat;
}


.tip {
border:1px solid #CA853B;
background-color:#FFE27E;
background:#FFE27E url(/img/be/ico_tip.gif) 10px 10px no-repeat;
padding:10px 10px 10px 50px !important;
margin-bottom:5px;
max-width:700px;
}


.message {
background-color:#CEFFCE;
background:#CEFFCE url(/img/be/ico_ok.gif) 5px 5px no-repeat;
max-width:700px;
padding:15px 10px 20px 55px !important;
margin:5px 0 5px 0;
border:1px solid #157627;
}




/* auto complete */
div.auto_complete {
 position :absolute;
 width :650px;
 background-color :white;
 border :1px solid #ccc;
 margin :0px;
 padding :0px;
}

div.auto_complete ul{list-style:none;margin:0;padding:0;}
div.auto_complete ul li{padding:2px;margin:0;}
div.auto_complete li.selected { background-color: #E7D7EF; }