/* 

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

/* default (inactive field) */
.sf_inactive{
	border:0px;
	background:#3d91a5;
	color:#b4d3db;
}
/* on focus (when field is clicked on)  */
.sf_active{
	border:0px;
	background:#ff9900;
	color:#333;
}
/* with text (when field is inactive but contains user's input)  */
.sf_text{
	border:0px;
	background:#ff9900;
	color:#888;
}

/* suggestions box */
/* js code generates unordered list */
.sf_suggestion{
	position: absolute;
}
.sf_suggestion ul{
	position: absolute;
	margin:0;
	padding:0;
	background:#CCFF00;
	top:-10;
	left: auto;
	border:0px dotted #FFFFFF;
	}
.sf_suggestion li{
	margin:0;
	padding:0;
	text-align:left;
	background:#222222;
	height:20px;
	list-style:decimal-leading-zero;
	list-style-position:inside;
	border-bottom:solid #000000 1px;
}
.sf_suggestion li a{
	display: inline-table;
	text-indent:5px;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	text-transform:capitalize;
	vertical-align:middle;
}
.sf_suggestion li.selected a{
	background:#CCFF33;
	display: inline-table;
	font-size:12px;
}