/*scroll buttons*/
.scroll-track-top {
    height:10px; 
    width:10px;
    background-image: url('up.png'); 
}
.scroll-track-bot {
    height:10px; 
    width:10px; 
    background-image: url('down.png');
}


/*area over which the handle slides */
.scroll-track {
    height:10px; 
    width:10px; 
    background-image: url('track.png');
}


/*scroll handle */
.scroll-handle {
    background-color: #999999; 
    cursor:pointer;    
}

.scroll-handle-top {
    height: 7px; 
    width:10px; 
    background-image: url('handle_top.png'); 
    background-repeat: repeat; 
    cursor:pointer;

}

.scroll-handle-bot {
    height: 7px; 
    width:10px; 
    background-image: url('handle_bot.png'); 
    background-repeat: repeat; 
    cursor:pointer;

}