@charset "utf-8";
/* CSS Document for jScrollPane. */

div#scrollPane
{
	width: 180px;
	height: 50px;
	overflow: auto
}

div#scrollPane p
{
	font-size: 0.6em;
	color: #666;
}

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

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url(http://static.alpari.co.uk/images/scrollbar-bg.gif);
}

.jScrollPaneDrag {
	position: absolute;
	background: url(http://static.alpari.co.uk/images/scrollbar-drag.gif);
	cursor: pointer;
	overflow: hidden;
}

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

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

a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(http://static.alpari.co.uk/images/scrollbar-up-arrow.gif) no-repeat;
	height: 10px;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(http://static.alpari.co.uk/images/scrollbar-down-arrow.gif) no-repeat;
	height: 10px;
}