body { font-family: Arial,Verdana; }  
#ChartFrame { display:none; position: absolute ; top:10px; left:10px; width: 90% ; height: 90%; background: #ccc ;  }

.ThA { background:#99e;border-radius:6px;width:60px;text-align:center; padding: 3px 5px 3px 5px ; }
.ThU { background:#bbc;border-radius:6px;width:60px;text-align:center;  padding: 3px 5px 3px 5px ; }

.OA { background:yellow;border-radius:6px;width:50px;text-align:center; padding: 3px 5px 3px 5px ; }
.OU { background:#ddd;border-radius:6px;width:50px;text-align:center;  padding: 3px 5px 3px 5px ; }

.N { text-align:right ; width: 60px ; font-family: Courier; font-size: 80% ; }

.VL { background: #933 ; color: yellow ;  }
.SL { background: #cc9999 ; color: black ; }
.L { background: #ffeeee ; color: black ; }
.VVL { background: #D00 ; color: yellow ;  }
.O { background: #ccffcc ; color: black ; }
.ZERO { background: #ddd ; color: black ; }
.VVH { background: #00DD00 ; color: #009 ;  }
.VH { background: #339933 ; color: yellow ;  }
.H { background: #99CC99 ; color: black ;  }
.SH { background: #eeffee ; color: black ; }

.Nw { font-family: ARIAL ; text-decoration: underline overline;  }

b { background: #33e ;  padding: 3px 5px 3px 5px; border-radius: 5px; color: #ff0; }
small { background: #ccc ; padding: 8px;  color: #ff0;  }

u { font-size:70%;color:#999; }

tr:hover { font-weight: bold; }

td:hover { border: 1px solid #ff0000;  }

td { border-radius:5px; }

#CntDwn { width: 150px; font-size:150%; font-weight:bold;  }

#chart {
  max-width: 650px;
  margin:-20px auto;
}

.sml { font-size: 70%; }

#t1 { position: absolute; top:0px; left:0px; background: #fff;  }
#t2 { position: absolute; top:70px; left:0px; background: #fff;  }
#SmallChartFrame { width: 700px; height: 500px; position: absolute; display: none; top: 0px; left: 0px; background: #ddd; border-radius: 10px; border: 5px solid #999; padding: 5px; }