a.button.blue, label.button.blue {
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #3194D3 0%, #257DB5 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #3194D3 0%, #257DB5 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, #3194D3 0%, #257DB5 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3194D3), color-stop(1, #257DB5));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #3194D3 0%, #257DB5 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #3194D3 0%, #257DB5 100%);
    /* IE 8+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#3194D3', endColorStr='#257DB5', GradientType=0)";
    /* IE 7- */
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#3194D3', endColorStr='#257DB5', GradientType=0);
    border: 1px solid #3B639B;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 0 0 #7D99BF inset;
    color: #FFFFFF;
    position: relative;
    text-shadow: 0 1px 0 #2A4F83;
}

/* fixes für Toggle-Buttons (Checkbox zu Button mit jQuery-UI) */
label.button.blue span.ui-button-text {
    margin-top: 2px;
    padding: 4px 0;
}

a.button.blue:hover, .button.blue.ui-state-hover {
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #257DB5 0%, #3194D3 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #257DB5 0%, #3194D3 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, #257DB5 0%, #3194D3 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #257DB5), color-stop(1, #3194D3));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #257DB5 0%, #3194D3 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #257DB5 0%, #3194D3 100%);
    /* IE 8+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#257DB5', endColorStr='#3194D3', GradientType=0)";
    /* IE 7- */
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#257DB5', endColorStr='#3194D3', GradientType=0);
    box-shadow: 0 1px 0 0 #728CB1 inset;
    cursor: pointer;
}

a.button.blue:active, .button.blue.ui-state-active {
    border: 1px solid #355A8D;
    box-shadow: 0 0 8px 4px #335380 inset, 0 0 8px 4px #335380 inset, 0 1px 1px 0 #EEEEEE;
}

a.button.blue span.btn_caption {
    color: #9AB5DA;
    text-shadow: 0 1px 0 #2A4F83;
}

/* Buttonbar */

.buttonbar {
    display            : inline-block;
    position           : fixed;
    left               : 0;
    bottom             : 0;
    width              : 100%;
    height             : 28px;
    padding-top        : 10px;
    padding-bottom     : 10px;
    margin             : 0;
    font-family        : arial,helvetica,sans-serif;
    font-weight        : bold;
    text-align         : center;
    text-decoration    : none;
    border-top         : 1px solid #A6A6A6;
    background-image   : none;
    background-color   : #DDE4E8;

}

.buttonbar.noframe {
    position            : absolute;
    z-index             : 1;
    left                : 8px;
    right               : 8px;
    bottom              : 8px;
    width               : auto;
}

.buttonbar_inner {
    margin:     0;
    padding:    0px 5px;
}

/* Buttons */

.button {
    background-image: none;
    display: inline-block;
    font-family: arial,helvetica,sans-serif;
    font-weight: bold;
    margin: 0;
    text-align: center;
    text-decoration: none;
    padding-top: 2px;
}

.button.detail {
    height: 28px;
}

.button-alt a, .button a, .button label {
    font-size: 12px;
    line-height: 28px;
    padding: 0 4px;
}

.button.list {
    height: 20px;
    min-width: 35px;
}

.button.list a {
    line-height: 20px;
}

.button.list_spacer {
    height: 20px;
    min-width: auto;
}

.button.list_spacer a {
    line-height: 20px;
}

.button.left, .scroll_button.left {
    float: left;
    padding-right:  5px;
}

.button.right, .scroll_button.right {
    float: right;
    padding-left:   5px;
}

.button.listselect_add_button {
    float: none;
}

.button.blue.disabled, .button.blue.disabled:hover, .button.blue.disabled:active,
.scroll_button.disabled, .scroll_button.disabled:hover, .scroll_button.disabled:active{
    cursor: default;
    background-image: none;
    background-color: #AFAFAF;
    border: 1px solid #AFAFAF;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 0 0 #AFAFAF inset;
    color: #FFFFFF;
    position: relative;
    text-shadow: 0 1px 0 gray;
}

.button.group_left {
    padding:   2px 0px 0px 5px;
}

.button.group_left .button.blue, .button.group_left .button.blue:hover, .button.group_left .button.blue:active {
    border: 1px solid #3B639B;
    border-radius: 4px 0px 0px 4px;
}

.button.group_middle {
    padding:   2px 0px 0px 0px;
}

.button.group_middle .blue, .button.group_middle .blue:hover, .button.group_middle .blue:active {
    border: 1px solid #3B639B;
    border-radius: 0px;
}

.button.group_right .button.blue, .button.group_right .button.blue:hover, .button.group_right .button.blue:active {
    border: 1px solid #3B639B;
    border-radius: 0px 4px 4px 0px;
}

.scrollbar_inner select.button {
    height          : 30px;
    border          : 1px solid #3B639B;
    border-radius   : 4px;
}