.scrollBar .bar{width:10px;height:10px;}
.scrollBar .button{width:10px;height:10px;background-color:#c5c5c5;outline:none;background-position:top center;background-repeat:no-repeat;cursor:pointer;}
    .scrollBar .button.topButton{/*background-image:url('arrow-up.gif');*/}
    .scrollBar .button.bottomButton{/*background-image:url('arrow-down.gif');*/}
    .scrollBar .button.leftButton{/*background-image:url('arrow-left.gif');*/}
    .scrollBar .button.rightButton{	/*background-image:url('arrow-right.gif');*/}
    .scrollBar .button.active{background-position:bottom center;}
.scrollBar .scrollable{cursor:pointer;background:#dedede;}
.scrollBar .knob{height:10px;}
    .scrollBar .knob.verticalKnob{cursor:n-resize;}
    .scrollBar .knob.horizontalKnob{cursor:w-resize;}
    .scrollBar .knob.active{border:none;}
.scrollBar .corner{background:#9f9f9f;}

/* Horizontal */
.scrollBar .knobHorizontalTip{width:0px;position:absolute;background-position:left center;background-repeat:no-repeat;}
.scrollBar .active .knobHorizontalTip{}
.scrollBar .active .knobHorizontalFill{}
.scrollBar .leftTip{left:0;background-image:url('knob-left.gif');}
.scrollBar .rightTip{right:0;background-image:url('knob-right.gif');}
.scrollBar .knobHorizontalFill{background:#9f9f9f;margin:0;}

/* Vertical */
.scrollBar .knobVerticalTip{height:0px;background-position:top center;background-repeat:no-repeat;}
.scrollBar .active .knobVerticalTip{}
.scrollBar .active .knobVerticalFill{}
.scrollBar .topTip{background:#9f9f9f;}/* For background image */
.scrollBar .bottomTip{position:absolute;bottom:0;background:#9f9f9f;}
.scrollBar .knobVerticalFill{background:#9f9f9f;position:absolute;bottom:0px;top:0px;}