.webdev-combobox {
	position: relative;
	display: inline-block;
	padding:0px;
	margin:0px;

	border:1px solid #50626e;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.webdev-combobox.ui-state-hover { border-color:#a9b3c6; background-color:#ffffff; }
.webdev-combobox.ui-state-focus { border-color:#aaa07c; background-color:#ffffff; }

.webdev-combobox.ui-state-disabled, 
.webdev-combobox.ui-state-hover.ui-state-disabled,
.webdev-combobox.ui-state-focus.ui-state-disabled
{ border: 1px solid #e3e3e3; background-color: #f5f5f5; }


.webdev-combobox.input-validation-error,
.webdev-combobox.ui-state-focus.input-validation-error,
.webdev-combobox.ui-state-hover.input-validation-error { border-color:#c84132; background-color:#f7e9e9; }



.webdev-combobox-toggle {
	position: absolute;
	top: 0px;
	bottom: 0px;
	right:0px;
	margin-left: -1px;
	padding: 0px;
	width:25px;
	/* support: IE7 */
	*height: 1.7em;
	*top: 0.1em;

	background-color:#ffffff;
	border:none;
	z-index:2;
}

.webdev-combobox-toggle > span.ui-icon { 
	margin-top: -5px;
	height:10px;
	border-left:1px solid #51626f;
	background-image:url("../../images/ui-icons_51626f_256x240.png");
	background-position: -62px -18px;
}

span.webdev-combobox-input {
    position:absolute;
    top:0px;
    left:0px;
    display:block;
    width:210px;
    height:16px;
    padding:5px 25px 5px 5px;
    background-color:#ffffff;
    border:none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index:1;
}
input[type=text].webdev-combobox-input {
    padding-right:25px;
	border:none;
}

.image-combobox input[type=text].webdev-combobox-input { visibility:hidden; }
ul.ui-autocomplete.image-combobox li a { line-height:normal; padding:0px; }
ul.ui-autocomplete.image-combobox { padding:4px; max-height:150px;}
.webdev-combobox.image-combobox > img {
    position: absolute;
    right: 28px;
    top: 0;
}

ul.image-combobox li a > img
{
    float: left;
    margin-right: 6px;
}

ul.ui-autocomplete.image-combobox li a > span
{
    display: block;
    line-height: 24px;
    overflow: hidden;
}

/* nn: style fix in when used on $Tab */
.webdev-combobox-toggle.ui-widget.ui-state-default
{ background-color:#ffffff; border:none; }

.webdev-combobox.input-validation-error .webdev-combobox-toggle ,
.webdev-combobox.ui-state-focus.input-validation-error .webdev-combobox-toggle ,
.webdev-combobox.ui-state-hover.input-validation-error .webdev-combobox-toggle  { background-color:#f7e9e9; }

/* nn: style fix in when used on $Tab */
.webdev-combobox-input.ui-widget-content.ui-state-default
{ background-color:#ffffff; }

.webdev-combobox-input.ui-widget-content.ui-state-default:disabled,
.webdev-combobox-input.ui-widget-content.ui-state-hover:disabled,
.webdev-combobox-input.ui-widget-content.ui-state-focus:disabled
 {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
}

.webdev-combobox.input-validation-error input[type=text].webdev-combobox-input,
.webdev-combobox.ui-state-focus.input-validation-error input[type=text].webdev-combobox-input,
.webdev-combobox.ui-state-hover.input-validation-error input[type=text].webdev-combobox-input { background-color:#f7e9e9; }