/* typography

#scroller, #scroller td { font-family:verdana; font-size:9px; color:#999999; }

@media all { #scroller, #scroller td { font-size:9px; } }

#scroller .ownerName { color:#999999; }

#scroller .postNumber { color:#999999; }

#scroller .postDate { color:#999999; } */



/* positioning */

#scroller { position:absolute; left:1px; top:1px; width:361px; height:424px; clip:rect(0 361 424 0); overflow:hidden; }

#scroller #container { position:absolute; top:0px; width:341px; height:410px; clip:rect(0 338 410 0); overflow:hidden;background-color:#eeeeee; layer-background-color:#eeeeee; }

#scroller #content { position:absolute; width:336px; }

#scroller #scrollUp { position:absolute; left:346px; top:0px; cursor:pointer; cursor:hand; z-Index:3; }

#scroller #scrollDn { position:absolute; left:346px; top:397px; cursor:pointer; cursor:hand; z-Index:6; }

#scroller #scrollbar { position:absolute; left:346px; top:12px; width:10px; height:384px; clip:rect(0 10 384 0); cursor:pointer; cursor:hand; background-color:#eeeeee; layer-background-color:#eeeeee; }

#scroller #thumb { position:absolute; left:0px; top:1px;cursor:pointer; cursor:hand; z-Index:5; }

#scroller #thumbArrowUp, #scroller #thumbArrowDn { position:absolute; left:0px; visibility:hidden; z-Index:2; }

#scroller #marker { position:absolute; left:0px; top:0px; width:10px; height:1px; clip:rect(0 10 1 0); background-color:#333333; layer-background-color:#333333; visibility:hidden; z-Index:5; }

#scroller #elevUp, #scroller #elevDn { position:absolute; left:0px; top:0px; width:9px; height:384px; clip:rect(0 10 384 0); background-image: url(images/elevator1.gif); layer-background-image:url(images/elevator1.gif); z-Index:4; }



/* positioning */

#scrollerArc { position:absolute; left:502px; top:149px; width:200px; height:195px; clip:rect(0 200 235 0); overflow:hidden; }

#scrollerArc #container { position:absolute; top:0px; width:180px; height:330px; clip:rect(0 180 330 0); overflow:hidden;background-color:#eeeeee; layer-background-color:#eeeeee; }

#scrollerArc #content { position:absolute; width:195px; }

#scrollerArc #scrollUp { position:absolute; left:185px; top:0px; cursor:pointer; cursor:hand; z-Index:3; }

#scrollerArc #scrollDn { position:absolute; left:185px; top:195px; cursor:pointer; cursor:hand; z-Index:3; }

#scrollerArc #scrollbar { position:absolute; left:185px; top:12px; width:10px; height:183px; clip:rect(0 10 183 0); cursor:pointer; cursor:hand; background-color:#eeeeee; layer-background-color:#eeeeee; }

#scrollerArc #thumb { position:absolute; left:0px; top:1px; cursor:pointer; cursor:hand; z-Index:5; }

#scrollerArc #thumbArrowUp, #scrollerArc #thumbArrowDn { position:absolute; left:2px; visibility:hidden; z-Index:2; }

#scrollerArc #marker { position:absolute; left:1px; top:0px; width:10px; height:1px; clip:rect(0 10 1 0); background-color:#333333; layer-background-color:#333333; visibility:hidden; z-Index:5; }

#scrollerArc #elevUp, #scrollerArc #elevDn { position: absolute; left: 0px; top: 0px; width: 10px; height: 183px; clip: rect(0 10 183 0); background-image: url(images/elevator1.gif); layer-background-image: url(images/elevator1.gif); z-Index: 4; }