/**
 *
 * CSS dédié aux messages du système
 * 2013 - Fabien Lelu pour La Financière Tiepolo
 *
 */

#help { text-align:center; position:fixed; width:100%; height:100%; z-index:99998; }
#help .messages { position:relative; z-index:99999; top:40%; margin:0 auto 20px auto; width:500px; vertical-align:middle; text-align:left; }
#help .bgd-messages { position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000000; z-index:99998; opacity:0.5; -moz-opacity:0.85; -ms-filter:"alpha(opacity=50)"; /* IE 8 */ filter:alpha(opacity=50); /* IE < 8 */ }

div.messages { background-position: 8px 8px; background-repeat: no-repeat; border: 1px solid; margin: 6px 0; padding: 10px 10px 10px 50px; /* LTR */ }
div.status { background-image: url("../images/message-24-ok.png"); border-color: #be7; }
div.status, .ok { color: #234600; }
div.status, table tr.ok { background-color: #f8fff0; }

div.warning { background-image: url("../images/message-24-warning.png"); border-color: #ed5; }
div.warning, .warning { color: #840; }
div.warning, table tr.warning { background-color: #fffce5; }

div.error { background-image: url("../images/message-24-error.png"); border-color: #ed541d; }
div.error, .error { color: #8c2e0b; }
div.error, table tr.error { background-color: #fef5f1; }
div.error p.error { color: #333; }

div.messages ul { margin: 0 0 0 1em; padding: 0; }
div.messages ul li { list-style-image: none; }