/* Start of CMSMS style sheet 'Scroll content: Medason - Scroll layers (Full Image)' */
/* Styles for scrolling layers and scrollbars  */

div#holder1 { 
overflow:hidden;
position:relative;
width:100%;
z-index:100;
}

div#wn1  { 
float:left;
position:relative;
width:95%;
height:100%;
overflow:hidden;
z-index:1;
}

/* op7 needs width set here too (?) */  
div#lyr1 { 
text-align:justify;
width:100%;
  }

div#holder1 a{ 
  /*background-color: #fff;*/
  }

div#lyr2 { 
width:97%;
text-align:justify; 
  }

div.content { 
  position:absolute; 
  visibility:hidden; 
  left:0; top:0; 
  z-index:2; 
  }  

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar1 { 
float:left;
margin-left:5px;
font-size:1px;
height:250px;
position:relative;
width:11px;
  }
div#track1 { 
background:none repeat scroll 0 0 transparent;
left:0;
position:absolute;
top:0;
width:11px;
  }
div#dragBar1 {
background-color:#DDDDDD;
border:1px ridge grey;
position:relative; 
width:5px;
z-index:2;
height:20px;
  }  
div#up1 { left:0;position:absolute;top:0;  z-index:2; }  
div#down1 { bottom:0;left:0;position:absolute;  z-index:3; }  

div#holder2 { 
  position:relative; 
  /*left:10px; top:60px;*/
  width:100%;
  height:100%;
  overflow:hidden;
  z-index:100;
  border: 0px solid yellow;
}
div#wn2  { 
  position:absolute; 
  width:100%;
  height:100%;
  overflow:hidden; 
  z-index:1;
  border: 0px solid blue;
  }

/* vertical scrollbar for wn2 */    
div#scrollbar2 { 
  position:relative;
  float: right; 
  /*visibility:hidden;*/
  /*right:0; top:0;*/
  width:30px; height:15px; 
  font-size:1px; z-index:2;
  border: 0px solid #333;
  padding-top: 8px;
  }

div#track2 { 
  position:absolute; left:0; top:12px;
  width:11px; height:116px;
  z-index:1
  }
div#up2 { position:relative; left:0; top:0; z-index:2; margin-top:0px; margin-left:0px; }  
div#down2 { position:relative; left:0; z-index:3; margin-top:-10px; margin-left:15px; } 
  
/* Horizontal scrollbar for wn2 */  
div#scrollbar3 { 
  position:absolute; visibility:hidden;
  left:0; top:150px;
  width:130px; height:11px;
  font-size:1px; z-index:3
  }
div#track3 { 
  position:absolute; left:12px; top:0;
  width:106px; height:11px; 
  z-index:1
  }
div#dragBar3 {
  position:absolute; left:1px; top:1px;
  width:20px; height:9px; 
  }  
div#left3 { position:absolute; left:0; top:0; z-index:2 }  
div#right3 { position:absolute; right:0; top:0; z-index:3 }  
/* End of 'Scroll content: Medason - Scroll layers (Full Image)' */