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


.vscrollerbase {
width: 15px;
background-color: white;
}

.vscrollerbar {
width: 15px;
background-color: black;
}

.vscrollerbar {
background: url(scroll.png) -15px 0px repeat-y;
z-index: 2;
padding: 15px;
}


.vscrollerbarbeg {
background: url(scroll.png) -45px -30px no-repeat;
width: 15px;
height: 15px !important;
}

.vscrollerbarend {
background: url(scroll.png) -45px 0px no-repeat;
width: 15px;
height: 15px;
}

.vscrollerbase {
background: #D7EBDF url(scroll.png) 0px 0px repeat-y;
}

.vscrollerbasebeg {
background: url(scroll.png) -30px -30px no-repeat;
width: 15px;
height: 15px !important;
}

.vscrollerbaseend {
background: url(scroll.png) -60px -30px no-repeat;
height: 15px;
width: 15px;
}

#mycustomscroll {
width: 238px;
height: 500px;
overflow: auto;
position: relative;
background-color: #AD1231;
}