/* styles specifically for the rounded boxes */

/* content */

.box .content {
    padding: 16px;
    padding-top: 2px;
    padding-bottom: 2px;
    position: relative;
    }

.box .m {
    background: #faf0fc url('../images/bg_box.png') bottom left repeat-x;
    position: relative;
    }

.box {
    margin-bottom: 16px; /* space between boxes */
    padding-top: 0px;
    position: relative;
    }

/* sides */

.box .b {
    background: url('../images/box_b.png') repeat-x;
    height: 14px;
    margin-left:7px;
    margin-right:14px;
    position: relative;
    }

.box .l {
    position: absolute;
    width: 7px;
    }

.box .r {
    background: url('../images/box_r.png') repeat-y;
    height: 100%;
    right: 0px;
    position: absolute;
    width: 14px;
    }

.box .t {
    background-color:#faf0fc;
    height: 7px;
    position: relative;
    }

/* corners */

.box .bl {
    background: url('../images/box_bl.png') no-repeat;
    height: 14px;
    left: 0px;
    margin-left: -7px;
    position: absolute;
    width: 7px;
    }

.box .br {
    background: url('../images/box_br.png') no-repeat;
    height: 14px;
    right: 0px;
    margin-right: -14px;
    position: absolute;
    width: 14px;
    }

.box .tl {
    background: url('../images/box_tl.png') no-repeat;
    height: 14px;
    left: 0px;
    position: absolute;
    width: 7px;
    }

.box .tr {
    background: url('../images/box_tr.png') no-repeat;
    height: 7px;
    right: 0px;
    position: absolute;
    width: 14px;
    }