body {
}

.wideBox {
  clear: both;
  text-align: center;
  margin-bottom: 50px;
  padding: 10px;
  background: #ebedf2;
  border: 1px solid #333;
  line-height: 80%;
}

#container {
  width: 100%;
  margin: 0 auto;
  float: left;
}
#con_report {
  width: 100%;
  margin: 0 auto;
  float: right;
}

.chart, .chartData, .chartData_other {
/* border: 1px solid #333;*/
  background: #ebedf2 url("../images/gradient.png") repeat-x 0 0;
}

.chart {
  display: block;
  float: left;
  cursor: pointer;
}

.chartData {
  float: left;
/*  border-collapse: collapse;*/
/*  box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);*/
  background-position: 0 -100px;
 /* margin: 25px 0 25px 15px;*/
  margin: 0 10px;
  /*width: 145px;*/
}
.chartData_other
{
	float: left;
/*  border-collapse: collapse;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);*/
  background-position: 0 -100px;
}
.chartData th, .chartData td, .chartData_other th, .chartData_other td {
  border: 1px solid #d5d5d5;
  padding: 0.4em;
  text-align: left;
}
.chartData th, .chartData_other th {
  border-bottom: 2px solid #333;
  text-transform: uppercase;
}

.chartData td, .chartData_other td {
  cursor: pointer;
}

.chartData td.highlight, .chartData_other td.highlight{
  background: #e8e8e8;
}

.chartData tr:hover td, .chartData_other tr:hover td{
  background: #f0f0f0;
}

#watermark_text
{
    color: #d0d0d0;
    font-size: 120pt;
    height: auto;
    left: 30%;
    margin: 0;
    opacity: 0.3;
    position: absolute;
    top: 57%;
    transform: rotate(-43deg);
    width: auto;
}

#watermark_text_2
{
    color: #d0d0d0;
    font-size: 17pt;
    height: auto;
    left: 1%;
    margin: 0;
    opacity: 0.4;
    position: absolute;
    top: 85%;
    transform: translate(1px, 50%);
    width: auto;
    bottom: 1em;
}