title: Google Custom Search (CSEv2) help on styling?
body: <p>I need help on styling the <a href="https://www.google.com/cse/all">Google Custom Search</a> Box  (not the results)</p>
  
  <p>Old styles were using the <code>form</code> tags, where you could easily style the look &amp; feel of the search box.</p>
  
  <pre><code>&lt;form action="/search" id="searchbox_abc:123" class="search"&gt;
      &lt;input type="hidden" name="cx" value="abc:12"&gt;
      &lt;input type="hidden" name="cof" value="FORID:XX"&gt;
      &lt;input type="text" name="q" size="16" class="smalltext"&gt;                    
      &lt;input type="submit" name="sa" value="SEARCH" class="smalltext"&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>With the new CSEv2 code, it is contained in script tags:</p>
  
  <pre><code>&lt;script&gt;
    (function() {
      var cx = 'abc:123';
      var gcse = document.createElement('script');
      gcse.type = 'text/javascript';
      gcse.async = true;
      gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//www.google.com/cse/cse.js?cx=' + cx;
      var s = document.getElementsByTagName('script')[0];
      s.parentNode.insertBefore(gcse, s);
    })();
  &lt;/script&gt;
  </code></pre>
  
  <p>and you have to put the following tags where you want the Search Box to be displayed.</p>
  
  <pre><code>&lt;gcse:search&gt;&lt;/gcse:search&gt;
  </code></pre>
  
  <p>I need help on how to style the new CSE to look like the previous one. (font size, button and input field sizes..etc, exactly the same styling as before..apply classes/set font..etc)</p>
  
  <p>Thanks!</p>