En relación al buscador de googles gratuito

[cagoncete]

Buenas chicos/as os comento mi duda:

Estaba generando un motor de búsquea o intentandolo, viendo la complejidad del mismo me he ido por el camino fácil, crearlo con google. Hasta aquí todo bien.
Una vez insertado en el código fuente de mi web me han venido dudas de diseño y quiero comentaroslas.

El buscador de google con código normal es este:

Código HTML:

<div style="padding-top: 5px; padding-bottom: 5px;">
            <form action="http://www.google.com/cse" id="cse-search-box" target="_blank">
              <div>
                <div align="center">
                  <input name="cx" value="011973057588948325869:l48tlje-yk0" type="hidden" />
                  <input name="ie" value="UTF-8" type="hidden" />
                  <input style="border: 1px solid rgb(126, 157, 185); padding: 2px; background: rgb(255, 255, 255) url(http://www.google.com/cse/intl/es/images/google_custom_search_watermark.gif) no-repeat scroll left center; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" name="q" size="28" type="text" />
                  <input name="sa" value="Buscar" type="submit" />
                </div>
              </div>
              <input value="ig.gmodules.com/gadgets/ifr?view=home&amp;url=http://www.google.com/cse/api/011973057588948325869/cse/l48tlje-yk0/gadget&amp;nocache=0&amp;lang=en&amp;country=us&amp;.lang=en&amp;.country=us&amp;synd=ig&amp;mid=10&amp;ifpctok=1337459687632578200&amp;exp_rpc_js=1&amp;exp_track_js=1&amp;exp_ids=17259&amp;parent=http://www.google.com&amp;refresh=3600&amp;libs=core:core.io:core.iglegacy:auth-refresh&amp;is_signedin=1" name="siteurl" type="hidden" />
            </form>
          <script src="http://www.google.com/cse/brand?form=cse-search-box&amp;lang=es" type="text/javascript"></script>
        </div> 

Este se caracteriza por abrir una ventana nueva, concretamente una ventana de google generada, con esquinas cuadradas y con botón por defecto.
Bien mi duda es la siguiente, cómo puedo generar esto:

http://www.computerworld.com/

Su código es:

Código HTML:

 <div id="google_search">
                    <form id="searchbox_014839440456418836424:-khvkt1lc-e" action="http://www.computerworld.com/s/google/search">
                        <input name="cx" value="014839440456418836424:-khvkt1lc-e" type="hidden">
                        <input style="border: 1px solid rgb(126, 157, 185); padding: 2px; background: rgb(255, 255, 255) url(http://www.google.com/cse/intl/en/images/google_custom_search_watermark.gif) no-repeat scroll left center; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" name="q" size="20" type="text">
                        <input src="../../Documents and Settings/Administrador/Escritorio/btn_search_22x22.gif" alt="Submit" class="search_btn" align="absmiddle" border="0" type="image">
                        <input name="cof" value="FORID:9" type="hidden">
                    <input value="www.computerworld.com/" name="siteurl" type="hidden"></form>

                    <script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=searchbox_014839440456418836424%3A-khvkt1lc-e"></script>
                </div> 

Está página tiene el buscador de google, además de con diseño "esquinas redondeadas y botón personalizado", tiene lo que a mi juicio es más interesante, es lo siguiente:

La búsqueda se realiza en una página dentro de la web cómo si de un marco se tratase ¿Cómo puedo generar un buscador tal y cómo este? con el mismo estilo. Saludos.