/*

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

/*

form inicial

*/

#buscar {
margin-top: 40px;
margin-left: 30px;
padding: 0;
width: 185px;
height: 30px;
border: 1px solid #007BBE;
background: url(searchfield/fdo_searchfield.png) no-repeat top left;
position: relative;
float: left;
z-index:20;
}

#searchWrapper {
}

#searchWrapper button {
margin: 0;
padding: 0;
width: 30px;
height: 30px;
border: 0;
float: right;
position: relative;
}

#searchWrapper input {
margin-top: 6px;
margin-left: 5px;
padding: 2px 3px;
width: 112px;
font: bold 12px Arial, Verdana, Helvetica;
color: #007BBE;
}

#searchReset button {
background-image: url(searchfield/fdo_searchfield_reset.png);
}

#searchGo button {
background-image: url(searchfield/fdo_searchfield_search.png);
}

#searchGo, #searchReset  {
margin: 0;
padding: 0;
float: right;
position: relative;
width: 30px;
height: 30px;
background: transparent;
}

/*

javascript

*/

/* default (inactive field) */
.sf_inactive, .sf_active{
border: 0;
background: #EBEBEB;
}
/* on focus (when field is clicked on)  */
.sf_active{
background-color: #EBEBEB;
}
/* with text (when field is inactive but contains user's input)  */
.sf_text{
border: 0;
background: url(../../../estilo/set1/alerta.gif) repeat #F4F4F4;
}

/* suggestions box */
/* js code generates unordered list */
.sf_suggestion{
position:relative;
margin-left: 22px;
padding: 2px 5px;
width: 100px;
font: bold 11px Arial, Verdana, Helvetica;
}
.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;
}