.uc-button-group {

}

.uc-button-group>.uc-button-push {
    margin: 0 -1px 0 -2px;
    vertical-align: middle;
    text-align: center;
    padding: 8px 16px;

    border-radius: 0;
    border: 0;
    border-top: 1px solid white;

    box-shadow: 0 4px 4px rgba(0,0,0, 0.5), 0 -1px 2px rgba(0,0,0, 0.1), inset 0 1px 1px rgba(0,0,0, 0.05);

    background-color: white;
    background-image: linear-gradient(top, white 0%, white 50%, #f3f3f3 100%);
    background-image: -o-linear-gradient(top, white 0%, white 50%, #f3f3f3 100%);
    background-image: -moz-linear-gradient(top, white 0%, white 50%, #f3f3f3 100%);
    background-image: -webkit-linear-gradient(top, white 0%, white 50%, #f3f3f3 100%);
    background-image: -ms-linear-gradient(top, white 0%, white 50%, #f3f3f3 100%);
}

.uc-button-group .uc-button-push:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.uc-button-group .uc-button-push:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.uc-button-push:hover, .pressed {
    color: #88C9F2;
}

.uc-button-group > .uc-button-push:active, .uc-button-group >.pressed {
    padding: 7px 16px;
    color: rgb(199,230,249) ;
    box-shadow: 0 2px 4px rgba(0,0,0, 0.3);
    background-color: white;
    background-image: linear-gradient(top, #eeeced 0%, #eeeced 50%, #e2e0e1 100%);
    background-image: -o-linear-gradient(top, #eeeced 0%, #eeeced 50%, #e2e0e1 100%);
    background-image: -moz-linear-gradient(top, #eeeced 0%, #eeeced 50%, #e2e0e1 100%);
    background-image: -webkit-linear-gradient(top, #eeeced 0%, #eeeced 50%, #e2e0e1 100%);
    background-image: -ms-linear-gradient(top, #eeeced 0%, #eeeced 50%, #e2e0e1 100%);
}