/* 

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

/* default (inactive field) */
.sf_inactive{
	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	color: #666;
	text-decoration: none;
	background-color: #ffffff;
	width: 90px;
	height: 16px;
	border: 1px solid  #7a64b6;
	padding-left:5px;
	padding-top:1px;
	margin-top:1px;
	
}
/* on focus (when field is clicked on)  */
.sf_active{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	color: #666;
	text-decoration: none;
	background-color: #ffffff;
	width: 90px;
	height: 16px;
	border: 1px solid  #7a64b6;
	padding-left:5px;
	padding-top:1px;
	margin-top:1px;

}
/* with text (when field is inactive but contains user's input)  */
.sf_text{
	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	color: #666;
	text-decoration: none;
	background-color: #ffffff;
	width: 90px;
	height: 16px;
	border: 1px solid  #7a64b6;
	padding-left:5px;
	padding-top:1px;
	margin-top:1px;

}

/* suggestions box */
/* js code generates unordered list */
.sf_suggestion{
	position:relative;
}
.sf_suggestion ul{
	position:absolute;
	margin:0;
	padding:0;
	background:#a6a6a6;
	top:0;
	left:0;
}
.sf_suggestion li{
	margin:0;
	padding:0;
	list-style:none;
}
.sf_suggestion li a{
	display:block;
	text-indent:8px;
	color:#fff;
	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	left:0;
	font-style: normal;
	line-height: normal;
	color: #fff;
	text-decoration: none;
}
.sf_suggestion li.selected a{
	background:#807E7E;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	left:0;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	color: #fff;
	text-decoration: none;
}