/* Corners */

div.t, div.b {
    clear: both;
    font-size: 0px;
    height: 8px;
}

div.t span, div.b span {
    background-repeat: no-repeat;
    height: 8px;
    display: block;
}

div.t span.l, div.b span.l {
    display: inline;
    float: left;
    width: 4px;
}

div.t span.r, div.b span.r {
    margin-left: 4px;
}

div.t.wht_top span {
    background-image: url('../img/layout/corners/bg-wht-tp.png');
}

div.t span.l {
    background-position: 0px 0px;
}

div.t span.r {
    background-position: 100% 0px;
}

div.b.wht_btm span {
    background-image: url('../img/layout/corners/bg-wht-btm.png');
}

div.b span.l {
    background-position: 0px 100%;
}

div.b span.r {
    background-position: 100% 100%;
}

/* Other modifications due to corners */

#main-content .main-content-body {
    /* reduce vertical padding by 4px for corners to replace */
    padding-top: 6px;
    padding-bottom: 6px;
}