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

div#wn
{ 
    position:relative;
    width:495px;
	height:360px;
    overflow:hidden;
}
	
div#lyr1
{ 
	width:495px;
	padding:0px;
}
    
div#scrollbar
{
	position:relative;
	width:0px;
	height:360px;  
	font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
}

div#track
{ 
	position:absolute;
	left:0;
	top:0px;
	width:11px;
	height:360px;
	background: #CECED6;
}

div#dragBar
{
	position:absolute;
	left:1px;
	top:1px;
	width:11px;
	height:20px;
	background-color: #FFCF01;
}  

div#up
{
	position:absolute;
	left:0;
	top:0;
}  

div#down
{
	position:absolute;
	left:0;
	bottom:0;
}

/* 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; 
}