BODY {
	FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 80%
}
A.jScrollArrowUp {
	BACKGROUND: url(../img/basic_arrow_up.gif) repeat-x 0px 0px
}
A.jScrollArrowUp:hover {
	BACKGROUND-POSITION: 0px -15px
}
A.jScrollArrowDown {
	BACKGROUND: url(../img/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(../img/drag_grab.gif) #00f no-repeat 50% 50%
}
.orange-bar .scroll-pane {
	BACKGROUND: #69f
}
.holder {
	MARGIN: 10px; FLOAT: left
}
.holder_left {
	MARGIN: 10px 10px 10px 0px; FLOAT: left
}
.holder_right {
	MARGIN: 10px 0px 10px 10px; FLOAT: left
}
.holder2 {
	MARGIN-top: 4px; FLOAT: left
}
.scroll-pane {
	WIDTH: 216px; BACKGROUND: #fff; FLOAT: left; HEIGHT: 200px; OVERFLOW: auto;
}
.scroll-pane2 {
	WIDTH: 500px; FLOAT: left; OVERFLOW: auto;
}
.wide {
	WIDTH: 400px
}
.super-wide {
	WIDTH: 700px
}
.tall {
	HEIGHT: 400px
}
#pane1 {
	
}
#pane2, #pane2-1, #pane2-2 {
	HEIGHT: 290px;
}
#pane3 {
	HEIGHT: 190px
}
#pane4 {
	HEIGHT: 190px
}

