.button 
{   
    text-decoration: none;
    padding: 5px 10px;
    display: inline;
    background: #777 url('/images/button.png') repeat-x bottom;
    border: none;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    font-family:Segoe UI, Lucida Sans;
    font-size:12px;
 }
.button:hover {
 background-position: 0 center;
 }
.button:active {
 background-position: 0 top;
 position: relative;
 top: 1px;
 padding: 6px 10px 4px;
 }
.button.gray {background-color:Gray;}
.button.red { background-color: #CC0000; }
.button.whiteblue{background-color:#7189ac;}
.button.purple { background-color: #9400bf; }
.button.green { background-color: #58aa00; }
.button.orange { background-color: #ff9c00; }
.button.blue { background-color: #356AA0; }
.button.black { background-color: #333; }
.button.white { background-color: #fff; color: #000; }
.button.small { font-size: 80%; padding: 3px 7px; }
.button.small:active { padding: 4px 7px 2px; background-position: 0 top; }
.button.large { font-size: 125%; padding: 7px 12px; }
.button.large:active { padding: 8px 12px 6px; background-position: 0 top; }