/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: #000;
}
.vscrollerbar {
width: 10px;
background-color: #000;
}
.hscrollerbase {
height: 10px;
background-color: #000;
}
.hscrollerbar {
height: 10px;
background-color: #000;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}



.hscrollerbar {
/* Main body of horizontal scrollbar */
background: #186f9c url(horizontalbarbody_cornerjog.png) 0px -30px repeat-x;
}

.vscrollerbar {
/* Main body of vertical scrollbar */
background: #186f9c url(basebarcaps_verticalbarbody.png) -10px 0px repeat-y;
}

.vscrollerbarbeg {
/* Top image holder for vertical scrollbar*/
background: url(basebarcaps_verticalbarbody.png) -30px -20px no-repeat;
width: 10px;
/* Height of this class is normally set by the script, to fit the scrollbar, but Webkit (Safari's rendering
engine) currently has a bug on no-repeat for negatively positioned backgrounds, causing the top
image to repeat on certain sizes. In this style, we do not need our script to strech the
vscrollerbarbeg, so we can fix the problem by forcing the size using CSS with an !important decleration: */
height: 10px !important;
}

.vscrollerbarend {
/* Bottom image holder for vertical scrollbar*/
background: url(basebarcaps_verticalbarbody.png) -30px 0px no-repeat;
width: 10px;
height: 10px;
}

.hscrollerbarbeg {
/* Left image holder for horizontal scrollbar */
background: url(basebarcaps_verticalbarbody.png) -30px -10px no-repeat;
height: 15px;
/* Width of this class is normally set by the script, to fit the scrollbar, but Webkit (Safari's rendering
engine) currently has a bug on no-repeat for negatively positioned backgrounds, causing the top
image to repeat on certain sizes. In this style, we do not need our script to strech the
vscrollerbarbeg, so we can fix the problem by forcing the size using CSS with an !important decleration: */
width: 15px !important;
}

.hscrollerbarend {
/* Right image holder for horizontal scrollbar */
background: url(basebarcaps_verticalbarbody.png) -20px -10px no-repeat;
height: 15px;
width: 15px;
}

.scrollerjogbox {
/* Scroller jog (scroll-pan) image holder, only visible when both scrollbars are used */
background: #4E727C url(horizontalbarbody_cornerjog.png) 0px 0px;
width: 15px;
height: 15px;
top: auto; left: auto;
bottom: 0px; right: 0px;
}