.table-data-outer
{
width: 100%;
background: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
background: rgba(255, 255, 255, 0);
#border: 1px solid black;
text-align: center;
display: block;
float: left;
white-space:normal;
font-size: 12px;
padding: 5px;

}
.table-data-10, .table-data-15, .table-data-18, .table-data-20, .table-data-25, .table-data-30, .table-data-33, .table-data-40, .table-data-50, .table-data-60, .table-data-70, .table-data-80
{
height: 42px;
background: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
background: rgba(255, 255, 255, 0);
border: 1px solid black;
text-align: center;
vertical-align: middle;
display: inline;
float: left;
white-space:normal;
font-size: 12px;
padding: 5px;
}
.table-data-10-1, .table-data-15-1, .table-data-18-1, .table-data-20-1, .table-data-25-1, .table-data-30-1, .table-data-33-1, .table-data-40-1, .table-data-50-1, .table-data-60-1, .table-data-70-1, .table-data-80-1
{
height: 42px;
background-color: #fefbd8;
border: 1px solid black;
text-align: center;
vertical-align: middle;
display: inline;
float: left;
white-space:normal;
font-size: 12px;
padding: 5px;
}
.table-data-80, .table-data-80-1
{
width: 80%;
}
.table-data-70, .table-data-70-1
{
width: 70%;
}
.table-data-60, .table-data-60-1
{
width: 60%;
}
.table-data-50, .table-data-50-1
{
width: 50%;
}
.table-data-40, .table-data-40-1
{
width: 40%;
}
.table-data-33, .table-data-33-1
{
width: 33%;
}
.table-data-30, .table-data-30-1
{
width: 30%;
}
.table-data-25, .table-data-25-1
{
width: 25%;
}
.table-data-20, .table-data-20-1
{
width: 20%;
}
.table-data-18, .table-data-18-1
{
width: 18%;
}
.table-data-15, .table-data-15-1
{
width: 15%;
}
.table-data-10, .table-data-10-1
{
width: 10%;
}

.table-head-10, .table-head-15, .table-head-18, .table-head-20, .table-head-25, .table-head-30, .table-head-33, .table-head-40, .table-head-50, .table-head-60, .table-head-70, .table-head-100
{
background-color: #d5f4e6;
font-weight: bold;
border: 1px solid black;
text-align: center;
display: inline;
float: left;
white-space:normal; 
font-size: 12px;
padding: 5px;
}

.table-head-100
{
width: 100%;
}
.table-head-70
{
width: 70%;
}
.table-head-60
{
width: 60%;
}
.table-head-50
{
width: 50%;
}
.table-head-40
{
width: 40%;
}
.table-head-33
{
width: 33%;
}
.table-head-30
{
width: 30%;
}
.table-head-10
{
width: 10%;
}
.table-head-15
{
width: 15%;
}
.table-head-18
{
width: 18%;
}
.table-head-20
{
width: 20%;
}
.table-head-25
{
width: 25%;
}