.bl {background: url(/Resources/user/john/bl.gif) 0 100% no-repeat #03B2C3; width: 30em}
.br {background: url(/Resources/user/john/br.gif) 100% 100% no-repeat}
.tl {background: url(/Resources/user/john/tl.gif) 0 0 no-repeat}
.tr {background: url(/Resources/user/john/tr.gif) 100% 0 no-repeat; padding:10px}


.bl1 {background: url(/Resources/user/john/1bl.gif) 0 100% no-repeat #D2EAED; width: 30em}
.br1 {background: url(/Resources/user/john/1br.gif) 100% 100% no-repeat}
.tl1 {background: url(/Resources/user/john/1tl.gif) 0 0 no-repeat}
.tr1 {background: url(/Resources/user/john/1tr.gif) 100% 0 no-repeat; padding:10px}

.bl2 {background: url(/Resources/user/john/bl.gif) 0 100% no-repeat #03B2C3; width: 13.5em}
.br2 {background: url(/Resources/user/john/br.gif) 100% 100% no-repeat}
.tl2 {background: url(/Resources/user/john/tl.gif) 0 0 no-repeat}
.tr2 {background: url(/Resources/user/john/tr.gif) 100% 0 no-repeat; padding:10px}

.bl3 {background: url(/Resources/user/john/3bl.gif) 0 100% no-repeat #B9E1E7; width: 30em}
.br3 {background: url(/Resources/user/john/3br.gif) 100% 100% no-repeat}
.tl3 {background: url(/Resources/user/john/3tl.gif) 0 0 no-repeat}
.tr3 {background: url(/Resources/user/john/3tr.gif) 100% 0 no-repeat; padding:10px}



.clear {font-size: 1px; height: 1px}
.clear1 {font-size: 1px; height: 1px}
.clear2 {font-size: 1px; height: 1px}