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

.vscrollerbar { /* Default Scroll Handle Style */
    width: 10px;
    background: #7C347C /*url(scrollbar.png) -36px 0px repeat-y*/;
}

.vscrollerbarbeg {
    height: 10px !important;
    width: 10px;
    /*    background: url(scrollbar.png) -108px -32px no-repeat;*/
}

.vscrollerbarend {
    height: 10px;
    width: 10px;
    /*    background: url(scrollbar.png) -108px 0px no-repeat;*/
}

.vscrollerbase { /* Default Scroll Bar Style */
    width: 10px;
    background: #FFFFFF /*url(scrollbar.png) 0px 0px repeat-y*/;
}

.vscrollerbasebeg {
    width: 10px;
    height: 10px !important;
    /*    background: url(scrollbar.png) -72px -28px no-repeat;*/
    background: #7C347C;
}

.vscrollerbaseend {
    height: 10px;
    width: 10px;
    /*    background: url(scrollbar.png)  -72px 0px no-repeat;*/
    background: #7C347C;
}

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

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

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

.scrollerjogbox {
    width: 10px;
    height: 10px;
    top: auto; 
    left: auto;
    bottom: 0px; 
    right: 0px;
    background: #7C347C;
}