button.css

/**
* BUTTONS
*/
.button,
button,
input[type="button"],
input[type="submit"] {
    min-width: 110px;
    display: inline-block;
    padding: 4px;
    font-weight: normal;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    border-width: 1px;

    border-style: solid;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3) 0 1px 0 rgba(0,0,0,0.2) 2px 0 rgba(204,204,204,0.4), 0 1px 2px 0 rgba(204,204,204,0.4);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3) 0 1px 0 rgba(0,0,0,0.2) 2px 0 rgba(204,204,204,0.4), 0 1px 2px 0 rgba(204,204,204,0.4);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.3) 0 1px 0 rgba(0,0,0,0.2) 2px 0 rgba(204,204,204,0.4), 0 1px 2px 0 rgba(204,204,204,0.4);
}

a.button.primary,
button.primary,
button.default,
input[type="button"].primary,
input[type="button"].default,
input[type="submit"].primary,
input[type="submit"].default {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#598FFF',endColorstr='#5388F2',GradientType=0);
    color: #fff;
    border-color: #4c7edf;
    background-color: #598fff;
    background: -moz-linear-gradient(top,#598fff 0%,#5388f2 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#598fff),color-stop(100%,#5388f2));
    background: -webkit-linear-gradient(top,#598fff 0%,#5388f2 100%);
    background: -o-linear-gradient(top,#598fff 0%,#5388f2 100%);
    background: -ms-linear-gradient(top,#598fff 0%,#5388f2 100%);
    background: linear-gradient(top,#598fff 0%,#5388f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#598fff',endColorstr='#5388f2',GradientType=0);
    text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
}

a.button.secondary,
button.secondary,
input[type="button"].secondary,
input[type="submit"].secondary {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F3F3',endColorstr='#F1F1F1',GradientType=0);
    color: #666;
    border-color: #d8d8d8;
    background-color: #f3f3f3;
    background: -moz-linear-gradient(top,#f3f3f3 0%,#f1f1f1 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f3f3f3),color-stop(100%,#f1f1f1));
    background: -webkit-linear-gradient(top,#f3f3f3 0%,#f1f1f1 100%);
    background: -o-linear-gradient(top,#f3f3f3 0%,#f1f1f1 100%);
    background: -ms-linear-gradient(top,#f3f3f3 0%,#f1f1f1 100%);
    background: linear-gradient(top,#f3f3f3 0%,#f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3',endColorstr='#f1f1f1',GradientType=0);
    text-shadow: 0 1px 0 #fff;
}

a.button:hover,
button:hover,
button:focus,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="button"]:focus,
input[type="submit"]:focus {
    border-color: rgba(0,0,0,0.4);
    cursor: pointer;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3) 0 1px 2px rgba(0,0,0,0.4) 2px 0 rgba(204,204,204,0.4), 0 1px 2px 0 rgba(204,204,204,0.4);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3) 0 1px 2px rgba(0,0,0,0.4) 2px 0 rgba(204,204,204,0.4), 0 1px 2px 0 rgba(204,204,204,0.4);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.3) 0 1px 2px rgba(0,0,0,0.4) 2px 0 rgba(204,204,204,0.4), 0 1px 2px 0 rgba(204,204,204,0.4);
}

button:active,
a.btn:active,
a.btn:visited:active,
a.button:active,
a.button:visited:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
    border-color: rgba(0,0,0,0.4);
    -webkit-box-shadow: inset 0 3px 4px rgba(255,255,255,0.3) 0 1px 2px rgba(0,0,0,0.4) 2px 0 rgba(204,204,204,0.4), 0 1px 2px 0 rgba(204,204,204,0.4);
    -moz-box-shadow: inset 0 3px 4px rgba(255,255,255,0.3) 0 1px 2px rgba(0,0,0,0.4) 2px 0 rgba(204,204,204,0.4), 0 1px 2px 0 rgba(204,204,204,0.4);
    box-shadow: inset 0 3px 4px rgba(255,255,255,0.3) 0 1px 2px rgba(0,0,0,0.4) 2px 0 rgba(204,204,204,0.4), 0 1px 2px 0 rgba(204,204,204,0.4);
}

a.button.disabled,
button.disabled,
input[type="button"].disable,
input[type="submit"].disable,
button.disabled:hover,
input[type="button"].disable:hover,
input[type="submit"].disable:hover {
    border-width: 1px;

    background: #e1e1e1;
    color: #888;
    cursor: not-allowed;
    border-color: #ccc !important;
    border-style: solid;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.btnCancel {
    min-width: 110px;
    padding: 0 4px 0 4px;
    margin: 11px 4px 8px 4px;
    text-align: center;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}