<?php
<div id="search">
<form action="/search.php" method="post"><fieldset class="noborder"><label for="search_box"><span id="search_left"> </span></label><input name="keywords" id="search_box" onblur="if(this.value=='')this.value='Buscar...';" onclick="if(this.value=='Buscar...')this.value='';" value="Buscar..." title="Introduce las palabras clave que desees buscar" type="text" /><input value="Iniciar Busqueda" name="submit-search" id="search_button" type="submit" /><input type="hidden" name="action" value="do_search" /></fieldset></form>
</div>
<?php
div#search {
top: 55px;
right: -5px;
height: 26px;
position: absolute;
display: inline-table;
float: right;
}
span#search_left {
background: url(../../../images/search_left.gif) no-repeat;
cursor: text;
width: 3px;
height: 26px;
display: block;
position: relative;
float: left;
top: 0;
font-size: 2px;
}
input#search_box {
background: #fff url(../../../images/search.png) 5px no-repeat;
opacity: 0.8;
border: 1px solid #705102;
border-left: 0;
font-family: Tahoma, 'Trebuchet MS', Arial, sans-serif;
padding: 5px;
padding-left: 25px;
width: 150px;
height: 14px;
float: left;
top: 0;
}
input#search_button {
background: url(../../../images/search_button.gif) 100% 0% no-repeat;
font-family: Tahoma, 'Trebuchet MS', Arial, sans-serif;
color: #fff;
border: 0;
padding: 4px 6px 4px 6px;
float: left;
top: 0;
width: 99px;
height: 26px;
cursor: pointer;
}
input#search_button:hover {
background-position: 100% 100%;
}