.bl {padding:0 2px 0 2px; background-color:#09f;}
.gr {padding:0 2px 0 2px; background-color:#3f0;}
.wh {padding:0 2px 0 2px; background-color:#fff; border:thin solid #aaa;}
.ye {padding:0 2px 0 2px; background-color:#ff0;}
.re {padding:0 2px 0 2px; background-color:#f30;}
.or {padding:0 2px 0 2px; background-color:#f93;}
.pu {padding:0 2px 0 2px; background-color:purple;}
.sa {padding:0 2px 0 2px; background-color:salmon;}
.ma {padding:0 2px 0 2px; background-color:magenta;}

.iwx {padding:0 2px 0 2px; background-color:#888; color:#fff;}
.ibx {padding:0 2px 0 2px; background-color:#888;}

.cube {display:inline-block;}
div.cubeanim {display:inline-block; width:100px; height:112px;}
div.cubeanimlong {display:inline-block; width:180px; height:112px;}
div.cubeanimdescriptionshort {width:16em;display:inline-block;}
div.cubeanimdescriptiontiny {width:8em;display:inline-block;}
div.cubeanimdescription {width:30em;display:inline-block;}
div.cubeanimdescriptionlong {width:50em;display:inline-block;}