button, a.button, a:link.button, input.button {
    cursor: pointer;
    display: inline-block;
    padding: 2px 5px;
    color: #FFF;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: rgba(0, 0, 0, 0.5) 0.1em 0.1em 0.2em;

    border: 1px solid #B2CD66;

    border-bottom-color: #658E0C;
    border-left-color: #81B110;
    border-right-color: #81B110;
    border-top-color: #C8DF84;

    border-bottom-width: 2px;
    border-left-width: 2px;

    -moz-box-shadow:    1px 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow:         1px 1px 3px rgba(0, 0, 0, 0.5);

    background: url(images/button-bg-shiny.png) repeat-x center;
   
    text-align: center;
}
button.current, a.button.current {
    background: url(images/button-bg-shiny-current.png) repeat-x center;
    border-bottom-color: #321c69;
    border-left-color: #6750a6;
    border-right-color: #6750a6;
    border-top-color: #856ec4;
}
button.disabled, button.disabled:hover, a.button.disabled {
    background: url(images/button-bg-shiny-disabled.png) repeat-x center;
    color: #CCC;
    border-bottom-color: #7a7a7a;
    border-left-color: #b0b0b0;
    border-right-color: #b0b0b0;
    border-top-color: #cccccc;
} 
a.button:hover { color: #FFF; }

button:hover, a.button:hover, input.button:hover {
    -moz-box-shadow:    2px 2px 6px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
    box-shadow:         2px 2px 6px rgba(0, 0, 0, 0.5);
    text-decoration: none;
}

button:active, a.button:active, input.button:active { 
    background: #829E35;
    background: -webkit-gradient(linear, 0 50%, 0 100%, from(#829E35), to(#BAE14B)); 
    background: -moz-linear-gradient(top, #829E35, #BAE14B, #BAE14B);
    -moz-box-shadow:    1px 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow:         1px 1px 3px rgba(0, 0, 0, 0.5);
}