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

.vscrollerbase, .vscrollerbar {
width: 8px;
}

.hscrollerbase, .hscrollerbar {
height: 8px;
}

.vscrollerbar, .hscrollerbar {
padding: 8px;
z-index: 2;
}
.vscrollerbarbeg {
background: url(images/scroll/vscroller.png) ;
width: 8px;
}

.vscrollerbarend {
background: url(images/scroll/vscroller.png);
width: 8px; height: 30px;
}

.hscrollerbarbeg {
background: url(images/scroll/hscroller.png) ;
height: 8px;
}

.hscrollerbarend {
background: url(images/scroll/hscroller.png);
height: 8px; width: 8px;
}

.vscrollerbase, .hscrollerbase {
background-color: #D1DDCB;
background-image: url(images/scroll/scrollbaseback.png);
}

.hscrollerbasebeg {
height: 8px;
background: url(images/scroll/left.png)  no-repeat;
}

.hscrollerbaseend {
height: 8px; width: 8px;
background: url(images/scroll/right.png)  no-repeat;
}

.vscrollerbasebeg {
width: 8px;
height: 8px;
background: url(images/scroll/up.png) no-repeat;
}

.vscrollerbaseend {
height: 8px; width: 8px;
background: url(images/scroll/down.png)  no-repeat;
}

.scrollerjogbox {
width: 8px; height: 8px;
top: auto; left: auto; bottom: 0px; right: 0px;
background: white url(images/scrolljog.png) 50% 50%;
}