/* ******************************* */
/* scroll */
/* ******************************* */
.scrollControlsY{
	display:block;
	position: absolute;
	top:30px;
	right:10px;
	height:100%%;
	width:25px;
	z-index:200;
}
.upBtn{
	position:absolute;
	display:block;
	z-index:200;
	top:0;
	left:4px;
	width:12px;
	height:10px;
	background: url(../img/upBtn.png) no-repeat 0 0;
	cursor:pointer;
}
/*.upBtn:hover{
	background: url(../img/upBtn.png) no-repeat 0 -25px;
}
.upBtn-Active, .upBtn-Active:hover{
	background: url(../img/upBtn.png) no-repeat 0 -50px;
}*/
.downBtn{
	z-index:200;
	display:block;
	position:absolute;
	top:298px;
	left:4px;
	width:12px;
	height:10px;
	background: url(../img/downBtn.png) no-repeat 0 0px;
	cursor:pointer;
}
/*.downBtn:hover{
	background: url(../img/downBtn.png) no-repeat 0 -25px;
}
.downBtn-Active, .downBtn-Active:hover{
	background: url(../img/downBtn.png) no-repeat 0 -50px;
}*/
.scrollBar{
	z-index:200;
	position: absolute;
	top:10px;
	right:9px;
	bottom:25px;
	width:12px;
	height:288px;
	background: url(../img/scrollBg.png) no-repeat 0 0;
}
.scrollHandle{
	display:block;
	position:absolute;
	z-index:200;
	top:0px;
	left:2px;
	_left:3px;
	width:8px;
	height:10px;
	min-height:13px;
	cursor: pointer;
}
.scrollHandleBG{
	display:block;
	position: relative;
	height:100%;
	width:8px;
	background:green ;
}/*
.scrollHandleMiddle{
	display:block;
	position: absolute;
	width:8px;
	height:8px;
	background: url(../img/scrollHandleMiddle.gif) no-repeat 0 0  ;
	background-color:blue;
	top:50%;
	margin:-5px 0 0 0;
}*/
/*.scrollHandle .scrollHandleMiddle:hover, .scrollHandle:hover .scrollHandleMiddle{
	background: url(../img/scrollHandleMiddle.gif) repeat-y -22px 0;
	background-color:blue;
}
.scrollHandle-Active .scrollHandleMiddle:hover, .scrollHandle-Active:hover .scrollHandleMiddle, .scrollHandle-Active .scrollHandleMiddle{
	background: url(../img/scrollHandleMiddle.gif) repeat-y -44px 0;
	background-color:blue;
}*/
/*.scrollHandleTop{
	display:block;
	position:absolute;
	width:8px;
	height:10px;
	background: url(../img/scrollHandleTop.gif) no-repeat 0 0;
	background-color:red;
	top:0;
	margin:0;
}

.scrollHandle .scrollHandleTop:hover, .scrollHandle:hover .scrollHandleTop{
	background: url(../img/scrollHandleTop.gif) no-repeat -22px 0;
	background-color:red;
}
.scrollHandle-Active .scrollHandleTop:hover, .scrollHandle-Active:hover .scrollHandleTop, .scrollHandle-Active .scrollHandleTop{
	background: url(../img/scrollHandleTop.gif) no-repeat -44px 0;
	background-color:red;
}
.scrollHandleBottom{
	display:block;
	position:absolute;
	width:8px;
	height:1px;
	background: url(../img/scrollHandleBottom.gif) no-repeat -44px 0 ;
	background-color:yellow;
	bottom:0;
	margin:0 0 0 0;
}
.scrollHandle .scrollHandleBottom:hover, .scrollHandle:hover .scrollHandleBottom{
	background: url(../img/scrollHandleBottom.gif) no-repeat -22px 0;
	background-color:yellow;
}
.scrollHandle-Active .scrollHandleBottom:hover, .scrollHandle-Active:hover .scrollHandleBottom, .scrollHandle-Active .scrollHandleBottom{
	background: url(../img/scrollHandleBottom.gif) no-repeat 0 0 ;
	background-color:yellow;
}*/