// <copyright>
// This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
// No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
// (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
// </copyright>

/* Begin: Scroll Bar skinning */
::-webkit-scrollbar {
    width: 11px;
    height: 11px;
}

/* Turn off single button up on top, and down on bottom */
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: none;  /*we have these off by default */
}

/* Turn off the down area up on top, and up area on bottom */
::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement {
    display: none;
}

/* Turn off the down area up on top, and up area on bottom */
::-webkit-scrollbar-button:horizontal:start:increment,
::-webkit-scrollbar-button:horizontal:end:decrement {
    display: none;
}

::-webkit-scrollbar-track:vertical {
    background-color: $color-sb-border;
}

::-webkit-scrollbar-track:horizontal {
    background-color: $color-sb-border;
}

/* Track area above thumb and below up button */
::-webkit-scrollbar-track-piece:vertical:start {
    background-color: transparent;
}

/* Track area left of thumb and right of button */
::-webkit-scrollbar-track-piece:horizontal:start {
    background-color: transparent;
}

/* Track area below thumb and down button */
::-webkit-scrollbar-track-piece:vertical:end {
    background-color: transparent;
}

/* Track area right of thumb and left of button */
::-webkit-scrollbar-track-piece:horizontal:end {
    background-color: transparent;
}

/* The thumb itself */
::-webkit-scrollbar-thumb:vertical {
    border-color: $color-sb-border;
    border-style: solid;
    border-width: 2px;
    -webkit-border-radius: 6px;
    background: -webkit-gradient(linear, left top, right top,
        color-stop(0.16, $color-sb-1),
        color-stop(0.49, $color-sb-2),
        color-stop(0.82, $color-sb-1));
}
::-webkit-scrollbar-thumb:vertical:hover {
    border-color: $color-sb-border;
    border-style: solid;
    border-width: 2px;
    -webkit-border-radius: 6px;
    background: -webkit-gradient(linear, left top, right top,
        color-stop(0.1, $color-sb-hover-1),
        color-stop(0.50, $color-sb-hover-2),
        color-stop(0.9, $color-sb-hover-1));
}

::-webkit-scrollbar-thumb:horizontal {
    border-color: $color-sb-border;
    border-style: solid;
    border-width: 2px;
    -webkit-border-radius: 6px;
    background: -webkit-gradient(linear, left top, left bottom,
        color-stop(0.1, $color-sb-1),
        color-stop(0.5, $color-sb-2),
        color-stop(0.9, $color-sb-1));
}

::-webkit-scrollbar-thumb:horizontal:hover {
    border-color: $color-sb-border;
    border-style: solid;
    border-width: 2px;
    -webkit-border-radius: 6px;
    background: -webkit-gradient(linear, left top, left bottom,
        color-stop(0.16, $color-sb-hover-1),
        color-stop(0.49, $color-sb-hover-2),
        color-stop(0.82, $color-sb-hover-1));
}

::-webkit-scrollbar-corner {
    /*background-color: black;*/
    /*
        For some reason this is the only way I can find to not show the corner.
        Setting the ::-webkit-scrollbar-corner:disabled style doesn't work as that
        pseudo-class seems to be ignored.
        John Mayhew
    */
    background-color: $color-sb-border;
}
::-webkit-scrollbar-corner:window-inactive {
    background-color: $color-sb-border;
}

::-webkit-resizer {
    background-image:url("../images/scrollbars/scrollbar_resizer.png");
    background-repeat: no-repeat;
}

::-webkit-resizer:window-inactive {
    background-image:url("../images/scrollbars/scrollbar_resizer.png");
    background-repeat: no-repeat;
}

/* disabled state */
::-webkit-scrollbar-track:disabled {
    display: none;
}

/* These don't seem to be necessary or in some cases, they just seem to be ignored
:-webkit-scrollbar-track:vertical:disabled {
    display: none;
}

::-webkit-scrollbar-track:horizontal:disabled {
    display: none;
}

::-webkit-scrollbar-track-piece:disabled {
    display: none;
}

::-webkit-scrollbar-button:disabled {
    display: none;
}

::-webkit-scrollbar-corner:disabled {
    display: none;
}

::-webkit-resizer:disabled {
    display: none;
}
*/
/* End: Scroll Bar Skinning */