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

.vscrollerbase, .vscrollerbar {
width: 15px;
top: 0px;
}

.vscrollerbar {
left: 0px;
}

.hscrollerbase, .hscrollerbar {
height: 15px;
left: 0px;
}


.hscrollerbar {
top: 0px;
}

/*.hscrollerbar {*/
/*top: 20px important;*/
/*}*/

.vscrollerbar, .hscrollerbar {
/*padding information of these elements are only used for
padding of the scroll-bar with respect to the scroll base,
the padding will automatically be turned off by the script*/
padding: 5px;
/* z-index *MUST* be given, otherwise links will not be clickable
inside the div */
z-index: 2;
}

#playlist .vscrollerbase {
    background:#D87301 none repeat scroll 0%;
    border:1px solid #000;
    width:17px;
}
#playlist .vscrollerbar {
    width:100%;
    background:#E87C00 url(../images/scrollbar.gif) no-repeat 0 50%;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    border-right:1px solid #000;
    padding:0px;
}
#playlist .vscrollerbasebeg, #playlist .vscrollerbaseend {
    background-image:none;
}
/* twentyList */
#twentyList .vscrollerbase {
    background:#BAA46D none repeat scroll 0%;
    border:1px solid #000;
    width:13px;
}
#twentyList .vscrollerbar {
    width:100%;
    background:#A69059 url(../images/scrollbar.gif) no-repeat 0 50%;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    border-right:1px solid #000;
    padding:0px;
}
#twentyList .vscrollerbasebeg, #twentyList .vscrollerbaseend {
    background-image:none;
}

/* listingsList */
#listingsList .vscrollerbase {
    background:#BAA46D none repeat scroll 0%;
    border:1px solid #000;
    width:13px;
}
#listingsList .vscrollerbar {
    width:100%;
    background:#A69059 url(../images/scrollbar.gif) no-repeat 0 50%;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    border-right:1px solid #000;
    padding:0px;
}
#listingsList .vscrollerbasebeg, #listingsList .vscrollerbaseend {
    background-image:none;
}