@CHARSET "UTF-8";

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

div.scrollpaneContainer
{
	position: relative;
	width: 300px;
	width: 498px;
	height: 200px;
	height: 345px;
	overflow: hidden;
	overflow-y: auto;
	z-index: 998;

scrollbar-3dlight-color:#dedcd6;
scrollbar-arrow-color:#5f6062;
scrollbar-base-color:#dedcd6;
scrollbar-darkshadow-color:#dedcd6;
scrollbar-face-color:#cccac5;
scrollbar-highlight-color:#dedcd6;
scrollbar-shadow-color:#dedcd6

}

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

div.scrollpaneContainer div.scrollpane h1
{
  margin: 0px;
  padding-top: 10px;
}

div.scrollpaneContainer div.slideBorder
{
	height: 345px;
	/*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: 345px;
	position: relative;
	font-size: 0px;
display: none;
	/*background-color: #5f6062;*/
}

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

div.scrollpaneContainer div.slideBorder div.slider div.upButton div.clicker
{
	width: 10px;
	height: 10px;
	position: absolute;
	left: 0px;
	top: 0px;
	cursor: pointer;
	font-size: 0px;
}

div.scrollpaneContainer div.slideBorder div.slider div.draggerContainer
{
	width: 10px;
	height: 325px;
	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;
	/*background-color: white;*/
	font-size: 0px;
}

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

div.scrollpaneContainer div.slideBorder div.slider div.downButton div.clicker
{
	width: 10px;
	height: 10px;
	position: absolute;
	left: 0px;
	top: 0px;
	cursor: pointer;
	font-size: 0px;
}