/* 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:502px; top:108px; width:140px; height:263px; clip:rect(0 140 263 0); overflow:hidden; }
#scroller #container { position:absolute; top:0px; width:150px; height:235px; clip:rect(0 150 235 0); overflow:hidden;background-color:#eeeeee; layer-background-color:#eeeeee; }
#scroller #content { position:absolute; width:130px; }
#scroller #scrollUp { position:absolute; left:185px; top:0px; cursor:pointer; cursor:hand; z-Index:3; }
#scroller #scrollDn { position:absolute; left:185px; top:223px; cursor:pointer; cursor:hand; z-Index:3; }
#scroller #scrollbar { position:absolute; left:185px; top:12px; width:10px; height:211px; clip:rect(0 10 211 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:2px; visibility:hidden; z-Index:2; }
#scroller #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; }
#scroller #elevUp, #scroller #elevDn { position:absolute; left:0px; top:0px; width:10px; height:211px; clip:rect(0 10 211 0); background-image: url(/images/scroll/elevator1.gif); layer-background-image:url(/images/scroll/elevator1.gif); z-Index:4; }

/* positioning */
#scrollerArc { position:absolute; left:502px; top:136px; width:140px; height:235px; clip:rect(0 140 235 0); overflow:hidden; }
#scrollerArc #container { position:absolute; top:0px; width:150px; height:207px; clip:rect(0 150 207 0); overflow:hidden;background-color:#eeeeee; layer-background-color:#eeeeee; }
#scrollerArc #content { position:absolute; width:130px; }
#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/scroll/elevator1.gif); layer-background-image: url(/images/scroll/elevator1.gif); z-Index: 4; }