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

	#formbuilder ul#formfields,
	#formbuilder table#tbl_formfields {
		list-style-type:none;
		margin:0;
		padding:0;
	}
		#formbuilder ul#formfields li {
			background: #FFFFFF;
			border: 2px solid #ffffff;
			margin-bottom: 10px;
			padding: 0 3px;
			position: relative;
		}
		#formbuilder ul#formfields li.active {
			background: #EFF6FF;
			border: 2px dashed #CFE7FF;
		}
	
		#formbuilder .formbuilder_text {
			border: 1px solid #abadb3;
			border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea;
			font-size:12px;
			font-family:Tahoma,Arial,Helvetica;
		}
		
		#formbuilder h2,
		#formbuilder h3 {
			color: #00396e;
			font-family: "Lucida Grande",Tahoma,Arial,sans-serif;
			font-size: 21px;
			font-weight: normal;
			margin: 0;
			padding: 0;
		}
		#formbuilder h3 {
			font-size: 18px;
			margin-top: 15px;
		}
		
		#formbuilder p,
		#formbuilder div {
			color: #004B8F;
			font-family: "Lucida Grande",Tahoma,Arial,sans-serif;
			font-size: 13px;
			line-height: 1.6em;
		}
		
		#formbuilder #formdescription {
			margin-bottom: 15px;
		}
		
		#formbuilder label { color:#00396e; font-weight: bold; }
		#formbuilder .required {
			color: red;
			font-weight: bold;
		}
		
		#formbuilder .instructions {
			color: #6d879e;
			font-size: 11px;
			margin-left: 5px;
		}
		
		#formbuilder input[type=checkbox],
		#formbuilder input[type=radio] { top: 1px; position: relative; }
		
		#formbuilder .field_holder { margin-left: 5px; }
		
		#formbuilder .columns,
		#form_settings .columns { margin-left: 20px; }
		#formbuilder .one_column label,
		#form_settings .one_column label { display: block; }
		#formbuilder .two_column label,
		#formbuilder .three_column label,
		#form_settings .two_column label,
		#form_settings .three_column label {
			display: block;
			float: left;
			margin-right: 5px;
		}
		#formbuilder .two_column label,
		#form_settings .two_column label { width: 48%; }
		#formbuilder .three_column label,
		#form_settings .three_column label { width: 30%; }
		
		#formbuilder .field_description {
			font-size: 12px;
			line-height: 1.5em;
			margin: 5px;
		}
		
		.formbuilder_clear {
			clear: both;
			display: block;
			font-size: 0px;
			height: 0px;
			line-height: 0px;
		}
		
		#formbuilder .small { width: 30%; }
		#formbuilder .normal { width: 60%; }
		#formbuilder .large { width: 98%; }


	#form_settings label,
	#form_settings .label {
		display: block;
		font-weight: bold;
		line-height: 1.6em;
	}
	#form_settings .label { font-weight: normal; }
	#form_settings .normal { padding-left:4%; padding-bottom: 5px; width:92%; }
	#form_settings .normal select { width: 50%; }
	
	#form_settings textarea.text,
	#form_settings input.text {
		border: 1px solid #abadb3;
		border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea;
		color:#333333;
		font-family:"Lucida Grande",Tahoma,Arial,sans-serif;
		font-size:100%;
		margin: 0 0 5px 0;
		padding: 3px;
		width: 97%;
	}
	#form_settings select { padding: 3px; }
	
	#form_settings fieldset {
		background: #CFE7FF;
		border: medium none;
		color: #333333;
		margin: 10px 0;
		padding: 3px 0 10px;
		position: relative;
		
		-moz-border-radius-bottomleft: 15px;
		-moz-border-radius-bottomright: 15px;
		-moz-border-radius-topright: 15px;
		
		-webkit-border-top-right-radius: 15px;
		-webkit-border-bottom-left-radius: 15px;
		-webkit-border-bottom-right-radius: 15px;
	}
	#form_settings fieldset.columns { margin-left: 0; }
	#form_settings legend {
		background: #C7E7FF;
		color: #333333;
		font-size: 11px;
		font-weight: bold;
		padding: 4px 7px 4px 10px;
		text-align: left;
		
		-moz-border-radius-topleft: 15px;
		-moz-border-radius-topright: 15px;
		
		-webkit-border-top-left-radius: 15px;
		-webkit-border-top-right-radius: 15px;
	}
	
	
	#form_settings .column_a,
	#form_settings .column_b,
	#form_settings .label input.column_a,
	#form_settings .label input.column_b {
		float: left;
		margin-right: 10px;
		width: 48%;
	}
	#form_settings .column_b,
	#form_settings .label input.column_b { margin-right: 0; }
	
	#form_settings .label input.column_a,
	#form_settings .label input.column_b { width: 30%; }
	
	#form_settings fieldset label { font-weight: normal; }
	#form_settings fieldset input { margin-left: 10px; margin-right: 5px; }
	
	#form_settings .left {
		float: left;
		margin: 0 7px 0 0;
	}
	
	#form_settings input.choice { width: 75%; }
	
	#form_settings a.delete_choice { position: relative; left: 5px;top: 3px; }
	
	#form_settings .clear {
		clear: both;
		display: block;
		font-size: 0;
		height: 0;
		line-height: 0;
	}
	
	html:not([lang*=""]) #form_settings input.checkbox,
	html:not([lang*=""]) #form_settings input.radio { position: relative; top: 3px; }
	
	.align-center { text-align:center; }
	
	#formbuilder textarea,
	#form_settings textarea { overflow: auto; }
	select { padding: 1px; }
	
