/*IMPORTANT: Alternates found in galleries.css*/


div#scrollbar {
	display:block; /* initially display:none; to hide from incapable */
	position:absolute;
	position:relative;
}


div#wn {
	position:relative;
	width:485px;
	height:320px;
	overflow:hidden;
}
div#scrollbar {
	position:relative;
	width:38px;
	height:320px;
	font-size:1px;  /* so no gap or misplacement due to image vertical alignment */

}
div#track {
	position:absolute;
	left:0;
	top:12px;
	width:38px;
	height:246px;
	background: url(images/scrollbar/track.png) repeat-y center;
	margin-top: 36px;
}
div#dragBar {
	position:absolute;
	left:0px;
	top:0px;
	width:38px;
	background-image: url(images/scrollbar/dragBar.png);
	background-repeat: no-repeat;
	background-position: center;
}
div#dragBar #dragTop {
	position:absolute;
	left:0px;
	top:0px;
	background-image: url(images/scrollbar/dragBarT3.png);
	height: 35px;
	width: 35px;
}
div#dragBar #dragBottom {
	position:absolute;

	left:0px;
	bottom:0px;
	background-image: url(images/scrollbar/dragBarB3.png);
	height: 35px;
	width: 36px;
}
div#dragBar #dragTop2 {
	position:absolute;
	left:0px;
	top:0px;
	background-image: url(images/scrollbar/dragBarT4.png);
	height: 35px;
	width: 35px;
}
div#dragBar #dragBottom2 {
	position:absolute;

	left:0px;
	bottom:0px;
	background-image: url(images/scrollbar/dragBarB4.png);
	background-position:bottom;
	background-repeat:no-repeat;
	height: 35px;
	width: 36px;
}

/*ORIGINAL HANDLES -----------------------------------------------*/
/*div#dragBar #dragTop {
	position:absolute;
	left:0px;
	top:0px;
	background-image: url(images/scrollbar/dragBarT.png);
	height: 55px;
	width: 38px;
}
div#dragBar #dragBottom {
	position:absolute;

	left:0px;
	bottom:0px;
	background-image: url(images/scrollbar/dragBarB.png);
	height: 55px;
	width: 38px;
}*/
div#up {
	position:absolute;
	left:0;
	top:0;
	padding-left: 1px;
}
div#down {
	position:absolute;
	z-index:1000;
	left:0;
	bottom:0;
	padding-left: 1px;
}
/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
	-moz-user-select: none;
	-khtml-user-select: none;
}
/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
	display:block;
}
/*ALTERNATE HANDLE SIZE*/
div#dragBar #dragTopAlt {
	position:absolute;
	left:0px;
	top:0px;
	background-image: url(images/scrollbar/dragBarT3.png);
	height: 35px;
	width: 35px;
}
div#dragBar #dragBottomAlt {
	position:absolute;
	left:0px;
	bottom:0px;
	background-image: url(images/scrollbar/dragBarB3.png);
	height: 35px;
	width: 36px;
}
/*END ALTERNATE HANDLE SIZE*/