div.r {
	position: relative;
	overflow: hidden;
	background: #FFFFFF;
	height: 1%;
}

div.r .content {
	padding: 12px;
	background: #F0F0F0;
	overflow: hidden;
	height: 1%;
}

/**
	CORNERS - 
		tl = TOP LEFT
		tr = TOP RIGHT
		bl = BOTTOM LEFT
		br = BOTTOM RIGHT
**/

.r .tl, .r .tr, .r .bl {
	width: 100%;
	display: block;
	overflow: hidden;
}

.r .tl {
	background: url('../images/corners/top_left.png') top left no-repeat;
}

.r .tr {
	background: url('../images/corners/top_right.png') top right no-repeat;
}

.r .bl {
	background: url('../images/corners/bottom_left.png') bottom left no-repeat;
}

.r .br {
	background: url('../images/corners/bottom_right.png') bottom right no-repeat;
	padding: 9px 8px;
}

.mainContent .r .tl {
	background: url('../images/corners/Forum_top_left.png') top left no-repeat;
}

.mainContent .r .tr {
	background: url('../images/corners/Forum_top_right.png') top right no-repeat;
}

.mainContent .r .bl {
	background: url('../images/corners/Forum_bottom_left.png') bottom left no-repeat;
}

.mainContent .r .br {
	background: url('../images/corners/Forum_bottom_right.png') bottom right no-repeat;
	padding: 9px 8px;
}








/** 
	.debug .r
		- Corners are pink
		- Sides are blue
		- Content is red
		- Holder is black
**/

.debug .r {
	border: 1px solid #000000;
}
.debug .r .content {
	background: #ffffff;
	opacity: 0.5;
}
.debug .r .c .tl,
.debug .r .c .tr,
.debug .r .c .bl,
.debug .r .c .br {
	background: #FF00FF;
	opacity: 0.5;
}
.debug .r .c .st,
.debug .r .c .sb,
.debug .r .c .sl,
.debug .r .c .sr {
	background:  #0000FF;
	opacity: 0.5;
}