table.rect {
}

table.rect tr td {
    padding: 0px;
    margin: 0px;
    width: 30px;
    height: 30px;
}

table.rect tr.middle td.middle {
    width: 300px;
    height: auto;

    padding: 10px 0px 10px 0px;

    text-align: center;
}

table.rect tr.top td.left {
    background-position: bottom right;
    background-repeat: no-repeat;
    background-image: url("../images/rect-top-left.png");
}

table.rect tr.top td.middle {
    background-position: bottom center;
    background-repeat: repeat-x;
    background-image: url("../images/rect-top.png");
}

table.rect tr.top td.right {
    background-position: bottom left;
    background-repeat: no-repeat;
    background-image: url("../images/rect-top-right.png");
}

table.rect tr.middle td.left {
    background-position: center right;
    background-repeat: repeat-y;
    background-image: url("../images/rect-left.png");
}

table.rect tr.middle td.right {
    background-position: center left;
    background-repeat: repeat-y;
    background-image: url("../images/rect-right.png");
}

table.rect tr.bottom td.left {
    background-position: top right;
    background-repeat: no-repeat;
    background-image: url("../images/rect-bottom-left.png");
}

table.rect tr.bottom td.middle {
    background-position: top center;
    background-repeat: repeat-x;
    background-image: url("../images/rect-bottom.png");
}

table.rect tr.bottom td.right {
    background-position: top left;
    background-repeat: no-repeat;
    background-image: url("../images/rect-bottom-right.png");
}