body {
  background-color: #DDE3D3;
}

a {
	color: #000088;
}

a:link {
	color: #000088;
	text-decoration: none;
}

a:visited {
	color: #000088;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #000088
	background-color: #000088;
}

a:active {
	text-decoration: none;
}

table {
 width: 100%;
 border-width: 0px;
 border-spacing: 0px;
 padding: 0px;
 border: 0px;
 vertical-align: top; 
}


td{
 border: 0px;
 border-spacing : 0px;
 padding: 0px;
}

th{
 border: 0px;
 border-spacing: 0px;
 padding: 0px;
 text-align: left;
 vertical-align: middle;
 background: #CCD2C2;
}

table.head {
 width: 100%;
 border-width: 0px;
 border-spacing: 0px;
 padding: 0px;
 border: 0px;
 background: #CCD2C2;
}

table.char {
 width:        80%;
 margin-left:  10%; 
 margin-right: 10%;
 border-width: 1px;
 border-spacing: 1px;
 padding: 1px;
 border: 1px;
}
.char{
 border-spacing : 1px;
 text-align: center;
 vertical-align: baseline;
}

th.char {
 background: #cccccc;
 width: 40px;
 vertical-align: baseline;
}

td.char {
 border: 1px solid #112233;
 background: #ffffaa;
 width: 40px;
 vertical-align: baseline;
}

.generator {
 padding-left: 4px;
 padding-right: 4px;
 border-spacing: 1px;
 background: #eeeeff;
 text-align: left;
 vertical-align: baseline;
}

table.links {
 margin-left:  0%; 
 margin-right:  0%; 
 margin-bottom:  0px; 
 width: 100%;
 padding-left: px;
 padding-right: px;
 border-spacing: px;
 background: #aaaabb;
 text-align: center;
 vertical-align: baseline;
}

table.page {
 margin-left:  0%; 
 margin-right:  0%; 
 margin-bottom:  0px; 
 width: 100%;
 padding-left: 0px;
 padding-right: 0px;
 border-spacing: 0px;
 text-align: left;
 vertical-align: baseline;
}

td.links{
 width: 25%;
 background: #aaaabb;
}

td.page{
 vertical-align: top;
}

th.links{
 width: 25%;
 text-align: left;
 background: #aaaabb;
}


.corr{
 border-spacing : 1px;
 text-align: center;
 vertical-align: baseline;
}

table.corr {
 width:        80%;
 margin-left:  10%; 
 margin-right: 10%;
 border-width: 1px;
 border-spacing: 1px;
 padding: 1px;
 border: 1px;
}

th.corr {
 background: #cccccc;
 vertical-align: baseline;
}

td.corr {
 border: 1px solid #112233;
 background: #aabbcc;
 vertical-align: baseline;
}

td.background{
width: 24px;  
background-color: #DDE3D3;
 vertical-align: baseline;
}

table.prod {
 width:        80%;
 margin-left:  10%; 
 margin-right: 10%;
 border-width: 1px;
 border-spacing: 1px;
 padding: 1px;
 border: 1px;
}

th.prod {
 background: #fada99;
 vertical-align: baseline;
 text-align: center;
}

td.prod {
 border: 1px solid #112233;
 background: #fcc8c8;
 vertical-align: baseline;
 text-align: center;
}

td.prod2 {
 border: 1px solid #112233;
 background: #b98686;
 vertical-align: baseline;
 text-align: center;
}

td.background{
 width: 24px;  
 background-color: #DDE3D3;
 vertical-align: baseline;
 text-align: center;
}

table.categorisation {
 width:        100%;
 margin-left:  0%; 
 margin-right: 0%;
 border-width: 0px;
 border-spacing: 0px;
 padding: 0px;
 border: 0px;
}

.categorisation{
 border-spacing : 15px;
 text-align: center;
 vertical-align: baseline;
}

th.categorisation {
 border: 3px;
 background: #D2D8C8;
 vertical-align: baseline;
}

td.categorisation {
 border: 3px;
 background: #DDE3D3;
 vertical-align: baseline;
}

td.operations {
 text-align: left;
 border: 3px;
 background: #DDE3D3;
 vertical-align: baseline;
}

th.operations {
 text-align: left;
 border: 3px;
 background: #D2D8C8;
 vertical-align: baseline;
}

td.blue {
 border: 3px;
 background: #aadddd;
 vertical-align: baseline;
 text-align: center;
}

th.blue {
 border: 3px;
 background: #96d0d0;
 vertical-align: baseline;
 text-align: center;
}

.classes{
 border-spacing : 15px;
 text-align: center;
 vertical-align: baseline;
}

th.classes {
 border: 3px;
 text-align: left;
 background: #668190;
 vertical-align: baseline;
}

td.classes {
 border: 3px;
 text-align: left;
 background: #88A3A1;
 vertical-align: baseline;
}

td.classelements {
 border: 3px;
 text-align: right;
 background: #88A3A1;
 vertical-align: baseline;
}

table.unitcells {
 width:        80%;
 margin-left:  10%; 
 margin-right: 10%;
 border-width: 0px;
 border-spacing: 0px;
 padding: 0px;
 border: 0px;
}

.unitcells{
 border-spacing : 15px;
 text-align: center;
 vertical-align: middle;
}

th.unitcells {
 border: 3px;
 background: #D2D8C8;
 vertical-align: middle;
}

td.blueunitcells {
 border: 3px;
 background: #aadddd;
 vertical-align: middle;
}

td.unitcells {
 border: 3px;
 background: #DDE3D3;
 vertical-align: middle;
}

.correlation{
 border-spacing : 1px;
 text-align: center;
 vertical-align: middle;
}

table.correlation {
 width:        80%;
 margin-left:  10%; 
 margin-right: 10%;
 border-width: 1px;
 border-spacing: 1px;
 padding: 1px;
 border: 1px;
}

th.correlation {
 background: #cccccc;
 vertical-align: middle;
}

td.correlation {
 border: 0px solid #112233;
 background: #aabbcc;
 vertical-align: middle;
}