.scrollgeneric 
{
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}
.vscrollerbase, .hscrollerbase 
{
width: 15px;
background-color: white;
}
.vscrollerbar, .hscrollerbar
{
width: 15px;
background-color: black;
padding: 14px;
z-index: 2;
}
.hscrollerbar 
{
background:  url(../images/scroll_bar.png) 0px 0px repeat-x;
}
.vscrollerbar 
{
background:  url(../images/scroll_bar.png) 0px 0px repeat-y;
}
.vscrollerbarbeg 
{
background: url(../images/scroll_bar.png) 0px 0px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbarend 
{
background: url(../images/scroll_bar.png) 0px 0px no-repeat;
width: 15px;
height: 15px;
}
.hscrollerbarbeg 
{
background: url(../images/scroll_bar.png) 0px 0px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbarend 
{
background: url(../images/scroll_bar.png) 0px 0px no-repeat;
height: 15px;
width: 15px;
}
.scrollerjogbox 
{
background: #ffffff url(../images/horizontalbarbody_cornerjog.png) 0px 0px;
width: 15px;
height: 15px;
top: auto; left: auto;
bottom: 0px; right: 0px;
}
.vscrollerbase 
{
background: #ffffff url(../images/scroll_bg.png) 0px 0px repeat-y;
}
.vscrollerbasebeg 
{
background: url(../images/scroll_top.png) 0px 0px no-repeat;
width: 15px;
height: 20px !important; /*  Safari BG repeat fix */
z-index: 1;
}
.vscrollerbaseend 
{
background: url(../images/scroll_bottom.png) 0px 0px no-repeat;
height: 20px;
width: 15px;
z-index: 1;
}
.hscrollerbase 
{
background: #ffffff url(../images/scroll_bg.png) 0px 0px repeat-x;
}
.hscrollerbasebeg 
{
background: url(../images/scroll_top.png) 0px 0px no-repeat;
height: 20px;
width: 15px !important; /* Safari BG repeat fix */
z-index: 1;
}
.hscrollerbaseend 
{
height: 20px;
width: 15px;
background: url(../images/scroll_bottom.png) 0px 0px no-repeat;
z-index: 1;
}
.scrollerjogbox:hover 
{
background: #ffffff url(../images/scroll_bar.png) 0px 0px;
}