.med-blue { background-color: #0078ae ; }
.salmon { background-color: #f16682 ; }
.neon-carrot { background-color: #f89f36 ; }
.green { background-color: #288e51 ; }
.purple { background-color: #7d4686 ; }
.teal { background-color: #006c67 ; }
.orange { background-color: #f58025 ; }
.maroon { background-color: #9c0058 ; }
.denim { background-color: #00718f ; }
.goldenrod { background-color: #dcc941 ; }
.magenta { background-color: #c60070 ; }
.green-blue { background-color: #1b639d ; }
.evergreen { background-color: #3e5447 ; }
.peach { background-color: #f1635d ; }
.toupe { background-color: #c8aa7e ; }

/*tooltips*/
.med-blue a.tooltip { background-image: url(/img/tooltips/med-blue.png); }
.salmon a.tooltip { background-image: url(/img/tooltips/salmon.png); }
.neon-carrot a.tooltip { background-image: url(/img/tooltips/neon-carrot.png); }
.green a.tooltip { background-image: url(/img/tooltips/green.png); }
.purple a.tooltip { background-image: url(/img/tooltips/purple.png); }
.teal a.tooltip { background-image: url(/img/tooltips/teal.png); }
.orange a.tooltip { background-image: url(/img/tooltips/orange.png); }
.maroon a.tooltip { background-image: url(/img/tooltips/maroon.png); }
.denim a.tooltip { background-image: url(/img/tooltips/denim.png); }
.goldenrod a.tooltip { background-image: url(/img/tooltips/goldenrod.png); }
.magenta a.tooltip { background-image: url(/img/tooltips/magenta.png); }
.green-blue a.tooltip { background-image: url(/img/tooltips/green-blue.png); }
.evergreen a.tooltip { background-image: url(/img/tooltips/evergreen.png); }
.peach a.tooltip { background-image: url(/img/tooltips/peach.png); }
.toupe a.tooltip { background-image: url(/img/tooltips/toupe.png); }