.roundedCorners{
	width: 100%;
	height: 100%;
}

.topRight,
.topLeft,
.bottomRight,
.bottomLeft{
	position: absolute;
	z-index: 10;
	background-repeat: no-repeat;
	overflow: hidden;
}

.bottomLeft{
	bottom: 0;
	left: 0;
}

.bottomRight{
	bottom: 0;
	right: 0;
}

.topLeft{
	top: 0;
	left: 0;
}

.topRight{
	top: 0;
	right: 0;
}

/** the non image classes TODO: make work for anything else but 5px rounded corners */

.rtop, .rbottom{
	display:block;
	background:#fff;
}
 .rtop *, .rbottom *{
	display: block;
	height: 1px;
	overflow: hidden;
	background:#ccc;
}

.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}