.btn-default-css3 {
    .gradient(~"@{button-grey-idle-gradient}");

    border-radius: @button-border-radius;

    text-shadow: @button-grey-text-shadow;
    color: @button-grey-color;
    font-family: @button-font-family;
    font-weight: @button-font-weight;
    font-size: @button-font-size;

    box-shadow: @button-shadow;
    line-height : 16px;
    position: relative;
    cursor: @button-cursor;
    
    .font-smoothing(@button-font-smoothing);
}

.win-deploy-target .btn-default-css3,
.size-13.btn-default-css3 {
    font-size: 13px;
}

.btn-default-css3Over { //, .btn-default-css3:hover {
    .gradient(~"@{button-grey-over-gradient}");
}

.btn-default-css3Focus {
    .gradient(~"@{button-grey-focus-gradient}");
}

.btn-default-css3Down { //, .btn-default-css3:active {
    .gradient(~"@{button-grey-down-gradient}");
}

.btn-default-css3Disabled {
    .gradient(~"@{button-grey-disabled-gradient}");

    text-shadow: @button-grey-disabled-text-shadow;
    color: @button-grey-disabled-color;
    cursor: default;
}

.btn-default-css3 .caption {
    border-top: @button-grey-idle-border-top;
    padding: @button-padding;
    border-radius: @button-border-radius;
    text-align: center;
}

.btn-default-css3.btn-default-css3Over .caption {
    border-top: @button-grey-over-border-top;
}
.btn-default-css3.btn-default-css3Focus .caption {
    border-top: @button-grey-focus-border-top;
}
.btn-default-css3.btn-default-css3Down .caption {
    border-top: @button-grey-down-border-top;
}
.btn-default-css3.btn-default-css3Disabled .caption {
    border-top: @button-grey-disabled-border-top;
}

.btn-default-css3 .border {
    display: none;

    border: @button-focussed-border;

    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    right: 0;
    border-radius: @button-border-radius;
    box-sizing: border-box;
}
.btn-default-css3.btn-default-css3Focus .border {
    display: block;
}
/*-----------*/

/*-- GREEN --*/
.btn-default-css3.btn-green {
    .gradient(~"@{button-green-idle-gradient}");
    text-shadow: @button-green-text-shadow;
    color: @button-green-color;
}

.btn-default-css3.btn-green2 {
    .gradient(~"@{button-green2-idle-gradient}");
    text-shadow: @button-green2-text-shadow;
}

.btn-default-css3Over.btn-green { //, .btn-default-css3.btn-green:hover {
    .gradient(~"@{button-green-over-gradient}");
}

.btn-default-css3Focus.btn-green {
    .gradient(~"@{button-green-focus-gradient}");
}

.btn-default-css3Down.btn-green { //, .btn-default-css3.btn-green:active {
    .gradient(~"@{button-green-down-gradient}");
}

.btn-default-css3Down.btn-green2 {
    .gradient(~"@{button-green2-down-gradient}");
}

.btn-default-css3Disabled.btn-green {
    .gradient(~"@{button-green-disabled-gradient}");
    text-shadow: @button-green-disabled-text-shadow;
    color: @button-green-disabled-color;
}

.btn-default-css3Disabled.btn-green2 {
    .gradient(~"@{button-green2-disabled-gradient}");
    text-shadow: @button-green2-disabled-text-shadow;
    color: @button-green2-disabled-color;
}

.btn-default-css3.btn-green .caption {
    border-top: @button-green-idle-border-top;
}

.btn-default-css3.btn-default-css3Over.btn-green .caption {
    border-top: @button-green-over-border-top;
}

.btn-default-css3.btn-default-css3Focus.btn-green .caption {
    border-top: @button-green-focus-border-top;
}
.btn-default-css3.btn-default-css3Down.btn-green .caption {
    border-top: @button-green-down-border-top;
}
.btn-default-css3.btn-default-css3Disabled.btn-green .caption {
    border-top: @button-green-disabled-border-top;
}
/*-----------*/
/*-- RED --*/
.btn-default-css3.btn-red {
    .gradient(~"@{button-red-idle-gradient}");
    text-shadow: @button-red-text-shadow;
    color: @button-red-color;
}

.btn-default-css3Over.btn-red { //, .btn-default-css3.btn-red:hover {
    .gradient(~"@{button-red-over-gradient}");
}

.btn-default-css3Focus.btn-red {
    .gradient(~"@{button-red-focus-gradient}");
}

.btn-default-css3Down.btn-red { //, .btn-default-css3.btn-red:active {
    .gradient(~"@{button-red-down-gradient}");
}

.btn-default-css3Disabled.btn-red {
    .gradient(~"@{button-red-disabled-gradient}");
    text-shadow: @button-red-disabled-text-shadow;
    color: @button-red-disabled-color;
}

.btn-default-css3.btn-red .caption {
    border-top: @button-red-idle-border-top;
}

.btn-default-css3.btn-default-css3Over.btn-red .caption {
    border-top: @button-red-over-border-top;
}

.btn-default-css3.btn-default-css3Focus.btn-red .caption {
    border-top: @button-red-focus-border-top;
}
.btn-default-css3.btn-default-css3Down.btn-red .caption {
    border-top: @button-red-down-border-top;
}
.btn-default-css3.btn-default-css3Disabled.btn-red .caption {
    border-top: @button-red-disabled-border-top;
}
/*-----------*/

.no-bold.btn-default-css3 {
    font-weight: normal;
    color: #cecece;
}
    