Allora ho risolto si ma ho degli altri problemi il codice per il searh box è questo un po personalizzato da me con dei colori che mi servono per il sito in questione:

codice:
 
<div id='cse-search-form' style='width: 175px; float:right;background-color:#ffc600;  '>
<form action="cerca.html" id="cse-search-box">
  <div>
    <input type="hidden" name="cx" value="ID RICERCA" />
    <input type="hidden" name="cof" value="FORID:11" />
    <input type="hidden" name="ie" value="UTF-8" />
     <input type="image" SRC="img/cerca_pul.png"  style= "float:left;"  name="sa" value="ciao" />
    <input type="text" name="q"  style= "float:right; width:139px; height:45px; font-size: 14px; font-family: Julius Sans One; text-align:center; background:#ffc600 !important; border:none; color:#2a296c;  border-bottom-color:#2a296c;;" value="Cerca nel sito" />
   
  </div>
</form>
<script type="text/javascript"
src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=it"></script>
</div>

mentre il codice da inserire nella pagina dove vogliamo che appaiano i risultati è:

codice:
<div id="cse-search-results"></div>
<script type="text/javascript">
  var googleSearchIframeName = "cse-search-results";
  var googleSearchFormName = "cse-search-box";
  var googleSearchFrameWidth = 955;
  var googleSearchDomain = "www.google.com";
  var googleSearchPath = "/cse";
</script>
<script type="text/javascript"
src="http://www.google.com/afsonline/show_afs_search.js"></script>
Ora il problema è il seguente con il codice del form ottengo nei sistemi OS apple con tutti i browser, il box di ricerca che voglio:



e quando vado a vedere la stessa pagina con lo stesso form in un sistema windows con qualunque browser il risultato è totalmente diverso:





qualcuno mi sa spiegare il perchè?

Penso o che ci voglia un codice da inserire in modo che sia compatibile con i sistemi microsoft, oppure che: come faccio riferimento all'Api di google, riformatta il box di ricerca,
ma non mi spiego perchè su un sistema os funzioni.