.msgGrowl-container {
    width: 300px;
    position: fixed;
}

.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 0 0 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: 0px 0px 10px 0px; }

.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 { padding: 5px 5px 5px 5px; }
.msgGrowl.success .msgGrowl-content { background: url(../images/msgGrowl_success.png) no-repeat;
                                      background-size: 30px auto; }
.msgGrowl.success .msgGrowl-content { padding-left: 40px; }
.msgGrowl.success h4 { color: #5B7027; }

.msgGrowl.error { padding: 5px 5px 5px 5px; }
.msgGrowl.error .msgGrowl-content { background: url(../images/msgGrowl_error.png) no-repeat;
                                    background-size: 30px auto;}
.msgGrowl.error .msgGrowl-content { padding-left: 40px; }
.msgGrowl.error h4 { color: #AF4434; }

.msgGrowl.info { padding: 5px 5px 5px 5px; }
.msgGrowl.info .msgGrowl-content { background: url(../images/msgGrowl_info.png) no-repeat;
                                   background-size: 30px auto; }
.msgGrowl.info .msgGrowl-content { padding-left: 40px; }
.msgGrowl.info h4 { color: #316AB7; }

.msgGrowl.Mt4 { padding: 5px 0px 0px 0px; }
.msgGrowl.Mt4 .msgGrowl-content { background: url(../images/MT4.png) no-repeat; 
                                  background-size: 50px auto;}
.msgGrowl.Mt4 .msgGrowl-content { padding-left: 50px;}
.msgGrowl.Mt4 h4 { color: #316AB7; }

.msgGrowl.AIDI { padding: 5px 5px 5px 10px; }
.msgGrowl.AIDI .msgGrowl-content { background: url(../images/aidi.png) no-repeat; 
                                     background-size: 30px auto;}
.msgGrowl.AIDI .msgGrowl-content { padding-left: 40px; padding-top: 5px;}
.msgGrowl.AIDI h4 { color: #316AB7; }

.msgGrowl.warning { padding: 5px 5px 5px 5px; }
.msgGrowl.warning .msgGrowl-content { background: url(../images/msgGrowl_warning.png) no-repeat;
                                      background-size: 30px auto; }
.msgGrowl.warning .msgGrowl-content { padding-left: 40px; }
.msgGrowl.warning h4 { color: #B69201; }