.scroll-pane 
{
width: 140px;
height: 257px;
/*overflow-x: auto;*/
overflow-x: hidden;
overflow-y: auto;
background-color: #cccccc;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
float: left;
}



.scroll-pane1 
{
	

width: 340px;
height: 325px;
/*overflow-x: auto;*/
overflow-x: hidden;
overflow-y: auto;
background-color: #ffffff;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
float: left;

}




.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;

	    width: 4px;

    background-color: #454545;
	
	
}
.jScrollPaneDrag {
	position: absolute;
	background: #fff;
	cursor: pointer;
	overflow: hidden;
	width: 4px;
}
.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;*/
}