/* our scrollbars are 15x15 */
body::-webkit-scrollbar {
    width: 15px;
    height: 15px;
    zoom: reset;
}

/* we have a single corner piece, used for both enabled and disabled states */
body::-webkit-scrollbar-corner {
    background-image: url(resources://sb-corner-piece.png);
    background-position: 15px 0;
    background-repeat: no-repeat;
    background-position: 0 0;
    zoom: reset;
}

/* we do not override the standard WebKit resizer control */

/* our thumb can move 12 pixels into our end-caps */
body::-webkit-scrollbar-track {
    margin: -12px;
    zoom: reset;
}

/* Horizontal Scrollbar Styles */

/* horizontal track background */
body::-webkit-scrollbar:horizontal {
    background-image: url(resources://sb-h-track.png);
    background-repeat: repeat-x;
    zoom: reset;
}

/* horizontal thumb */
/* image is 24 pixels wide, with the end-caps comprising 8 pixels on each end */
body::-webkit-scrollbar-thumb:horizontal {
    -webkit-border-image: url(resources://sb-h-thumb-enabled.png) 0 8 0 8;
    border-color: transparent;
    border-width: 0 8px;
    min-width: 24px;
    zoom: reset;
}

body::-webkit-scrollbar-thumb:horizontal:active {
    -webkit-border-image: url(resources://sb-h-thumb-pressed.png) 0 8 0 8;
    zoom: reset;
}

body::-webkit-scrollbar-thumb:horizontal:window-inactive {
    -webkit-border-image: url(resources://sb-h-thumb-disabled.png) 0 8 0 8;
    zoom: reset;
}

/* horizontal arrows */
body::-webkit-scrollbar-button:horizontal {
    width: 26px;
    zoom: reset;
}

/* horizontal left arrow */
/* all images are in a strip in h-apart-left.png, order is disabled/enabled/pressed (aka active) */
body::-webkit-scrollbar-button:horizontal:decrement {
    background-image: url(resources://sb-h-apart-left.png);
    background-position: -26px 0;
    background-repeat: no-repeat;
    zoom: reset;
}

body::-webkit-scrollbar-button:horizontal:decrement:active {
    background-position: -52px 0;
    zoom: reset;
}

body::-webkit-scrollbar-button:horizontal:decrement:window-inactive {
    background-position: 0 0;
    zoom: reset;
}

/* horizontal right arrow */
/* all images are in a strip in h-apart-right.png, order is disabled/enabled/pressed (aka active) */
body::-webkit-scrollbar-button:horizontal:increment {
    background-image: url(resources://sb-h-apart-right.png);
    background-position: -26px 0;
    background-repeat: no-repeat;
    zoom: reset;
}

body::-webkit-scrollbar-button:horizontal:increment:active {
    background-position: -52px 0;
    zoom: reset;
}

body::-webkit-scrollbar-button:horizontal:increment:window-inactive {
    background-position: 0 0;
    zoom: reset;
}

/* Vertical Scrollbar Styles */

/* verical track background */
body::-webkit-scrollbar:vertical {
    background-image: url(resources://sb-v-track.png);
    background-repeat: repeat-y;
    zoom: reset;
}

/* vertical thumb */
/* image is 24 pixels high, with the end-caps comprising 8 pixels on each end */
body::-webkit-scrollbar-thumb:vertical {
    -webkit-border-image: url(resources://sb-v-thumb-enabled.png) 8 0 8 0;
    border-color: transparent;
    border-width: 8px 0;
    min-height: 24px;
    zoom: reset;
}

body::-webkit-scrollbar-thumb:vertical:active {
    -webkit-border-image: url(resources://sb-v-thumb-pressed.png) 8 0 8 0;
    zoom: reset;
}

body::-webkit-scrollbar-thumb:vertical:window-inactive {
    -webkit-border-image: url(resources://sb-v-thumb-disabled.png) 8 0 8 0;
    zoom: reset;
}

/* vertical arrows */
body::-webkit-scrollbar-button:vertical {
    height: 26px;
    zoom: reset;
}

/* vertical up arrow */
/* all images are in a strip in v-apart-top.png, order is disabled/enabled/pressed (aka active) */
body::-webkit-scrollbar-button:vertical:decrement {
    background-image: url(resources://sb-v-apart-top.png);
    background-position: -15px 0;
    background-repeat: no-repeat;
    zoom: reset;
}

body::-webkit-scrollbar-button:vertical:decrement:active {
    background-position: -30px 0;
    zoom: reset;
}

body::-webkit-scrollbar-button:vertical:decrement:window-inactive {
    background-position: 0 0;
    zoom: reset;
}

/* vertical down arrow */
/* all images are in a strip in v-apart-bottom.png, order is disabled/enabled/pressed (aka active) */
body::-webkit-scrollbar-button:vertical:increment {
    background-image: url(resources://sb-v-apart-bottom.png);
    background-position: -15px 0;
    background-repeat: no-repeat;
    zoom: reset;
}

body::-webkit-scrollbar-button:vertical:increment:active {
    background-position: -30px 0;
    zoom: reset;
}

body::-webkit-scrollbar-button:vertical:increment:window-inactive {
    background-position: 0 0;
    zoom: reset;
}

/* Forced Scrollbar Mode Styles */

.single::-webkit-scrollbar-button:start:decrement,
.single::-webkit-scrollbar-button:end:increment {
    display: block;
    zoom: reset;
}

.single::-webkit-scrollbar-button:start:increment,
.single::-webkit-scrollbar-button:end:decrement {
    display: none;
    zoom: reset;
}

.double-end::-webkit-scrollbar-button:start {
    display: none;
    zoom: reset;
}

.double-end::-webkit-scrollbar-button:end {
    display: block;
    zoom: reset;
}

.double-start::-webkit-scrollbar-button:start {
    display: block;
    zoom: reset;
}

.double-start::-webkit-scrollbar-button:end {
    display: none;
    zoom: reset;
}

.double-both::-webkit-scrollbar-button {
    display: block;
    zoom: reset;
}

.none::-webkit-scrollbar-button {
    display: none;
    zoom: reset;
}