/* form.css */

* {
  margin: 0;
  padding: 0;
}

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

form fieldset {
  font-size: 100%;
  border-color: #ececec;
  border-width: 1px;
  border-style: solid;
  margin: 0 0 5px 0;
  padding: 10px;
}

form fieldset legend {
  font-size: 150%;
  font-weight: normal;
  color: #b20000;
  margin: 0;
  padding: 0 10px;
}

form fieldset hr {
  clear: both;
  color: #ececec;
  background-color: #ececec;
  border-color: #ececed;
  margin: 10px 0;
}

form a:link, form a:visited, form a:focus, form a:hover, form a:active {
  text-decoration: underline;
}

label {
  font-size: 100%;
  color: #000000; 
}

label u {
  font-style: normal;
  text-decoration: underline;
}

input, select, textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
}

textarea {
  overflow: auto;
}

form div {
  clear: left;
  display: block;
  width: 374px;
  margin: 0 0 1px 0;
  padding: 1px 0 0 0;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}

form div.no-label {
  width: 207px;
  padding-left: 172px;
}

form div label {
  display: block;
  float: left;
  width: 167px;
  padding: 3px 5px 3px 0;
  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.required fieldset label {
  font-weight: normal;
}

form div label.labelCheckbox, form div label.labelRadio {
  float: none;
  display: block;
  width: 252px;
  padding: 0;
  margin: 0 0 5px 174px;
  text-align: left;
}

form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {
  margin: 0 0 5px 0;
  width: 210px;
}

form div label.labelRadio address {
  float: left;
  
}

form div input, form div select, form div textarea, form div p {
  width: 192px;
  padding: 3px 3px;
  margin: 0;
}

form div iframe {
  width: 250px;
  padding: 0;
  margin: 0;
}

form div input.inputReadonly {
  border-style: none;
  margin: 0;
  background-color: transparent;
}

form div.error input.inputReadonly {
  color: #000000;
}

form div input.inputDisabled {
  background-color: grey;
  color: grey;
}

form div select.selectOne, form div select.selectMultiple {
  width: 199px;
  padding: 1px 1px 1px 3px;
}

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 250px;
}

form fieldset.submit {
  padding: 1px 3px;
  width: auto;
  padding: 5px 0 0 185px;
  border-color: #ffffff;
}

form fieldset.submit.bordered {
  border-color: #ececec;
}

form fieldset.submit.no-padding {
  padding-left: 0;
}

form fieldset input.inputSubmit, form fieldset input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #b20000;
  border: 1px outset #b20000;
  color: #ffffff;
  width: auto;
  padding: 2px 9px;
  margin: 0 5px 0 0;
  font-weight: bold;
  cursor: pointer;
}

form fieldset input.inputSubmit.cancel {
  float: right;
  background-color: #ececec;
  border-color: #ececec;
  color: #000000;
  margin-right: 0;
}

form fieldset.submit input[type=submit]:first-child, form fieldset.submit input[type=button]:first-child, form fieldset.submit button:first-child, form fieldset.submit input.default, form fieldset.submit button.default {
  float: left;
}

form div small {
  display: block;
  margin: 0 0 5px 170px;
  padding: 1px 3px;
  font-size: 88%;
}

form fieldset div.notes {
  float: right;
  width: 158px;
  height: auto;
  margin: 0 0 10px 10px;
  padding: 5px;
  border: 1px solid #ececec;
  background-color: #ffffe1;
  color: #ececec;
  font-size: 88%;
}

form fieldset div.notes h4 {
  background-image: url(/images/icon_info.gif);
  background-repeat: no-repeat;
  background-position: top left;
  margin: 0 0 0 0;
  padding: 3px 0 3px 27px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #4e4e4f;
  color: #4e4e4f;
  font-size: 110%;
}

form fieldset div.notes p {
  margin: 0 0 1.2em 0;
  color: #4e4e4f;
  width: auto;
}

form fieldset div.notes a:link, form fieldset div.notes a:visited, form fieldset div.notes a:focus, form fieldset div.notes a:hover, form fieldset div.notes a:active {
  color: #000000;
  text-decoration: underline;
}

form fieldset div.notes dl, form fieldset div.notes ol, form fieldset div.notes ul {
  margin: 0 0 1.2em 0;
  padding: 0;
  color: #4e4e4f;
  width: auto;
}

form fieldset div.notes ol li, form fieldset div.notes ul li {
  margin: 0 0 0 3em;
  color: #4e4e4f;
}

form fieldset div.notes dd {
  margin: 0 0 0 27px;
}

form fieldset div.notes p.last, form fieldset div.notes dl.last {
  margin: 0;
}

