.buttons { margin: 25px 0; }
/* fix padding for firefox */
button::-moz-focus-inner { padding: 0; border: 0; margin: -1px; }

.buttons button { margin: 0 5px 0 0; }
.float-left button { margin: 0 5px 0 0!important; }
.float-right button { margin: 0 0 0 5px!important; }
button.float-left { margin: 0 5px 0 0!important; }
button.float-right { margin: 0 0 0 5px!important; }

button {
    height: 40px;
    background: url('../../i2/btn-blue.png') bottom repeat-x #007dc5;
    padding: 9px 15px;
    color: #fff;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    font: bold 14px Arial;
}
button:hover { background-position-y: top; }
button.disabled { background: #ccc!important; border-width: 0!important; cursor: default!important; }
button.btn-no, button.btn-abort, button.btn-alert { background-image: url('../../i2/btn-orange.png'); background-color: #fd6401; }

/*
button.btn-cancel, button.btn-reset, button.btn-back , button.btn-prev { background-image: url('../../i2/btn-azure.png'); }
*/
a.button {
    height: 40px;
    background: url('../../i2/btn-blue.png') bottom repeat-x #007dc5;
    padding: 0 15px 0 15px;
    color: #fff;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    font: bold 14px Arial;
    margin: 0 5px 0 0;
    display: inline-block;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
    line-height: 40px;
}

.buttons a {
    height: 40px;
    background: url('../../i2/btn-blue.png') bottom repeat-x #007dc5;
    padding: 0 15px 0 15px;
    color: #fff;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    font: bold 14px Arial;
    margin: 0 5px 0 0;
    display: inline-block;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
    line-height: 40px;
}
.buttons .float-left a { margin: 0 5px 0 0!important; }
.buttons .float-right a { margin: 0 0 0 5px!important; }
.buttons a.float-left { margin: 0 5px 0 0!important; }
.buttons a.float-right { margin: 0 0 0 5px!important; }

.buttons a.btn-no, a.btn-abort, a.btn-alert { background-image: url('../../i2/btn-orange.png'); background-color: #fd6401; }
.buttons a:hover { background-position-y: top; }
.buttons a.disabled { background: #ccc!important; border-width: 0!important; cursor: default!important; }

.btn-xs { width: 50px; }
.btn-s { width: 75px; }
.btn-m { width: 100px; }
.btn-l { width: 200px; }
.btn-xl { width: 300px; }
.btn-ok { min-width: 75px; }