/* Boxes */
.box {
    padding: 0;
    margin: 5px 5px 0 5px;
    text-align: left;
    border: 1px solid;
}

.simplebox {
    padding: 0;
    margin: 5px 5px 0px 0px;
    text-align: left;
    border: 0px;
}

.boxblue {
    border-color: rgb(48, 90, 153);
}

.boxblue .boxtitle {
    color: rgb(19, 51, 97);
    background-color: rgb(139, 161, 202);
    background-image: url(/img/box-blue.gif);
    border-bottom-color: rgb(48, 90, 153);
}

.simpleboxblue .simpleboxtitle {
    background-color: rgb(169, 194, 231);
}

.boxblue .boxcontent {
    background-color: rgb(196, 215, 244);
}

.boxblue .boxcontentdark {
    background-color: rgb(139, 161, 202);
}

.seethrough .boxblue .boxcontent {
    background-color: rgba(196, 215, 244, 0.85);
}

.boxgold {
    border-color: rgb(136, 90, 0);
}

.boxgold  .boxtitle {
    color: rgb(123, 84, 9);
    background-color: rgb(234, 191, 68);
    background-image: url(/img/box-gold.gif);
    border-bottom-color: rgb(136, 90, 0);
}

.simpleboxgold .simpleboxtitle {
    color: rgb(123, 84, 9);
    background-color: rgb(254, 227, 144);
}

.boxgold .boxcontent {
    background-color: rgb(252, 234, 183);
}

.boxgold .boxcontentdark {
    background-color: rgb(234, 191, 68);
}

.seethrough .boxgold .boxcontent {
    background-color: rgba(252, 234, 183, 0.85);
}

.boxgreen {
    border-color: rgb(74, 120, 79);
}

.boxgreen .boxtitle {
    color: rgb(30, 60, 59);
    background-color: rgb(144, 184, 146);
    background-image: url(/img/box-green.gif);
    border-bottom-color: rgb(74, 120, 79);
}

.simpleboxgreen .simpleboxtitle {
    color: rgb(30, 60, 59);
    background-color: rgb(163, 196, 162);
}

.boxgreen .boxcontent {
    background-color: rgb(190, 214, 193);
}

.boxgreen .boxcontentdark {
    background-color: rgb(144, 184, 146);
}

.seethrough .boxgreen .boxcontent {
    background-color: rgba(190, 214, 193, 0.85);
}


/* This is actually the high-contrast style, called 'old' for backwards compatibility */
.boxold {
    border-color: rgb(136, 90, 0);
}

.boxold .boxtitle {
    color: black;
    background-color: rgb(252, 227, 168);
    background-image: url(/img/box-platinum.gif);
    border-bottom-color: rgb(136, 90, 0);
}

.simpleboxold .simpleboxtitle {
    color: black;
    background-color: rgb(252, 231, 178);
}

.boxold .boxcontent {
    background-color: rgb(252, 243, 218);
}

.boxold .boxcontentdark {
    background-color: rgb(252, 227, 168);
}

.seethrough .boxold .boxcontent {
    background-color: rgba(252, 243, 218, 0.85);
}

.boxpurple {
    border-color: rgb(128, 0, 128);
}

.boxpurple .boxtitle {
    color: rgb(128, 0, 128);
    background-color: rgb(204, 164, 214);
    background-image: url(/img/box-purple.gif);
    border-bottom-color: rgb(128, 0, 128);
}

.simpleboxpurple .simpleboxtitle {
    color: rgb(128, 0, 128);
    background-color: rgb(214, 171, 223);
}

.boxpurple .boxcontent {
    background-color: rgb(229, 195, 235);
}

.boxpurple .boxcontentdark {
    background-color: rgb(204, 164, 214);
}

.seethrough .boxpurple .boxcontent {
    background-color: rgba(229, 195, 235, 0.85);
}

.boxred {
    border-color: rgb(106, 0, 2);
}

.boxred .boxtitle {
    color: rgb(159, 27, 29);
    background-color: rgb(223, 149, 145);
    background-image: url(/img/box-red.gif);
    border-bottom-color: rgb(106, 0, 2);
}

.simpleboxred .simpleboxtitle {
    color: rgb(159, 27, 29);
    background-color: rgb(240, 181, 181);
}

.boxred .boxcontent {
    background-color: rgb(251, 213, 203);
}

.boxred .boxcontentdark {
    background-color: rgb(223, 149, 145);
}

.seethrough .boxred .boxcontent {
    background-color: rgba(251, 213, 203, 0.85);
}

.boxsilver {
    border-color: rgb(116, 116, 116);
}

.boxsilver .boxtitle {
    color: rgb(42, 86, 84);
    background-color: rgb(185, 185, 185);
    background-image: url(/img/box-silver.gif);
    border-bottom-color: rgb(116, 116, 116);
}

.simpleboxsilver .simpleboxtitle {
    color: rgb(42, 86, 84);
    background-color: rgb(194, 194, 194);
}

.boxsilver .boxcontent {
    background-color: rgb(215, 215, 215);
}

.boxsilver .boxcontentdark {
    background-color: rgb(185, 185, 185);
}

.seethrough .boxsilver .boxcontent {
    background-color: rgba(215, 215, 215, 0.85);
}

.boxwood {
    border-color: rgb(136, 90, 0);
}

.boxwood .boxtitle {
    color: rgb(123, 84, 9);
    background-color: rgb(206, 170, 108);
    background-image: url(/img/box-wood.gif);
    border-bottom-color: rgb(136, 90, 0);
}

.simpleboxwood .simpleboxtitle {
    color: rgb(123, 84, 9);
    background-color: rgb(220, 192, 148);
}

.boxwood .boxcontent {
    background-color: rgb(227, 212, 183);
}

.boxwood .boxcontentdark {
    background-color: rgb(206, 170, 108);
}

.seethrough .boxwood .boxcontent {
    background-color: rgba(227, 212, 183, 0.85);
}

.box .boxtitle, .simplebox .simpleboxtitle {
    font-family: "Tempus Sans ITC", "Comic Sans MS", "Times New Roman", serif;
    font-size: 1.3em;
    font-weight: bold;
    padding: 2px 10px 4px 10px;
    min-height: 27px;
}

.box .boxtitle {
    background-repeat: repeat-x;
}

.box .boxtitle:after {
    content: " " url(/img/black-arrow.gif);
    vertical-align: 15%;
}

.box .boxcontent, .box .boxcontentwhite {
    border-top: 1px solid;
}

.box .boxcontent, .box .boxcontentwhite, .box .boxcontentdark, .simplebox .simpleboxcontent {
    color: black;
    padding: 5px 10px 5px 10px;
}

.box .boxcontent img {
    vertical-align: middle;
}

.boxbottom {
    background-repeat: no-repeat;
    background-position: top center;
    height: 20px;
    margin: 0 5px 5px 5px;
    padding: 0;
}

