Teaguardian Searchbox

Theme Demo in Chrome

<div class="search-expand">
   <div class="search-expand-inner">
      <form method="get" class="searchform themeform" action="http://demo.alxmedia.se/hueman/">
         <div>
            <input type="text" class="search" name="s" onblur="if(this.value=='')this.value='To search type and hit enter';"
onfocus="if(this.value=='To search type and hit enter')this.value='';" value="To search type and hit enter">
         </div>
      </form>
   </div>
</div>


Theme Demo in IE

<div class="search-expand">
   <div class="search-expand-inner">
      <form class="searchform themeform" action="http://demo.alxmedia.se/hueman/" method="get">
         <div>
            <input name="s" class="search" onfocus="if(this.value=='To search type and hit enter')this.value='';" onblur="if(this.value=='')this.value='To search type and hit enter';" type="text" value="To search type and hit enter">
         </div>
      </form>
   </div>
</div>


teaguardian in Chrome

<div class="search-expand">
   <div class="search-expand-inner">
      <form action="http://www.teaguardian.com/search-results/" id="cse-search-box" class="searchform themeform">
         <div>
            <input type="hidden" name="cx" value="partner-pub-5204905390896634:1626028215">
            <input type="hidden" name="cof" value="FORID:10">
            <input type="hidden" name="ie" value="UTF-8">
            <input type="text" name="q" size="55" style="border: 1px solid rgb(126, 157, 185); padding: 2px; background: url(http://cse.google.com/cse/intl/en/images/google_custom_search_watermark.gif) 0% 50% no-repeat rgb(255, 255, 255);">
            <input type="submit" name="sa" value="Search">
         </div>
         <input name="siteurl" type="hidden" value="www.teaguardian.com/">
         <input name="ref" type="hidden" value="">
         <input name="ss" type="hidden" value="">
      </form>
      <script type="text/rocketscript" data-rocketsrc="http://www.google.com/coop/cse/brand?form=cse-search-box&amp;lang=en" data-rocketoptimized="true">
      </script>
   </div>
</div>


teaguardian in IE

<div class="search-expand">
   <div class="search-expand-inner">
      <form class="searchform themeform" id="cse-search-box" action="http://www.teaguardian.com/search-results/">
         <div>
            <input name="cx" type="hidden" value="partner-pub-5204905390896634:1626028215">
            <input name="cof" type="hidden" value="FORID:10">
            <input name="ie" type="hidden" value="UTF-8">
            <input name="q" style='background: url
("http://cse.google.com/cse/intl/en/images/google_custom_search_watermark.gif") no-repeat left rgb(255, 255, 255); padding:
2px; border: 1px solid rgb(126, 157, 185); border-image: none;' type="text" size="55">
            <input name="sa" type="submit" value="Search">
         </div>
         <input name="siteurl" type="hidden">
         <input name="ref" type="hidden">
         <input name="ss" type="hidden">
      </form>
      <script src="http://www.google.com/coop/cse/brand?form=cse-search-box&amp;lang=en" type="text/javascript">
      </script>
   </div>
</div>