/****************************************************************************
*** jScrollPane.css
***
*** Mise en page des DIV scrollables (via jQuery)
***
*** Author: Thierry Brodard
*** Copyright: Accessible Sàrl
***
*****************************************************************************/

.scroll-pane {
	float: left;
	height: 370px;
	overflow: auto;
	padding-right: 20px;
	width: 95%;
}
.scroll-pane-small {
	height: 205px;
	overflow: auto;
	padding-right: 20px;
	width: 95%;
}

a.jScrollArrowUp {
	background: url(../img/basic_arrow_up.gif) repeat-x 0 0;
	display: block;
	height: 9px;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-indent: -2000px;
	top: 0;
	z-index: 1;
}

a.jScrollArrowDown {
	background: url(../img/basic_arrow_down.gif) repeat-x 0 0;
	bottom: 0;
	display: block;
	height: 9px;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-indent: -2000px;
	z-index: 1;
}

a.jScrollActiveArrowButton,a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

.jScrollPaneContainer {
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.jScrollPaneTrack {
	background: #aaa;
	cursor: pointer;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
}

.jScrollPaneDrag {
	background: #666;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
}

.jScrollPaneDragTop {
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
}

.jScrollPaneDragBottom {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
}

a.jScrollArrowUp:hover,a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}