/**
 * UL.form / Frontend
*/

ul.form {
	margin:0 0 20px 0;
	padding:0;
}

ul.form li {
	position:relative;
	list-style:none;
	margin:0 0 10px 0;
	padding:5px;
}

ul.form li ul li {
	position:relative;
	margin:0 0 10px 0;
}

ul.form li label {
	display:block;
	float:none;
	margin:0 0 5px 0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#333;
}

ul.form li.radioset label,
ul.checkboxlist label, /* uniform */
ul.form li div.radioset label { 
	position:relative;
	top:-3px;
	display:inline-block;
	*display:inline;
	width:auto;
	padding:0 0 0 0;
	margin:0 10px 0 0;
	font-size:15px;
	color:#666;
}

ul.form li input,
ul.form li textarea {
	color:#333;
	margin:0;
	box-shadow:         inset 0 0 5px #ccc;
	-moz-box-shadow:    inset 0 0 5px #ccc;
	-webkit-box-shadow: inset 0 0 5px #ccc;
}


ul.form li textarea {
	width:95%;
	max-width:400px;
	height:100px;
	border:1px solid #CCC;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	font-size:14px;
}

ul.form li textarea:focus, 
ul.form li input:focus {
	border: 1px solid #09C;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	outline-width: 0;
}

ul.form li input {
	padding:6px;
	width:95%;
	max-width:400px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	border:1px solid #CCC;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

ul.form li select {
	margin:3px 0 0 0;
	height:28px;
	min-width:300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
	border:1px solid #CCC;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

ul.form li input.date {
	width:100px;
}


/**
 * Radio / Checkbox
*/

ul.checkboxlist li,
ul.form li.checkboxlist {
	margin:0 0 3px 0;
	padding:0;
}

ul.form li.radioset input[type="radio"],
ul.form li div.radioset input[type="radio"],
ul.checkboxlist li input[type="checkbox"],
ul li.checkboxlist input[type="checkbox"],
ul.checkboxlist li input[type="radio"],
ul li.checkboxlist input[type="radio"] {
	display:inline-block;
	*display:inline;
	vertical-align:top;
	width:21px;
	height:21px;
}

ul.checkboxlist li label,
ul li.checkboxlist label {
	display:inline-block;
	*display:inline;
	margin:0 10px 0 0;
	padding:-1px 0 0 0;
}

ul.checkboxlist li label.checkall {
	font-weight:bold;
	color:#000;
}

ul.form li div.buttonset label { /* ui */
	float:none;
	display:inline-block;
	padding:0;
	width:auto;
	font-size:14px;
	text-align:center;
	max-width:none;
	color:#727272;
}


/**
 * Validation Classes
*/

ul.form li input.form-error,
ul.form li select.form-error,
ul.form li textarea.form-error,
ul.form li div.form-error,
ul.form li.form-error {
	border:1px dashed red;
}

ul.form li.form-error {
	padding:5px;
}

ul.form li.form-error {
	background:transparent;
}

ul.form li .required {
	background-image:url(/core/structure/misc/required_field.png);
}

ul.form li.required {
	background:transparent;
}


/**
 * jQuery DatePicker
*/

ul.form li.datepicker input {
	float:none;
	display:inline-block;
	margin:0;
	width:100px;
}

ul.form li.datepicker label {
	float:none;
	display:inline-block;
	margin:0;
	padding:0;
	width:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}


/**
 * jQuery Birthday Picker
*/

ul.form li div.birthdaypicker select,
ul.form li.small select {
	min-width:80px !important;
	width:80px !important;
}

ul.form li.small-100 select {
	min-width:100px !important;
	width:80px !important;
}

ul.form li.small-120 select {
	min-width:120px !important;
	width:80px !important;
}


/**
 * Sample Input
*/

.sampleinput {
	color:#CCC;
}

ul.form li.nomargin {
	margin:0;
}


/**
 * ckEditor Wrapper
*/

ul.form li div.ckeditor {
	margin:0;
	width:800px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}


/**
 * SEO Title Display (formbuilder)
*/

ul.form li#seo-title-display {
	display:none;
	font-size:.75em;
	color:#666;
}


/**
 * jQuery Color Picker
*/

ul.form li input.colorinput {
	width:70px;
}


/**
 * Focus
*/

input.setfocus {
	color:#CCC !important;
}

input.focused {
	color:#000;
}


/**
 * Misc Classes
*/

ul.form li.hidden {
	display:none;
}


/**
 * Image Delete Option
*/

div.imgdeleteoption {
	display:block;
}

div.uiButton {
	font-size:.9em;
}


/**
 * WDB
*/

ul.form li div.select-wrapper {
	position:relative;
	float:left;
	margin:-3px 0 0 -3px;
	padding:0;
	width:450px;
	min-height:30px;
	font-size:12px;
	color:#CCC;
}

ul.form li a.location-to-text:link, ul.form li a.location-to-text:active, ul.form li a.location-to-text:visited, ul.form li a.location-to-text:hover, ul.form li a.location-to-text:visited:hover {
	display:block;
	margin:0;
	padding:3px 0 0 0;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}

ul.form li a.location-to-text:hover, ul.form li a.location-to-text:visited:hover {
	color:#00BBEB;
	text-decoration:underline;
}


/**
 * jQuery Uniform
*/

ul.form li div.wrapper {
	float:left;
}

/**
 * Admin
*/

ul.form li.admin,
div.admin {
	padding:5px;
	border:1px dashed red;
}