.jScrollPaneContainer {

	position: relative;

	overflow: hidden;

	z-index: 1;

}



.jScrollPaneTrack {

	position: absolute;

	cursor: pointer;

	right: 0;

	top: 0;

	height: 100%;

	background: #fff;

}

.jScrollPaneDrag {

	position: absolute;

	cursor: pointer;

	overflow: hidden;

	background: #80C8E6 url(../images/background/scroll.gif) no-repeat 0 0;

	border-bottom:1px solid #FFF;

	border-top:1px solid #FFF;

	width:15px;

	left: 0;

}

.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: 15px;

}

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: 15px;

}

a.jScrollArrowDown:hover {

	/*background-color: #f60;*/

}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {

	/*background-color: #f00;*/

}

a.jScrollArrowUp {

	background: url(../images/background/basic_arrow_up.gif) no-repeat center 0;

}

a.jScrollArrowUp:hover {

	background-position: 0 -52px;

}

a.jScrollArrowDown {

	background: url(../images/background/basic_arrow_down.gif) no-repeat center 0;

}

a.jScrollArrowDown:hover {

	background-position: 0 -52px;

}

a.jScrollActiveArrowButton{

	background-position: 0 -52px;

}

a.jScrollActiveArrowButton:hover {

	background-position: 0 -52px;

}



		

.holder {

	float: left;

	margin: 10px;

}



.scroll-pane {

	width: 200px;

	height: 200px;

	overflow: auto;

	background: #ccc;

	float: left;

}



.wide {

	width: 400px;

}



.super-wide {

	width: 700px;

}



.tall {

	height: 400px;

}