/*********************
	Scrollbar
 *********************/ 

div#scrollbarWrapper{
	overflow: hidden;
	position: relative;
	z-index: 7;
}

div#scrollbarContent{
	float: left;
	height: 310px;
	position: relative;
	z-index: 5;

}

div#scrollbarSliderWrapper {
	position: relative;
	float:left;
	display: none;
	height: 100%;
	padding:0;
	width: 9px;
	z-index: 5;
}

div#scrollbarSlider {
	height: 292px;
	width: 9px;
	background-color: #FFF;
}

div#scrollbarSliderKnob {
	background-image: url(../images/sliderKnob.gif);
	position: relative;
	top: 54px;
	width: 9px;
	/*do not specify height here, safari breaks*/
}

div#scrollbarSliderKnobShadowTop {
	background: transparent url(../images/sliderKnobShadowTop.gif) no-repeat;
	width: 9px;
	height: 3px;
	position: absolute;
	top: -3px;
	z-index: 2;
	_background: none;
}

div#scrollbarSliderKnobShadowBottom {
	background: transparent url(../images/sliderKnobShadowBottom.gif) no-repeat;
	width: 9px;
	height: 3px;
	position: absolute;
	bottom: -3px;
	z-index: 2;
	_background: none;
}

div#scrollbarSliderUp {
	position: relative;
	width: 9px;
	height: 9px;
	line-height:9px;
	font-size:1px;
	background: transparent url(../images/up.png) no-repeat top;
	cursor: pointer;
	_padding: 0px;
	_margin: 0px;
	z-index: 3;		
}

div#scrollbarSliderDown {
	position: relative;
	width: 9px;
	height: 9px;
	line-height:9px;
	font-size:1px;
	background: transparent url(../images/down.png) no-repeat bottom;
	cursor: pointer;
	_padding: 0px;
	_margin: 0px;
	z-index: 3;
}