#scrollcontainer {
	position: relative;
	min-height: 100%;
	width: 100%;
	overflow: hidden;
}

#scrollheader{
	width: 100%;
	position: relative;
	display: block;
	height: 50px;
}

#scrollcontent{
	position: relative;
	display: block;
	width: 90%;
	left: 0;
	margin: 0 ;
	padding: 0;
	top: 0;	
	height: 800px;
}


.scroll{
	position: relative;
	display: block;
	height: 320px;
	overflow: scroll;
	padding: 0px 60px 0px 0px;
	left: 0;
	top: 0;
	width: 600px;
}

#box1{
}

.scrollControlsY{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 24px;
}
.imgScrollRight {
	display: inline;
	float: right;
	margin-left: 14px;
}

.upBtn{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 24px;
	height: 24px;
	background: url(images/sc-up.gif) no-repeat 0 0;
	cursor: pointer;
}

.upBtn:hover{
	background: url(images/sc-up-over.gif) no-repeat 0 0;
}

.upBtn-Active, .upBtn-Active:hover{
	background: url(images/sc-up-over.gif) no-repeat 0 0;
}

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

.downBtn:hover{
	background: url(images/sc-down-over.gif) no-repeat 0 0;
}

.downBtn-Active, .downBtn-Active:hover{
	background: url(images/sc-down-over.gif) no-repeat 0 0;
}

.scrollBar{
	display: block;
	position: absolute;
	top: 24px;
	right:0;
	bottom: 24px;
	width: 24px;
	background: url(images/sc-line.gif) repeat-y center top;
}

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

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

.scrollHandle .scrollHandleBG:hover, .scrollHandle:hover .scrollHandleBG{
	background: url(images/sc-bar-over.gif) repeat-y 0 0;
}

.scrollHandle-Active .scrollHandleBG:hover, .scrollHandle-Active:hover .scrollHandleBG, .scrollHandle-Active .scrollHandleBG{
	background: url(images/sc-bar-over.gif) repeat-y 0 0;
}

.scrollHandleMiddle{
	display: block;
	position: absolute;
	width: 24px;
	height: 13px;
	background: url(images/sc-bar.gif) repeat-y 0 0;
	top: 50%;
	margin: -5px 0 0 0;
}

.scrollHandle .scrollHandleMiddle:hover, .scrollHandle:hover .scrollHandleMiddle{
	background: url(images/sc-bar-over.gif) repeat-y 0 0;
}

.scrollHandle-Active .scrollHandleMiddle:hover, .scrollHandle-Active:hover .scrollHandleMiddle, .scrollHandle-Active .scrollHandleMiddle{
	background: url(images/sc-bar-over.gif) repeat-y 0 0;
}

.scrollHandleTop{
	display: block;
	position: absolute;
	width: 24px;
	height: 11px;
	background: url(images/sc-bar.gif) repeat-y 0 0;
	top: 0;
	margin: 0 0 0 0;
}

.scrollHandle .scrollHandleTop:hover, .scrollHandle:hover .scrollHandleTop{
	background: url(images/sc-bar-over.gif) repeat-y 0 0;
}

.scrollHandle-Active .scrollHandleTop:hover, .scrollHandle-Active:hover .scrollHandleTop, .scrollHandle-Active .scrollHandleTop{
	background: url(images/sc-bar-over.gif) repeat-y 0 0;
}

.scrollHandleBottom{
	display: block;
	position: absolute;
	width: 24px;
	height: 11px;
	background: url(images/sc-bar.gif) repeat-y 0 0;
	bottom: 0;
	margin: 0 0 0 0;
}

.scrollHandle .scrollHandleBottom:hover, .scrollHandle:hover .scrollHandleBottom{
	background: url(images/sc-bar-over.gif) repeat-y 0 0;
}

.scrollHandle-Active .scrollHandleBottom:hover, .scrollHandle-Active:hover .scrollHandleBottom, .scrollHandle-Active .scrollHandleBottom{
	background: url(images/sc-bar-over.gif) repeat-y 0 0;
}