@charset "utf-8";
/* CSS Document */

#contact-field-column{
	width:245px;
	margin-top:23px;
	margin-left:100px;
	float:left;
}
#contact-label {float:left;  vertical-align:text-top; height:25px; width:100%;}
#contact-form {
	width:365px;
	height:371px;
	font-size:13px;
	text-align:left;
	line-height:70%;
	float:left;
	clear:none;
	background-image:url(../images/contact_card_th.jpg);
	/*color:#f4f0e2;  ivory*/
	/*background-color: #638fa0;greyish blue*/
}
#contact-line {
	float:left;
	width:100%;
	clear:both;
}

#contact-comment-label {float:left; clear:none; width:30%; vertical-align:text-top; height:150px;}
#contact-field {float:left; width:100%; height:25px; background: transparent url(../images/contact-field.png)  repeat-x; background-position:0px 7px; font-family: Arial, Helvetica, sans-serif;}
#contact-form input{
	border:none;width:100%;
	/*background: transparent url(../images/contact-field.png) repeat-x;*/ 
	background:transparent;
	margin-top:5px;
	/*opacity:0.2;*/
}
#contact-form textarea{
	border:none;
	background:transparent url(../images/contact-field.png)  repeat;
	font-family: Arial, Helvetica, sans-serif;
	margin-top:5px;
	float:left;
	width:99%;
}
#contact-form .submit {
	background:url(../images/submit_btn.png) no-repeat right;
	width:105px;
	height:20px;
	float:right;
}
#contact-form .submit:hover {
	cursor:pointer;
	opacity:0.6;
}
#contact-form textarea:focus{border: 1px dotted black; }
#contact-form textarea:error{border: 1px dotted red; }
#contact-form input:focus { border: 1px dotted black; }
#contact-form input.error { border: 1px dotted red; }
form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: #FF0000;
	font-style: italic;
	font-size:10px;
	top:-20px;
	left:63px;
	position:relative;
	font-family:Arial, sans-serif;
}
div.error { display: none; }