:root
{  
    /* 
       Highlight color on mouse-over item:
       Grey color = 797979
     */
    --ct198-autocomplete-over-color: #006eae;

    --ct198-autocomplete-line-color: #ffffff;
    --ct198-autocomplete-odd-color:  #101010;
    --ct198-autocomplete-even-color: #3a3a3a;
}

.ac_results {
    padding: 0px;
    border: 1px solid var(--ct198-autocomplete-line-color);
    background-color: var(--ct198-autocomplete-over-color);
    overflow: visible;
}

.ac_results ul {
    /* set width = 120% so that the autocomplete results show up in a longer box */
    width: 120%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results li {
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    color: #fff;
    font-family:verdana;
    /* 
    if width will be 100% horizontal scrollbar will apear 
    when scroll mode will be used
    */
    /*width: 100%;*/
    font-size: 12px;
    /* 
    it is very important, if line-height not setted or setted 
    in relative units scroll will be broken in firefox
    */
    line-height: 16px;
    overflow: hidden;

}

.ac_loading {
    background: white url('../images/indicator.gif') right center no-repeat;
}

.ac_odd {
    background-color: var(--ct198-autocomplete-odd-color);
    color: #ffffff;
}

.ac_even {
    background-color: var(--ct198-autocomplete-even-color);
    color: #ffffff;
}

.ac_over {
    background-color: var(--ct198-autocomplete-over-color);
    color: #ffffff;
}


.input_text{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    border:1px solid var(--ct198-autocomplete-line-color);
    padding:2px;
    width:500px;
    color:#000;
    background:white url(../images/search.png) no-repeat 3px 2px;
    padding-left:17px;
}