/* 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:535px; top:123px; width:220; height:325px; clip:rect(0 210 325 0); overflow:hidden; }
#scroller #container { position:absolute; top:0px; width:210px; height:302px; clip:rect(0 190 302 0); overflow:hidden;background-color:#eeeeee; layer-background-color:#eeeeee; }
#scroller #content {
	position:absolute;
	width:193px;
	height: 490;
}
#scroller #scrollUp { position:absolute; left:193px; top:0px; cursor:pointer; cursor:hand; z-Index:3; }
#scroller #scrollDn { position:absolute; left:193px; top:290px; cursor:pointer; cursor:hand; z-Index:3; }
#scroller #scrollbar { position:absolute; left:193px; top:12px; width:10px; height:277px; clip:rect(0 10 277 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:302px; clip:rect(0 10 302 0); background-image: url(./images/elevator1.gif); layer-background-image:url(/images/elevator1.gif); z-Index:4; }

/* positioning */
#scrollerArc { position:absolute; left:535px; top:123px; width:220px; height:325px; clip:rect(0 210 325 0); overflow:hidden; }
#scrollerArc #container { position:absolute; top:0px; width:210px; height:302px; clip:rect(0 190 302 0); overflow:hidden;background-color:#eeeeee; layer-background-color:#eeeeee; }
#scrollerArc #content { position:absolute; width:193px; }
#scrollerArc #scrollUp { position:absolute; left:193px; top:0px; cursor:pointer; cursor:hand; z-Index:3; }
#scrollerArc #scrollDn { position:absolute; left:193px; top:290px; cursor:pointer; cursor:hand; z-Index:3; }
#scrollerArc #scrollbar { position:absolute; left:193px; top:12px; width:10px; height:277px; clip:rect(0 10 277 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: 302px; clip: rect(0 10 302 0); background-image: url(./images/elevator1.gif); layer-background-image: url(/images/elevator1.gif); z-Index: 4; }