/** COLOR BOXES TO GO WITH THE COLORBOXES FILTER */

.colorbox {
    margin-top:1em;
    margin-bottom:1em;
    margin-left: 30px;
    margin-right: 30px;
    padding:0 0.5em;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color: #000;
}
.greenbox {
    border:1px solid #98be10;
    background:#f6feda;
}

.yellowbox {
    border:1px solid #F2FF00;
    background:#FBFDDB;
}
.redbox {
    border:1px solid #FF4232;
    background: #FFD2CE;
}
.bluebox {
    border:1px solid #110AFA;
    background: #DEDDFD;
}
.pinkbox {
    border:1px solid #DB00DC;
    background: #FFDFFF;
}
.purplebox {
    border:1px solid #920CEF;
    background: #F2DFFF;
}
.orangebox {
    border:1px solid #FF9E06;
    background: #F6DBB8;
}
.greybox {
    border:1px solid #A2A2A2;
    background: #F0F0F0;
}
.bwbox {
    border:1px solid #000;
    background: #fff;

}
.wbbox {
    border:1px solid #fff;
    background: #000;
    color: #fff;
}

/** Additional boxes based on the Tango Palette **/
.butter {
    border:1px solid #edd400;
    background: #fce94f;
}

.darkbutter {
    border:1px solid #c4a000;
    background:#edd400;
}

.orange {
    border:1px solid #f57900;
    background:#fcaf3e;
}

.darkorange {
    border:1px solid #ce5c00;
    background:#f57900;
    color: white;
}

.chocolate {
    border:1px solid #c17d11;
    background:#e9b96e;
}

.darkchocolate {
    border:1px solid #8f5902;
    background:#c17d11;
    color: white;
}

.chameleon {
    border:1px solid #73d216;
    background:#8ae234;
}

.darkchameleon {
    border: 1px solid #4e9a06;
    background: #73d216;
    color: white;
}

.skyblue {
    border:1px solid #3465a4;
    background:#729fcf;
}

.darkskyblue {
    border:1px solid #204a87;
    background:#3465a4;
    color: white;
}

.plum {
    border:1px solid #75507b;
    background:#ad7fa8;
    color: white;
}

.darkplum {
    border:1px solid #5c3566;
    background:#75507b;
    color: white;
}

.scarletred {
    border:1px solid #cc0000;
    background:#ef2929;
    color: white;
}

.darkscarletred {
    border:1px solid #a40000;
    background:#cc0000;
    color: white;
}

.aluminium {
    border:1px solid #d3d7cf;
    background:#eeeeec;
}

.darkaluminium {
    border:1px solid #babdb6;
    background:#d3d7cf;
}

.silver {
    border:1px solid #555753;
    background:#888a85;
}

.darksilver {
    border:1px solid #2e3436;
    background:#555753;
    color: white;
}