/* Form Builder Front-end Rendering CSS */

body {
	margin:0 !important;
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	font-size:12px;
	background: #F8F8F8;
	color:#222;
	text-align:center;
}

body.embed, body.submit {
	overflow:hidden !important;
}

#container {
	padding:1em 1.25% 1.5em;
}

.view #container {
	margin:0 auto;
	width:75%;
}

#FieldArea {
	background:#fff;
	text-align:left;
}

.embed #FieldArea {
	width:100% !important;
	border:none !important;
}

li.section p.instructions {
	display:block;
}

div.message {
	padding:20px;
	border:1px #ddd solid;
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	font-size:21px;
	line-height:140%;
	background:#f2f2f2;
	color:#333;
	text-align:left;
}

div.error-message {
	padding:0 0 0.5em 0;
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	font-size:10px;
	line-height:14px;
	color:red;
	font-weight:bold;
	text-align:left;
}

.leftLabel .form_field div.error-message {
	float:left;
	clear:left;
	width:30%;
	margin-right:15px;
}

.rightLabel .form_field div.error-message {
	float:left;
	clear:left;
	width:30%;
	margin-right:15px;
	text-align:right;
}

div.error-message.large {
	margin:0 0 0.7em 0;
	border-bottom:1px #ccc dotted;
	padding:0 0 0.7em 0;
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	font-size:14px;
	line-height:22px;
	color:red;
	font-weight:normal;
	text-align:left;
}

div.submit {
	clear: both;
}