/* default (inactive field) */
.sf_inactive{border:3px #ffffff solid; font-size:18px; background:#ffffff; color:#646053;}
/* on focus (when field is clicked on)  */
.sf_active{border:3px #ffffff solid; font-size:18px; background:#ffffff; color:#646053;}
/* with text (when field is inactive but contains user's input)  */
.sf_text{border:3px #ffffff solid; font-size:18px; background:#ffffff; color:#646053;}

/* suggestions box */
/* js code generates unordered list */
.sf_suggestion{position:relative;}
.sf_suggestion ul{position:absolute; margin:0px 0px 0px 0px; padding:0px 0px 3px 0px; background:#2D638F;}
.sf_suggestion li{list-style:none;}
.sf_suggestion li a{display:block; text-decoration: none; color:#ffffff; font-size:14px; padding:3px 8px 3px 8px;}
.sf_suggestion li.selected a{text-decoration: none; background:#4877A3; padding:3px 8px 3px 8px;}