/* boxes { */
.box {
    border-collapse: collapse;
}

.box td {
    padding: 0;
}

.box td a {
    text-decoration: underline;
    color: white;
}

.box .topLeft, .box .topRight, .box .bottomRight, .box .bottomLeft {
    background-repeat: no-repeat;
    width: 7px;
    height: 7px;
}

.box .top, .box .bottom {
    background-repeat: repeat-x;
    height: 7px;
}

.box .left, .box .right {
    background-repeat: repeat-y;
    width: 7px;
}

.redBox .topLeft        { background-image: url(/images/boxes/Red-Box-Top-Left.png); }
.redBox .top            { background-image: url(/images/boxes/Red-Box-Top.png); }
.redBox .topRight       { background-image: url(/images/boxes/Red-Box-Top-Right.png); }

.redBox .left           { background-image: url(/images/boxes/Red-Box-Left.png); }
.redBox .center         { background-color: #a8202e; }
.redBox .right          { background-image: url(/images/boxes/Red-Box-Right.png); }

.redBox .bottomLeft     { background-image: url(/images/boxes/Red-Box-Bottom-Left.png); }
.redBox .bottom         { background-image: url(/images/boxes/Red-Box-Bottom.png); }
.redBox .bottomRight    { background-image: url(/images/boxes/Red-Box-Bottom-Right.png); }


.greenBox .topLeft        { background-image: url(/images/boxes/Green-Box-Top-Left.png); }
.greenBox .top            { background-image: url(/images/boxes/Green-Box-Top.png); }
.greenBox .topRight       { background-image: url(/images/boxes/Green-Box-Top-Right.png); }

.greenBox .left           { background-image: url(/images/boxes/Green-Box-Left.png); }
.greenBox .center         { background-color: #47a624; }
.greenBox .right          { background-image: url(/images/boxes/Green-Box-Right.png); }

.greenBox .bottomLeft     { background-image: url(/images/boxes/Green-Box-Bottom-Left.png); }
.greenBox .bottom         { background-image: url(/images/boxes/Green-Box-Bottom.png); }
.greenBox .bottomRight    { background-image: url(/images/boxes/Green-Box-Bottom-Right.png); }


.lightBrownBox .topLeft        { background-image: url(/images/boxes/Light-Brown-Box-Top-Left.png); }
.lightBrownBox .top            { background-image: url(/images/boxes/Light-Brown-Box-Top.png); }
.lightBrownBox .topRight       { background-image: url(/images/boxes/Light-Brown-Box-Top-Right.png); }

.lightBrownBox .left           { background-image: url(/images/boxes/Light-Brown-Box-Left.png); }
.lightBrownBox .center         { background-color: #989562; }
.lightBrownBox .right          { background-image: url(/images/boxes/Light-Brown-Box-Right.png); }

.lightBrownBox .bottomLeft     { background-image: url(/images/boxes/Light-Brown-Box-Bottom-Left.png); }
.lightBrownBox .bottom         { background-image: url(/images/boxes/Light-Brown-Box-Bottom.png); }
.lightBrownBox .bottomRight    { background-image: url(/images/boxes/Light-Brown-Box-Bottom-Right.png); }

.darkBrownBox .topLeft        { background-image: url(/images/boxes/Dark-Brown-Box-Top-Left.png); }
.darkBrownBox .top            { background-image: url(/images/boxes/Dark-Brown-Box-Top.png); }
.darkBrownBox .topRight       { background-image: url(/images/boxes/Dark-Brown-Box-Top-Right.png); }

.darkBrownBox .left           { background-image: url(/images/boxes/Dark-Brown-Box-Left.png); }
.darkBrownBox .center         { background-color: #615e4b; }
.darkBrownBox .right          { background-image: url(/images/boxes/Dark-Brown-Box-Right.png); }

.darkBrownBox .bottomLeft     { background-image: url(/images/boxes/Dark-Brown-Box-Bottom-Left.png); }
.darkBrownBox .bottom         { background-image: url(/images/boxes/Dark-Brown-Box-Bottom.png); }
.darkBrownBox .bottomRight    { background-image: url(/images/boxes/Dark-Brown-Box-Bottom-Right.png); }

/*  ---------------  */

.blueBox .topLeft        { background-image: url(/images/boxes/Blue-Box-Top-Left.png); }
.blueBox .top            { background-image: url(/images/boxes/Blue-Box-Top.png); }
.blueBox .topRight       { background-image: url(/images/boxes/Blue-Box-Top-Right.png); }

.blueBox .left           { background-image: url(/images/boxes/Blue-Box-Left.png); }
.blueBox .center         { background-color: #798f8d; }
.blueBox .right          { background-image: url(/images/boxes/Blue-Box-Right.png); }

.blueBox .bottomLeft     { background-image: url(/images/boxes/Blue-Box-Bottom-Left.png); }
.blueBox .bottom         { background-image: url(/images/boxes/Blue-Box-Bottom.png); }
.blueBox .bottomRight    { background-image: url(/images/boxes/Blue-Box-Bottom-Right.png); }

/* } boxes */