/* Styles for scrolling layers Specify width and height in hold and wn, and in clip for wn */ div#hold1 { position:relative; overflow:hidden; /* width:233px; height:323px; */ z-index:100; } div#wn1 { position:absolute; left:0px; top:0px; /* width:233px; height:323px; clip:rect(0px, 233px, 323px, 0px); */ overflow:hidden; z-index:1; } div.content { position:absolute; visibility:hidden; left:0px; top:0px; z-index:1; } /* Set small font-size or size/position of div's will be off in some browsers */ div#scrollbar1 { position:relative; top:0; /* width:20px; height:323px; */ font-size:1px; z-index:1; visibility: hidden; } div#track1 { position:absolute; left:0; top:19px; /* width:18px; height:286px;*/ background: url("/scroll/images/my_track.gif") #391E17 repeat; z-index:1; } div#dragBar1 { position:absolute; left:1px; top:1px; width:16px; height:20px; background-color:#EDE2C9; z-index:1; } div#up1 { position:absolute; left:0; top:0; z-index:2 } div#down1 { position:absolute; left:0; bottom:0; z-index:3 } /* Styles for scrolling layers Specify width and height in hold and wn, and in clip for wn */ div#hold2 { position:relative; overflow:hidden; /* width:233px; height:323px; */ z-index:100; } div#wn2 { position:absolute; left:0px; top:0px; /* width:233px; height:323px; clip:rect(0px, 233px, 323px, 0px); */ overflow:hidden; z-index:1; } /*div.content2 { position:absolute; visibility:hidden; left:0px; top:0px; z-index:1; }*/ /* Set small font-size or size/position of div's will be off in some browsers */ div#scrollbar2 { position:relative; top:0; /* width:20px; height:323px; */ font-size:1px; z-index:1; visibility: hidden; } div#track2 { position:absolute; left:0; top:19px; /* width:18px; height:286px; */ background: url("/scroll/images/my_track.gif") #391E17 repeat; z-index:1; } div#dragBar2 { position:absolute; left:1px; top:1px; width:16px; height:20px; background-color:#EDE2C9; z-index:1; } div#up2 { position:absolute; left:0; top:0; z-index:2 } div#down2 { position:absolute; left:0; bottom:0; z-index:3 } img { border: none } /* Styles for demo, not necessary for scrolling layers */ /*body { overflow:hidden; text-align:center } body, td { font: 12px verdana, arial, helvetica, sans-serif; } th { font-size:1.4em; text-align:left } a:link, a:visited { color:#339 } a img { border:none } p { margin: 0 0 .6em 0 } h2 { font-size:1.2em; margin:0 0 .6em 0 } h3 { font-size:1.1em; margin:0 0 .6em 0 } div.content { text-align:left } table.main { background-color:#eee; width:440px; margin:auto; text-align:left; border:1px solid #999; } table.main td.text, table.main td.navs { vertical-align:top; text-align:left } td#scrollLinks { width:12px } td.navs ul { margin:0; padding:0; list-style:none } td.navs ul li { margin:0 0 .6em .4em } td.navs ul li a { text-decoration:none } td.navs ul li a:hover { text-decoration:underline }*/