/* 

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

/* default (inactive field) */
.sf_inactive{
	border:1px #99adc2 solid;
	background:#003466;
	color:#99adc2;
	padding: 3px 3px 3px 3px;
}
/* on focus (when field is clicked on)  */
.sf_active{
	border:1px #f2bf4a solid;
	background:#fff;
	color:#003466;
	padding: 3px 3px 3px 3px;
}
/* with text (when field is inactive but contains user's input)  */
.sf_text{
	border:1px #f2bf4a solid;
	background:#fff;
	color:#003466;
	padding: 3px 3px 3px 3px;
}

/* suggestions box */
/* js code generates unordered list */
.sf_suggestion{
	position:relative;
}
.sf_suggestion ul{
	position:absolute;
	margin:0px;
	padding:0px;
	background:#003466;
	top:0;
	left:0;
	
}
.sf_suggestion li{
	margin:0px;
	padding:0px;
	list-style:none;
}
.sf_suggestion li a{
	font-family: arial;
	font-size: 12px;
	display:block;
	color:#fff;
	padding:5px 4px 5px 4px;
}
.sf_suggestion li.selected a{
	background:#dee9f5;
	color:#000;
	padding:5px 4px 5px 4px;
}