.msgGrowl-container {
    width: 300px;
    position: fixed;
    z-index:9999;
}

.top-right { top: 10px; right: 15px; }
.bottom-right { bottom: 10px; right: 15px; }

.top-left { top: 10px; left: 15px; }
.bottom-left { bottom: 10px; left: 15px; }

.top-center { top: 10px; left: 50%; margin-left: -150px; }
.bottom-center { bottom: 10px; left: 50%; margin-left: -150px; }

.msgGrowl {
    background: #DDD;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F9F9F9), color-stop(1, #D5D5D5));
    background: -moz-linear-gradient(top, #F9F9F9, #D5D5D5);
    background: -o-linear-gradient(#F9F9F9, #D5D5D5);	
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#D5D5D5');

    width: 300px;
    font-size: 11px;
    color: #333; 

    padding: 0;
    margin: 0 0 10px 0;
    border: 1px solid #A8A8A8;
    position: relative;

    -webkit-box-shadow: 0 0 7px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 7px rgba(0,0,0,.3);
    -o-box-shadow: 0 0 7px rgba(0,0,0,.3);
    box-shadow: 0 0 7px rgba(0,0,0,.3);

    -webkit-text-shadow: 0 0 1px #FFF;
    -moz-text-shadow: 0 0 1px #FFF;
    -o-text-shadow: 0 0 1px #FFF;
    text-shadow: 0 0 1px #FFF;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.msgGrowl h4 {
    font-size: 13px;
    color: #333;
    margin-bottom: .5em;

    -webkit-text-shadow: 0 0 1px #FFF;
    -moz-text-shadow: 0 0 1px #FFF;
    -o-text-shadow: 0 0 1px #FFF;
    text-shadow: 0 0 1px #FFF;
}

.msgGrowl-content { padding: 10px 20px 10px 10px; }

.msgGrowl-close {
    background: url(../images/msgGrowl_close.png) no-repeat 50% 50%;
    width: 11px;
    height: 10px;

    position: absolute;
    top: 10px;
    right: 10px;

    opacity: .4;
}

.msgGrowl-close:hover { opacity: 1; cursor: pointer; }

.msgGrowl.success .msgGrowl-content { background: url(../images/msgGrowl_success.png) no-repeat 10px 13px; }
.msgGrowl.success .msgGrowl-content { padding-left: 50px; }
.msgGrowl.success h4 { color: #5B7027; }

.msgGrowl.error .msgGrowl-content { background: url(../images/msgGrowl_error.png) no-repeat 10px 13px; }
.msgGrowl.error .msgGrowl-content { padding-left: 50px; }
.msgGrowl.error h4 { color: #AF4434; }

.msgGrowl.info .msgGrowl-content { background: url(../images/msgGrowl_info.png) no-repeat 10px 13px; }
.msgGrowl.info .msgGrowl-content { padding-left: 50px; }
.msgGrowl.info h4 { color: #316AB7; }

.msgGrowl.warning .msgGrowl-content { background: url(../images/msgGrowl_warning.png) no-repeat 10px 13px; }
.msgGrowl.warning .msgGrowl-content { padding-left: 50px; }
.msgGrowl.warning h4 { color: #B69201; }