/* Round boxes */

.roundBox .topSide,
.roundBox .bottomSide {
	font-size: 2px;
	height: 8px;
}

.roundBox.withTitle .topLeft,
.roundBox.withTitle .topRight,
.roundBox.withTitle .topSide {
	height: 32px;
}

.roundBox.withTitle .topSide {
	color: white;
	font-size: 12pt;
	font-weight: bold;
	line-height: 32px;
	text-align: left;
	text-shadow: 0 -1px gray;
}

.roundBox .topLeft,
.roundBox .bottomLeft,
.roundBox .leftSide {
	padding-left: 8px;
}

.roundBox .topRight,
.roundBox .bottomRight,
.roundBox .rightSide {
	padding-right: 8px;
}

.roundBox .topLeft { background: url(images/roundBox/top-left.png) no-repeat left top; }
.roundBox.withTitle .topLeft { background-image: url(images/roundBox/top-left-title.png); }
.roundBox .topRight { background: url(images/roundBox/top-right.png) no-repeat right top; }
.roundBox.withTitle .topRight { background-image: url(images/roundBox/top-right-title.png); }
.roundBox .topSide { background: url(images/roundBox/top-side.png) repeat-x top; }
.roundBox.withTitle .topSide { background-image: url(images/roundBox/top-side-title.png); }

.roundBox .bottomLeft { background: url(images/roundBox/bottom-left.png) no-repeat left bottom; }
.roundBox .bottomRight { background: url(images/roundBox/bottom-right.png) no-repeat right bottom; }
.roundBox .bottomSide { background: url(images/roundBox/bottom-side.png) repeat-x bottom; }

.roundBox .leftSide { background: url(images/roundBox/left-side.png) repeat-y left; }
.roundBox .rightSide { background: url(images/roundBox/right-side.png) repeat-y right; }
.roundBox .background {
	background: url(images/roundBox/background.png) repeat;
	padding: 10px;
}
.roundBox.withTitle .background {
	padding: 2px;
}