.roundbox-tr {
	margin:15px auto;
	padding:0;
	background:#b20838 url("../interface_img/content_rounded_box_dark/content_roundbox_tr.png") no-repeat right top;
	width: 100%;
	color: #ffffff !important;
}

/* top-left corner and left side */
.roundbox-tl {
	margin:0;
	padding:0;
	background: url("../interface_img/content_rounded_box_dark/content_roundbox_tl.png") no-repeat left top;
	height: 100%;
}

/* bottom-right corner and bottom side */
.roundbox-br {
	margin:0;
	padding:0;
	background:   url("../interface_img/content_rounded_box_dark/content_roundbox_br.png") no-repeat right bottom;
}

/* bottom-left corner */
.roundbox-bl {
	margin:0;
	padding:0;
	background:   url("../interface_img/content_rounded_box_dark/content_roundbox_bl.png") no-repeat left bottom;
}

/* content div, it could be omitted (the content going into "roundbox-bl" but I felt that alinging the content was easier 
with "roundbox-content" in place */
.roundbox-content {
   padding:17px;
	*padding: 0px  !important;
	margin:0;
	min-height: 108px;
}