.graphbody{
  display: inline-table;
  border:1px solid black;
  clear: both;
  text-align: center;
  border:none;
}
#grap{
  /*max-height:550px;
  max-width:1000px;*/
}
.column{
  display: table-column;
}
.graphbody .row{
  /*height:20px;*/
  display: table-row;
}
.graphbody .cell{
  height:10px!important;
  vertical-align: middle;
  display: table-cell;
  padding:1px;
}
  .coname{
    width:100px;
    /*border-right:1px solid green;
    border-bottom:1px solid green;*/
    /*border-radius:0 1em 1em 0;*/
    text-align: center;
    font-weight: bold;
    color: red;
  }
div.graphbody{
  display:block;
  margin:auto;
  /*border-radius:1em;*/
  /*border:.2em solid green;*/
  /*border-left:.2em solid green;*/
  /*width:1134px;*/
  /*height:500px;*/
}
p.bar{
  /*border:1px solid green;*/
  background-color: rgb(255, 0, 0);
  padding: .2em;
  font-size: 1.3em;
  font-weight: bolder;
  color: white;
  text-align: right;
}
#summary{
  background-color: white;
  border-collapse: collapse;
  border-radius: 0;
  /*border:1em solid black:*/
  margin-top:1em;
  /*margin-left: 100px;*/
}
#summary caption{
  padding:.5em;
  font-size: 1.2em;
  font-weight: bolder;
  /*border: 1px solid black;*/
}
#summary th{
  padding:.5em;
  font-weight: bold;
  /*border: 2px solid black;*/
}
#summary td {
  padding:.5em;
  border-bottom: 1px solid black;
}
#summary ul{
  text-align: left;
}