/* 

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

/* default (inactive field) */
.sf_inactive{
	border:					2px #eb3d1b solid;
	background:				#fff;
	color:					#000;
}
/* on focus (when field is clicked on)  */
.sf_active{
	border:					2px #f00 solid;
	background:				#fff;
	color:					#333;
}
/* with text (when field is inactive but contains user's input)  */
.sf_text{
	border:					2px #3c90a5 solid;
	background:				#fff;
	color:					#333;
	
}

/* suggestions box */
/* js code generates unordered list */
.sf_suggestion{
	position:relative;/*relative;*/
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				14px;	
	z-index:				2; /*2;*/ 
}
.sf_suggestion ul{
	position:				absolute;
	margin:					0;
	padding:				0;
	background-color:		#e3f3fc;
	top:					0px;
	left:					-1px;
	width:146px;
	_margin-left:-240px;	
}
.sf_suggestion li{
	margin:					0;
	list-style:				none;
	border-bottom:			#CCC dotted 1px;
	
}
.sf_suggestion li a{
	display:				block;
	padding: 				4px 0;
	text-indent:			10px;
	color:					#333;
	font-size:				14px;
}
.sf_suggestion li.selected a{
	background:				#eb3d1b;
	color:					#333;/*#FFF;*/
}