/**
 * UL.form / Frontend
*/

#alerts {
	display: none;
}


.autocomplete-suggestions {
	border: 1px solid #999; 
	background: #FFF; 
	overflow: auto; 
}
.autocomplete-suggestion { 
	display: none; 
	padding: 2px 5px; 
	white-space: nowrap; 
	overflow: hidden; 
	font-size: 1.2em;
}
.autocomplete-suggestion:hover {
	cursor: pointer;
}
.autocomplete-suggestion.match { 
	display: block; 
}
.autocomplete-selected { 
	background: #F0F0F0; 
}
.autocomplete-suggestions strong { 
	font-weight: normal; 
	color: #3399FF; 
}
.autocomplete-group { 
	padding: 2px 5px; 
}
.autocomplete-group strong { 
	display: block; 
	border-bottom: 1px solid #000; 
}


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.form li div.radioset label { 
	position:relative;
	top:-3px;
	display:inline-block;
	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;
	padding:10px;
	width:100%;
	min-height: 50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5;
	border:1px solid #CCC;
}

ul.form li textarea {
	min-height: 120px;
}


ul.form li textarea:focus, 
ul.form li input:focus {
	border: 1px solid #666;
	outline-width: 0;
}

ul.form li select {
	margin:3px 0 0 0;
	height:40px;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	color:#333;
	border:1px solid #CCC;
}

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;
	vertical-align: top;
	margin:0 5px 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;
	max-width:none;
	color:#727272;
}

#state-wrapper,
#city-wrapper,
#postcode-wrapper {
	display: inline-block;
	vertical-align: top;
	width:33.3%;
}

@media only screen and (max-width : 970px) {
	#state-wrapper,
	#city-wrapper,
	#postcode-wrapper {
		display: block;
		width:100%;
	}
}



/**
 * 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 solid 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);
}

#engine_43 ul.form li .required {
	background-image: none;
}

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