/* 

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

/* default (inactive field) */
.sf_inactive{
	FONT-SIZE: 1.2em;
 	COLOR: black;
 	FONT-FAMILY: Times;
 	BACKGROUND-COLOR: #f4f4f4;
	BORDER-RIGHT: 0px;
 	BORDER-TOP: 0px;
 	BORDER-LEFT: 0px;
 	BORDER-BOTTOM: 0px;
	HEIGHT: 19px;
	WIDTH: 130PX;
}
/* on focus (when field is clicked on)  */
.sf_active{
	FONT-SIZE: 1.2em;
 	COLOR: black;
 	FONT-FAMILY: Times;
 	BACKGROUND-COLOR: #f4f4f4;
	BORDER-RIGHT: 0px;
 	BORDER-TOP: 0px;
 	BORDER-LEFT: 0px;
 	BORDER-BOTTOM: 0px;
	HEIGHT: 19px;
	WIDTH: 130PX;
}
/* with text (when field is inactive but contains user's input)  */
.sf_text{
	FONT-SIZE: 1.2em;
 	COLOR: black;
 	FONT-FAMILY: Times;
 	BACKGROUND-COLOR: #f4f4f4;
	BORDER-RIGHT: 0px;
 	BORDER-TOP: 0px;
 	BORDER-LEFT: 0px;
 	BORDER-BOTTOM: 0px;
	HEIGHT: 19px;
	WIDTH: 130PX;
}

/* suggestions box */
/* js code generates unordered list */
.sf_suggestion{
	position: relative;
	margin-left: 0px;
	display: block;
	WIDTH: 130PX;
}
.sf_suggestion ul{
	position:absolute;
	margin:0px;
	padding:0px;
	border:0px;
	background: #5A9577;
	top:0;
	left:0;
	text-align: left;
	font-size: 10px;
	font-weight: normal;
	color: #fff;
	WIDTH: 130PX;
}
.sf_suggestion li{
	background: #5A9577;
	margin:0px;
	padding:0px;
	border:0px;
	display: block;
	list-style:none;
	text-align: left;
	font-size: 10px;
	font-weight: normal;
	WIDTH: 130PX;
}
.sf_suggestion li a{
	background: #5A9577;
	margin:0px;
	padding:0px;
	border:0px;
	display: block;
	text-indent:5px;
	color:#fff;
	text-align: left;
	font-size: 10px;
	font-weight: normal;
	WIDTH: 130PX;
}
.sf_suggestion li.selected a{
	background:#F2F2EE;
	margin:0px;
	padding:0px;
	border:0px;
	display: block;
	color: #000;
	font-size: 10px;
	font-weight: normal;
	WIDTH: 130PX;
}