/**
  $Id$
  CSS for rounded corners, used by roundedCorners.tag.
  This CSS with the images is set up for 10 pixels rounded border and F8F8F8 background color.
 */

.roundedcornr_box {
/*   background: #330000 url(roundedcornr_grad.gif) repeat-x top left;*/
}

.roundedcornr_top div {
   background: url(../images/roundedCorners/roundedcornr_tl.png) no-repeat top left;
}
.roundedcornr_top {
   background: transparent url(../images/roundedCorners/roundedcornr_tr.png) no-repeat top right;
}
.roundedcornr_bottom div {
   background: url(../images/roundedCorners/roundedcornr_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom {
   background: transparent url(../images/roundedCorners/roundedcornr_br.png) no-repeat bottom right;
}

/*
	Note: the original height and margin value for roundercorner was 10px, but I've modified to reduce the size of the rounded corner
 */
.roundedcornr_top div, .roundedcornr_top,
.roundedcornr_bottom div, .roundedcornr_bottom {
   width: 100%;
   height: 5px;
   font-size: 1px;
}

.roundedcornr_content {
	margin: 0 10px 0px 5px;
}