// <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