.scrollgeneric {
    line-height: 1px;
    font-size: 1px;
    position: absolute;
    top: 0; left: 0;
}
.vscrollerbase {
    width: 10px;
}
.vscrollerbasebeg, .vscrollerbasebegOver{
    float: left;
    width: 10px;
    height: 10px !important;
    cursor: pointer;
}
.vscrollerbasebeg{
    background: url(../images/flexscroll/scroll-top.jpg) no-repeat top left;
}
.vscrollerbasebegOver{
    background: url(../images/flexscroll/scroll-top-over.jpg) no-repeat top left;
}
.vscrollerbar {
    width: 8px;
    height: 10px;
    padding: 12px 0;
    margin: 0;
    background-color: #282728;
    border: 1px solid #888;
    cursor: pointer;
}
.vscrollerbarOver {
    background-color: #D81D18;
    border: 1px solid #EBC2C2;
}
.vscrollerbarbeg{
    width: 10px;
    height: 2px;
}
.vscrollerbarend{
    width: 10px;
    height: 2px;
}
.vscrollerbaseend, .vscrollerbaseendOver{
    float: left;
    width: 10px;
    height: 10px !important;
    cursor: pointer;
}
.vscrollerbaseend{
    background: url(../images/flexscroll/scroll-bottom.jpg) no-repeat top left;
}
.vscrollerbaseendOver{
    background: url(../images/flexscroll/scroll-bottom-over.jpg) no-repeat top left;
}

.hscrollerbase {
    height: 0px;
    background-color: #FFFFFF;
}
.hscrollerbar {
    height: 0px;
    display: none;
    background-color: #FFFFFF;
}
.scrollerjogbox {
    width: 8px;
    height: 0px;
    top: auto; left: auto;
    bottom: 0px; right: 0px;
    display: none;  
}