/* 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: #305a99;
}

.boxblue .boxtitle {
    color: #133361;
    background-color: #8ba1ca;
    background-image: url(/img/box-blue.gif);
    border-bottom-color: #305a99;
}

.simpleboxblue .simpleboxtitle {
    background-color: #a9c2e7;
}

.boxblue .boxcontent {
    background-color: #c4d7f4;
}

.boxblue .boxcontentdark {
    background-color: #8ba1ca;
}

.boxgold {
    border-color: #885a00;
}

.boxgold  .boxtitle {
    color: #7b5409;
    background-color: #eabf44;
    background-image: url(/img/box-gold.gif);
    border-bottom-color: #885a00;
}

.simpleboxgold .simpleboxtitle {
    color: #7b5409;
    background-color: #fee390;
}

.boxgold .boxcontent {
    background-color: #fceab7;
}

.boxgold .boxcontentdark {
    background-color: #eabf44;
}

.boxgreen {
    border-color: #4a784f;
}

.boxgreen .boxtitle {
    color: #1e3c3b;
    background-color: #90b892;
    background-image: url(/img/box-green.gif);
    border-bottom-color: #4a784f;
}

.simpleboxgreen .simpleboxtitle {
    color: #1e3c3b;
    background-color: #a3c4a2;
}

.boxgreen .boxcontent {
    background-color: #bed6c1;
}

.boxgreen .boxcontentdark {
    background-color: #90b892;
}

/* This is actually the high-contrast style, called 'old' for backwards compatibility */
.boxold {
    border-color: #885a00;
}

.boxold .boxtitle {
    color: black;
    background-color: #fce3a8;
    background-image: url(/img/box-platinum.gif);
    border-bottom-color: #885a00;
}

.simpleboxold .simpleboxtitle {
    color: black;
    background-color: #fce7b2;
}

.boxold .boxcontent {
    background-color: #fcf3da;
}

.boxold .boxcontentdark {
    background-color: #fce3a8;
}

.boxpurple {
    border-color: #800080;
}

.boxpurple .boxtitle {
    color: #800080;
    background-color: #cca4d6;
    background-image: url(/img/box-purple.gif);
    border-bottom-color: #800080;
}

.simpleboxpurple .simpleboxtitle {
    color: #800080;
    background-color: #d6abdf;
}

.boxpurple .boxcontent {
    background-color: #e5c3eb;
}

.boxpurple .boxcontentdark {
    background-color: #cca4d6;
}

.boxred {
    border-color: #6a0002;
}

.boxred .boxtitle {
    color: #9f1b1d;
    background-color: #df9591;
    background-image: url(/img/box-red.gif);
    border-bottom-color: #6a0002;
}

.simpleboxred .simpleboxtitle {
    color: #9f1b1d;
    background-color: #f0b5b5;
}

.boxred .boxcontent {
    background-color: #fbd5cb;
}

.boxred .boxcontentdark {
    background-color: #df9591;
}

.boxsilver {
    border-color: #747474;
}

.boxsilver .boxtitle {
    color: #2a5654;
    background-color: #b9b9b9;
    background-image: url(/img/box-silver.gif);
    border-bottom-color: #747474;
}

.simpleboxsilver .simpleboxtitle {
    color: #2a5654;
    background-color: #c2c2c2;
}

.boxsilver .boxcontent {
    background-color: #d7d7d7;
}

.boxsilver .boxcontentdark {
    background-color: #b9b9b9;
}

.boxwood {
    border-color: #885a00;
}

.boxwood .boxtitle {
    color: #7b5409;
    background-color: #ceaa6c;
    background-image: url(/img/box-wood.gif);
    border-bottom-color: #885a00;
}

.simpleboxwood .simpleboxtitle {
    color: #7b5409;
    background-color: #dcc094;
}

.boxwood .boxcontent {
    background-color: #e3d4b7;
}

.boxwood .boxcontentdark {
    background-color: #ceaa6c;
}

.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;
}

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