/* forms in page */

form { margin: 0; text-indent: 0; word-spacing: 0; }

#form-area { margin: 0; padding: 0 0 10px 10px; text-align: justify; font-weight: bold; font-size: 11px; }

#form-area span { clear: left; margin: 0; padding: 0; font-size: 12px; color: #000; }
#form-area span a { padding: 2px; border-bottom: 1px dotted #000; background: #ba4a23; text-decoration: underline; color: #fff; }
#form-area span a:hover { background: #d90000; text-decoration: none; }

#form-area label { float: left; width: 115px; padding-right: 20px; text-align: left; color: #b9450c; }

#form-area input { 
	display: block; float: left; width: 180px; height: 10px; margin-bottom: 10px; padding-left: 24px; border: 1px solid #dcdcdc;
	background: #efe5d7; font-size: 11px;
}

#form-area input.name { background: #efe5d7 url("../img/form/field-name.gif") no-repeat 4px 2px; }
#form-area input.email { background: #efe5d7 url("../img/form/field-email.gif") no-repeat 4px 2px; }
#form-area input.phone { background: #efe5d7 url("../img/form/field-phone.gif") no-repeat 4px 2px; }
#form-area input.code { background: #efe5d7 url("../img/form/field-code.gif") no-repeat 4px 2px; }

#form-area input.button { height: 25px; margin: 0; background: #de7f32; color: #fff; }
#form-area input.submit { width: 75px; text-align: center; }
#form-area input.reset  { width: 140px; margin-left: 10px; text-align: center; }

#form-area textarea { 
	display: block; float: left; width: 320px; height: 100px; margin-bottom: 10px; padding-left: 24px;
	border: 1px solid #dcdcdc; background: #94B2D7; font: 11px "Trebuchet", Tahoma;
}
#form-area textarea.message { background: #94B2D7 url("../img/form/field-message.gif") no-repeat 4px 2px; }

#form-area br { clear: left; }

/* form messages */
.error { display: block; text-align: center; font-weight: bold; font-size: 12px; color: #d53030; }
.msgOK { display: block; text-align: center; font-weight: bold; font-size: 12px; color: #3eb523; }