.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-45, .table-data-50, .table-data-60, .table-data-70, .table-data-80
{
height: 42px;
background: white;
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-45-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-10R, .table-data-15R, .table-data-18R, .table-data-20R, .table-data-25R, .table-data-30R, .table-data-33R, .table-data-40R, .table-data-45R, .table-data-50R, .table-data-60R, .table-data-70R, .table-data-80R
{
height: 42px;
background: red;
border: 1px solid black;
text-align: center;
vertical-align: middle;
display: inline;
float: left;
white-space:normal;
font-size: 12px;
color: black;
padding: 5px;
}
.table-data-10-1R, .table-data-15-1R, .table-data-18-1R, .table-data-20-1R, .table-data-25-1R, .table-data-30-1R, .table-data-33-1R, .table-data-45-1R, .table-data-40-1R, .table-data-50-1R, .table-data-60-1R, .table-data-70-1R, .table-data-80-1R
{
height: 42px;
background-color: red;
border: 1px solid black;
text-align: center;
vertical-align: middle;
display: inline;
float: left;
white-space:normal;
font-size: 12px;
color: black;
padding: 5px;
}
.table-data-45-left
{
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: left;
vertical-align: middle;
display: inline;
float: left;
white-space:normal;
font-size: 12px;
padding: 5px;
width: 45%;
}
.table-data-45-right
{
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: right;
vertical-align: middle;
display: inline;
float: left;
white-space:normal;
font-size: 12px;
padding: 5px;
width: 45%;
}
.table-data-80, .table-data-80-1, .table-data-80R, .table-data-80-1R
{
width: 80%;
}
.table-data-70, .table-data-70-1, .table-data-70R, .table-data-70-1R
{
width: 70%;
}
.table-data-60, .table-data-60-1, .table-data-60R, .table-data-60-1R
{
width: 60%;
}
.table-data-50, .table-data-50-1, .table-data-50R, .table-data-50-1R
{
width: 50%;
}
.table-data-45, .table-data-45-1, .table-data-45R, .table-data-45-1R
{
width: 45%;
}
.table-data-40, .table-data-40-1, .table-data-40R, .table-data-40-1R
{
width: 40%;
}
.table-data-33, .table-data-33-1, .table-data-33R, .table-data-33-1R
{
width: 33%;
}
.table-data-30, .table-data-30-1, .table-data-30R, .table-data-30-1R
{
width: 30%;
}
.table-data-25, .table-data-25-1, .table-data-25R, .table-data-25-1R
{
width: 25%;
}
.table-data-20, .table-data-20-1, .table-data-20R, .table-data-20-1R
{
width: 20%;
}
.table-data-18, .table-data-18-1, .table-data-18R, .table-data-18-1R
{
width: 18%;
}
.table-data-15, .table-data-15-1, .table-data-15R, .table-data-15-1R
{
width: 15%;
}
.table-data-10, .table-data-10-1, .table-data-10R, .table-data-10-1R
{
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%;
}