/*

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

*/

/* default (inactive field) */
.sf_inactive {
        BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; BACKGROUND: #FFFFFF; BORDER-LEFT: #3333333 2px solid; COLOR: #333; BORDER-BOTTOM: #3333333 2px solid
}

/* on focus (when field is clicked on)  */
.sf_active{
        border:2px #000000 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;
        margin-top:10px; 
        z-index:10;
}
.sf_suggestion ul{
        position:absolute;

        margin:0;
        padding:0;
        background:#229ede;
        top:0;
        left:0;
        margin-top:-14px;
        margin-left:20px;
        z-index:10;
}
.sf_suggestion li{
        margin:0;
        padding:0;
        list-style:none;
        z-index:10;
}
.sf_suggestion li a{
        display:block;
        text-indent:5px;
        color:#ffffff;
        Font-family:Arial;
        font-size:12px;
        text-decoration:none;
        z-index:10;
}
.sf_suggestion li.selected a{
        background:#015c8b;
        color:#ffe400;
        z-index:10;
}