.jScrollPaneContainer {
	Z-INDEX: 1; OVERFLOW: hidden; POSITION: relative;
}
.jScrollPaneTrack {
	RIGHT: 0px; BACKGROUND: #aaa; CURSOR: pointer; POSITION: absolute; TOP: 0; HEIGHT: 100%;
}
.jScrollPaneDrag {
	BACKGROUND: #666; OVERFLOW: hidden; CURSOR: pointer; POSITION: absolute;
}
.jScrollPaneDragTop {
	LEFT: 0px; OVERFLOW: hidden; POSITION: absolute; TOP: 0px;
}
.jScrollPaneDragBottom {
	LEFT: 0px; OVERFLOW: hidden; BOTTOM: 0px; POSITION: absolute;
}
A.jScrollArrowUp {
	DISPLAY: block; Z-INDEX: 1; RIGHT: 0px; OVERFLOW: hidden; TEXT-INDENT: -2000px; POSITION: absolute; TOP: 0px; HEIGHT: 9px;
}
A.jScrollArrowDown {
	DISPLAY: block; Z-INDEX: 1; RIGHT: 0px; OVERFLOW: hidden; BOTTOM: 0px; TEXT-INDENT: -2000px; POSITION: absolute; HEIGHT: 9px;
}

/*################################*/


A.jScrollArrowUp {
	BACKGROUND: url(../images/basic_arrow_up.gif) repeat-x 0px 0px;
}
A.jScrollArrowUp:hover {
	BACKGROUND-POSITION: 0px -15px;
}
A.jScrollArrowDown {
	BACKGROUND: url(../images/basic_arrow_down.gif) repeat-x 0px 0px;
}
A.jScrollArrowDown:hover {
	BACKGROUND-POSITION: 0px -15px;
}
A.jScrollActiveArrowButton {
	BACKGROUND-POSITION: 0px -30px;
}
A.jScrollActiveArrowButton:hover {
	BACKGROUND-POSITION: 0px -30px;
}
.orange-bar .jScrollPaneTrack {
	BACKGROUND: #f60;
}
.orange-bar .jScrollPaneDrag {
	BACKGROUND: url(../images/drag_grab.gif) #00f no-repeat 50% 50%;
}
.orange-bar .scroll-pane {
	BACKGROUND: #69f;
}
.holder {
	FLOAT: left;
}
.scroll-pane {
	/*BACKGROUND: #ccc; FLOAT: left; OVERFLOW: auto; WIDTH: 200px; HEIGHT: 200px;*/
	overflow-x:auto; WIDTH: 450px; HEIGHT: 350px;
}
.wide {
	WIDTH: 400px;
}
.super-wide {
	WIDTH: 700px;
}
.tall {
	HEIGHT: 400px;
}