html { color: #555; background: #efefef; }
a { color: #ed0000; }

/* Normal Shade */
.bgA { background-color: #ed0000; } /* 237,0,0 */
.bgB { background-color: #464754; } /* 70,71,84 */
.bgC { background-color: #cccccc; } /* 204,204,204 */
.bgD { background-color: #6dbcdb; } /* 109,188,219 */
.bgE { background-color: #58c500; } /* 88,197,0 */

/* Lite Shade */
.bgLtA { background-color: #6e7b88; } /* 110,123,136 */
.bgLtB { background-color: #ee9094; } /* 238,144,148 */
.bgLtC { background-color: #f3f4f4; } /* 243,244,244 */
.bgLtD { background-color: #b1dfea; } /* 177,223,234 */
.bgLtE { background-color: #9dda55; } /* 157,218,85 */

/* Dark Shade */
.bgDkA { background-color: #1e2a37; } /* 30,42,55 */
.bgDkB { background-color: #f02e32; } /* 240,46,50 */
.bgDkC { background-color: #a6aaac; } /* 166,170,172 */
.bgDkD { background-color: #4b88ac; } /* 75,136,172 */
.bgDkE { background-color: #3c9100; } /* 60,145,0 */

/* Transparent */
/* Normal Shade */
.trans.bgA { background-color: rgba(237,0,0,0.5); } /* 237,0,0 */
.trans.bgB { background-color: rgba(70,71,84,0.5); } /* 70,71,84 */
.trans.bgC { background-color: rgba(204,204,204,0.5); } /* 204,204,204 */
.trans.bgD { background-color: rgba(109,188,219,0.5); } /* 109,188,219 */
.trans.bgE { background-color: rgba(88,197,0,0.5); } /* 88,197,0 */

/* Lite Shade */
.trans.bgLtA { background-color: rgba(110,123,136,0.5); } /* 110,123,136 */
.trans.bgLtB { background-color: rgba(238,144,148,0.5); } /* 238,144,148 */
.trans.bgLtC { background-color: rgba(243,244,244,0.5); } /* 243,244,244 */
.trans.bgLtD { background-color: rgba(177,223,234,0.5); } /* 177,223,234 */
.trans.bgLtE { background-color: rgba(157,218,85,0.5); } /* 157,218,85 */

/* Dark Shade */
.trans.bgDkA { background-color: rgba(30,42,55,0.5); } /* 30,42,55 */
.trans.bgDkB { background-color: rgba(240,46,50,0.5); } /* 240,46,50 */
.trans.bgDkC { background-color: rgba(166,170,172,0.5); } /* 166,170,172 */
.trans.bgDkD { background-color: rgba(75,136,172,0.5); } /* 75,136,172 */
.trans.bgDkE { background-color: rgba(60,145,0,0.5); } /* 60,145,0 */


/* Background which need light text */
/*.bgA, .bgLtA, .bgDkA,*/
.bgA, .bgDkA, .bgLtA, .bgA a, .bgDkA a, .bgLtA a,
.bgB, .bgDkB, .bgLtB, .bgB a, .bgDkB a, .bgLtB a,
.bgD, .bgDkD, .bgD a, .bgDkD a,
.bgE, .bgDkE, .bgE a, .bgDkE a { color: #fff; }


/* Normal Shade */
.clrA { color: #ed0000; } /* 237,0,0 */
.clrB { color: #464754; } /* 70,71,84 */
.clrC { color: #cccccc; } /* 204,204,204 */
.clrD { color: #6dbcdb; } /* 109,188,219 */
.clrE { color: #58c500; } /* 88,197,0 */

/* Lite Shade */
.clrLtA { color: #6e7b88; } /* 110,123,136 */
.clrLtB { color: #ee9094; } /* 238,144,148 */
.clrLtC { color: #f3f4f4; } /* 243,244,244 */
.clrLtD { color: #b1dfea; } /* 177,223,234 */
.clrLtE { color: #9dda55; } /* 157,218,85 */

/* Dark Shade */
.clrDkA { color: #1e2a37; } /* 30,42,55 */
.clrDkB { color: #f02e32; } /* 240,46,50 */
.clrDkC { color: #a6aaac; } /* 166,170,172 */
.clrDkD { color: #4b88ac; } /* 75,136,172 */
.clrDkE { color: #3c9100; } /* 60,145,0 */

/* Grayscale */
.bgGrey0 { background-color: #000; } /* 0,0,0 */
.bgGrey10 { background-color: #1a1a1a; } /* 26,26,26 */
.bgGrey20 { background-color: #333; } /* 51,51,51 */
.bgGrey30 { background-color: #4d4d4d; } /* 77,77,77 */
.bgGrey40 { background-color: #666; } /* 102,102,102 */
.bgGrey50 { background-color: #808080; } /* 128,128,128 */
.bgGrey60 { background-color: #999; } /* 153,153,153 */
.bgGrey70 { background-color: #b3b3b3; } /* 179,179,179 */
.bgGrey80 { background-color: #cccccc; } /* 204,204,204 */
.bgGrey90 { background-color: #e5e5e5; } /* 229,229,229 */
.bgGrey100 { background-color: #fff; } /* 255,255,255 */

.trans.bgGrey0 { background-color: rgba(0,0,0,0.5); } /* 0,0,0 */
.trans.bgGrey10 { background-color: rgba(26,26,26,0.5); } /* 26,26,26 */
.trans.bgGrey20 { background-color: rgba(51,51,51,0.5); } /* 51,51,51 */
.trans.bgGrey30 { background-color: rgba(77,77,77,0.5); } /* 77,77,77 */
.trans.bgGrey40 { background-color: rgba(102,102,102,0.5); } /* 102,102,102 */
.trans.bgGrey50 { background-color: rgba(128,128,128,0.5); } /* 128,128,128 */
.trans.bgGrey60 { background-color: rgba(153,153,153,0.5); } /* 153,153,153 */
.trans.bgGrey70 { background-color: rgba(179,179,179,0.5); } /* 179,179,179 */
.trans.bgGrey80 { background-color: rgba(204,204,204,0.5); } /* 204,204,204 */
.trans.bgGrey90 { background-color: rgba(229,229,229,0.5); } /* 229,229,229 */
.trans.bgGrey100 { background-color: rgba(255,255,255,0.5); } /* 255,255,255 */

.bgGrey0,
.bgGrey10,
.bgGrey20,
.bgGrey30,
.bgGrey40,
.bgGrey50 { color: #fff; }

.clrGrey0 { color: #000; }
.clrGrey10 { color: #1a1a1a; }
.clrGrey20 { color: #333; }
.clrGrey30 { color: #4d4d4d; }
.clrGrey40 { color: #666; }
.clrGrey50 { color: #808080; }
.clrGrey60 { color: #999; }
.clrGrey70 { color: #b3b3b3; }
.clrGrey80 { color: #cccccc; }
.clrGrey90 { color: #e5e5e5; }
.clrGrey100 { color: #fff; }