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

/* For scrollbars, defining a color for background */
.vscrollerbase {
width: 20px;
background-color: white;
}

.vscrollerbar {
width: 20px;
background-color: #375AAD;
}

.hscrollerbase {
/* hscrollerbase is the div that holds the scrollbar (parent of hscrollerbar) */
height: 20px;
background-color: white;
}

.hscrollerbar {
height: 20px;
background-color:#375AAD;
}

.hscrollerbar {
/* Main body of horizontal scrollbar */
background: #375AAD  url(../images/interface/horizontalbarbody_cornerjog.png) 0px -40px repeat-x;
}

.vscrollerbar {
/* Main body of vertical scrollbar */
background: #375AAD url(../images/interface/basebarcaps_verticalbarbody.png) -20px 0px repeat-y;
}

.vscrollerbar, .hscrollerbar {
padding: 20px;
z-index: 2;
}

.vscrollerbarbeg {
/* Top image holder for vertical scrollbar*/
background: url(../images/interface/basebarcaps_verticalbarbody.png) -60px -40px no-repeat;
width: 20px;
height: 20px !important;
}

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

.hscrollerbarbeg {
/* Left image holder for horizontal scrollbar */
background: url(../images/interface/basebarcaps_verticalbarbody.png) -80px -20px no-repeat;
height: 20px;
width: 20px !important;
}

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

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

.vscrollerbase {
/* Vertical scrollbar's base body */ 
background: #E9E9E9 url(../images/interface/basebarcaps_verticalbarbody.png) 0px 0px repeat-y;
}

.vscrollerbasebeg {
/* Vertical scrollbar's base top-cap */
background: url(../images/interface/basebarcaps_verticalbarbody.png) -40px -40px no-repeat;
width: 20px;
height: 20px !important; /*  Safari BG repeat fix */
}

.vscrollerbaseend {
/* Vertical scrollbar's base bottom-cap */
background: url(../images/interface/basebarcaps_verticalbarbody.png) -80px -40px no-repeat;
height: 20px;
width: 20px;
}

.hscrollerbase {
/* Horziontal scrollbar's base body */ 
background: #E9E9E9 url(../images/interface/horizontalbarbody_cornerjog.png) 0px -20px repeat-x;
}

.hscrollerbasebeg {
/* Horizontal scrollbar's left-cap */
background: url(../images/interface/basebarcaps_verticalbarbody.png) -80px 0px no-repeat;
height: 20px;
width: 20px !important; /* Safari BG repeat fix */
}

.hscrollerbaseend {
/* Horizontal scrollbar's right-cap */
height: 20px;
width: 20px;
background: url(../images/interface/basebarcaps_verticalbarbody.png) -40px 0px no-repeat;
}

.scrollerjogbox:hover {
background: #FAFAFA url(../images/interface/basebarcaps_verticalbarbody.png) -60px -20px;
}