/* reset existing elements */
.photo { display: block; font-size: 0; line-height: 0; }
.caption img { display: block; font-size: 0; line-height: 0; }
.caption br { display: none; }

/* container */
.rc { position: relative; font-size: 0; line-height: 0; } 
.rc img { margin: 0; padding: 0; } /* We must clear margins/padding for corners to stick correctly */

/* corners */
.rc div { position: absolute; height: 10px; width: 10px; font-size: 0; overflow: hidden; z-index: 99; }
html>body .rc div { background: transparent url(../images/bg/roundedcorners.png) no-repeat; } /* modern browsers */

.rc div.r1 { top: 0; left: 0; background-position: top left; }
.rc div.r2 { top: 0; right: 0;  background-position: top right; }
.rc div.r3 { bottom: 0; right: 0; background-position: bottom right; }
.rc div.r4 { bottom: 0; left: 0; background-position: bottom left; }

/* IE 5.5+6 only - AlphaImageLoader filter is not a true background image so separate corner images are used. */
* html .rc div.r1 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg/roundedcorner1.png',sizingMethod='scale'); }
* html .rc div.r2 { margin: 0 -1px 0 0; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg/roundedcorner2.png',sizingMethod='scale'); }
* html .rc div.r3 { margin: 0 -1px -1px 0; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg/roundedcorner3.png',sizingMethod='scale'); }
* html .rc div.r4 { margin: 0 0 -1px 0; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg/roundedcorner4.png',sizingMethod='scale'); }


/* rounded borders */

.t {background:  url("../images/bg/blue-th.gif") 0 0 repeat-x; width: 15em}
.b {background:  url("../images/bg/blue-bh.gif") 0 100% repeat-x}
.l {background:  url("../images/bg/blue-lv.gif") 0 0 repeat-y}
.r {background:  url("../images/bg/blue-rv.gif") 100% 0 repeat-y}
.bl {background:  url("../images/bg/blue-bl.gif") 0 100% no-repeat}
.br {background:  url("../images/bg/blue-br.gif") 100% 100% no-repeat}
.tl {background:  url("../images/bg/blue-tl.gif") 0 0 no-repeat}
.tr {background:  url("../images/bg/blue-tr.gif") 100% 0 no-repeat; padding:10px}