/* 

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



span.formborder { border:1px #d0d0d0 solid; }


/* default (inactive field) */
.sf_inactive{
	border:1px #d0d0d0 solid;
	background:#FFFFFF;
	color:#0c0c0c;
}
/* on focus (when field is clicked on)  */
.sf_active{
	border:1px #d0d0d0 solid;
	background:#fff;
	color:#0c0c0c;
}
/* with text (when field is inactive but contains user's input)  */
.sf_text{
	border:1px #d0d0d0 solid;
	background:#fff;
	color:#0c0c0c;
}

/* suggestions box */
/* js code generates unordered list */
.sf_suggestion{
	position:relative;
}
.sf_suggestion ul{
	position:absolute;
	margin:0;
	padding:0;
	background:#FFFFFF;
	top:0;
	left:0;
}
.sf_suggestion li{
	margin:0;
	padding:0;
	list-style:none;
}
.sf_suggestion li a{
	display:block;
	text-indent:5px;
	color:#fff;
}
.sf_suggestion li.selected a{
	background:#FFFFFF;
}

form{
	margin: 0 0;
	padding:0;
	background: none;
}
form p{
	margin:0;
}
form input{
	margin-top: 0px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;	
	width:120px;
	height: 20px;
	border:none;
	padding: 4px 3px 0 3px;
	font-size:12px;
	vertical-align:middle;
}
form button{
	margin-top:0px;
	margin-left:2px;
	width:28px;
	height:26px;
	border:none;
	text-indent:-8000px;
	overflow:hidden;
	background: url(../img/btn-search.gif) no-repeat 0 0;
	cursor:pointer;
	vertical-align:middle;
}