/* form.css */

form {
  margin: 0;
  padding: 0;
  font-size: 100%;
  /*min-width: 400px;
  max-width: 400px;*/
  width: 300px;
}
#contact form {
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 400px;
}
#contact fieldset {
	margin: 0px;
	padding: 0px;
	width: 300px;
}
#contact label {
	width: 50px;
}

#contact form p {
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0px;
	margin-left: 0px;
}



form fieldset {
	font-size: 100%;
	padding: 10px;
	margin: 0 auto;
	width: 400px;
	text-align: center;
	border-bottom: 1px solid #999999;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

form fieldset legend {
	font-size: 20px;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0;
	padding: 0 5px;
	text-transform: uppercase;
	text-align: left;
	background: #666666;
	width: 400px !important;
	display: block;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #999999;
}

label {
  font-size: 100%;
}

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

textarea {
  overflow: auto;
}

form p {
	clear: left;
	display: block;
	width: 300px;
	height: expression('1%');
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
}

form p label {
  display: block;
  float: left;
  width: 70px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}

form p.optional label, label.optional {
  font-weight: normal;
}

form p.required label, label.required {
  font-weight: bold;
}

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 p.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 p.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 p input, form p select, form p textarea {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

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

form p.submit {
  width: 214px;
  padding: 0 0 0 146px;
}

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

form p input.inputSubmit, form p input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #cccccc;
  color: #000000;
  width: auto;
  padding: 0 6px;
  margin: 0;
}

form p.submit p input.inputSubmit, form p.submit p input.inputButton {
  float: right;
  margin: 0 0 0 5px;
}

form p small {
  display: block;
  margin: 0 0 5px 142px;
  padding: 1px 3px;
  font-size: 88%;
  height: expression('1%');
}

form fieldset legend {
  line-height: 150%;
}

form input, form select, form textarea {
  background-color: #ffffff;
}

form textarea.expanding {
  overflow: auto;
  overflow-x: auto;
  overflow-y: visible;
}
  
form p.notes p, form p small {
  line-height: 125%;
}