File: css/jquery.gdMessage.css

/*
	some "alert" classes override bootstrap classes,
	and there are some other bootstrap-like alert classes.
	adapt as you see fit.
*/

.container
{
	width      : 600px;
	height     : 500px;
	padding    : 10px;
	border     : 1px solid #AAA;
	margin     : auto;
	margin-top : 2px;
}

.gdAlert
{
	font-size           : 1.0em;
	margin              : 10px 0;
	line-height         : normal;
	padding             : 10px 10px 10px 44px;
	background-repeat   : no-repeat;
	background-position : 16px 10px;
	text-align          : left;
}

.alert-danger
{
	color            : #AC2925;
	background-color : #FEF0FB;
	background-image : url(gdMessage/msgError.png);
	border-color     : #AC2925;
}

.alert-danger:hover
{
	background-color : #FEF5FC;

}

.alert-default
{
	color            : #333333;
	background-color : #EBEBEB;
	background-image : url(gdMessage/msgDefault.png);
	border-color     : #ADADAD;
}

.alert-default:hover
{
	background-color : #F2F2F2;
	border-color     : #A20000;
}

.alert-info
{
	color            : #31708F;
	background-color : #D9EDF7;
	background-image : url(gdMessage/msgInfo.png);
	border-color     : #269ABC;
}

.alert-info:hover
{
	background-color : #E6F3FA;
	border-color     : #A20000;
}

.alert-primary
{
	color            : #31708F;
	background-color : #C1D5FC;
	background-image : url(gdMessage/msgPrimary.png);
	border-color     : #31708F;
}

.alert-primary:hover
{
	background-color : #E0EAFD;
	border-color     : #A20000;
}

.alert-success
{
	color            : #398439;
	background-color : #DFF0D8;
	background-image : url(gdMessage/msgSuccess.png);
	border-color     : #398439;
}

.alert-success:hover
{
	background-color : #EAF5E5;
	border-color     : #A20000;
}

.alert-validate
{
	color            : #D63301;
	background-color : #FFCCBA;
	background-image : url(gdMessage/msgValidate.png);
	border-color     : #EB805E;
}

.alert-validate:hover
{
	background-color : #FFEEE8;
	border-color     : #A20000;
}

.alert-warning
{
	color            : #8A6D3B;
	background-color : #FCF8E3;
	background-image : url(gdMessage/msgWarning.png);
	border-color     : #B09B73;
}

.alert-warning:hover
{
	background-color : #FEFDF6;
	border-color     : #A20000;
}

.horizontallySpaced
{
	margin-left  : 6px;
	margin-right : 6px;
}