div#jsflash { 
    position: fixed; 
    top: 0px; 
    left: 0px; 
    width: 100%; 
    z-index: 1000; 
    color: white; 
    border-bottom: 1px solid #555; 
}
div#jsflash .flash_msg_container { padding: 5px 20px; }

div#jsflash .flash_msg_container p { 
    margin: 0;
    text-align: left;
}

/* errors */
div#jsflash.failure, 
div#jsflash.error,
div#jsflash.warning { background-color: #880000; }
div#jsflash.failure:hover, 
div#jsflash.error:hover,
div#jsflash.warning:hover { background-color: #990000; }
div#jsflash.warning p { 
    background: transparent url('/img/icons/bell.png') no-repeat right; 
}
div#jsflash.failure p {
    background: transparent url('/img/icons/cancel.png') no-repeat right; 
} 
div#jsflash.error p { 
    background: transparent url('/img/icons/error.png') no-repeat right; 
}

/* success */
div#jsflash.success { background-color: #0C614C; }
div#jsflash.success:hover { background-color: #0C704C; }
div#jsflash.success p { 
    background: transparent url('/img/icons/bell.png') no-repeat right; 
}

/* info */
div#jsflash.information { background-color: #4E6172; }
div#jsflash.information:hover { background-color: #4E6185; }
div#jsflash.information p { 
    background: transparent url('/img/icons/bell.png') no-repeat right; 
}


div#jsflash.success, 
div#jsflash.failure, 
div#jsflash.error { 
    text-shadow: black 2px 2px 2px; 
}