div.scrollable {
  width:100%;
  height: 200px;
  margin-top: 5px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 3px ;
  padding-bottom: 2px ;
  background: #d3cfe6;

  overflow:auto;
}


div.lowScrollable {
  width:100%;
  height: 100px;
  margin-top: 5px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 3px ;
  padding-bottom: 2px ;
  background: #d3cfe6;

  overflow:auto;
}

div.rowheader {
  background-color: #4c3d99; color: white; font-weight: bold;
  margin-top: 5px;
  width: 100%;
  margin-bottom: 2px ;

}

td.cellheaderdiv {
  background-color: #4c3d99;
  color: white;
  font-weight: bold;
}

div.cellheaderdiv {
  float:left;
  margin-left: 3px;
  margin-right: 1px;
  padding-left: 1px ;
  padding-right: 1px ;
  border:1px;
  background-color: #4c3d99;
  color: white;
  font-weight: bold;
}

div.rowdiv {
  width: 647;
  float:left;
  margin-top: 3px;
  margin-bottom: 3px ;
  background: #d3cfe6;
}

div.celldiv {
  float:left;
  margin-left: 1px;
  margin-right: 1px;
  padding: 1px ;
  border:1px;
  background: #d3cfe6;
}

div.hiddencelldiv {
  float:left;
  margin-left: 1px;
  margin-right: 1px;
  padding: 1px ;
  border:1px;
  display:none;
  background: #d3cfe6;
}

div.rightcelldiv {
  float:right;
  margin-left: 3px;
  margin-right: 3px;
  padding: 2px ;
  border:1px;
  background: #d3cfe6;
}