.sq {display:inline-block; float:left; flex-direction:row; height:50px; width:40px; margin:5px; padding:0px; border:solid 1px #AAA; color:#111; background:#EEDD82; text-align:center;}
.ca {background:#f55}
.cb {background:#8ff}
.cc {background:#fc8}
.cd {background:#0f0}
.ce {background:#ccf}
.cf {background:#ffc}
.cg {background:#faf}
.ch {background:#a38FFF}
.ci {background:#CD853F}
.cj {background:#afc}
.ck {background:#88f}
.cl {background:#f88fcc}
.cm {background:#aaafab}
.cn {background:#90EE90}
.co {background:#cff}
.cp {background:#ff0}
.cq {background:#CD5C5C}
.cr {background:#FFD700}
.cs {background:#48D1CC}
.ct {background:#BC8F8F}
.cu {background:#FDF5E6}
.c0 {background:#EEDD82}
td {background-color:#eee; color:#222}
td.no {text-align:center; color:#222}
td.no1 {background-color:#cc0; color:#222; text-align:center}
td.cn {text-align:center}
a {text-decoration: none; font-weight:bold; color:#88c}
input {text-align:right}
input[type="range"] {width:250px;}
.sqwrap {position:relative; top:10px; margin-left:auto; margin-right:auto; height:245px; width:664px; border:solid 1px #333; background-color:#333}
body {background-color:#ffffe8; color:#333}
.attachment {margin-top: 0px; margin-left:auto; margin-right:auto; width: 680px; height: 125px; text-align: left;}
.arrow {background:#ccc; cursor: pointer;}