/* 

	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; top:65px; }
.sf_suggestion ul { position:absolute; margin:0; padding:0; background:#fff; top:-3px; left:3px; z-index:100; border-bottom:1px solid #b2b4b6; border-left:1px dotted #b9bcbf; border-right:1px dotted #b9bcbf; }
.sf_suggestion li { margin:0; padding:0; list-style:none; }
.sf_suggestion li a { display:block; text-indent:5px; color:#4f585e; font-size:13px; font-family:'Arial', 'Verdana', sans; padding:2px; }
.sf_suggestion li.selected a{ background:#e5e7eb;   }