/* 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(/s/p/wysz/slideUp.jpg) no-repeat 0 0;

  height: 7px;

}

a.jScrollArrowUp:hover {

	background-position: 0 -7px;

}

a.jScrollArrowDown {

	background: url(/s/p/wysz/slideDown.jpg) no-repeat 0 0;

  height: 7px;

}

a.jScrollArrowDown:hover {

	background-position: 0 -7px;

}

/*

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {

	background-position: 0 -30px;

}

*/



			

.holder {

	float: left;

	margin: 10px;

}



.scroll-pane {

	width: 200px;

	height: 40px;

	overflow: auto;

	background: none;

	float: left;

}



.wide {

	width: 400px;

}



.super-wide {

	width: 700px;

}



.tall {

	height: 40px;

}







/*

#pane1, #pane2 {

	height: 150px;

}

*/



#pane2 {

  padding-bottom: 3px;

}



.tab {

  overflow: auto;

}



#pane1.scroll-pane {

  /*width: 150px;*/

}



#pane2.scroll-pane {

  width: 380px;

}







.jScrollPaneTrack, .jScrollPaneDrag {

  /*background: none !important;*/

}