ul.ui-autocomplete
{
    background-color: #FFFFFF;
}

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

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: 98% 50%;
}

input[type='text'].ui-autocomplete-input:hover
{
    cursor: pointer;
}

input[type='text'].ui-autocomplete-input:focus
{
    cursor: auto;
}

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

.ui-autocomplete {
    max-height: 220px;
    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: 220px;
}

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

ul.ui-autocomplete > li.ui-widget-content.ui-menu-divider
{
    border: 0;
}

input[type='text'].ui-autocomplete-working
{
    background-image: url('images/loader.gif');
    background-size: 11px 11px;
}