.jScrollPaneContainer {
   /* width:420px;*/
   width:5px;
    left:0px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.jScrollPaneTrack {

    position: absolute;
    cursor: pointer;
    right: 0px;
    top: 0;
    height: 100%;
    border-left:1px solid #ffdb03;
    border-right:1px solid #ffdb03;
}
.jScrollPaneDrag {
    width:5px;
    position: absolute;
    background: #ffdb03;
    cursor: pointer;
    overflow: hidden;
}
.jScrollPaneDragTop {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.jScrollPaneDragBottom {
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
a.jScrollArrowUp {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    /*background-color: #666;*/
    height: 9px;
}
a.jScrollArrowUp:hover {
    /*background-color: #f60;*/
}

a.jScrollArrowDown {
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    /*background-color: #666;*/
    height: 9px;
}
a.jScrollArrowDown:hover {
    /*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
    /*background-color: #f00;*/
}


      .holder {
            width:5px;
                float: left;
                margin: 10px;
            }
 
.scroll-pane {
width: 360px;
overflow: auto;
height:290px;
color:#666;
font-size:12px;
padding-left:10px;
padding-bottom:10px;
padding-right:13px;
float: left;
            }
.scroll-pane-right {
                float: right;
                width: 500px;
                overflow: auto;
            height:265px;
color:#666;
font-size:12px;
width:430px;
height:275px;
padding-left:10px;
padding-bottom:10px;
padding-right:13px;


            }            
            
.scroll-pane2 {
width: 580px;
overflow: auto;
height:290px;
color:#666;
font-size:12px;
float: right;
            }
            
      
            #scroll1 {

                height: 290px;
                padding:10px 10px 10px 10px;
            }
            #scroll2 {
                height: 265px;
                padding-top:10px;
                padding-bottom:10px;
            }
            
            a.jScrollArrowUp {
                background: url(basic_arrow_up.gif) no-repeat 0 0;
            }
            a.jScrollArrowUp:hover {
                background-position: 0 -15px;
            }
            a.jScrollArrowDown {
                background: url(basic_arrow_down.gif) no-repeat 0 0;
            }
            a.jScrollArrowDown:hover {
                background-position: 0 -15px;
            }
            a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
                background-position: 0 -30px;
            }

            .orange-bar .jScrollPaneTrack {
                background: #f60;
            }
            .orange-bar .jScrollPaneDrag {
                background: #00f url(drag_grab.gif) no-repeat 50% 50%;
            }
            .orange-bar .scroll-pane {
                background: #69f;
            }