/* -------------- KEY --------------
r = leading style id
l = left only (no rounding on right)
r = right only (no rounding on left)
e = different coloured edge (border)
a = smoothed (anti-aliased)
s = small (3px rounding, not 5px)
x = inside colour is transparent
1-4 = rounding effect stack level
--------------------------------- */

.rTop,.rEdgeTop     { display:block; }
.rTop *,.rEdgeTop * { display:block; height:1px; overflow:hidden; font-size:1px; }
.rEdgeTop *         { border-style: solid; border-width:0 1px; }

.r1,.rl1,.re1,.rel1 { margin-left:5px; }
.r1,.rr1,.re1,.rer1 { margin-right:5px; }
.r2,.rl2,.re2,.rel2,.ra1,.ral1 { margin-left:3px; }
.r2,.rr2,.re2,.rer2,.ra1,.rar1 { margin-right:3px; }
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1 { margin-left:2px; }
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1 { margin-right:2px; }
.r4,.rl4,.re4,.rel4,.ra3,.ral3,.rs2,.rsl2,.res2,.resl2,.ras1,.rasl1 { margin-left:1px; }
.r4,.rr4,.re4,.rer4,.ra3,.rar3,.rs2,.rsr2,.res2,.resr2,.ras1,.rasr1 { margin-right:1px; }
.rx1,.rxl1 { border-left-width:5px; }
.rx1,.rxr1 { border-right-width:5px; }
.rx2,.rxl2 { border-left-width:3px; }
.rx2,.rxr2 { border-right-width:3px; }
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1 { border-left-width:2px; }
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1 { border-right-width:2px; }
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2 { border-right-width:0; }
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2 { border-left-width:0; }
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4 { height:2px; }
.re1,.rel1,.rer1,.res1,.resl1,.resr1 { border-width:1px 0 0; height:0px !important; height /**/:1px; }