/* 

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

/* default (inactive field) */
.sf_inactive{
	border:1px #3d91a5 solid;
	background:#f4f7f7;
	color:#595959;
	font-size:14px;
	width:300px;
}
/* on focus (when field is clicked on)  */
.sf_active{
	border:1px #8BB544 solid;
	background:#fff;
	color:black;
	font-size:14px;
		width:300px;
}
/* with text (when field is inactive but contains user's input)  */
.sf_text{
	border:1px #3c90a5 solid;
	background:#fff;
	color:black;
	font-size:14px;
		width:300px;
}

/* suggestions box */
/* js code generates unordered list */
.sf_suggestion{
	position:relative;
}
/*color de fonde de la lista*/
.sf_suggestion ul{
	border:1px #ccd8d9 solid;
	position:absolute;
	margin:0;
	padding:0;
	background:#f4f7f7;
	top:0;
	left:0;
}
.sf_suggestion li{
	margin:0;
	padding-top:3;
	padding-bottom:3;
	border-bottom:1px #cedbdf dashed;	
	list-style:none;
	font-size:14px;
}


.sf_suggestion li a{
	display:block;
	text-indent:5px;
	color:#375964;
	text-decoration:none;
}
/*cuando el mouse esta sobre algun resultado*/
.sf_suggestion li.selected a{
	color:black;
	background:#d2dde3;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
}