div#scrollbar {

	display:block; /* initially display:none; to hide from incapable */

}

div#wn	{

	position:relative;
	width:430px;
	height:370px;
	overflow:hidden;
	margin:0;
	
}
    
div#scrollbar { 

	position:relative;
	width:16px; 
	height:200px; 
	font-size:1px;  /* so no gap or misplacement due to image vertical alignment */

}
  
div#track { 

	position:absolute; 
	left:0; 
	top:12px;
	width:16px; 
	height:370px;
	background-image:url(img/bg_rolagem.gif);
	background-repeat:repeat-y;
	background-position:center;

}
  
div#dragBar {

	position:absolute; 
	left:1px; 
	top:1px;
	width:16px; 
	height:370px;
	background-image:url(img/barra_rolagem.gif);
	background-position:center;
	background-repeat:no-repeat;
	
} 
   
div#up { 

	position:absolute; 
	left:0; 
	top:0; 
	margin-left:4px;

}  

div#down { 

	position:absolute; 
	left:0; 
	bottom:-85px; 
	margin-left:4px;
	top:385px;
	
}

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

}