/**
* Styles for scrollbar 
*/

#scrollbox .scrollControlsY
{
	display: block;
	position: absolute;
	top: 380px;
	right: 50px;
	height: 450px;
	width: 17px;
}

#scrollbox .upBtn
{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 17px;
	height: 14px;
	background: url(../img/btnScrollUp.gif) no-repeat 0 0;
	cursor: pointer;
}

#scrollbox .upBtn:hover
{
	background: url(../img/btnScrollUp_over.gif) no-repeat 0 0;
}

#scrollbox .downBtn
{
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 17px;
	height: 14px;
	background: url(../img/btnScrollDown.gif) no-repeat 0 0;
	cursor: pointer;
}

#scrollbox .downBtn:hover
{
	background: url(../img/btnScrollDown_over.gif) no-repeat 0 0;
}

#scrollbox .scrollBar
{
	display: block;
	position: absolute;
	top: 24px;
	right: 0;
	bottom: 14px;
	width: 17px;
	/*background: url(../img/scrollBar.gif) repeat-y center top;*/
}

#scrollbox .scrollHandle
{
	display: block;
	position: absolute;
	top: 0px;
	right: 0;
	width: 17px;
	height: 35px;
	min-height: 13px;
	cursor: pointer;
	padding: 11px 0;
}

#scrollbox .scrollHandleBG
{
	background-color: #D5D5CE;
	display: block;
	position: relative;
	height: 100%;
	width: 17px;
	/*background: url(../img/scrollHandleBG.gif) repeat-y 0 0 ;*/
}

/*.scrollHandleBG:hover
{
	background-color: #7F7E73;
}*/

#scrollbox .scrollHandleMiddle
{
	display: block;
	position: absolute;
	width: 17px;
	height: 13px;
	/*background: url(../img/scrollHandleMiddle.gif) no-repeat 0 0;*/
	top: 50%;
	margin: -5px 0 0 0;
}

#scrollbox .scrollHandleTop
{
	background-color: #D5D5CE;
	display: block;
	position: absolute;
	width: 17px;
	height: 11px;
	/*background: url(../img/scrollHandleTop.gif) no-repeat 0 0;*/
	top: 0;
	margin: 0 0 0 0;
}

#scrollbox .scrollHandleBottom
{
	display: block;
	position: absolute;
	width: 24px;
	height: 11px;
	/*background: url(../img/scrollHandleBottom.gif) no-repeat -48px 0 ;*/
	bottom: 0;
	margin: 0 0 0 0;
}