#autocomplete-dropdown,
#autocomplete-dropdown .aui-dropdown {
    /*
        This width is needed to position the dropdown properly
        in particular, with 'parent.width()' when calculating the 'overlap'
        overlap = parent.width() + offset.left - winWidth + 10;
    */
    width: 300px;
}

/* Autocomplete dropdown styles */
.autocomplete {
    position:relative;
}
.autocomplete li a span {
    color: #172B4D;
}
.autocomplete li a span em {
    font-style: normal;
}
.autocomplete li .no-results span {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABA0lEQVR42p2QP0tCURiH7zdQRA3u4OJUiyDY4CDtTuEXuXs0JEQ4uDk5C0EuKoEu+SWcg5baLCS7tNTx98IzyMWjXoeHe95/z3vODdzi2kdTvIo30fL1+YbLIhYOfsV5GsFAOL59zsNjBRfij60lEXKbf1E5RvDExl4URYGwXJfc6JCgwqZYhBp2hs5n4odadZ9gzKYu2x1YrUPt2SeosWEtijsEBfGN5HKXYErxweKkAMk9PbOkoE5hJXI+AbUVvfVtwZzkHTECAGptel8cgisSnyJDk+8GRlZ8MdOwxITghoa9ArhlZmzB+/abDjwh+c8+LBgRnMLEBHnxKJYpBpfMFDbGjWcGPFD11gAAAABJRU5ErkJggg==") no-repeat 13px 50%;
}

/* User avatars in autocomplete dropdowns should have rounded corners */
.autocomplete-user-target img,
.autocomplete-group-target img,
.autocomplete-user-or-group-target img {
    border-radius: 3px;
}

/*
Now that icon for warning is transparent, we can't have blue background on hover
*/
.autocomplete .aui-dropdown li.active .no-results span {
    color: #333;
    background-color: #fff;
    cursor: default;
}

/* this should only be temporary till aui dropdown supports sprites */
.autocomplete li a {
    position: relative;
}

.autocomplete li a .icon {
    position: absolute;
    top: 2px;
    left: 0;
    z-index: 10;
    float: none;
}

/*
Ideally we can remove these hacky overrides once dropdown1 has been re-skinned
see: https://ecosystem.atlassian.net/browse/AUI-949
*/

/* List items within the dropdown */
.aui-dropdown ol {
    border-bottom: solid 1px #f0f0f0;
    list-style: none;
    margin: 0;
    padding: 5px 0;
}

.aui-dropdown ol.last {
    border-bottom: none;
}

.aui-dropdown ol li {
    color: #172B4D;
    height: 24px;
    line-height: 24px;
    padding: 0;
    margin: 2px 0;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.aui-dropdown li.active {
    background-color: #3572b0;
}

.aui-dropdown li.active span {
    background-color: transparent;
}

.aui-dropdown li img {
    position: absolute;
    left: 0;
    top: 0;
    margin: 4px 7px;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    z-index: 1;
}

.aui-dropdown a.content-type-userinfo span {
    background-image: none;
}

.aui-dropdown li a {
     display: block;
     outline: none;
     position: relative;
     text-decoration: none;
     background-position: 8px 50%;
}

.aui-dropdown li a,
.aui-dropdown li a:hover,
.aui-dropdown li a:focus,
.aui-dropdown li a:active {
    text-decoration: none;
}

.aui-dropdown li a span {
    background-position: 8px 50%;
    background-repeat: no-repeat;
    display: block;
    padding-left: 33px;
}

/* for the sprites - remove padding else wrong images are shown */
.aui-dropdown li a span.icon {
    padding: 0;
    margin-left: 6px;
}
.aui-dropdown li a.search-for span {
    padding-left: 0;
}

.aui-dropdown li a.search-for span:before {
    margin: 0 8px;
}