/*
---------------------------------------------------------
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; }