/* 

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

.sf_inactive {
	FONT-SIZE: 12px;
	COLOR: #99CC00;
	FONT-FAMILY: Arial;
	TEXT-DECORATION: none;
	border: 2px solid #777777;
	background-color: #333333;
	margin-left:3px;
	padding: 5px 5px 5px 5px;
	font-weight: bold;
	height: auto;
}
.sf_active {
	FONT-SIZE: 12px;
	COLOR: #99CC00;
	FONT-FAMILY: Arial;
	TEXT-DECORATION: none;
	border: 2px solid #999999;
	background-color: #333333;
	margin-left:3px;
	padding: 5px 5px 5px 5px;
	font-weight: bold;
	height: auto;
}

.sf_text{
	FONT-SIZE: 12px;
	COLOR: #99cc00;
	FONT-FAMILY: Arial;
	TEXT-DECORATION: none;
	border: 2px solid #999999;
	background-color: #333333;
	margin-left:3px;
	padding: 5px 5px 5px 5px;
	font-weight: bold;
	height: auto;
}

/* suggestions box */
/* js code generates unordered list */
.sf_suggestion{
	position:relative;
}
.sf_suggestion ul{
	position:absolute;
	margin:0;
	padding:0;
	background:#222222;
	top:0;
	left:0;
	border: 1px solid #777777;
}
.sf_suggestion li{
	margin:0;
	padding:0;
	list-style:none;
}
.sf_suggestion li a{
	display:block;
	text-indent:5px;
	color:#ffcc00;	
}
.sf_suggestion li a:hover{
	display:block;
	text-indent:5px;
	color:#99cc00;
	text-decoration:none;
}
.sf_suggestion li.selected a{
	background: #333333;
}