/* form.css */

form {
  margin: 0;
}

input, select, textarea {
  font-family: Arial, Verdana, sans-serif;
  font-size: 100%;
  color: #000000;
  background-color: #ffffff;
}

input.inputSubmit {
  padding: 0 6px;
  background-color: #cccccc;
}

.divAlignLeft form, .divAlignCenter form, .divAlignRight form {
  width: 205px;
}

.divAlignLeft fieldset, .divAlignRight fieldset {
  width: auto;
  border-style: none;
  font-size: 85%;
}

.divAlignLeft legend, .divAlignRight legend {
	display: block;
  font-size: 140%;
  font-weight: bold;
	color: #ffffff;
	border-bottom: 1px solid #a7acb7;
	padding: 0;
	margin: 0 0 5px 0;
}

.divAlignLeft hr, .divAlignRight hr {
  width: 205px;
  background-color: #a7acb7;
  border-style: none;
  border-color: #a7acb7;
  color: #a7acb7;
  height: 1px;
  margin: 0;
}

.divAlignLeft fieldset hr, .divAlignRight fieldset hr {
  width: 185px;
}

.divAlignLeft h4, .divAlignRight h4 {
  border-bottom: 1px solid #a7acb7;
}

.divAlignLeft label, .divAlignLeft input, .divAlignLeft select, .divAlignLeft textarea, .divAlignCenter label, .divAlignCenter input, .divAlignCenter select, .divAlignCenter textarea, .divAlignRight label, .divAlignRight input, .divAlignRight select, .divAlignRight textarea {
  width: 200px;
}

.divAlignLeft fieldset input, .divAlignLeft fieldset select, .divAlignLeft fieldset textarea, .divAlignCenter fieldset input, .divAlignCenter fieldset select, .divAlignCenter fieldset textarea, .divAlignRight fieldset input, .divAlignRight fieldset select, .divAlignRight fieldset textarea {
  width: 180px;
}

/*
input.inputText, textarea.inputTextarea {
  padding: 0 0 0 3px;
}
*/

input.inputSubmit, input.inputButton, .divAlignLeft input.inputSubmit, .divAlignLeft fieldset input.inputSubmit, .divAlignCenter input.inputSubmit, .divAlignCenter fieldset input.inputSubmit, .divAlignRight input.inputSubmit, .divAlignRight fieldset input.inputSubmit {
  background-color: #a7acb7;
  color: #000000;
  width: auto;
}

input.inputCheckbox, input.inputRadio, .divAlignLeft input.inputCheckbox, .divAlignLeft fieldset input.inputCheckbox, .divAlignCenter input.inputCheckbox, .divAlignCenter fieldset input.inputCheckbox, .divAlignRight input.inputCheckbox, .divAlignRight fieldset input.inputCheckbox, .divAlignLeft input.inputRadio, .divAlignLeft fieldset input.inputRadio, .divAlignCenter input.inputRadio, .divAlignCenter fieldset input.inputRadio, .divAlignRight input.inputRadio, .divAlignRight fieldset input.inputRadio {
  height: 14px;
  width: 14px;
  background-color: transparent;
}

textarea.inputTextarea {
  overflow: auto;
}

input.disabledText, textarea.disabledTextarea, select.disabledSelect {
  background-color: #cccccc;
  color: #000000;
  font-size: 85%;
}

label {
  font-weight: bold;
}

fieldset {
  padding: 10px;
  text-align: left;
}

legend {
  padding: 0 5px 0 5px;
}

input.error, select.error, textarea.error {
  font-family: arial, helvetica, sans-serif;
  background: #ffffff;
  color: #000000;
}

div.error, div.pageresponse {
  text-align: left;
}

div.error {
  background-color: #ff0000;
  color: #ffffff;
  border: 1px solid #000000;
  width: auto;
  margin: 0;
  background-image: url(/images/icon_error.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  padding: 5px 5px 5px 30px;
}

div.pageresponse {
  background-color: #ffffe1;
  color: #000000;
  border: 1px solid #000000;
  width: auto;
  margin: 0;
  background-image: url(/images/icon_info.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  padding: 5px 5px 5px 30px;
}

div.error ul, div.pageresponse ul, div.error ol, div.pageresponse ol, div.error dl, div.pageresponse dl {
  margin: 0 0 0 25px;
}

div.error li, div.error dt, div.error dd {
  color: #ffffff;
}

div.pageresponse li, div.pageresponse dt, div.pageresponse dd {
  color: #ffffff;
}

form.filter {
  width: auto;
  margin: 0 0 10px 0;
}

form.filter fieldset {
  padding: 5px;
}

form.filter label, form.filter select, form.filter input.inputSubmit {
  display: inline;
  width: auto;
  float: left;
  margin: 0 5px 0 0;
}

form.filter label {
  border-bottom-width: 0;
  border-bottom-style: none;
  padding: 3px 0;
}
label.formLabelOptional:after {
  content: ' (Optional)';
}

label.formLabelRequired:after {
  content: ' (Required)';
}

label.labelRadio, label.labelCheckbox {
  display: block;
  width: 182px;
  padding: 0 0 0 18px;
  text-indent: -18px;
  border-bottom: 0;
}

dl.dlCheckbox {
  margin: 0;
  padding: 0;
}

dl.dlCheckbox dt, dl.dlCheckbox dd {
  margin: 0;
  padding: 0;
}