/* =========================
   CONTENT BOX SYSTEM
   ========================= */

[class^="content-box-"] {
	margin: 0 0 10px;
	padding: 10px;
	overflow: hidden;
}

/* hover link */
[class^="content-box-"] a:hover {
	text-decoration: underline;
}

/* ===== COLOR VARIANTS ===== */

.content-box-blue {
	background: #d8ecf7;
	border: 1px solid #afcde3;
}

.content-box-gray {
	background: #e2e2e2;
	border: 1px solid #bdbdbd;
}

.content-box-green {
	background: #d9edc2;
	border: 1px solid #b2ce96;
}

.content-box-purple {
	background: #e2e2f9;
	border: 1px solid #bebde9;
}

.content-box-red {
	background: #f9dbdb;
	border: 1px solid #e9b3b3;
}

.content-box-yellow {
	background: #fef5c4;
	border: 1px solid #fadf98;
}

/* ===== ALERT BOX ===== */

.content_alert {
	background: #fff1f0;
	color: #ce2642;
	padding: 10px;
	line-height: 1.4;
	border: 3px dashed #ce2642;
	margin-bottom: 10px;
}

.alert_link {
	background: #fff1f0;
	color: #d40736;
	padding: 20px;
	line-height: 1.4;
	border: 3px dashed #d40736;
	margin: 15px 0;
	clear: both;
}