.scrollControlsY { display: block; position: absolute; top: 0; right: 5px; height: 100%; width: 24px; }

.upBtn { display: block; position: absolute; top: 0; right: 0; width: 24px; height: 24px; background: url(../img/upBtn.png) no-repeat 0 0; cursor: pointer; }
	.upBtn:hover { background-position: -24px 0; }
	.upBtn-Active, .upBtn-Active:hover { background-position: -48px 0; }

.downBtn { display: block; position: absolute; bottom: 0; right: 0; width: 24px; height: 24px; background: url(../img/downBtn.png) no-repeat 0 0; cursor: pointer; }
	.downBtn:hover { background-position: -24px 0; }
	.downBtn-Active, .downBtn-Active:hover { background-position: -48px 0; }

.scrollBar { display: block; position: absolute; top: 24px; right: 0; bottom: 24px; width: 24px; }
.scrollHandleBG { display: block; position: relative; height: 100%; width: 24px; background: url(../img/scrollHandleBG.png) repeat-y 0 0; }

.scrollHandle .scrollHandleBG:hover, .scrollHandle:hover .scrollHandleBG { background-position: -24px 0; }
.scrollHandle-Active .scrollHandleBG:hover, .scrollHandle-Active:hover .scrollHandleBG, .scrollHandle-Active .scrollHandleBG { background-position: -48px 0; }