table {
  border-collapse: collapse;
}
td, th {
  border: 1px solid black;
}
.outer, .outerclass, .oclass, .outerskill, .oskill {
  border: 1px solid black;
}
.oskill {
  text-align: center;
}
.legend {
  border: 1px dashed gray;
}
table.innerskill, table.iskill, table.isk {
  width: 100%;
}
td.innerskill, td.iskill, td.isk {
  border: none;
  width: 33%;
  text-align: center;
  padding: 1px;
}
td.oskill, td.osk {
  padding: 0px;
}
td.legend {
  width: 50px;
  text-align: center;
}
th.skm, td.skm {
  background-color: #F2F2F2;
}
th.skg, td.skg {
  background-color: #E0E0E0;
}

td.nil {
  background-color: #C0C0F2;
}

td.nir {
  background-color: #C0F2C0;
}

td.nif {
  background-color: #C0F2F2;
}

td.nid, td.sp0 {
  background-color: #F2C0C0;
}

td.nis {
  background-color: #C0C0C0;
}

td.nib {
  background-color: #F2F2C0;
}

td.sp1, td.sp2, td.sp3, td.sp4, td.sp5, td.sp6, td.sp7, td.sp8, td.sp9, td.sp10, td.sp11, td.sp12, td.sp13, td.sp14, td.sp15, td.sp16, td.sp17 {
  text-align: center;
  padding: 1px;
}

td.spb, td.spe, td.spm, td.spg {
  text-align: center;
  padding: 1px;
}

td.sp1d, td.sp2d, td.sp3d, td.sp4d, td.sp5d, td.sp6d, td.sp7d {
  background-color: #E0E0E0;
  text-align: center;
  padding: 1px;
}

td.spbd {
  background-color: #E0E0E0;
  text-align: center;
  padding: 1px;
}

td.spr {
  background-color: #F2F2C0;
  text-align: center;
}

th, td {
  padding: 5px;
}