@charset "UTF-8";
/* CSS Document */

div#scrollbar1, div#scrollbar2, div#scrollbar3 {
    display: block; /* initially display:none; to hide from incapable */
}

/* ----- div id for wn ---------------------------------------------------------------------------------------------------- */
div#wn1  { 
    position: relative; 
    width: 685px;
	height: 140px;
    overflow: hidden
}

div#wn2	{ 
    position: relative; 
    width: 685px;
	height: 140px;
    overflow: hidden
}
	
div#wn3	{ 
    position: relative; 
    width: 685px;
	height: 140px; 
    overflow: hidden
}
	
div#wn4	{ 
    position: relative; 
    width: 685px;
	height: 140px; 
    overflow: hidden
}

/* ----- div id for scrollbar ---------------------------------------------------------------------------------------------------- */  
div#scrollbar1 { 
	position: relative; 
    width: 685px;
	height: 11px; 
	font-size: 1px;  /* so no gap or misplacement due to image vertical alignment */
}

div#scrollbar2 { 
	position: relative; 
    width: 685px;
	height: 11px; 
	font-size: 1px;  /* so no gap or misplacement due to image vertical alignment */
}

div#scrollbar3 { 
	position: relative; 
    width: 685px;
	height: 11px; 
	font-size: 1px;  /* so no gap or misplacement due to image vertical alignment */
}

div#scrollbar4 { 
	position: relative; 
    width: 685px;
	height: 11px; 
	font-size: 1px;  /* so no gap or misplacement due to image vertical alignment */
}

/* ----- div id for track ---------------------------------------------------------------------------------------------------- */
div#track1 { 
	position: absolute;
	left: 0;
	top: 12px; 
    width: 685px;
	height: 11px;
	background: #333;
}

div#track2 { 
	position: absolute;
	left: 0;
	top: 12px; 
    width: 685px;
	height: 11px;
	background: #333;
}

div#track3 { 
	position: absolute;
	left: 0;
	top: 12px; 
    width: 685px;
	height: 11px;
	background: #333;
}

div#track4 { 
	position: absolute;
	left: 0;
	top: 12px; 
    width: 685px;
	height: 11px;
	background: #333;
}

/* ----- div id for dragbar ---------------------------------------------------------------------------------------------------- */
div#dragBar1 {
	position: absolute;
	left: 1px;
	top: 1px;
	width: 20px;
	height: 9px;
	background-color: #aaa;
	z-index:1
}

div#dragBar2 {
	position: absolute;
	left: 1px;
	top: 1px;
	width: 20px;
	height: 9px;
	background-color: #aaa;
	z-index:1
}

div#dragBar3 {
	position: absolute;
	left: 1px;
	top: 1px;
	width: 20px;
	height: 9px;
	background-color: #aaa;
	z-index:1
}

div#dragBar4 {
	position: absolute;
	left: 1px;
	top: 1px;
	width: 20px;
	height: 9px;
	background-color: #aaa;
	z-index:1
}

/* ----- div id for left and right buttons ---------------------------------------------------------------------------------------------------- */
div#left1 {
	position: absolute;
	right: 0;
	top: 0;
}  

div#right1 {
	position: absolute;
	right: 0;
	top: 0;
}

div#left2 {
	position: absolute;
	right: 0;
	top: 0;
}  

div#right2 {
	position: absolute;
	right: 0;
	top: 0;
}

div#left3 {
	position: absolute;
	right: 0;
	top: 0;
}  

div#right3 {
	position: absolute;
	right: 0;
	top: 0;
}

div#left4 {
	position: absolute;
	right: 0;
	top: 0;
}  

div#right4 {
	position: absolute;
	right: 0;
	top: 0;
}

/* for safari, to prevent selection problem  */
div#scrollbar1, div#track1, div#dragBar1, div#up1, div#down1,
div#scrollbar2, div#track2, div#dragBar2, div#up2, div#down2,
div#scrollbar3, div#track3, div#dragBar3, div#up3, div#down3,
div#scrollbar4, div#track4, div#dragBar4, div#up4, div#down4
    {
    -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#scrollbar1 img, div#scrollbar2 img, div#scrollbar3 img, div#scrollbar4 img {
	display: block; 
}