/*
---------------------------------------------------------
global-alert.css : global css rules for alert messages.

legacy alert boxes had id of 'global-alert' and a class of one of 'error', 'info', 
'success', or 'warning' - this css file continues to support this for previously
generated files.

6.9 and later boxes have two classes: 'global-alert' and one of 
'global-alert-error', 'global-alert-info', etc.

author:   samira vijghen, js
version:  11 november 2011

please do not change this file 
--------------------------------------------------------- */
#global-alert, .global-alert {
	border: 1px solid;
	font-family:arial, helvetica, sans-serif; 
	font-size:12px;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center; }

#global-alert.error, .global-alert-error {
	background-color: #fbe3e4; 
	background-image: url('../images/global-error.png');
	border-color: #fbc2c4; 
	color: #8a1f11;
        font-weight:bold;   }

#global-alert.info, .global-alert-info {
	background-color:#e8effb;
	background-image: url('../images/global-info.png'); 
	border-color:#50adea;
	color: #00529b;}

#global-alert.success, .global-alert-success {
	background-color: #e6efc2; 
	border-color: #c6d880;
	background-image:url('../images/global-success.png');
	color: #264409;  }

#global-alert.warning, .global-alert-warning {
	background-color: #ffffcc; 
	background-image: url('../images/global-warning.png'); 
	color: #c10; 
	border-color: #ffd324;}

#global-alert a, .global-alert a { font-weight:bold; }
#global-alert a:hover, .global-alert a:hover { background-color:#fff; }
.error a, .global-alert-error a    { color: #8a1f11; }
.info a, .global-alert-info a {color:#1975d7;}
.success a, .global-alert-success a  { color: #264409; }
.warning a, .global-alert-warning a { color:#f30; }

