/* 

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

/* default (inactive field) */
.sf_inactive{
   width: 20em;
	border:2px #200 solid;
	background:#fff;
	color:#666;
	font-size: 11px;
	padding: 0 0 0 5px;
	height: 16px;
}
/* on focus (when field is clicked on)  */
.sf_active{
width: 20em;
	border:2px #200 solid;
	background:#fff;
	color:#666;
	font-size: 11px;
	padding: 0 0 0 5px;
	height: 16px;
}
/* with text (when field is inactive but contains user's input)  */
.sf_text{
width: 20em;
	border:2px #6F5862 solid;
background:#fff;
	color:#666;
	font-size: 11px;
	padding: 0 0 0 5px;
	height: 16px;
}

/* suggestions box */
/* js code generates unordered list */
.sf_suggestion{
	position:relative;
	float: right;
	text-align: left;
	margin:0 0 0 0px;
	z-index: 4000;
	width: 300px;
}
.sf_suggestion ul{
	position:absolute;
	margin:0;
	padding:0;
	background:#F1E8D6;
	top:0;
	left:50px;
}
.sf_suggestion li{
	margin:3px 0;
	padding:0;
	list-style:none;
}

.sf_suggestion li a{
	display:block;
	text-indent:5px;
	font-size: 12pt;
	background:#F1E8D6;
	/*color: #333;*/
}
.sf_suggestion li.selected a{
	background:#6F5862;
	color: #fff;

}

.sf_suggestion li a:hover {
	background: #6F5862;
	color: #fff;
}