/* 

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

/* default (inactive field) */
.sf_inactive{
	
	
    background: url(../images/searchbox_bkg.gif) no-repeat ;
	width:195px;
	height:20px;
	background-position:right;

}
.sf_inactive INPUT{width:100px;}
/* on focus (when field is clicked on)  */
.sf_active{
	background: url(../images/searchbox_bkg.gif) no-repeat ;
	width:195px;
	height:20px;
	background-position:right;
}
/* with text (when field is inactive but contains user's input)  */
.sf_text{

background: url(../images/searchbox_bkg.gif) no-repeat ;
width:195px;
height:20px;
background-position:right;
}

/* suggestions box */
/* js code generates unordered list */
.sf_suggestion{
	position:relative;
	background-position:right;
}
.sf_suggestion ul{
	position:absolute;
	margin:0;
	padding:0;
	background-position:right;	
	top:0;
	left:10;
}
.sf_suggestion li{
	margin:0;
	padding:0;
	list-style:none;
	background-position:right;
}
.sf_suggestion li a{
	display:block;
	text-indent:5px;
	color:#fff;
	background-position:right;
}
.sf_suggestion li.selected a{
	background-position:right;
}