Personalizar a caixa de busca

/* Caixa de busca por SUPERO */
#search-box{position: center; bottom: 55px;height: 40px;width: 190px;right: -150px;display: inline;
background: transparent url(URL_DA_IMAGEM) no-repeat center;}
#search-box input.button2 {-webkit-border-radius:2px;-webkit-user-select:none;background-color:#f5f5f5;background-image:-o-linear-gradient(top,whiteSmoke,#F1F1F1);border:1px solid rgba(0,0,0,0.1);border-radius:2px;color:#666;cursor:pointer;font-size:11px;font-weight:700;height:29px;line-height:27px;margin:11px 6px;min-width:54px;padding:0 8px;text-align:center}
#search-box {padding-bottom: 5px !important;}
#search-box #keywords {width: 70px;color: white;font-family: Verdana;font-size: 16 px;font-style: bold;font-weight: bold;background: transparent;}
#search-box input {border: none !important;background: none;}
#search-box input.search {-moz-box-sizing:content-box;background:#fff;border:1px solid #D9D9D9;border-width:1px;color:#000;height:23px}
/* Fim da caixa de busca */

Painel de controle Visualização Cores Folha CSS.

Código:

<form id="search" action="/search?search_where=11" method="get"><p class="nomargin"><input type="text" onblur="if (this.value == '') this.value = 'Buscar...';" onclick="if (this.value == 'Buscar...') this.value = '';" value="Buscar..." class="inputbox search" maxlength="128" id="keywords" name="search_keywords"><input type="submit" value="Buscar" class="button2"></p></form>

Código:


#search-box input.button2 {
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px 2px 2px 2px;
    color: #666666;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    height: 29px;
    line-height: 27px;
    margin: 11px 6px;
    min-width: 54px;
    padding: 0 8px;
    text-align: center;
}
p.nomargin {
    font-size: 1.1em;
    line-height: 1.3em;
    margin-bottom: 0;
}

#search-box #keywords {
    background-color: #FFFFFF;
    width: 95px;
}

#search-box input {
    -moz-box-sizing: content-box;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D9D9D9;
    color: #000000;
    height: 23px;
}

#search-box {
    float: right;
    margin-right: 5px;
    margin-top: 10px;
    white-space: nowrap;
}