/* form.css */



* {

  margin: 0;

  padding: 0;

}



form {

  margin: 0;

  padding: 0;

  font-size: 100%;

  min-width: 531px;

  max-width: 531px;

  width: 531px;

}



label {

  font-size: 100%;

}



input, select, textarea {

  font-family: Tahoma, Arial, sans-serif;

  font-size: 100%;

  color: #000000;
  line-height:15px;

}



textarea {

  overflow: auto;

}



form div {

  display: block;

  width: 522px;

  height: expression('1%');

  margin: 5px 0 0 0;

  padding: 1px 3px;

}



form div.optional, form div.required {

  display: inline;

}



form div label {

  display: block;

  float: left;

  width: 140px;

  padding: 3px 5px;

  margin: 0 0 5px 0;

  text-align: right;

}



form div.optional label, label.optional {

  font-weight: normal;

}



form div.required label, label.required {

  font-weight: bold;

}



form div label.labelCheckbox, form div label.labelRadio {

  float: none;

  display: block;

  width: 200px;

  height: expression('1%');

  padding: 0;

  margin: 0 0 5px 142px;

  text-align: left;

}



form div img {

  margin-top: 10px;

}



p.error {

  background-color: #ff0000;

  background-image: url(icon_error.gif);

  background-repeat: no-repeat;

  background-position: 3px 3px;

  color: #ffffff;

  padding: 3px 3px 5px 27px;

  border: 1px solid #000000;

  margin: auto 100px;

}



form div.error {

  background-color: #ffffe1;

  background-image: url(required_bg.gif);

  background-repeat: no-repeat;

  background-position: top left;

  color: #666666;

  border: 1px solid #ff0000;

}



form div.error p.error {

  background-image: url(icon_error.gif);

  background-position: top left;

  background-color: transparent;

  border-style: none;

  font-size: 88%;

  font-weight: bold;

  margin: 0 0 0 118px;

  width: 200px;

  color: #ff0000;

}



form div input, form div select, form div textarea {

  width: 200px;

  padding: 1px 3px;

  margin: 0px 0px 0px 10px;
  float:left;
  

}



form div input.inputFile {

  width: 211px;

}



form div select.selectOne, form div select.selectMultiple {

  width: 200px;

  padding: 1px 3px;

}



form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox {

  display: inline;

  height: 14px;

  width: 14px;

  background-color: transparent;

  border-width: 0;

  padding: 0;

  margin: 0 0 0 0px;

}



form div.submit {

  width: 60px;
  
  padding: 20px 150px 0 0px;
  *padding: 20px 130px 0 0px;
  
  text-align:left;

}
form div.submit .inputSubmit:hover{ background-color:#CCCCCC}


form div.submit div {

  display: inline;

  float: left;

  text-align: left;
  
  font-weight:bold;

  width: auto;

  padding: 0;

  margin: 0;

}



form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {

  background-color: #ffcc00;

  color: #000000;

  width: auto;
  
  float: left;

  padding: 3px 6px;

  margin: 0;
  
  border:2px solid #333333;

}



form div.submit div input.inputSubmit, form div.submit div input.inputButton {

  float: right;

  margin: 0 0 0 5px;

}



form div small {

  display: block;

  margin: 0 0 5px 142px;

  padding: 1px 3px;

  font-size: 88%;

  height: expression('1%');

}



.optiongroup {

	float: left;

	width: 90px;

}



.optiongroup input.radio {

  display: inline;

  height: 14px;

  width: 14px;

  background-color: transparent;

  border-width: 0;

  padding: 0;

   
  
  float:left;

}



.optiongroup input.checkbox {

  display: inline;

  height: 14px;

  width: 14px;

  background-color: transparent;

  border-width: 0;

  padding: 0;

  margin: 0;

}