/*

    SearchField
    by Alen Grakalic, brought to you by cssglobe.com

*/

/* default (inactive field) */
.sf_inactive{
    border:2px #3d91a5 solid;
    background:#3d91a5;
    color:#b4d3db;
}
/* on focus (when field is clicked on)  */
.sf_active{
    border:2px #8BB544 solid;
    background:#fff;
    color:#333;
}
/* with text (when field is inactive but contains user's input)  */
.sf_text{
    border:2px #3c90a5 solid;
    background:#fff;
    color:#888;
}

/* suggestions box */
/* js code generates unordered list */
.sf_suggestion{
    position:relative;
}
.sf_suggestion ul{
    position:relative;
    margin:0;
    padding:0;
    background:#86BAC7;
    top:0;
    left:0;
}
.sf_suggestion li{
    margin:0;
    padding:0;
    list-style:none;
}
.sf_suggestion li a{
    display:block;
    text-indent:5px;
    color:#fff;
}
.sf_suggestion li.selected a{
    background:#3D91A5;
}