/* default (inactive field) */
.sf_inactive {/*width: 230px;*/ float: left; line-height: 22px; margin-left: 20px; height: 22px; background: transparent; border: 0; color:#8dabbd; font-weight: bold; font-style:italic; }
/* on focus (when field is clicked on)  */
.sf_active {/*width: 230px;*/ float: left; line-height: 22px; margin-left: 20px; height: 22px; border: 0; background: transparent; color:#333; outline: 0; }
/* with text (when field is inactive but contains user's input)  */
.sf_text{/*width: 230px;*/ float: left; line-height: 22px; margin-left: 20px; height: 22px; border: 0; background: transparent; color:#888; outline: 0;}
/* suggestions box */
/* js code generates unordered list */
.sf_suggestion {position:relative; }
.sf_suggestion ul {margin:0 0 0 13px; padding:0; background:#134986; position:absolute; z-index: 11; top:26px; left:0;}
.sf_suggestion li{margin:0;padding: 2px 0; list-style:none;}
.sf_suggestion li a {display:block; text-indent:5px; color:#fff; text-decoration: none;}
.sf_suggestion li.selected a {background:#3966ad; text-decoration: none;}