.error,
.success
{
	position: relative;
	overflow: visible;
	text-align: left;
	line-height: 1.5;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
	-moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
	box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
}
.error
{
	color: #401010;
	text-shadow: 1px 1px rgba( 241, 199, 199, .5 );
	background: #E18787;
/*
	background: #E9A7A7;

	background: -webkit-gradient( linear, left bottom, left top, from(#E9A7A7), to(#E18787) );
	background: -webkit-linear-gradient( bottom, #E9A7A7, #E18787 );
	background: -moz-linear-gradient( bottom, #E9A7A7, #E18787 );
	background: -ms-radial-gradient( bottom, #E9A7A7, #E18787 );
	background: -o-linear-gradient( bottom, #E9A7A7, #E18787 );
	background: linear-gradient( bottom, #E9A7A7, #E18787 );
*/
}
.success
{
	color: #021202;
	text-shadow: 1px 1px rgba( 210, 250, 210, .5 );
	background: #C2F6C2;

	background: -webkit-gradient( linear, left bottom, left top, from(#C2F6C2), to(#A0F0A0) );
	background: -webkit-linear-gradient( bottom, #C2F6C2, #A0F0A0 );
	background: -moz-linear-gradient( bottom, #C2F6C2, #A0F0A0 );
	background: -ms-radial-gradient( bottom, #C2F6C2, #A0F0A0 );
	background: -o-linear-gradient( bottom, #C2F6C2, #A0F0A0 );
	background: linear-gradient( bottom, #C2F6C2, #A0F0A0 );
}

.error a,
.success a { color: #5E8BA0 !important; }
.error a:hover,
.success a:hover { color: #2C596E !important; }

.error a.close,
.success a.close { display: block; position: absolute; top: -14px; right: -14px; height: 36px; width: 36px; background-image: url(images/image_closeButton.png); }
.error.big,
.success.big { margin: 10px 10px 20px 10px; padding: 20px; }
.error.big p,
.success.big p { margin: 2px 0; text-indent: -0.6em; padding-left: 10px; }
.error.small,
.success.small { display: inline-block; margin: 10px 1%; padding: 6px 10px; line-height: 1.2em; }

.error.small:after,
.success.small:after
{
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	content: '';
	position: absolute;
	left: 18px;
	top: -9px;
	margin-left: -10px;
}
.error.small:after
{
	border-bottom: 10px solid #E18787;
}
.success.small:after
{
	border-bottom: 10px solid #A0F0A0;
}


@media screen and (max-width: 600px) {

	.error.big,
	.success.big { margin-bottom: 25px; padding: 20px 10px 20px 20px; }
}