/**
 *
 * Horizontal Scrollbar
 *
 */
.kd_scrollbarH {
    position: absolute;
    z-index: 100;
    height: 8px;
    bottom: 1px;
    left: 2px;
    right: 7px
}

.kd_scrollbarH > div {
    position: absolute;
    z-index: 100;
    height: 100%;

    /* The following is probably what you want to customize */
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#999), to(#666));
    background-image: -moz-linear-gradient(top, #999, #666);
    background-image: -o-linear-gradient(top, #999, #666);

    border: 1px solid #999;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    -o-background-clip: padding-box;
    background-clip: padding-box;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;

    -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5);
    -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5);
    -o-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5);
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5);
}


/**
 *
 * Vertical Scrollbar
 *
 */
.kd_scrollbarV {
    position: absolute;
    z-index: 100;
    width: 8px;
    bottom: 7px;
    top: 2px;
    right: 1px
}

.kd_scrollbarV > div {
    position: absolute;
    z-index: 100;
    width: 100%;

    /* The following is probably what you want to customize */
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#999), to(#666));
    background-image: -moz-linear-gradient(top, #999, #666);
    background-image: -o-linear-gradient(top, #999, #666);

    border: 1px solid #999;

    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    -o-background-clip: padding-box;
    background-clip: padding-box;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;

    -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5);
    -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5);
    -o-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5);
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5);
}