.shallowwhite {
    background-color: #cccccc;
    background-image: -moz-linear-gradient(top, #d9d9d9, #cccccc);
    background-image: -ms-linear-gradient(top, #d9d9d9, #cccccc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d9d9d9), to(#cccccc));
    background-image: -webkit-linear-gradient(top, #d9d9d9, #cccccc);
    background-image: -o-linear-gradient(top, #d9d9d9, #cccccc);
    background-image: linear-gradient(top, #d9d9d9, #cccccc);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#d9d9d9, endColorstr=#cccccc, GradientType=0);
    border: 1px solid #cccccc;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.5);
    color: #ffffff;
}
.shallowwhite:hover,.shallowwhite.active {
    background-color: #d9534f;
    background-image: -moz-linear-gradient(top, #fb615d, #d9534f);
    background-image: -ms-linear-gradient(top, #fb615d, #d9534f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fb615d), to(#d9534f));
    background-image: -webkit-linear-gradient(top, #fb615d, #d9534f); background-image: -o-linear-gradient(top, #fb615d, #d9534f);
    background-image: linear-gradient(top, #fb615d, #d9534f);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fb615d, endColorstr=#d9534f, GradientType=0);
    border: 1px solid #ef5e5a;
}

.blue,.blue_h:hover,.blue_h.active {
    background-color: #4a77d4;
    background-image: -moz-linear-gradient(top, #6eb6de, #4a77d4);
    background-image: -ms-linear-gradient(top, #6eb6de, #4a77d4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6eb6de), to(#4a77d4));
    background-image: -webkit-linear-gradient(top, #6eb6de, #4a77d4); background-image: -o-linear-gradient(top, #6eb6de, #4a77d4);
    background-image: linear-gradient(top, #6eb6de, #4a77d4);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#6eb6de, endColorstr=#4a77d4, GradientType=0);
    border: 1px solid #3762bc;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.5);
    color: #ffffff;
}
.magenta,.magenta_h:hover,.magenta_h.active {
    background-color: #d9534f;
    background-image: -moz-linear-gradient(top, #fb615d, #d9534f);
    background-image: -ms-linear-gradient(top, #fb615d, #d9534f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fb615d), to(#d9534f));
    background-image: -webkit-linear-gradient(top, #fb615d, #d9534f); background-image: -o-linear-gradient(top, #fb615d, #d9534f);
    background-image: linear-gradient(top, #fb615d, #d9534f);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fb615d, endColorstr=#d9534f, GradientType=0);
    border: 1px solid #ef5e5a;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.5);
    color: #ffffff;
}

.green,.green_h:hover,.green_h.active {
    background-color: #2e9b85;
    background-image: -moz-linear-gradient(top, #3cd9ba, #2e9b85);
    background-image: -ms-linear-gradient(top, #3cd9ba, #2e9b85);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3cd9ba), to(#2e9b85));
    background-image: -webkit-linear-gradient(top, #3cd9ba, #2e9b85); background-image: -o-linear-gradient(top, #3cd9ba, #2e9b85);
    background-image: linear-gradient(top, #3cd9ba, #2e9b85);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#3cd9ba, endColorstr=#2e9b85, GradientType=0);
    border: 1px solid #2e9b85;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.5);
    color: #ffffff;
}

.yellow,.yellow_h:hover,.yellow_h.active {
    background-color: #a9742e;
    background-image: -moz-linear-gradient(top, #eba242, #a9742e);
    background-image: -ms-linear-gradient(top, #eba242, #a9742e);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eba242), to(#a9742e));
    background-image: -webkit-linear-gradient(top, #eba242, #a9742e); background-image: -o-linear-gradient(top, #eba242, #a9742e);
    background-image: linear-gradient(top, #eba242, #a9742e);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#eba242, endColorstr=#a9742e, GradientType=0);
    border: 1px solid #a9742e;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.5);
    color: #ffffff;
}

.purple,.purple_h:hover,.purple_h.active {
    background-color: #8a33ae;
    background-image: -moz-linear-gradient(top, #ba46eb, #8a33ae);
    background-image: -ms-linear-gradient(top, #ba46eb, #8a33ae);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ba46eb), to(#8a33ae));
    background-image: -webkit-linear-gradient(top, #ba46eb, #8a33ae); background-image: -o-linear-gradient(top, #ba46eb, #8a33ae);
    background-image: linear-gradient(top, #ba46eb, #8a33ae);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#ba46eb, endColorstr=#8a33ae, GradientType=0);
    border: 1px solid #8a33ae;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.5);
    color: #ffffff;
}

.ashen,.ashen_h:hover,.ashen_h.active {
    background-color: #73442c;
    background-image: -moz-linear-gradient(top, #8f5437, #73442c);
    background-image: -ms-linear-gradient(top, #8f5437, #73442c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8f5437), to(#73442c));
    background-image: -webkit-linear-gradient(top, #8f5437, #73442c); background-image: -o-linear-gradient(top, #8f5437, #73442c);
    background-image: linear-gradient(top, #8f5437, #73442c);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#8f5437, endColorstr=#73442c, GradientType=0);
    border: 1px solid #73442c;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.5);
    color: #ffffff;
}

.deepgreen,.deepgreen_h:hover,.deepgreen_h.active {
    background-color: #697e2a;
    background-image: -moz-linear-gradient(top, #7b9332, #697e2a);
    background-image: -ms-linear-gradient(top, #7b9332, #697e2a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7b9332), to(#697e2a));
    background-image: -webkit-linear-gradient(top, #7b9332, #697e2a); background-image: -o-linear-gradient(top, #7b9332, #697e2a);
    background-image: linear-gradient(top, #7b9332, #697e2a);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#7b9332, endColorstr=#697e2a, GradientType=0);
    border: 1px solid #697e2a;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.5);
    color: #ffffff;
}

.shallowblack,.shallowblack_h:hover,.shallowblack_h.active {
    background-color: #3f4c63;
    background-image: -moz-linear-gradient(top, #47576f, #3f4c63);
    background-image: -ms-linear-gradient(top, #47576f, #3f4c63);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#47576f), to(#3f4c63));
    background-image: -webkit-linear-gradient(top, #47576f, #3f4c63); background-image: -o-linear-gradient(top, #47576f, #3f4c63);
    background-image: linear-gradient(top, #47576f, #3f4c63);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#47576f, endColorstr=#3f4c63, GradientType=0);
    border: 1px solid #3f4c63;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.5);
    color: #ffffff;
}

.deepblue,.deepblue_h:hover,.deepblue_h.active {
    background-color: #3b58c4;
    background-image: -moz-linear-gradient(top, #4667e1, #3b58c4);
    background-image: -ms-linear-gradient(top, #4667e1, #3b58c4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4667e1), to(#3b58c4));
    background-image: -webkit-linear-gradient(top, #4667e1, #3b58c4); background-image: -o-linear-gradient(top, #4667e1, #3b58c4);
    background-image: linear-gradient(top, #4667e1, #3b58c4);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#4667e1, endColorstr=#3b58c4, GradientType=0);
    border: 1px solid #3b58c4;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.5);
    color: #ffffff;
}

.deeppurple,.deeppurple_h:hover,.deeppurple_h.active {
    background-color: #6f43c1;
    background-image: -moz-linear-gradient(top, #8853ea, #6f43c1);
    background-image: -ms-linear-gradient(top, #8853ea, #6f43c1);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8853ea), to(#6f43c1));
    background-image: -webkit-linear-gradient(top, #8853ea, #6f43c1); background-image: -o-linear-gradient(top, #8853ea, #6f43c1);
    background-image: linear-gradient(top, #8853ea, #6f43c1);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#8853ea, endColorstr=#6f43c1, GradientType=0);
    border: 1px solid #6f43c1;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.5);
    color: #ffffff;
}

.purplered,.purplered_h:hover,.purplered_h.active {
    background-color: #ae2f89;
    background-image: -moz-linear-gradient(top, #d53aa8, #ae2f89);
    background-image: -ms-linear-gradient(top, #d53aa8, #ae2f89);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d53aa8), to(#ae2f89));
    background-image: -webkit-linear-gradient(top, #d53aa8, #ae2f89); background-image: -o-linear-gradient(top, #d53aa8, #ae2f89);
    background-image: linear-gradient(top, #d53aa8, #ae2f89);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#d53aa8, endColorstr=#ae2f89, GradientType=0);
    border: 1px solid #ae2f89;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.5);
    color: #ffffff;
}

.beige,.beige_h:hover,.beige_h.active {
    background-color: #b7a173;
    background-image: -moz-linear-gradient(top, #d6bd88, #b7a173);
    background-image: -ms-linear-gradient(top, #d6bd88, #b7a173);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d6bd88), to(#b7a173));
    background-image: -webkit-linear-gradient(top, #d6bd88, #b7a173); background-image: -o-linear-gradient(top, #d6bd88, #b7a173);
    background-image: linear-gradient(top, #d6bd88, #b7a173);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#d6bd88, endColorstr=#b7a173, GradientType=0);
    border: 1px solid #b7a173;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.5);
    color: #ffffff;
}


#mask {
    display: none;
}