/* Border Boxes using CSS */ .bb1, .bb2, .bb3, .bb4, .bb5, .content {border:1px solid;border-width:0 1px;} .bb1, .bb2, .bb3, .bb4, .bb5 {height:1px;overflow:hidden;*font-size:1px;} .bb5 {margin:0 5px;} .bb4 {margin:0 3px;border-width:0 2px;} .bb3 {margin:0 2px;} .bb2 {margin:0 1px;} .bb1 {margin:0 1px;} .bhead{padding:0 5px 5px 5px;font:sans-serif;font-weight:bold;font-size:11px;color:#fff !important;} .bhead h3{margin:0 5px;color:#fff !important;} .sb1, .sb2, .sb3, .sb4, .sb5 {height:1px; font-size:1px; overflow:hidden;} .sb5 {margin:0 5px;} .sb4 {margin:0 3px;} .sb3 {margin:0 2px;} .sb2 {margin:0 1px;} .sb1 {margin:0 1px;} .content {padding:5px;*width:100%;} .bc{border-color:maroon;} .tc{color:maroon;} .bg{background:maroon;} /* To define your custom colors to your box just check implementation at http://wsd1r.petersons.com/includes/roundedbox/PeteRoundedBox.html Note: make sure your doc type is or */ .mbox { background:#ffffff; width:155px;margin:0px;} .mcontent{border:2px solid #900;padding:5px 5px 0 5px; overflow:hidden;border-top:0px;position:relative;} .mtop div {background:url(/common/images/mar_tl.gif) no-repeat top left;width:100%; overflow:hidden;} .mtop {background:maroon url(/common/images/mar_tr.gif) no-repeat top right;} .mbot h5 { background:url(/common/images/maroon_box_bottom.gif) no-repeat;margin:0;padding:0;height:21px; } .mbot {position:relative;top:-3px;} .mtop div h3{color:white;font-size:11px;margin:3px;padding:0 5px;} .newsletter {background:url(/common/images/email_widget_bg2.gif) no-repeat;width:155px; height:160px; margin:0 0 5px 10px; overflow:hidden; } .newsletter div{padding:5px 10px 0 10px;} .mbottom h5 { background:url(/common/images/maroon_peach_box_bottom.gif) no-repeat;margin:0;padding:0;height:21px; } .mbottom {position:relative;top:-3px;}