.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;
    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;
}