margin: 0;

  padding: 0;

}

canvas {

  display: block;

}

​

table {

  width: 100%;

  text-align: left;

  min-width: 610px;

}

tr {

  height: 30px;

  padding-top: 10px

}

tbody { 

  height: 150px; 

  overflow-y: auto;

  overflow-x: hidden;

}

th,td,tr,thead,tbody { display: block; }

td,th { float: left; }

td:nth-child(1),

th:nth-child(1) {

  width: 24%;

}

td:nth-child(2),

th:nth-child(2) {

  width: 24%;

  float: left;

}

td:nth-child(3),

th:nth-child(3) {

  width: 30%;

  float: left;

}

/* some colors */

thead {

  background-color: #333333;

  color: #fdfdfd;

}

table tbody tr:nth-child(odd) {

  background-color: #eeeeee;

}

table tbody tr:nth-child(even) {

  background-color: #dddddd;

}