p.info {
  background-color: #ffffe1;
  background-image: url(/images/icon_info.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #000000;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
}

p.error, div.error div.error {
  background-color: #ff0000;
  background-image: url(/images/icon_error.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 3px 3px 5px 27px;
  margin-right: 287px;
  border: 1px solid #000000;
}

form div.error {
  background-color: #ffffe1;
  background-image: url(/images/required_bg.gif);
  background-repeat: no-repeat;
  background-position: top left;
  color: #4e4e4f;
  border: 1px solid #ff0000;
}

form div.error p.error, form div.error div.error {
  background-image: url(/images/icon_error.gif);
  background-position: top left;
  background-color: transparent;
  border-style: none;
  font-size: 88%;
  font-weight: bold;
  margin: 0 0 0 147px;
  width: auto;
  min-width: 0;
  color: #ff0000;
}

form div.error p.error ul, form div.error div.error ul {
  margin: 0 0 0 13px;
}

form div.error p.error ol li, form div.error p.error ul li, form div.error p.error dl dt, form div.error p.error dl dd, form div.error div.error ol li, form div.error div.error ul li, form div.error div.error dl dt, form div.error div.error dl dd {
  color: #ff0000;
}

form div.error p.error a:link, form div.error p.error a:visited, form div.error p.error a:focus, form div.error p.error a:hover, form div.error p.error a:active, form div.error div.error a:link, form div.error div.error a:visited, form div.error div.error a:focus, form div.error div.error a:hover, form div.error div.error a:active {
  color: #000000;
  text-decoration: underline;
}

div.optional label:before {
  content: '';
}

div.required label:before {
  content: '';
}

form div label.labelCheckbox, form div label.labelRadio, label.labelCheckbox, label.labelRadio {
  display: block;
  width: 183px;
  padding: 4px 0 0 18px;
  text-indent: -18px;
  line-height: 120%;
}

form div label.labelCheckbox input.inputCheckbox, form div label.labelRadio input.inputRadio, label.labelCheckbox input.inputCheckbox, label.labelRadio input.inputRadio {
  margin: 0 0 0 0;
}

form div fieldset input.inputText, form div fieldset input.inputPassword, form div fieldset input.inputFile, form div fieldset textarea.inputTextarea {
  width: 200px;
  margin: 0 0 0 18px;
}

form div fieldset label input.inputText {
  width: auto;
  margin: 0 0 0 5px;
}

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

form div label.compact.first {
  margin: 0 0 0 126px;
}

form div.notes p, form div small {
  line-height: 125%;
}

form div p {
	margin: 0 0 5px 174px;
  padding: 0;
}

form div img {
	margin: 0 0 5px 174px;
}

input.inputText.quantity {
  width: 30px;
  text-align: center;
}

input.blurred, input.blurred {
	color: #7f7f7f;
}

input.focused, input.focused {
	color: #000000;
}

form fieldset div.wide {
  clear: right;
  width: 583px;
}

form fieldset div.wide label {
  display: block;
}

form fieldset div.wide input.inputText {
  width: 396px;
}

form fieldset div.wide textarea.inputTextarea {
  clear: left;
  width: 576px;
}

form fieldset div dl {
  margin: 0 0 0 174px;
}

form fieldset div dl dt {
  margin: 0;
  padding: 0;
}

form fieldset div dl dd {
  margin: 2px 0 0 18px;
}

form fieldset div dl dt label.labelRadio {
  margin: 0;
}

form fieldset div label.labelRadio.no-margin, form fieldset div label.labelCheckbox.no-margin {
  margin-left: 0;
}

form fieldset legend label, form fieldset legend label.labelCheckbox, form fieldset legend label.labelRadio {
  width: auto;
}

form fieldset legend label.labelCheckbox input.inputCheckbox, form fieldset legend label.labelRadio input.inputRadio {
  width: 20px;
  height: 20px;
}

form fieldset div dl dd.small {
  font-size: 80%;
}

form div.required div.small, form div.optional div.small {
  font-size: 88%;
}

form div.required div.scrolling, form div.optional div.scrolling {
  clear: none;
  padding: 0;
  width: 200px;
  height: auto;
  overflow: auto;
}

form div.required div.scrolling p, form div.optional div.scrolling p {
	margin: 0 0 20px 0;
}

#form-loading {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: none;
}

#form-loading.loading {
  background-image: url(/images/loading.gif);
  min-height: 400px;
  position: relative;
}

#form-loading.loading form {
  display: none;
}

#form-loading p.loading {
  display: none;
}

#form-loading.loading p.loading {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}