/* Autocomplete
----------------------------------*/

.ui-autocomplete {
    position: absolute;
    top: 0;
    cursor: default;
    margin: 1px !important;
    padding: 1px !important;
    z-index: 999999;
    background-color: white;
    border: 1px #ccc solid;
}

.ui-autocomplete li {
    list-style-type: none !important;
    margin: 1px !important;
    padding: 1px !important;
}

.ui-autocomplete a {
    font-size: 12px;
}

.ui-autocomplete-loading {
    background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat;
}

.ui-autocomplete-input {
    border: 1px solid #d1c7ac;
    color: #333333;
    font-family: tahoma, arial, sans-serif;
    height: 17px;
}

.ui-helper-hidden-accessible {
    display: none;
}


/* workarounds */

* html .ui-autocomplete {
    width: 1px;
}


/* without this, the menu expands to 100% in IE6 */

@media (max-width: 768px) {
    .ui-autocomplete {
        border: none;
        position: absolute;
        top: 110px !important;
        cursor: default;
        padding: 5px !important;
        z-index: 999999;
        background-color: white;
        left: 5% !important;
        max-height: 370px !important;
        width: 90% !important;
    }
    .ui-datepicker th {
        padding: .3em !important;
    }
    .ui-autocomplete .ui-menu-item {
        border-bottom: 1px solid #eee;
        padding: 2px !important;
    }
    .ui-autocomplete .ui-state-focus {
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
        border-bottom: 1px solid #eee !important;
        background: none !important;
    }
}