/* 9 cube table */
.cube9 {
  width: 60%;
}

.cube9 td {
  position: relative;
}

.cube9 td:after {
  content: '';
  display: block;
  margin-top: 100%;
}

.cube9 td .tile {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: deepskyblue;
}

.cube9 td .ctile {
	position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: dodgerblue;

}

/* 25 cube table */
.cube25 {
  width: 60%;
}

.cube25 td {
  position: relative;
}

.cube25 td:after {
  content: '';
  display: block;
  margin-top: 100%;
}

.cube25 td .tile {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: deepskyblue;
}

.cube25 td .ctile {
	position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: dodgerblue;

}

/* share table letters */
.ltable {
  display:table;
  height:100%;
  width:100%;
}

.letter {
  display: table-cell;
  text-align:center;
  vertical-align:middle;

  font-family: "Lucida Console", Monaco, monospace;
  font-size: 200%;
  font-variant: small-caps;
  font-weight: bolder;
}