@charset "utf-8";
/* 
 * online form css template
 */
 
body{
	color:#000000;
	font:13px/1.4 "Lucida Grande",Tahoma,"Helvetica Neue",Arial,Verdana,sans-serif;
	background:#FFFFFF;
}

#form-body{ width:640px; margin:30px auto 30px auto; }

.form-div{
	display:table;
	width:640px;
	margin:18px 0;
}

.form-table{
	width:100%;
	margin:0;
	padding:0;
	text-align:left;
}
.form-table tr{ vertical-align:top; }
.form-table td{ padding:18px 18px 9px 18px; }

.form-table h2.sectionHeading{ margin:0; font-size:20px; font-weight:normal; line-height:36px; }
	
.form-table .fieldGroup{ width:100%; overflow:hidden; }
.form-table .subField{ float:left; margin-right:5px;}

.form-table .fieldNameLabel{ display:block; font-size:13px; font-weight:bold; }
.form-table .fieldNameLabel span{ padding-left:2px; color:#BA0000; line-height:16px; font-size:16px; font-weight:bold; font-family:Verdana, Geneva, sans-serif;}
.form-table .fieldLabel{ margin:4px 0; color:#777777; font-size:11px; }

.form-table input[type="text"], .form-table textarea{
	padding:4px;
	line-height:18px;
	color:#333333;
	font-size:14px;
	font-weight:bold;
	border-color:#7C7C7C #C3C3C3 #DDDDDD;
	border-style:solid;
	border-width:1px;
	background-color:#FFFFFF;
}
.form-table select{
	font-size:15px; line-height:18px;
}
.form-table input[type="text"]:focus, .form-table input[type="file"]:focus, .form-table textarea:focus{
	border-color:blue;
	outline:medium none;
}


.errorField{ color:#BA0000; padding-left:20px; background:url(../images/validationAlert.png) left bottom no-repeat;}

#errorMessage, #successMessage{ display:none; }
.errorMessage{
	width:620px;
	margin:15px 0;
	padding:10px;
	font-size:14px;
	text-align:center;
	border:1px solid red;
	background-color:#FFEEEE;
}
.successMessage{
	width:620px;
	margin:15px 0;
	padding:10px;
	font-size:14px;
	text-align:center;
	border:1px solid #FDEE04;
	background-color:#FFFEEE;
}