body { background-color:#000000; margin:0px; padding:0px; color:#BBBBBB; }

.base { width:900px; text-align:left; background-image:url(../common/base.png); background-attachment:scroll; background-repeat:no-repeat; background-position:center top; }
.footer { font-size:14px; color:#666666; width:840px; position:absolute; top:576px; text-align:right; vertical-align:bottom; }
.contents { width:460px; height:460px; text-align:right; position:relative; }
.menu { font-size:18px; font-weight:normal; font-style:italic; line-height:normal; padding:2px 12px 4px; color:#000000; background-color:#AAAAAA; font-family:"Georgia","Lucida Grande","Lucida Sans Unicode","Trebuchet MS",Trebuchet,Arial,sans-serif; }
.item { font-size:12px; font-weight:normal; line-height:1.5em; padding:18px 0px 0px; }
.itemold { font-size:12px; font-weight:normal; line-height:1.5em; padding:12px 0px 0px; color:#777777; }
.history { width:900px; }
.historyw { width:600px; float:left; }
.history1 { width:300px; float:left; text-align:right; }
.history2 { width:300px; float:left; text-align:right; }
.history3 { width:300px; float:right; text-align:right; }
.historyf { width:100%; float:clear; text-align:right; }
.history .item,.history .item a:link { font-size:12px; font-weight:normal; line-height:1.5em; padding:16px 0px 0px; color:#9A9A9A; }
.history .item a:visited { color:#A9A9A9; text-decoration:none; }
.history .item a:hover,.history .item a:active { color:#D3D3D3; text-decoration:none; }
.item:first-letter { color:#DDDDDD; }

a:link { color:#D3D3D3; text-decoration:none; }
a:visited { color:#A9A9A9; text-decoration:none; }
a:hover,a:active { color:#D3D3D3; text-decoration:none; }

#history { background-color:#000; position:relative; margin-left:140px; width:320px; height:364px; padding:0 0px; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
#history .customScrollBox { position:relative; height:100%; overflow:hidden; }
#history .customScrollBox .container{ position:relative; width:300px; top:0; float:left; }
#history .customScrollBox .content{ clear:both; }
#history .customScrollBox .content img { margin:2px; }
#history .dragger_container{position:relative; width:0px; height:336px; float:left; margin:10px 0 0 10px; border-left:1px dotted #555; cursor:pointer;}
#history .dragger{position:absolute; width:9px; height:9px; background:#555; margin-left:-5px; text-align:center; overflow:hidden; cursor:pointer; -moz-border-radius:18px; -khtml-border-radius:18px; -webkit-border-radius:18px; border-radius:18px;}
#history .dragger_pressed{position:absolute; width:9px; height:9px; background:#A33; margin-left:-5px; overflow:hidden; cursor:s-resize;}