/* 

	SearchField	
	by Alen Grakalic, brought to you by cssglobe.com
	
*/

/* default (inactive field) */
.sf_inactive{
	border:2px #3d91a5 solid;
	background:#3d91a5;
}
/* on focus (when field is clicked on)  */
.sf_active{
	border:2px #8BB544 solid;
	background:#fff;
	color:#333;
}
/* with text (when field is inactive but contains user's input)  */
.sf_text{
	border:2px #3c90a5 solid;
	background: #000000;
	color:#888;
}

/* suggestions box */
/* js code generates unordered list */

/* when user type something suggest box */
.sf_suggestion{
	position:relative;
	font-size: 16px;
	
}

/* background of the suggestion box */
.sf_suggestion ul{
	position:absolute;
	padding-left:30px;
	padding-right:30px;
	background: #CCFFFF;
	top:0em;
	left:0;
	-moz-opacity: 0.90;
	opacity: 0.90;

}
.sf_suggestion li{
	margin:0;
	padding0:0px;
	list-style:none;
}
.sf_suggestion li a{
	display:block;
	text-indent:5px;
	color: #000000;
}
/* text highlight */
.sf_suggestion li.selected a{
	background: #00CCFF;
	text-decoration:blink;
}