I am trying to change the look of my search box. if you view the attached image you will see that the new box with double lines doesn't look correct. The other box is the old box. I want to keep the magnifying glass instead of the text, but other than that I want my new box to look like the old one. On my google controls look and feel only give me choices for the results, it doesn't allow me to change the look of the box on my webpage. Below is the code for the new box. How do I adjust it? How do I get rid of the double lines inside the double lines?
var cx = '007869872437826671579:4ghvpfl3b9i';
var gcse = document.createElement('script');
gcse.async = true;
gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script');
Here is the code to the old box which I don't want to use anymore because I want the results displayed differently now.
<form action="http://www.google.com/cse" id="cse-search-box">
<input type="hidden" name="cx" value="017201984285415750805:ypbrseilgxg">
<input type="hidden" name="ie" value="UTF-8">
<input type="text" name="q" size="20" title="site search box">
<input type="submit" style="background-color:transparent" value="Search" >