/* Form Builder Common (Front-end and Back-end) CSS */

h3#FormTitle {
	margin:0;
	padding:0;
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	font-size:21px;
	line-height:26px;
	height:26px;
	font-weight:normal;
	color:#333;
}

p#FormDescription {
	margin:0.25em 0 1.25em 0;
	padding:0;
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	font-size:12px;
	line-height:16px;
/*	height:16px;*/
	font-weight:normal;
	color:#666;
}

.FormFieldArea {
	position:relative;
	float:left;
	clear:none;
	display:block;
	width:65%;
	margin:0;
	padding:15px 15px 20px 15px;
	background:#fff;
}

.FormFieldList {
	position:relative;
	margin:10px 0 0 0;
	padding:10px 0 0 0;
	border-top:1px #ccc dotted;
	list-style-type:none;
}

li.form_field {
	position:relative;
	padding:0.4em 1% 0.8em 9px;
	margin-bottom:2px;
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	width:63%;
	font-size:100%;
	clear:both;
}

li.form_field.hover{
	background-color:#ffc;
}

li.form_field.section {
	margin-top:5px;
	padding-top:15px;
	border-top:1px #ccc dotted;
}

li.form_field p.instructions {
	display:none;
	position:absolute;
	left:100%;
	top:0px;
	background-color:#f5f5f5;
	border:1px #e6e6e6 solid;
	color:#444;
	font-size:90%;
	line-height:150%;
	margin:11px 0 0 8px !important;
	padding:10px !important;
	width:42%;
}

li.form_field div .field {
	margin:0;
	padding:0;
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	font-size:14px;
	background-color:#fff;
	color:#444;
}

li.form_field label {
}

li.form_field label.desc {
	display:block;
	font-size:12px;
	line-height:150%;
	padding:0 0 1px 0;
	font-weight:bold;
	color:#222;
/*	overflow:hidden;*/
}
	.leftLabel li.form_field label.desc, .rightLabel li.form_field label.desc {
		float:left;
		margin:2px 15px 0 0;
		width:30%;
	}
	.select .leftLabel li.form_field label.desc, .select .rightLabel li.form_field label.desc {
		float:none;
		margin:0;
		width:auto;
	}
	.rightLabel li.form_field label.desc {
		text-align:right;
	}

li.form_field .required {
	font-weight:normal;
	color:red;
}

li.form_field div input.text, li.form_field div textarea.textarea {
	margin:0;
	padding:1px;
	border-width:1px;
	border-color:#7C7C7C #c3c3c3 #ddd;
	border-style:solid;
	resize:none;
}

li.form_field div input.small, li.form_field div select.small {
	width:25%;
}
	.leftLabel li.form_field div input.small, .leftLabel li.form_field div select.small,
	.rightLabel li.form_field div input.small, .rightLabel li.form_field div select.small {
		width:17%;
	}

li.form_field div input.medium, li.form_field div select.medium {
	width:50%;
}
	.leftLabel li.form_field div input.medium, .leftLabel li.form_field div select.medium,
	.rightLabel li.form_field div input.medium, .rightLabel li.form_field div select.medium {
		width:35%;
	}
	
	
li.form_field div input.large, li.form_field div select.large, li.form_field div textarea.textarea {
	width:99%;
}
	.leftLabel li.form_field div input.large, .leftLabel li.form_field div select.large,
	.rightLabel li.form_field div input.large, .rightLabel li.form_field div select.large,
	.leftLabel li.form_field div textarea.textarea, .rightLabel li.form_field div textarea.textarea {
		width:64%;
	}

li.form_field div textarea.small {
	height:5em;
}
li.form_field div textarea.medium {
	height:8em;
}
li.form_field div textarea.large {
	height:15em;
}

li.form_field.radio div.container,
li.form_field.checkbox div.container {
	width:99%;
}
	.leftLabel li.form_field.radio div.container, .rightLabel li.form_field.radio div.container,
	.leftLabel li.form_field.checkbox div.container, .rightLabel li.form_field.checkbox div.container {
		float:left;
		width:64%;
	}

li.form_field div input.radio, li.form_field div input.checkbox, li.form_field div div.checkbox input {
	display:block;
	height:13px;
	width:13px;
	line-height:140%;
	margin:4px 0 0 3px;
}
li.form_field.radio div label, li.form_field.checkbox div label {
	display:block;
	margin:-1.55em 0 0 25px;
	padding:4px 0px 4px;
	font-size:105%;
	line-height:140%;
	width:90%;
}

li.form_field.section h3.title {
	display:block;
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	font-size:16px;
	line-height:130%;
	margin:0;
	padding:0 0 1px 0;
	font-weight:bold;
	color:#222;
}
li.form_field.section p.instructions {
	background:none;
	border-width:0px;
	color:#444;
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	font-size:110%;
	line-height:150%;
	position:relative;
	margin:0px !important;
	padding:0px !important;
	left:auto;
	top:auto;
	width:auto;
}