.boxBlue, .boxRed, .boxGreen, .boxYellow, .boxGrey, .boxPink, .boxOrange { margin-bottom: 10px; }
.boxBlue { background: #cfe9f7; }
.boxBlue .lighter { background: #e1f1fa; }
.boxBlue .darker { background: #fff; }
.boxBlue .gameList { border-color: #aad5ec; }
.boxBlue a:link, .boxBlue a:active, .boxBlue a:hover, .boxBlue a:visited, .boxBlue span.gameLink  { color: #003366; }
.boxBlue .a, .boxBlue .b { background-image:url(/images/corners_blue.gif); }

.boxRed { background: #ffdac7; }
.boxRed .lighter { background: #fcebe2; }
.boxRed .darker { background: #fff; }
.boxRed .gameList, .boxRed .boxMainpageScreenshot img { border-color: #e7b397; }
.boxRed a:link, .boxRed a:active, .boxRed a:hover, .boxRed a:visited, .boxRed span.gameLink  { color: #7a0000; }
.boxRed .a, .boxRed .b { background-image:url(/images/corners_red.gif); }

.boxGrey { background: #efefef; }
.boxGrey .lighter { background: #fefefe; }
.boxGrey .darker { background: #fff; }
.boxGrey .gameList { border-color: #d5d5d5; }
.boxGrey a:link, .boxGrey a:active, .boxGrey a:hover, .boxGrey a:visited, .boxGrey span.gameLink  { color: #434343; }
.boxGrey .a, .boxGrey .b { background-image:url(/images/corners_grey.gif); }

.boxYellow { background: #fcffc7; }
.boxYellow .lighter { background: #fdffdf; }
.boxYellow .darker { background: #fff; }
.boxYellow .gameList { border-color: #e1de83; }
.boxYellow a:link, .boxYellow a:active, .boxYellow a:hover, .boxYellow a:visited, .boxYellow span.gameLink  { color: #3d4000; }
.boxYellow .a, .boxYellow .b { background-image:url(/images/corners_yellow.gif); }

.boxPink { background: #f7cfd3; }
.boxPink .lighter { background: #f9e3e5; }
.boxPink .darker { background: #fff; }
.boxPink .gameList { border-color: #aad5ec; }
.boxPink a:link, .boxPink a:active, .boxPink a:hover, .boxPink a:visited, .boxPink span.gameLink  { color: #520911; }
.boxPink .a, .boxPink .b { background-image:url(/images/corners_pink.gif); }

.boxGreen { background: #e9f7cf; }
.boxGreen .lighter { background: #f3fce2; }
.boxGreen .darker { background: #fff; }
.boxGreen .gameList { border-color: #accb72; }
.boxGreen a:link, .boxGreen a:active, .boxGreen a:hover, .boxGreen a:visited, .boxGreen span.gameLink  { color: #006600; }
.boxGreen .a, .boxGreen .b { background-image:url(/images/corners_green.gif); }

.boxOrange { background: #fdeac8; }
.boxOrange .lighter { background: #fff4df; }
.boxOrange .darker { background: #fdeac8; }
.boxOrange .gameList { border-color: #f4cf8a; }
.boxOrange a:link, .boxOrange a:active, .boxOrange a:hover, .boxOrange a:visited, .boxOrange span.gameLink  { color: #903a00; }
.boxOrange .a, .boxOrange .b { background-image:url(/images/corners_green.gif); }

.block { margin-bottom: 10px; }
.blockTop, .blockBottom { height: 10px; overflow: hidden; }
.blockTop div, .blockBottom div { float: right; width: 10px; height: 10px; }
.blockContent { padding: 3px 10px; }

.blue { background: url(/images/colors/blue_tl.gif) #cfe9f7 no-repeat; }
.blue .blockTop div { background: url(/images/colors/blue_tr.gif) no-repeat; }
.blue .blockBottom { background: url(/images/colors/blue_bl.gif) no-repeat; }
.blue .blockBottom div { background: url(/images/colors/blue_br.gif) no-repeat; }
.blue a:link, .blue a:visited, .blue a:hover, .blue a:active   { color: #0f61a0; }

.red { background: url(/images/colors/red_tl.gif) #f7ddcf no-repeat; }
.red .blockTop div { background: url(/images/colors/red_tr.gif) no-repeat; }
.red .blockBottom { background: url(/images/colors/red_bl.gif) no-repeat; }
.red .blockBottom div { background: url(/images/colors/red_br.gif) no-repeat; }
.red a:link, .red a:visited, .red a:hover, .red a:active   { color: #c42a0c; }

.yellow { background: url(/images/colors/yellow_tl.gif) #f6f7cf no-repeat; }
.yellow .blockTop div { background: url(/images/colors/yellow_tr.gif) no-repeat; }
.yellow .blockBottom { background: url(/images/colors/yellow_bl.gif) no-repeat; }
.yellow .blockBottom div { background: url(/images/colors/yellow_br.gif) no-repeat; }
.yellow a:link, .yellow a:visited, .yellow a:hover, .yellow a:active   { color: #626405; }

.green { background: url(/images/colors/green_tl.gif) #ddf7cf no-repeat; }
.green .blockTop div { background: url(/images/colors/green_tr.gif) no-repeat; }
.green .blockBottom { background: url(/images/colors/green_bl.gif) no-repeat; }
.green .blockBottom div { background: url(/images/colors/green_br.gif) no-repeat; }
.green a:link, .green a:visited, .green a:hover, .green a:active  { color: #35810d; }

.grey { background: url(/images/colors/grey_tl.gif) #e3e3e3 no-repeat; }
.grey .blockTop div { background: url(/images/colors/grey_tr.gif) no-repeat; }
.grey .blockBottom { background: url(/images/colors/grey_bl.gif) no-repeat; }
.grey .blockBottom div { background: url(/images/colors/grey_br.gif) no-repeat; }
.grey a:link, .grey a:visited, .grey a:hover, .grey a:active   { color: #333; }