@charset "utf-8";
/* browser comp styles */

li.ok {
  color: green;
}

li.mwa {
  color: orange;
}

/* form styles */

form {
	width: 419px;
	text-align: left;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

fieldset {
	margin: 0;
	border: 0;
	padding: 0;
	text-indent:0;
	clear: left; /* make sure a new fieldsset starts cleam (omni) */
	border: 0 solid; /* older operas */
	position: relative; /* make legend move horizontally correct with rest of form in ie 5-6 */
}

legend {
 padding: 5px 0px 10px 0px;
 margin: 0px; 
 font-size: 14px;
 font-weight: bold;
 position: relative;
 left: -7px; /* explorer */
 color: #444444;
}

fieldset>legend {
  left: 0; /* future proof */
}

form h3 {
	clear: both;
	padding: 5px 0px 10px 0px;
	font-size: 14px;
}

form label {
	display: block;
	width: 310px;
	font-size: 12px;
	line-height: 14px;
	padding: 0px 0px 12px 0px;
}

form input {
	display: block;
	margin-top: 3px;
}

form select {
	float: left;
	display: block;
}

form label.field-first,
form label.field-address,
form label.field-city {
	clear: left;
}


form label.field-name,
form label.field-city {
	float: left;
	margin: 0px 10px 0px 0px;
	width: 190px;
}

form label.field-email {
	float: left;
	width: 190px;
}

form label.field-name input,
form label.field-email input,
form label.field-zip input {
	float: left;
	width: 190px;
	margin: 3px 0px;
}

form label.field-city input {
	float: left;
	width: 190px;
	margin: 3px 10px 0px 0px;
}

form label.field-state {
	float: left;
	margin: 3px 10px 0px 0px;
	width: 60px;
	border: 0;
}

form label.field-state select {
	width: 60px;
	margin: 2px 10px 0px 0px;
	border: 0;
}

form label.field-zip {
	float: left;
	width: 80px;
}

form label.field-zip input {
	float: left;
	width: 80px;
}

form label.field-address {
	float: none;
	width: 310px;
	margin: 3px 10px 0px 0px;
}

form label.field-address input {
	float: none;
	width: 310px;
	clear: right;
	margin: 3px 10px 0px 0px;
}

form input#radiobutton_1,
form input#radiobutton_2,
form input#radiobutton_3,
form input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

form label.radioitem {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 15px 0px;
}

form input#checkbox_1,
form input#checkbox_2,
form input#checkbox_3 {
	clear: both;
	float: left;
	padding: 0px;
	margin: 0px;
}

form label.field-checkbox {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 15px 0px;
}

form textarea {
	margin-top: 3px;
	border: thin solid #c4c4c4;
}



/* new styles */


* {
	margin:0;
	padding:0;
	outline:none;
}

label.error {
	font-weight:normal;
	color:red;
	text-align:left;
	width:140px;
	padding-left:25px;
	background: transparent url(/images/cancel.png) no-repeat scroll left;
}

input.text-input, input.text-select, input.text-textarea {
	margin:4px;
	padding:2px 0px;
}

label#name_label {
	position:absolute;
	top:0;
	left:0;
}

input#name {
	position:absolute;
	top:0;
	left:110px; }

label#name_error { 
	position:absolute;
	top:22px; 
	left:120px;
}

label#email_label {
	position:absolute;
	top:45px;
	left:0px;
}

input#email { 
	position:absolute;
	top:45px;
	left:110px;
}

label#email_error {
	position:absolute;
	top:67px;
	left:120px;
}

label#phone_label {
	position:absolute;
	top:90px;
	left:0px;
}

input#phone {
	position:absolute;
	top:90px;
	left:110px;
}

label#phone_error {
	position:absolute;
	top:112px;
	left:120px;
}

input.button {
	padding:3px 6px;
	border:2px solid #fff;
	margin:0px 0px 10px 0px;
	color: firebrick; 
	background:#f2f2f2;
	-moz-border-radius:5px;
}

input.button:hover {
	background: firebrick none repeat scroll 0% 0%;
	cursor: pointer;
	color:white;
}

#checkmark {
	position:relative;
	top:-46px;
	left:-60px;
}