.shade-box {
position: relative;
background: url('shade-box-bg-edge-left.gif') repeat-y;
margin-left:0; margin-right:0; margin-top:0; margin-bottom:20px
}
.shade-box .right-edge {
background: url('shade-box-bg-edge-right.gif') repeat-y right top;
position: relative
}
* html .shade-box .right-edge { /* IE6 hack */
height: 1px;
}

.shade-box .top {
position: absolute;
width: 100%;
height: 33px;
background: url('shade-box-bg-edge-top.gif') repeat-x;
}
.shade-box .top .left {
position: absolute;
width: 33px;
height: 33px;
background: url('shade-box-bg-corner-tl.gif') no-repeat;
}
.shade-box .top .right {
position: absolute;
right: 0px;
width: 39px;
height: 33px;
background: url('shade-box-bg-corner-tr.gif') no-repeat;
}

.shade-box .bottom {
position: absolute;
bottom: 0px;
width: 100%;
height: 40px;
background: url('shade-box-bg-edge-bottom.gif') repeat-x;
}
.shade-box .bottom .left {
width: 33px;
height: 40px;
background: url('shade-box-bg-corner-bl.gif') no-repeat;
}
.shade-box .bottom .right {
position: absolute;
right: 0px;
bottom: 0px;
width: 39px;
height: 40px;
background: url('shade-box-bg-corner-br.gif') no-repeat;
}
.shade-box .content {
position: relative;
padding: 16px 22px 22px 20px;
z-index: 10;
}