.button
{
    -moz-box-shadow: 0px 0px 0px 0px #000000;
    -webkit-box-shadow: 0px 0px 0px 0px #000000;
    box-shadow: 0px 0px 0px 0px #000000;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f3e2c7), color-stop(1, #c19e67) );
    background: -moz-linear-gradient( center top, #f3e2c7 5%, #c19e67 100% );
    background: linear-gradient(#f3e2c7, #c19e67); 
    /* The next line is to get the gradient to work in IE9 visit: http://ie.microsoft.com/testdrive/graphics/svggradientbackgroundmaker/default.html to get a new gradient */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGM0UyQzciIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNDMTlFNjciIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c2NjEpIiAvPgo8L3N2Zz4=); /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#afcf23', endColorstr='#7c9c14');*/
    background-color: #f3e2c7;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px; /* this is the shorthand version ([top-left] [top-right] [bottom-right] [bottom-left]) */
    text-indent: 0;
    border: 1px solid #c19e67;
    display: inline-block;
    color: #624229;
    font-family: Arial;
    font-size: 12px; /* 12px is standard for Arial */
    font-weight: normal;
    font-style: normal;
    height: 25px;
    line-height: 22px; /* use this for vertical text alignment */
    text-decoration: none;
    text-align: center;
    text-shadow: 0px 0px 0px #86ae47;
}
.button:hover
{
    -moz-box-shadow: 0px 0px 0px 0px #000000;
    -webkit-box-shadow: 0px 0px 0px 0px #000000;
    box-shadow: 0px 0px 0px 0px #000000;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c19e67), color-stop(1, #f3e2c7) );
    background: -moz-linear-gradient( center top, #c19e67 5%, #f3e2c7 100% );
    background: linear-gradient(#c19e67, #f3e2c7); 
    /* The next line is to get the gradient to work in IE9 visit: http://ie.microsoft.com/testdrive/graphics/svggradientbackgroundmaker/default.html to get a new gradient */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcyOCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMDAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGM0UyQzciIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNDMTlFNjciIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cyOCkiIC8+Cjwvc3ZnPg==); /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c9c14', endColorstr='#afcf23');*/
    background-color: #c19e67;
}
.button:active
{
    position: relative;
    top: 1px;
}
.button:disabled
{
    background: #e3e3e3;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #e3e3e3), color-stop(100%, #b8b8b8));
    background: -moz-linear-gradient( center top, #e3e3e3 5%, #b8b8b8 100%);
    background: linear-gradient(#e3e3e3, #b8b8b8);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#b8b8b8', GradientType=0 );
    border: 1px solid #000000;
    color: #000000;
}
/* This button was generated using CSSButtonGenerator.com */

/*
    The follwing styles need to be added to eliminate the unwanted space Chrome puts on rows
    This is an issue when using the webkit
*/