/*demo styles*/
.graphdata {width: 500px; height: 200px; border-collapse: collapse; margin-left: 30px; }
table.accessHide { position: absolute; left: -999999px; }
.graphdata td, th {text-align: center; border: 1px solid #ddd;  height: 1.5em; padding: 4px;}
.graphdata td.hover { color: orange; }
.graphdata td.input { padding: 0; }
.graphdata td input, td input:focus { border: 1px solid orange; outline: none; padding: 2px; margin: 1px; width: 20px; }
.graphdata caption {margin: 0 0 .5em; font-size: 1.3em;  text-align: left;   }
.visualize { margin: 60px 0 0 30px; }