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

/* default (inactive field) */
.sf_inactive { width:144px; height:16px; font-size:11px; padding-left:3px; border:solid #000000; background-color:#EEEEEE; border-width:1px 0 0 1px; color:#777777; }
/* on focus (when field is clicked on)  */
.sf_active { width:144px; height:16px; font-size:11px; padding-left:3px; border:solid #000000; background-color:#EEEEEE; border-width:1px 0 0 1px; color:#000000; }
/* with text (when field is inactive but contains user's input)  */
.sf_text { width:144px; height:16px; font-size:11px; padding-left:3px; border:solid #000000; background-color:#EEEEEE; border-width:1px 0 0 1px; color:#000000; }

/* suggestions box */
/* js code generates unordered list */
.sf_suggestion { position:relative; }
.sf_suggestion ul { position:absolute; margin:0; padding:0; background:#D7E8F3; top:0; left:0; }
.sf_suggestion li { margin:0; padding:0; list-style:none; }
.sf_suggestion li A { display:block; padding:2px 5px 2px 5px; color:#333333; }
.sf_suggestion li.selected A { background:#7CB4D6; color:#000000; }