chartdata,table.chartdata {
      border-collapse: collapse;
      border-color: #666666;
      margin: 5px 0px 0px 0px;
}

table.chartdata {
      margin-left:auto;
      margin-right:auto;
      width: 100%;
} 
table.chartdata td,tr,th {
      border-color: #666666;
      border: 1px solid;
}
table.chartdata th {
      text-align: center;
      padding: 4px;
}

.chartdata {
      padding: 1px;
}
 
div.chartframe {
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
 
div.chartpreview {
      border: 1px solid Black;
      padding: 3px;
}
 

.chart {
      margin-left:auto;
      margin-right:auto;
}
div.chart img {
}
 
div.chartdatadivshow {
      text-align: center;
      overflow: auto;
      margin: 5px 5px 5px 5px;
      padding: 5px 5px 25px 5px;
}

.hidden {
    display: none;
}


@media screen {
    div.datahidden {
        display: none;
    }
    div.datavisible {
        display: block;
    }
    div.datahiddennoprint {
        display: none;
    }
    div.datavisiblenoprint {
        display: block;
    }
}
@media print {
    div.datahidden {
        display: block;
    }
    div.datavisible {
        display: block;
    }
    div.datahiddennoprint {
        display: none;
    }
    div.datavisiblenoprint {
        display: none;
    }
}