.blue { background-color: #bdd5f1; }
.grey { background-color: #e2e2e2; }
.lime { background-color: #e3f3cc; }
.magenta { background-color: #e2c6e3; }
.orange { background-color: #ffd7c1; }
.purple { background-color: #d2c3e2; }
.red { background-color: #ffccbc; }
.white { background-color: #fff; }

.dark-blue { background-color: #379de0; }
.dark-grey { background-color: #b3b3b3; }
.dark-lime { background-color: #afe269; }
.dark-magenta { background-color: #bb5bb8; }
.dark-orange { background-color: #ff8d58; }
.dark-purple { background-color: #935fb9; }
.dark-red { background-color: #ff5057; } 
.dark-white { background-color: #999; }

.blue-border { border: 8px solid #379de0; }
.grey-border { border: 8px solid #b3b3b3; }
.lime-border { border: 8px solid #afe269; }
.magenta-border { border: 8px solid #bb5bb8; }
.orange-border { border: 8px solid #ff8d58; }
.purple-border { border: 8px solid #935fb9; }
.red-border { border: 8px solid #ff5057; }
.white-border { border: 8px solid #999; }

a.dark-blue:hover { background-color: #bdd5f1; }
a.dark-grey:hover { background-color: #e2e2e2; }
a.dark-lime:hover { background-color: #e3f3cc; }
a.dark-magenta:hover { background-color: #e2c6e3; }
a.dark-orange:hover { background-color: #ffd7c1; }
a.dark-purple:hover { background-color: #d2c3e2; }
a.dark-red:hover { background-color: #ffccbc; }
a.dark-white:hover { background-color: #ccc; }

a.blue:hover { background-color: #379de0; }
a.grey:hover { background-color: #b3b3b3; }
a.lime:hover { background-color: #afe269; }
a.magenta:hover { background-color: #bb5bb8; }
a.orange:hover { background-color: #ff8d58; }
a.purple:hover { background-color: #935fb9; }
a.red:hover { background-color: #ff5057; }
a.white:hover { background-color: #999; }