#suwak {
	width: 14px;
	height: 536px;
	float:right
}
#lyr1 {
	width: 430px;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
}
div#scrollbar {
	display:block; /* initially display:none; to hide from incapable */
}
div#wn {
	position:relative;
	width:450px;
	height:541px;
	overflow:hidden;
}
.reviews div#wn {
	height:491px;
}
.news_edit div#wn,
.schedule div#wn {
	height:511px;
}
.audio div#wn {
	height:180px;
} 
.full div#wn {
	height:541px;
}
div#scrollbar {
	position:relative;
	width:13px;
	height:541px;
	font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
}
.reviews div#scrollbar {
	height:491px;
} 
.news_edit div#scrollbar,
.schedule div#scrollbar {
	height:511px;
}
.audio div#scrollbar {
	height:180px;
}
.full div#scrollbar  {
	height:541px;
}
div#track {
	position:absolute;
	left:0px;
	top:12px;
	width:13px;
	height:517px;
	/*background-color: #336;*/
	background-image: url(images/suwak/suwak_trk.gif);
	background-repeat: repeat-y;
}
.reviews div#track {
	height:467px;
}
.news_edit div#track,
.schedule div#track {
	height:487px;
}
.audio div#track {
	height:156px;
	top: 17px
}
.full div#track  {
	height:517px;
}
div#dragBar {
	position:absolute;
	left:1px;
	top:1px;
	width:13px;
	height:20px;
	/*background-color:#ceced6;*/
	background-image: url(images/suwak/suwak_bg.gif);
	background-repeat: repeat-y;
	margin-left:-1px;
}
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;
}