ul.ui-autocomplete
{
    background-color: #FFFFFF;
    border: 1px solid silver;
}

ul.ui-autocomplete a.ui-state-hover 
{
    margin: 0px;
}

ul.ui-autocomplete .ui-menu-item {
	padding: 2px 2px;
}

input.ui-autocomplete-input.show-all-onclick, input[type='text'].ui-autocomplete-input
{
    background-image: url('../images/arrow-down.png');
    background-repeat: no-repeat;
    background-position: calc(100% - 10px);
}

input.ui-autocomplete-input::-ms-clear {
    display: none;
}

.ui-autocomplete {
    max-height: 320px;
    overflow-y: auto;
    overflow-x: hidden;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
    height: 320px;
}

.ui-autocomplete .ui-menu-item a
{
    min-height: 16px;
}

.ui-autocomplete-working {
    background-image: url('../images/preloader.gif') !important;
    background-position: calc(100% - 10px) !important;
   	background-color: #f2f2f2;
}