.scrollControlsY{

	display:block;

	position: absolute;

	top:20px;

	right:20px;

	height:340px;

	width:24px;

}



.upBtn{

	display:block;

	position:absolute;

	top:0;

	right:0;

	width:24px;

	height:24px;

	background: url(../gfx/upBtn.png) no-repeat 0 0;

	cursor:pointer;

}



.upBtn:hover{

	background: url(../gfx/upBtn.png) no-repeat 0 -24px;

}



.upBtn-Active, .upBtn-Active:hover{

	background: url(../gfx/upBtn.png) no-repeat 0 -48px;

}



.downBtn{

	display:block;

	position:absolute;

	bottom:0;

	right:0;

	width:24px;

	height:24px;

	background: url(../gfx/downBtn.png) no-repeat 0 -48px;

	cursor:pointer;

}



.downBtn:hover{

	background: url(../gfx/downBtn.png) no-repeat 0 -24px;

}



.downBtn-Active, .downBtn-Active:hover{

	background: url(../gfx/downBtn.png) no-repeat 0 0;

}



.scrollBar{

	display:block;

	position: absolute;

	top:24px;

	right:0;

	bottom:24px;

	width:24px;

	background: url(../gfx/scrollBar.png) repeat-y center top;

}



.scrollHandle{

	display:block;

	position:absolute;

	top:0px;

	right:0;

	width:24px;

	height:1px;

	min-height:1px;

	cursor: pointer;

	padding: 0;

}



.scrollHandleBG{

	display:block;

	position: relative;

	height:100px;

	width:24px;

	top: 50%;

	background: url(../gfx/scrollHandleBG.png) no-repeat 0 0 ;

}



.scrollHandle .scrollHandleBG:hover, .scrollHandle:hover .scrollHandleBG{

	background: url(../gfx/scrollHandleBG.png) no-repeat -24px 0;

}



.scrollHandle-Active .scrollHandleBG:hover, .scrollHandle-Active:hover .scrollHandleBG, .scrollHandle-Active .scrollHandleBG{

	background: url(../gfx/scrollHandleBG.png) no-repeat -48px 0;

}



.scrollHandleMiddle{

	display:block;

	position: absolute;

	width:24px;

	height:0px;

	background: url(../gfx/scrollHandleMiddle.png) no-repeat 0 0  ;

	top:50%;

	margin:-5px 0 0 0;

}



.scrollHandle .scrollHandleMiddle:hover, .scrollHandle:hover .scrollHandleMiddle{

	background: url(../gfx/scrollHandleMiddle.png) repeat-y -24px 0;

}



.scrollHandle-Active .scrollHandleMiddle:hover, .scrollHandle-Active:hover .scrollHandleMiddle, .scrollHandle-Active .scrollHandleMiddle{

	background: url(../gfx/scrollHandleMiddle.png) repeat-y -48px 0;

}



.scrollHandleTop{

	display:block;

	position:absolute;

	width:24px;

	height:11px;

	background: url(../gfx/scrollHandleTop.png) no-repeat 0 0;

	top:35px;

	margin:0 0 0 0;

}



.scrollHandle .scrollHandleTop:hover, .scrollHandle:hover .scrollHandleTop{

	background: url(../gfx/scrollHandleTop.png) no-repeat -24px 0;

}



.scrollHandle-Active .scrollHandleTop:hover, .scrollHandle-Active:hover .scrollHandleTop, .scrollHandle-Active .scrollHandleTop{

	background: url(../gfx/scrollHandleTop.png) no-repeat -48px 0;

}



.scrollHandleBottom{

	display:block;

	position:absolute;

	width:24px;

	height:11px;

	background: url(../gfx/scrollHandleBottom.png) no-repeat 0 0 ;

	bottom:0;

	margin:0 0 0 0;

}



.scrollHandle .scrollHandleBottom:hover, .scrollHandle:hover .scrollHandleBottom{

	background: url(../gfx/scrollHandleBottom.png) no-repeat -24px 0;

}



.scrollHandle-Active .scrollHandleBottom:hover, .scrollHandle-Active:hover .scrollHandleBottom, .scrollHandle-Active .scrollHandleBottom{

	background: url(../gfx/scrollHandleBottom.png) no-repeat -48px 0 ;

}