a.Button {
    background: transparent url('/Skin/SC/Button/ButtonsA.png') no-repeat scroll top right;
    display: block;
    float: left;
    font: bold 12px arial, sans-serif;
    height: 22px;
    margin-top:0px;
    margin-right: 2px;
    margin-bottom:0px;
    padding-top:0px;
    padding-right: 9px; /* sliding doors padding */
    padding-bottom:0px;
    padding-left:0px;
    text-decoration: none;
}

a.Button span {
    background: transparent url('/Skin/SC/Button/ButtonsSpan.png') no-repeat;
    display: block;
    line-height: 15px;
    margin:0px; 
    padding: 4px 0 3px 9px; /* left padding should be balanced with sliding doors padding */
}


a.Button:hover {
    background-position: right -22px;
    outline: none;
}

a.Button:hover span {
    background-position: left -22px;
    outline: none;
}

a.Button:active {
    background-position: right -44px;
    outline: none; /* hide dotted outline in Firefox */
}

a.Button:active span {
    background-position: left -44px;
    padding: 4px 0 3px 9px; /* don't push text down */
    outline: none;
}

.ButtonDisabled {
    background: transparent url('/Skin/SC/Button/ButtonsA.png') no-repeat scroll right -66px;
    display: block;
    float: left;
    font: bold 12px arial, sans-serif;
    height: 22px;
    margin-top:0px;
    margin-right: 2px;
    margin-bottom:0px;
    padding-top:0px;
    padding-right: 9px; /* sliding doors padding */
    padding-bottom:0px;
    padding-left:0px;
    text-decoration: none;
}

.ButtonDisabled span {
    background: transparent url('/Skin/SC/Button/ButtonsSpan.png') no-repeat scroll left -66px;
    display: block;
    line-height: 15px;
    margin:0px; 
    padding: 4px 0 3px 9px; /* left padding should be balanced with sliding doors padding */
}