/* 

	Pligg Search Forms	
	Using css3 and javascripst
	
*/
.search {margin-top:10px; width:330px; float: right; }
.search form{
	margin:1em 0;
	padding:0;
	width:320px;
	height:49px;
	background:url(../images/search.png) no-repeat left;
}
.search form p{
	margin:0 10px;
}
.search form input{
	margin-top:8px;	
	margin-left:5px;
	width:240px;
	border:none;
	padding:7px;
	font-size:110%;
	vertical-align:middle;
}
.search form button{
	margin-top:8px;
	margin-left:5px;
	width:32px;
	height:32px;
	border:none;
	text-indent:-8000px;
	overflow:hidden;
	background:url(../images/search_magnifier.png) no-repeat 0 0;
	cursor:pointer;
	vertical-align:middle;
}
/* default (inactive field) */
.sf_inactive{
	-moz-border-radius: 3px;
	background:#131316;
	color:#b4d3db;
}
/* on focus (when field is clicked on)  */
.sf_active{
	-moz-border-radius: 3px;
	background:#151515;
	color:#f6f6f6;
}
/* with text (when field is inactive but contains user's input)  */
.sf_text{
	-moz-border-radius: 3px;
	background:#191919;
	color:#f5f5f5;
}

/* suggestions box */
/* js code generates unordered list */
.sf_suggestion{
	position:relative;
}
.sf_suggestion ul{
	position:absolute;
	margin:0;
	padding:0;
	background:#86BAC7;
	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:#3D91A5;
}