#formbuilder ul#formfields .formbuilder_text {
	width: 100%;
}
#formbuilder table#tbl_formfields .formbuilder_text {
	width: 97%;
}
#formbuilder table#tbl_formfields select {
	width: 98%;
}
#formbuilder table#tbl_formfields tr td {
	border: none;
	margin-bottom: 3px;
	line-height: normal;
	padding: 0 5px 0 0;
	position: relative;
}
#formbuilder table#tbl_formfields tr td {
	background-color: #FFFFFF;
	border-top: 2px dashed #FFFFFF;
	border-bottom: 2px dashed #FFFFFF;
}
#formbuilder table#tbl_formfields tr td.first {
	border-left: 2px dashed #FFFFFF;
}
#formbuilder table#tbl_formfields tr td.ccDragHandle {
	border-right: 2px dashed #FFFFFF;
	background-position: center 2px;
}

#formbuilder table#tbl_formfields tr.active td,
#formbuilder table#tbl_formfields tr.tDnD_whileDrag td {
	background-color: #EFF6FF;
	border-top: 2px dashed #CFE7FF;
	border-bottom: 2px dashed #CFE7FF;
}
#formbuilder table#tbl_formfields tr.active td.first,
#formbuilder table#tbl_formfields tr.tDnD_whileDrag td.first {
	border-left: 2px dashed #CFE7FF;
}
#formbuilder table#tbl_formfields tr.active td.ccDragHandle,
#formbuilder table#tbl_formfields tr.tDnD_whileDrag td.ccDragHandle {
	border-right: 2px dashed #CFE7FF;
}
#formbuilder table#tbl_formfields h2 {
	padding-top: 15px;
}
#formbuilder ul#formfields label,
#formbuilder table#tbl_formfields label {
	font-size: 13px;
}
#formbuilder table#tbl_formfields .section {
	padding-bottom: 10px;
}
#formbuilder table#tbl_formfields .required {
	display: block;
	float: right;
	width: 10px;
}
#formbuilder table#tbl_formfields .field_holder label {
	display: block;
}

#formbuilder div.section {
	line-height: 1.4em;
	padding-top:10px;
}