/* CGrid Personalization */
.Cgrid {
 z-index:2;
}
div.Cgrid span {
 float:left;
 display:block;

 margin:2px;
 border:1px solid #aaaaaa;

 height: 7px;
 width: 7px;
 min-width: 7px;
 min-height: 7px;
 max-width: 7px;
 max-height: 7px;
}
#joppaCgrid {
 bottom: 3px;
 right: 10px;
 position: absolute;

 display:none;
}
#fluffCgrid {
 bottom: 3px;
 right: 10px;
 position: absolute;

 display:none;
}
#factsCgrid {
 bottom: 3px;
 right: 10px;
 position: absolute;

 display:none;
}
#groovyCgrid {
 bottom: 3px;
 right: 10px;
 position: absolute;

 display:none;
}

/* Color Grid */
div#colorGrid {
 width:180px;
}
div#colorGrid span {
 float:left;
 display:block;
 margin:2px;
 border:2px solid black;
 height: 20px;
 width: 20px;
 min-width: 20px;
 min-height: 20px;
 max-width: 20px;
 max-height: 20px;
}
/* Site Colors */
/* #9cc13e; joppa green */
.Color1 {
  background-color:#C8C8C8;
}
.Color2 {
  background-color:#A0CC2D;
}
.Color3 {
  background-color:#ffd400; /* #CB2D50; */
}
.Color4 {
 background-color: #d90008;/* #2DCBA8; */
}
.Color5 {
  background-color:#582DCB;
}
.Color6 {
  background-color:white;
}
.Color7 {
  background-color:#a79abc;/*#c1bed1;*/
}
.Color8 {
  background-color:#2f69b3;
}
.Color9 {
  background-color:#EDE5A5;
}
.Color10 {
  background-color:#cac48b;
}
.Color11 {
  background-color:#ceb1bf;
}
.Color12 {
  background-color:#f7b7d3;
}
.Color13 {
  background-color:#D6258D;
}
.Color14 {
  background-color:#2DCBA8;
}

/* Chads */
#Chad1 {
  background-color:#9cc13e;
}
#Chad2 {
  background-color:#2f69b3;
}
#Chad3 {
  background-color:#ffd400;
}
#Chad4 {
  background-color:#d90008;
}
#Chad5 {
  background-color:#c2c2c2;
}
#Chad6 {
  background-color:#cac48b;
}
#Chad7 {
  background-color:#ceb1bf;
}
#Chad8 {
  background-color:#f7b7d3;
}