/* Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn */
div#hold	{ 
	position:relative;
	overflow:hidden;
	width:962px;
	height:142px;
	z-index:100
	}
div#wn	{ 
	position:relative; 
	width:184px;
	height:70px; 
	clip:rect(0px,563px,85px,0px); 
	overflow:hidden;	
	z-index:1; 
	
	}


div#lyr1	{
	position:relative;
	visibility:hidden;
	left:0px;
	z-index:1;
	height: 142px;
	clip: rect(auto,525,60,auto);
	
	
	}

  
/* Styles for demo, not necessary for scrolling layers */  
body { 
 text-align:center;
  font: 12px verdana, arial, helvetica, sans-serif;
  }
h1 { 
  font-size:1.4em; 
  margin:1.5em 0 2em 0; 
  }
a:link {  }	
a:visited {  }	
a img { 
border:0 ;
}

table.main { 
  width:300px; margin:auto;
  background-color:#eee; border:1px dashed #666 
  }
td.arrows a { padding:0 1em }
td.spacer { width:38px }
td.footer { text-align:center; margin:.8em 0 .6em }  
.mouseBeOffMe {
border-top: 10px solid #D4EEEE; 
border-bottom: 10px  solid #D4EEEE; 
border-left:   3px   solid #D4EEEE; 
border-right: 3px  solid #D4EEEE; 
}
.mouseBeOnMe {
border-top:    3px   solid #D4EEEE;
border-bottom: 14px  solid #D4EEEE; 
border-left:   3px  solid #D4EEEE; 
border-right:  3px   solid #D4EEEE;
}
.mouseBeDown {
border-top:    13px  solid #D4EEEE;
border-bottom: 7px   solid #D4EEEE; 
border-left:    3px  solid #D4EEEE; 
border-right: 3px   solid #D4EEEE;
}
.mouseBeUp {
border-top:    3px  solid #0066CC;
border-bottom: 3px  solid #0066CC; 
border-left:    3px  solid #0066CC; 
border-right:  3px   solid #0066CC;
}
.mouseclickon{
border-top:    3px  solid #0066CC;
border-bottom: 3px  solid #0066CC; 
border-left:    3px  solid #0066CC; 
border-right:  3px   solid #0066CC;
}