/* typography */
#scroller, #scroller td { font-family:trebuchet ms, arial, helvetica, geneva, sans-serif, times new roman; font-size:10px; color:#2A2A2A; }
@media all { #scroller, #scroller td { font-size:9px; } }
#scroller .ownerName { color:#666666; }
#scroller .postNumber { color:#9A9A9A; }
#scroller .postDate { color:#C4C4C4; }

/* positioning */
#scroller { position:absolute; left:260px; top:10px; width:470px; height:273px; clip:rect(0 470 273 0); overflow:hidden; }
#scroller #container { position:absolute; top:5px; width:450px; height:253px; clip:rect(0 450 253 0); overflow:hidden; border: solid 1px #52B3A2; margin: 5 0 0 0; padding: 5 5 5 5;}
#scroller #content { position:absolute; width:440px; }
#scroller #scrollUp { position:absolute; left:453px; top:10px; }
#scroller #scrollDn { position:absolute; left:453px; top:256px; }
#scroller #scrollbar { position:absolute; left:453px; top:19px; width:12px; height:240px; clip:rect(0 12 237 0); }
#scroller #thumb { position:absolute; left:0px; top:0px; background-color:#CCCCCC; layer-background-color:#CCCCCC; }
#scroller #thumbArrowUp, #scroller #thumbArrowDn { position:absolute; left:2px; visibility:hidden; }
#scroller #marker { position:absolute; left:1px; top:0px; width:8px; height:1px; clip:rect(0 10 1 0); background-color:#CCCCCC; layer-background-color:#CCCCCC; visibility:hidden; }
#scroller #scrollerMo5Shim { position:absolute; left:0px; top:5px; width:1px; height:1px; }
#scroller #elevUp, #scroller #elevDn { position:absolute; left:0px; top:0px; width:10px; height:237px; clip:rect(0 10 237 0); background-image:url(elevator1.gif); layer-background-image:url(elevator1.gif); }