.info-box,  .note-box,  .tip-box,  .error-box {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 20px 0;
	padding: 10px;
	background: #eee;
	color: #777777;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);
	text-align: left;
}
.info-box .box-icon,  .note-box .box-icon,  .tip-box .box-icon,  .error-box .box-icon {
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	-webkit-opacity: 0.5;
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	position: relative;
	top: 3px;
	display: inline-block;
	margin-right: 10px;
	margin-left: 0;
	padding-right: 10px;
	width: 16px;
	height: 16px;
	border-right: 1px solid rgba(0, 0, 0, 0.3);
	background-image: url(../images/px_sprites.png);
	background-size: 528px 16px;
	background-repeat: no-repeat;
}
.info-box {
	background: #b8dbfe;
}
.info-box .box-icon {
	background-position: -159px 0;
}
.note-box {
	background: #faf1a9;
}
.note-box .box-icon {
	background-position: -224px 0;
	color: #333;
}
.error-box {
	background: #fcb4ad;
}
.error-box .box-icon {
	background-position: -352px 0;
}
.tip-box {
	background: #dceaa9;
}
.tip-box .box-icon {
	background-position: -319px 0;
}