.blue-box {
	background-color: #3B5998 !important;
	color: White;
}

.green-box {
	background-color: #248F11 !important;
	color: White;
}

.red-box {
	background-color: #C60035 !important;
	color: White;
}

.orange-box {
	background-color: Orange !important;
	color: Black;
}

.yellow-box
{
	background-color: #fff9cb;
	color: Black;
}
.yellow-box div.inner
{
	border: solid 1px #EFD695;
}

.pink-box
{
	background-color: #f8d3d3;
	color: Black;
}
.pink-box div.inner
{
	border: solid 1px #f6b3b3;
}

.grey-box {
	background-color: #eee !important;
	color: Black;
}

.rounded-box
{
	border: none !important;
}
	.rounded-box div.tr,
	.rounded-box div.tl,
	.rounded-box div.br,
	.rounded-box div.bl
	{
		background-repeat: no-repeat;
		background-image: url(../images/rounded-corners-white.png);
		width: 4px;
		height: 4px;
	}
	.rounded-box div.tr
	{
		float: right;
		background-position: -4px 0;
	}
	.rounded-box div.tl
	{
		float: left;
		background-position: 0 0;
	}
	.rounded-box div.br
	{
		margin-top: -4px;
		float: right;
		background-position: -4px -4px;
	}
	.rounded-box div.bl
	{
		margin-top: -4px;
		float: left;
		background-position: 0 -4px;
	}

div.inner
{
	padding: 1em;
}


/* The yellow box overrides with a bordered corner set */
.yellow-box div.tr,
.yellow-box div.tl,
.yellow-box div.br,
.yellow-box div.bl
{
	background-repeat: no-repeat;
	background-image: url(../images/rounded-white-orangeborder.png);
	width: 4px;
	height: 4px;
}


/* The pink box overrides with a bordered corner set */
.pink-box div.tr,
.pink-box div.tl,
.pink-box div.br,
.pink-box div.bl
{
	background-repeat: no-repeat;
	background-image: url(../images/rounded-white-redborder.png);
	width: 4px;
	height: 4px;
}