.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, #009ffd), color-stop(1, #2a2a72) );
    background: -moz-linear-gradient( center top, #009ffd 5%, #2a2a72 100% );
    background: linear-gradient(#009ffd, #2a2a72);
    /* The next line is to get the gradient to work in IE9 visit: https://testdrive-archive.azurewebsites.net/graphics/svggradientbackgroundmaker/default.html to get a new gradient */
    image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3NjciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzAwOUZGRCIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzJBMkE3MiIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc2NykiIC8+Cjwvc3ZnPg==);
    background-color: #009ffd;
    -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 #2a2a72;
    display: inline-block;
    color: white;
    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, #2a2a72), color-stop(1, #009ffd) );
        background: -moz-linear-gradient( center top, #2a2a72 5%, #009ffd 100% );
        background: linear-gradient(#2a2a72, #009ffd);
        /* The next line is to get the gradient to work in IE9 visit: https://testdrive-archive.azurewebsites.net/graphics/svggradientbackgroundmaker/default.html to get a new gradient */
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxOCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMkEyQTcyIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDA5RkZEIiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnMTgpIiAvPgo8L3N2Zz4=);
        background-color: #2a2a72;
    }
.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
*/