#graph-parent {padding:0 1em 4em 2em;background-color:white;position:absolute;z-index:20;left:33%;top:10%;border:1px solid black;}
#graph-parent .close {position:absolute;z-index:21;top:0;right:0;padding:.2em;cursor:pointer;}
#gsitename {width:500px;text-align:center;font-size:4em;line-height:normal;position:absolute;left:0;bottom:10%;color:#e0e0e0;z-index:22;}
#graph * {margin:0;padding:0;}
#graph {border:1px solid #999;float:left;position:relative;z-index:20;left:0;top:3em;background:#fafafa url(graph/sh0.gif) repeat-x 0 0;}
#graph .frame {background:url(graph/shg.gif) no-repeat 0 0;}
#graph .frame .bar {
	float:left;
	height:100px;
	border-right:1px solid #e0e0e0;
	border-bottom:2px solid #666;
	font:normal 9px/1.2em Tahoma,Arial,Verdana,sans-serif;
	position:relative;
	z-index:21;
}
#graph .frame .bar.rht {background:url(graph/sh1.gif) repeat 0 0;}
#graph .frame .bar.inv {background:url(graph/sh2.gif) repeat 0 0;}
#graph .frame .bar span {position:absolute;z-index:23;white-space:nowrap;left:3px;bottom:2px;background-color:white;}
#graph .frame .bar span.z {margin-bottom:-2em;}
#graph .frame .bar b {font-weight:normal;color:#09f;}
#graph .frame .bar b.r {color:red;}
#graph .frame .bar i {position:absolute;z-index:22;left:-1em;top:-1.5em;font-style:normal;color:#999;}
#graph .frame .bar i.o {top:-2.8em;color:#c0c0c0;}