/* FORM EDITOR ELEMENTS
----------------------------------------------------------*/
ul.form { list-style: none; margin: 0; padding: 0; }
ul.form li { border: 1px solid #fff; position: relative; clear: both; width: 90%; }

ul.form li p { margin: 0; }
ul.form li div.group label { display: inline !important; }

ul.form li div.text p { margin: 0 0 1.5em; }
ul.form li.field { padding-bottom: 10px; }
ul.form li.formtwo1 { width: 45%; float: left; clear: left !important; }
ul.form li.formtwo2 { width: 45%; float: left; clear: none !important; }
ul.form li.formthree1 { width: 30%; float: left; clear: left !important; }
ul.form li.formthree2 { width: 30%; float: left; clear: none !important; }
ul.form li.formthree3 { width: 30%; float: left; clear: none !important; }
.form.topLabel .field label { display: block; }
.form.leftLabel .field label { float: left !important; width: 150px !important; margin-right: 10px !important; }
.form.rightLabel .field label { float: left !important; width: 150px !important; margin-right: 10px !important; text-align: right !important; }
.field.required label:after { content: ' *'; }
ul.form li span.checkbox label { float: none; display: inline !important; width: auto; margin: 0 0 0 5px; }
ul.form li input.date { width: 100px; margin-right: 5px; }
ul.form li input.time { width: 60px; }
ul.form li.textboxsmall input { width: 100px; }
ul.form li.textboxmedium input { width: 200px; }
ul.form li.textboxlarge input { width: 400px; }
ul.form li.textboxsmall textarea { width: 200px; height: 100px; }
ul.form li.textboxmedium textarea { width: 400px; height: 150px; }
ul.form li.textboxlarge textarea { width: 600px; height: 200px; }
ul.form li.selectsmall select { width: 100px; }
ul.form li.selectmedium select { width: 200px; }
ul.form li.selectlarge select { width: 400px; }

.field .info { background: none !important; position: static !important; color: red; padding: 0 !important; border: none !important; }