th{
	font-weight:bold;
	text-align:center;
}
.table_header {
text-align:center;
  background: url(../images/bg_table.gif) repeat-x;
  font-size:11px;
  color:#fff;
  margin:0;
  font-weight:bold;
  text-align:left;
}

.table_header td {
  padding-left:5px;
}

.table_body {
  background:#fff;
  font-size:11px;
}

.table_body td {
  text-align:center;
  border:1px solid #ccc;
  padding-left:5px;
}

.table_panel {
  background:#CCCCCCC;
  font-size:11px;
  border:1px solid #ccc;
  display:none;
}

/* I ADDED THE FOLLOWING STYLE , NOTICE THE DISPLAY: BLOCK 
     If the panel has a "display: block", then its showing If its "display:none", then its hidden **/
.table_panel_open{
  background:#CCCCCCC;
  font-size:11px;
  border:1px solid #ccc;
  display:block;   /*<------------ BLOCK = visible    NONE =HIDDEN
}

.table_panel td {
  padding: 5px;
}

.table_panel_plain {
  background:#fff;
  font-size:11px;
  border:1px solid #ccc;
}

.table_panel_plain td {
  padding: 5px;
}

td.window_control {
  text-align: right;
  padding-right:5px;
}