@CHARSET "UTF-8";

div#demo {
	border: 1px solid black;
	float: left;
	margin: 10px;
}

div.scrollpaneContainer
{
	position: relative;
	width: 663px;
	height: 330px;
	overflow: hidden;
}

div.scrollpaneContainer div.scrollpane
{
	font-size: 12px;
	font-family: verdana, arial, sans-serif;
	width: 652px;
}

div.scrollpaneContainer div.slideBorder
{
	height: 330px;
	border-left: 1px solid black;
	float: left;
	position: absolute;
	right: 0px;
	top: 0px;
	font-size: 0px;
}

div.scrollpaneContainer div.slideBorder div.slider
{
	width: 10px;
	height: 330px;
	position: relative;
	font-size: 0px;
}

div.scrollpaneContainer div.slideBorder div.slider div.upButton
{
	width: 10px;
	height: 10px;
	position: absolute;
	left: 0px;
	top: 0px;
	background-image: url('/images/layout/buttonUp.png');
	cursor: pointer;
	font-size: 0px;
}

div.scrollpaneContainer div.slideBorder div.slider div.draggerContainer
{
	width: 10px;
	height: 310px;
	position: relative;
	top: 10px;
	left: 0px;
	cursor: pointer;
	font-size: 0px;
}

div.scrollpaneContainer div.slideBorder div.slider div.draggerContainer div.dragger
{
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: pointer;
	background-color: black;
	font-size: 0px;
}

div.scrollpaneContainer div.slideBorder div.slider div.downButton
{
	width: 10px;
	height: 10px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-image: url('/images/layout/buttonDown.png');
	cursor: pointer;
	font-size: 0px;
}