/**
 * Styling for the Messages component
 * 
 * @package Core
 * @subpackage Scripts
 * @author TimoBakx
 * 
 * Changelog
 * 2.0.0
 *		Rewritten for message divs instead of a dialog
 * 1.0.0
 * 		First version
 */

/* Each message */
.systemMessage {
	background-repeat:   no-repeat;
	background-position: 5px 5px;
	vertical-align:      middle;
	min-height:          22px;
	line-height:         20px;
	padding:             2px 25px;
	border:              1px solid black;
	margin-bottom:       10px;
	position:            relative;
}

/* Message type 1 (information) */
.systemMessage1 {
	background-image: url("../images/messages/info.png");
	background-color: #C8E3F4;
	border-color:     #004AB0;
}
.systemMessage1, .systemMessage1 a {
	color:            #004AB0;
}

/* Message type 2 (warning) */
.systemMessage2 {
	background-image: url("../images/messages/warning.png");
	background-color: #FFFFC1;
	border-color:     #CDA819;
}
.systemMessage2, .systemMessage2 a {
	color:            #917100;	
}

/* Message type 3 (error) */
.systemMessage3 {
	background-image: url("../images/messages/error.png");
	background-color: #FFCDBF;
	border-color:     #D71E00;
}
.systemMessage3, .systemMessage3 a {
	color:            #D71E00;	
}

/* Message type 4 (success) */
.systemMessage4 {
	background-image: url("../images/messages/success.png");
	background-color: #D3FFC1;
	border-color:     #007600;
}
.systemMessage4, .systemMessage4 a {
	color:            #007600;
}

/* Dismiss link */
.systemMessageDismiss {
	position:        absolute;
	top:             2px;
	right:           5px;
	text-decoration: none;
}