@CHARSET "UTF-8";

div.content
{
	position:relative;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	overflow:hidden;
}

/**********************************************************************************
									Vertical scrolling
**********************************************************************************/

div.verticalScrollDiv, div.horizontalScrollDiv
{
	cursor:pointer;
	position:absolute;
	overflow:hidden;
}

div.horizontalScrollDiv
{
	bottom:0px;
	left:0px;
	
}
div.verticalScrollDiv
{
	right:0px;
	top:0px;
}

.verticalBar, .horizontalBar
{
	position:absolute;
}

.horizontalBar
{
	height:100%;
	left:10px;
	right:10px;
}

.verticalBar
{
	width:100%;
	top:10px;
	bottom:10px;
}
	
div.verticalScrollDiv .verticalIndex
{
	position:absolute;
	top:0px;
	left:0px;
}

div.horizontalScrollDiv .horizontalIndex
{
	position:absolute;
	left:0px;
	top:0px;
}

.verticalIndex, .horizontalIndex{
	width:100%;
	height:100%;
}


.upIndex, .downIndex, .leftIndex, .rightIndex
{
	position:absolute;
	background-repeat:no-repeat;
}

.upIndex, .downIndex
{
	width:100%;
	height:0px;
	left:0px;
}

.upIndex
{
	background-position:top left;
	top:0px;
}

.downIndex
{
	background-position:bottom left;
	bottom:0px;
}

.leftIndex, .rightIndex
{
	height:100%;
	width:0px;
	top:0px;
}	

.leftIndex
{
	background-position:top left;
	left:0px;
}

.rightIndex
{
	background-position:top right;
	right:0px;
}






.upArrow, .downArrow, .leftArrow, .rightArrow
{
	position:absolute;
	height:100%;
	width:100%;
	border:0px;
}

.upArrow
{
	left:0px;
	top:0px;
}
.downArrow
{
	left:0px;
	bottom:0px;
}

.leftArrow
{
	top:0px;
	left:0px;
}
.rightArrow
{
	top:0px;
	right:0px;
}