.button {
    border: none;
    border-bottom: 2px solid #2a80bb;
    /*font-size: 12px;*/
    height: 32px;
    line-height: 32px;
    background: #2997e6;

    _overflow:hidden;
    *zoom:1;
    *display:inline;
    display: inline-block;

    text-align: center;
    vertical-align: middle;
}
    .button > div,
    .button span {
        display: block;
        vertical-align: top;
        cursor: pointer;
    }
    .button > div {
        padding: 0px 8px;
    }
    .button span {
        color: #fff;
        text-transform: uppercase;
    }


.button + .button {
    margin-left: 10px;
}


.button_success {
    border-bottom-color: #658a0a;
}
    .button_success > div {
        background: #80B606;
    }

.button_cancel {
    border-bottom-color: #b83018;
}
    .button_cancel > div {
        background: #E43815;
    }

.button_simple {
    border: none;
}
    .button_simple > div {
        background: #004a81;
    }

    .button_simple span {
        text-transform: lowercase;
    }

.button_warning {
    border-bottom-color: #d46917;
}
    .button_warning > div {
        background: #FF7E12;
    }

.button_dashed {
    background: none;
    border: none;
}
.button_dashed > div {
    background: none;
    border: none;
}
.button_dashed span {
    color: inherit;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    line-height: normal;
}
.button_dashed span:hover {
    border-color: transparent;
}

/* кнопка с границей */
.button_bordered,
.button_bordered-white {
    position: relative;
    border: none;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    background-color: #ffffff;
}
.button_bordered:before,
.button_bordered-white:before {
    content: '';
    border: 2px solid #336699;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    cursor: pointer;
}
.button_bordered > div,
.button_bordered-white > div {
    background-color: #FFFFFF;
}
.button_bordered span,
.button_bordered-white span {
    color: #336699;
    text-transform: lowercase;
}
/* кнопка с границей */
.button_bordered-white {
    height: 26px;
    line-height: 26px;
    background: none;
}
.button_bordered-white:before {
    border-color: #ffffff;
}
.button_bordered-white > div {
    padding: 0px 30px;
    background: none;
}
.button_bordered-white span {
    color: #ffffff;
}

.button_flat-shadowed {
    height: 30px;
    line-height: 30px;
    border: none;
    background: #ecf0f1;
    position: relative;
    margin-right: 6px;
    margin-bottom: 6px;
    padding: 0px 20px;
}
    .button_flat-shadowed span {
        color: #000;
        font-size: 12px;
        text-transform: lowercase;
    }
    .button_flat-shadowed:before,
    .button_flat-shadowed:after {
        position: absolute;
        background: #d0d0d0;
        content: '';
    }
    .button_flat-shadowed:before {
        bottom: -6px;
        left: 6px;
        right: -6px;
        height: 6px;
    }
    .button_flat-shadowed:after {
        right: -6px;
        top: 6px;
        width: 6px;
        bottom: -6px;
    }

.button_flat-shadowed:hover {
    background: #000;
}
    .button_flat-shadowed:hover span {
        color: #fff;
    }

.button_flat-shadowed-alt-1 {
    background: #fff;
}
/*.button_flat-shadowed-alt-2 {
    background: #000;
}
    .button_flat-shadowed-alt-2 span {
        color: #fff;
    }
*/

/* кнопка загрузки */
.button_upload {
    position: relative;
}
    .button_upload object, .button_upload embed {
        padding: 0px;
        margin: 0px;
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
    }


/* неактивня кнопка */
.button_disabled {
    cursor: default;
    border-bottom-color: #c9d2d8;
}
    .button_disabled > div {
        cursor: default;
        background: #eee;
    }
    .button_disabled span {
        cursor: default;
        color: #c9d2d8;
    }


.button_trigger-on,
.button_trigger-off {
    height: 34px;
    line-height: 34px;
}
.button_trigger-on {
    border-top: 2px solid #006400;
    border-left: 2px solid #006400;
    border-bottom: 2px solid #8cccc7;
    border-right: 2px solid #8cccc7;
}
    .button_trigger-on > div {
        background: #39a29b;
    }
.button_trigger-off {
    border-top: 2px solid red;
    border-left: 2px solid red;
    border-bottom: 2px solid darkred;
    border-right: 2px solid darkred;
}
    .button_trigger-off > div {
        background: #E43815;
    }