/* hide from incapable browsers */
div#scrollbar { 
    display:none;
    }

div#wn1	{
	position: absolute;
	width: 943px;
	height: 480px;
	top: 665px;
	left: 30px;
	overflow: hidden;
	z-index: 20;
	/*background-color: White;*/
}

/*ONLY IE 6 - SCROLLING AREA TOO SLOW*/
* html div#wn1 {/*IE6 only*/	
	background-color: #FBFBFB;
	background-image: url(../img/background_raster.gif);
	background-repeat: repeat;
}
/*ONLY IE 7 - SCROLLING AREA TOO SLOW*/
/* *+html div#wn { IE7 only
     background-color: #FBFBFB;
  }
*/  
  
div#scrollbar {
	position: absolute;
	width: 450px;
	height: 11px;
	top: 1160px;
	left: 285px;
	display: block; /* display:none initially */
	/*font-size: 1px;  so no gap or misplacement due to image vertical alignment */
	z-index: 20;
	
}

div#track {
	position: absolute;
	left: 45px;
	top: 0;
	width: 340px;
	height: 12px; 
	/*background: #FFFFFF; background: #336;*/
}
div#dragBar {
	position: absolute;
	left: 1px;
	top: -4px;
	bottom: 4px;
	width: 40px;
	height: 12px; 
	/*background-color:#ceced6;*/
	cursor: pointer;
}  
div#left {
	position: absolute;
	left: 0px;
	top: 2px;
}  
div#right {
	position: absolute;
	top: 2px;
	left: 415px;
}

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#left, div#right {
    -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; 
    } 

/* HORIZONTAL SCROLLBAR AREA SCROLLABLE(MOUSEWHEEL BY SCROLLING DOWN)*/  
div#scrollable_area	{
	position: absolute;
	width: 943px;
	height: 35px;
	top: 665px;
	left: 29px;
	z-index: 30;
	background-image: url(../img/blank.gif);
	background-repeat: repeat;
	/*background: Fuchsia;*/
	
}