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


.vscrollerbase {
width: 15px;
background-color: white;
}

.vscrollerbar {
width: 15px;
background-color: black;
}

.hscrollerbase {
height: 15px;
background-color: white;
}

.hscrollerbar {
height: 15px;
background-color: black;
}

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

.vscrollerbar {

background: #232323 url(../images/basebarcaps_verticalbarbody.png) -15px 0px repeat-y;
}

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

.vscrollerbarbeg {
background: url(../images/basebarcaps_verticalbarbody.png) -45px -30px no-repeat;
width: 15px;
height: 15px !important;
}

.vscrollerbarend {
background: url(../images/basebarcaps_verticalbarbody.png) -45px 0px no-repeat;
width: 15px;
height: 15px;
}

.hscrollerbarbeg {
background: url(../images/basebarcaps_verticalbarbody.png) -60px -15px no-repeat;
height: 15px;
width: 15px !important;
}

.hscrollerbarend {
background: url(../images/basebarcaps_verticalbarbody.png) -30px -15px no-repeat;
height: 15px;
width: 15px;
}

.scrollerjogbox {
background: #232323 url(../images/horizontalbarbody_cornerjog.png) 0px 0px;
width: 15px;
height: 15px;
top: auto; left: auto;
bottom: 0px; right: 0px;
}


/* Following are for scrollbase images, may not always be required */

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

.vscrollerbasebeg {

background: url(../images/basebarcaps_verticalbarbody.png) -30px -30px no-repeat;
width: 15px;
/* height of this element is normally auto set by the script to fit the scrollbase, to cover the base... */
height: 15px !important; /*  Safari BG repeat fix */
}

.vscrollerbaseend {

background: url(../images/basebarcaps_verticalbarbody.png) -60px -30px no-repeat;
height: 15px;
width: 15px;
}

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

.hscrollerbasebeg {
/* Horizontal scrollbar's left-cap */
/* This may be used for holding the left arrow */
background: url(../images/basebarcaps_verticalbarbody.png) -60px 0px no-repeat;
height: 15px;
/* width of this element is normally auto set by the script to fit the scrollbase, to cover the base... */
width: 15px !important; /* Safari BG repeat fix */
}

.hscrollerbaseend {
/* Horizontal scrollbar's right-cap */
/* This may be used for holding the right arrow */
height: 15px;
width: 15px;
background: url(../images/basebarcaps_verticalbarbody.png) -30px 0px no-repeat;
}

.scrollerjogbox:hover {
background: #232323 url(../images/basebarcaps_verticalbarbody.png) -45px -15px;
}