/* smart select styles */

div.smartselect {
	position: relative; margin: 0; padding: 0;
	width: 350px; height: 20px;
	border: 1px solid #7f9db9;
	/*display: none;*/
}
form.smartselect_form {margin: 0; padding: 0; width: 331px;}
input.smartselect_input {
	margin: 2px 4px; padding: 0;
	width: 322px;
	border: 0px solid #fff;
	font-family: verdana, sans-serif; font-size: 12px;
}
ul.smartselect_options {
	position: absolute; top: 22px; left: -1px;
	margin: 0; padding: 0;
	overflow: scroll;
	list-style-type: none; background: #fff;
	font-family: verdana, sans-serif;  font-size: 12px;
	border: 1px solid #7f9db9;
	display: none;
	/* can be set via api */
	width: 350px; height: 150px;
}
ul.smartselect_options li {margin: 4px; padding: 0;}
ul.smartselect_options li a {display: block; margin: 0; padding: 2px; text-decoration: none;}
ul.smartselect_options li a span {background-color: #f8891c !important; color: #fff;}
ul.smartselect_options li.on {background-color: #f8891c;}
ul.smartselect_options li.on a {color: #fff;}
ul.smartselect_options li.on a span {color: #fff !important;}

img.smartselect_trigger {position: absolute; top: 1px; right: 1px;}
