/* 



	SearchField	

	by Alen Grakalic, brought to you by cssglobe.com

	

*/



/* default (inactive field) */

.sf_inactive{

	border:1px #A1BECC solid;

	color:#959595;

	background-image:url(../images/search_bar.jpg);

	width: 268px;

	height:16px;

	background-position: left;

}

/* on focus (when field is clicked on)  */

.sf_active{

	border:1px #A1BECC solid;

	color:#333333;

	background-image:url(../images/search_bar.jpg);

	width: 268px;

	height:16px;

	background-position: left;

}

/* with text (when field is inactive but contains user's input)  */

.sf_text{

	border:1px #A1BECC solid;

	color:#333333;

	background-image:url(../images/search_bar.jpg);

	width: 268px;

	height:16px;

	background-position: left;

}



/* suggestions box */

/* js code generates unordered list */

.sf_suggestion{

	position:relative;

}

.sf_suggestion ul{

	position:absolute;

	margin:0;

	padding:0;

	top:0;

	left:0;

	color: #959595;

	background-color: #FFFFFF;

	border: 1px solid #333333;

}

.sf_suggestion li{

	margin:0;

	padding:0;

	list-style:none;

}

.sf_suggestion li a{

    font-family: Verdana;

	display:block;

	text-indent:5px;

	color:#959595;

	text-decoration:none;

	font-size:12px;

}

.sf_suggestion li.selected a{

	font-family: Verdana;

	display:block;

	text-indent:5px;

	color:#959595;

	text-decoration:none;

	font-size:12px;

	background-color: #999999;

}