/* form.css */

* {
  margin: 0;
  padding: 0;
}

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

form div.heading, form div.note {
	font-size: 75%;
	font-weight: normal;
	color: #FF9933;
	margin: 0;
	padding: 10px 0 0 10px;
	text-align: left;
}
form div.note {
	color: #E7131C;
	margin: 0;
	padding: 0 0 10px 64px;
	text-align: left;
}

form fieldset {
	clear: both;
	font-size: 100%;
	border-color: #999999;
	border-width: 0px;
	border-style: none;
	padding: 0 0 15px 0;
	margin: 0;
}

form fieldset legend {
	font-size: .9em;
	font-weight: normal;
	color: #29ABE2;
	margin: 0 0 0 10px;
	padding: 0 4px;
}

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

label {
  font-size: 80%;
}

input, select, textarea {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #999999 !important;
	border: none;
	margin: 0;
	padding: 0;
}

textarea {
	width: 200px;
 	overflow: auto;
}

form div {
  display: block;
  height: expression('1%');
  margin: 0;
  padding: 1px 3px;
}

form div label {
  float: left;
  width: 50px;
  padding: 2px 5px 5px 5px;
  margin: 0;
  text-align: right;
}
form div#comment label {
  width: 65px;
  text-align: left;
}

form div.optional label, label.optional {font-weight: normal;}
form div.required label, label.required {font-weight: normal; color: #E7131C}

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

form label.labelCheckbox, form label.labelRadio {
  display: block;
  width: 260px;
  font-size: 70%;
  line-height: 1em;
  height: expression('1%');
  padding: 2px 0 5px 5px;
  margin: 0;
  text-align: left;
}
form label.short {width: 180px;}
form label.shortc {width: 180px; padding: 5px 0 2px 5px;}
form label.wide {width: 340px;}

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

div input.inputText {
  width: 210px;
}

form div input#aboutus {
  width: 210px;
}

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

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

p.errormsg, div.errormsg {
  color: #FF0000;
  font-size: 70%;
  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#submit, form div#reset {
  width: 80px;
  text-align: center;
  padding: 0;
  margin: 15px 0 0 20px;
  background: transparent url(../images/button_send.png) no-repeat;
}

form div input.inputSubmit {
  font-size: 12px;
  color: #FFF;
  padding: 4px 6px;
  margin: 0;
  background: transparent !important;
}

.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}