/* WIREFRAME CURVEBOXES */

.cbb { margin: 1em 0; padding: 0 10px; border: 1px solid #666; background: #fff; float: left }

.cb { margin: 0.5em 0 }

.bt { height: 17px; margin: 0 0 0 18px; background:url('../../images/contentBox.gif') no-repeat 100% 0 }

.bt div { position: relative; left: -18px; width: 18px; height: 17px; background:url('../../images/contentBox.gif') no-repeat 0 0; font-size: 0; line-height: 0 }

.bb { height: 14px; margin: 0 0 0 12px; background: url('../../images/contentBox.gif') no-repeat 100% 100% }

.bb div { position: relative; left: -12px; width: 12px; height: 14px; background: url('../../images/contentBox.gif') no-repeat 0 100%; font-size:0; line-height:0 }


.i1 { padding: 0 0 0 2px; background: url('../../images/contentBorders.gif') repeat-y 0 0 }

.i2 { padding: 0 2px 0 0; background: url('../../images/contentBorders.gif') repeat-y 100% 0 }

.i3 { display: block; margin: 0; padding: 1px 10px; background: #fff }

.i3 { display: inline-block }

.i3 { display: block }

.i3:after { content:"."; display: block; height: 0; clear: both; visibility: hidden }