How to add images for arrows in jscrollpane

How to add images for arrows in jscrollpane

Is it possible to add arrow images in jscrollpane using css
 i want to add arrows shown in below link:

But i made changes in CSS still image is not coming
.jspArrow
{
    /*background: #787878 ; */
    background-color: Lime;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
    background-image: url('../Images/arrow-up.png');
    background-repeat: no-repeat;
}


.jspArrow.jspDisabled
{
cursor: default;
background: #787878;
 background-image:url('../Images/arrow-up.png') !important;
}

.jspVerticalBar>.jspActive, .jspArrow:hover {
background-image:  url('../Images/arrow-up.png');
}
jspVerticalBar>.jspActive, .jspArrow:hover {
background-image: url('../Images/arrow-up.png');
}
.jspVerticalBar .jspArrow
{
height: 14px; background-color:orange
}
.jspVerticalBar>.jspDisabled, .jspVerticalBar>.jspDisabled:hover, .jspHorizontalBar>.jspDisabled, .jspHorizontalBar>.jspDisabled:hover {
background-color: transparent;
background-image: url('../Images/arrow-up.png');
}

plz suggets