/* CSS to make the rounded-boxes used everywhere. */

table.Box {
    border-width: 0px;
    border-spacing: 0px;
    border-collapse: separate;
}

td.BoxCell, td.BoxLeft, td.BoxRight, td.BoxTopLeft, td.BoxTopRight, td.BoxBottomLeft, td.BoxBottomRight {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

td.BoxLeft {
    background-image: url(../Images/Box%20L.png);
    background-repeat: repeat-y;
}

td.BoxRight {
    background-image: url(../Images/Box%20R.png);
    background-repeat: repeat-y;
}

td.BoxTop {
    background-image: url(../Images/Box%20T.png);
    background-repeat: repeat-x;
}

td.BoxBottom {
    background-image: url(../Images/Box%20B.png);
    background-repeat: repeat-x;
}

td.BoxTopLeft {
    background-image: url(../Images/Box%20TL.png);
    background-repeat: no-repeat;
}

td.BoxTopRight {
    background-image: url(../Images/Box%20TR.png);
    background-repeat: no-repeat;
}

td.BoxBottomLeft {
    background-image: url(../Images/Box%20BL.png);
    background-repeat: no-repeat;
}

td.BoxBottomRight {
    background-image: url(../Images/Box%20BR.png);
    background-repeat: no-repeat;
}

td.BoxContent {
    background-image: url(../Images/Box%20inner.png);
    vertical-align: top;
    padding: 1px;
}