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

.vscrollerbase {
   width: 15px;

}

.vscrollerbar {
   width: 15px;
}

.vscrollerbar {
   background: url(../img/flexcroll/vscroll_body.gif) 0px 0px repeat-y;
}
.vscrollerbar:hover {
   background: url(../img/flexcroll/vscroll_body.gif) -15px 0px repeat-y;
}

.vscrollerbar {
   padding: 14px;
   z-index: 2;
}

.vscrollerbarbeg {
   background: url(../img/flexcroll/vscroll_bodyends.gif) 0px 0px no-repeat;
   width: 15px;
   height: 10px !important;
}
.vscrollerbarbeg:hover{
   background: url(../img/flexcroll/vscroll_bodyends.gif) -15px 0px no-repeat;
}

.vscrollerbarend {
   background: url(../img/flexcroll/vscroll_bodyends.gif) 0px -10px no-repeat;
   width: 15px;
   height: 10px;
}

.vscrollerbarend:hover { 
   background: url(../img/flexcroll/vscroll_bodyends.gif) -15px -10px no-repeat;
}


.vscrollerbase {
   background: url(../img/flexcroll/vscroll_base.gif) 0px 0px repeat-y;
}

.vscrollerbasebeg {
   background: url(../img/flexcroll/vscroll_baseends.gif) 0px 0px no-repeat;
   width: 15px;
   height: 15px !important;
}

.vscrollerbasebeg:hover {
   background: url(../img/flexcroll/vscroll_baseends.gif) -15px 0px no-repeat;
}
.vscrollerbaseend {
   background: url(../img/flexcroll/vscroll_baseends.gif) 0px -15px no-repeat;
   height: 15px;
   width: 15px;
}
.vscrollerbaseend:hover {
   background: url(../img/flexcroll/vscroll_baseends.gif) -15px -15px no-repeat;
}
.hscrollerbase {
   background: #D7EBDF url(../img/flexcroll/horizontalbarbody_cornerjog.png) 0px -15px repeat-x;
}