/* Stylesheet for my demo pages for jScrollPane - these styles aren't necessary for using jScrollPane and aren't specific to any particular example */



body {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 80%;

}



a.jScrollArrowUp {

	background: url(../imgs/basic_arrow_up.gif) repeat-x 0 0;

	background-position: 0 -15px;

}

a.jScrollArrowDown {

	background: url(../imgs/basic_arrow_down.gif) repeat-x 0 0;

	background-position: 0 -15px;

}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {

	background-position: 0 -15px;

}





.orange-bar .jScrollPaneTrack {

	background: #f60;

}

.orange-bar .jScrollPaneDrag {

	background: #00f url(../imgs/drag_grab.gif) no-repeat 50% 50%;

}

.orange-bar .scroll-pane {

	background: #69f;

}

			

.holder {

	float: left;

	margin: 0px;

}

.holder1 {

	float: left;

	margin: 0px;

}

.holder3 {

	float: left;

	margin: 0px;

}

.scroll-pane {

	width: 200px;

	height: 85px;

	overflow: auto;

	float: left;

}

.scroll-pane2 {

	width: 620px;

	height: 150px;

	overflow: auto;

	float: left;

}

.scroll-pane3 {

	width: 204px;

	height: 250px;

	overflow: auto;

	float: left;

}

.scroll-pane4 {

	width: 500px;

	height: 400px;

	overflow: auto;

	float: left;

}

.wide {

	width: 400px;

}



.super-wide {

	width: 700px;

}



.tall {

	height: 400px;

}



#pane2 {

	height: 130px;

}

#pane3 {

	height: 160px;

}

#pane4 {

	height: 250px;

}

#pane5 {

	height: 400px;

}