/* 

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

/* default (inactive field) */
.sf_inactive{
	/*background-image:url("../images/lens-icon.gif");
	background-repeat:no-repeat;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	height:18px;
	border:1px #3d91a5 solid;
	color:#000000;
	<!--padding-bottom:2px;-->
}
/* on focus (when field is clicked on)  */
.sf_active{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	/*background-image:url("../images/lens-icon.gif");
	background-repeat:no-repeat;*/
	height:18px;
	border:1px #0088d0 solid;
	color:#000000;
	/*padding-bottom:2px;*/
}
/* with text (when field is inactive but contains user's input)  */
.sf_text{
	/*background-image:url("../images/lens-icon.gif");
	background-repeat:no-repeat;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	height:18px;
	border:1px #3c90a5 solid;
	color:#000000;
	/*padding-bottom:2px;*/
}

/* suggestions box */
/* js code generates unordered list */
.sf_suggestion{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	line-height:20px;
	position:relative;
	}
.sf_suggestion ul{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	height:210px; 
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow-y: auto !important;
	}
.sf_suggestion li{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	line-height:20px;
	background-color:#FFFFFF;
	border-bottom:1px #DFDBDC solid;
	border-left:1px #DFDBDC solid;
	border-right:1px #DFDBDC solid;;
	margin:0;
	padding:0;
	list-style:none;
	}
.sf_suggestion li a{
	display:block;
	text-indent:2px;
	color:#CC0000;
	text-decoration:none;
}
.sf_suggestion li.selected a{
	color:#ffffff;
	background:#CC0000;
	text-decoration:none;
}