/* form.css */

* {
  margin: 0;
  padding: 0;
}

form {
  margin: 0;
  padding: 0;
  font-size: 100%;
  width: 500px;
}

form fieldset {
	clear: both;
	font-size: 100%;
	border-color: #999999;
	border-width: 1px;
	border-style: solid;
	padding: 10px 0 20px 0;
	margin: 10px 0;
}

form fieldset legend {
	font-size: 110%;
	font-weight: bold;
	color: #304584;
	margin: 0 0 0 10px;
	padding: 0 4px;
}

form fieldset p {
	font-weight: bold;
	margin: 0 0 0 15px;
	padding: 0;
}


label {
  font-size: 90%;
}

input, select, textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 90%;
  color: #000000;
}

textarea {
  overflow: auto;
}

form div, form div.ident {
  clear: left;
  display: block;
  width: 480px;
  height: expression('1%');
  margin: 5px 0 0 0;
  padding: 1px 3px;
}

form div.indent {
  margin: 0 0 0 10px;
  padding: 10px 0 0 0;
}

form div small {
  color: #990000;
  display: block;
  margin: 0 0 5px 155px;
  padding: 1px 3px;
  font-size: 80%;
  height: expression('1%');
}

form div label {
  float: left;
  width: 100px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}
form div.indent label {
  text-align: left;
}

form div label.inline {
  display: inline;
  width: auto;
  padding: 4px 10px 0px 0px;
  text-indent: 0;
  margin: 0;
}

form div label.lglabel {
  width: 400px;
  font-weight: bold;
}

form div.optional label, label.optional {font-weight: normal;}
form div.required label, label.required {font-weight: bold;}

/* style for labels with class labelCheckbox and labelRadio */

form div label.labelCheckbox, form div label.labelRadio {
  float: left;
  display: block;
  width: auto;
  height: expression('1%');
  padding: 0 5px 0 0;
  margin: 0 0 5px 5px;
  text-align: left;
}

p.errormsg, div.errormsg {
  color: #FF0000;
  font-size: 80%;
  font-weight: bold;
  margin: 0 0 0 180px;
  padding: 2px 0 0 0;
}

p.error {
  font-size: 100%;
  background-color: #FFF;
  background-image: url(/images/icon_error.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #000;
  border: 2px solid #FF0000;
  margin: 20px 60px;
	padding: 10px;
}
span.error {
  font-size: 100%;
	font-weight: bold;
  color: #FF0000;
  margin: 0;
	padding: 0;
}

form div.error {
  background-color: #ffffe1;
  background-image: url(/images/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(/images/icon_error.gif);
  background-position: top left;
  background-color: transparent;
  border-style: none;
  font-size: 95%;
  font-weight: bold;
  margin: 0 0 0 118px;
  width: 200px;
  color: #ff0000;
}

form div input, form div select, form div textarea {
  padding: 1px 3px;
  margin: 0;
}

form div input#date, div input#time {
  width: 160px;
}

form div input.inline {
  width: 100px;
  padding: 1px 3px;
  margin: 0;
}

form div input.writein {border-width: 0; border-bottom: 1px solid black;}

form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: 14px;
  width: 14px;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: 0 0 0 0;
}

form div.submit {
  width: 50px;
  padding: 0;
}

form div.submit {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0;
  margin: 0;
}

form div input.inputSubmit {
  font-size: 12px;
  background-color: #CCC;
  color: #000;
  width: 70px;
  padding: 0 6px;
  margin: 0;
}

input.inputSubmit {
	font-size: 12px;
}