.scrollControlsY
{
	display:block;
	position: absolute;
	top:0;
	right: 30px;
	height:100%;
	width: 24px;
	background: url(/img/ti/scrollBar.gif) repeat-y right top;
}

.upBtn
{
	display: block;
	position: absolute;
	bottom: 15px;
	right: 0px;
	top: 0px;
	width: 24px;
	height: 28px;
	background: url(/img/ti/upBtn.gif) no-repeat 0 0;
	cursor:pointer;
}

.upBtn:hover
{
	background: url(/img/ti/upBtn.gif) no-repeat 0 0px;
}

.upBtn-Active, .upBtn-Active:hover
{
	background: url(/img/ti/upBtn.gif) no-repeat 0 0px;
}

.downBtn
{
	display: block;
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 24px;
	height: 28px;
	background: url(/img/ti/downBtn.gif) no-repeat 0px 0px;
	cursor:pointer;
}

.downBtn-Active, .downBtn-Active:hover
{
	background: url(/img/ti/downBtn.gif) no-repeat 0 0;
}

.scrollBar
{
	display:block;
	position: absolute;
	top: 4px;
	right: 0px;
	padding: 0px 0px 0px 0px;	
	bottom: 30px;
	width: 24px;
}

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

.scrollHandleBG
{
	display:block;
	position: relative;
	height: 100%;
	width: 24px;
	background: url(/img/ti/scrollHandleBG.gif) repeat-y 0 0 ;
}

.scrollHandle .scrollHandleBG:hover, .scrollHandle:hover .scrollHandleBG
{
	background: url(/img/ti/scrollHandleBG.gif) repeat-y 0px 0;
}

.scrollHandle-Active .scrollHandleBG:hover, .scrollHandle-Active:hover .scrollHandleBG, .scrollHandle-Active .scrollHandleBG
{
	background: url(/img/ti/scrollHandleBG.gif) repeat-y 0px 0;
}

.scrollHandleMiddle
{
	display: block;
	position: absolute;
	width: 24px;
	height: 13px;
	top:50%;
	margin:-5px 0px 0px 0px;
}

.scrollHandleTop{
	display:block;
	position:absolute;
	width: 24px;
	height:11px;
	background: url(/img/ti/scrollHandleTop.png) no-repeat 0 0;
	top: 8px;
	margin:0 0 0 0;
}

.scrollHandle .scrollHandleTop:hover, .scrollHandle:hover .scrollHandleTop
{
	background: url(/img/ti/scrollHandleTop.png) no-repeat 0px 0;
}

.scrollHandle-Active .scrollHandleTop:hover, .scrollHandle-Active:hover .scrollHandleTop, .scrollHandle-Active .scrollHandleTop
{
	background: url(/img/ti/scrollHandleTop.png) no-repeat 0px 0;
}

.scrollHandleBottom
{
	display: block;
	position: absolute;
	width: 24px;
	height:11px;
	background: url(/img/ti/scrollHandleBottom.png) no-repeat 0px 0 ;
	bottom: 10px;
	margin: 0 0 0 0;
}

.scrollHandle .scrollHandleBottom:hover, .scrollHandle:hover .scrollHandleBottom
{
	background: url(/img/ti/scrollHandleBottom.png) no-repeat 0px 0;
}

.scrollHandle-Active .scrollHandleBottom:hover, .scrollHandle-Active:hover .scrollHandleBottom, .scrollHandle-Active .scrollHandleBottom
{
	background: url(/img/ti/scrollHandleBottom.png) no-repeat 0 0 ;
}


.contentEl
{
	position:relative;
}