

div.jGrowl {
    z-index:            9999;
}

/** Special IE6 Style Positioning **/
div.ie6 {
    position:           absolute;
}

div.ie6.top-right {
    right:              auto;
    bottom:             auto;
    left:               expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top:                expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
    left:               expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top:                expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
    left:               expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top:                expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
    left:               expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top:                expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
    left:               expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top:                expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
    width:              100%;
}

/** Normal Style Positions **/
div.jGrowl {
    position:           absolute;
}

body > div.jGrowl {
    position:           fixed;
}

div.jGrowl.top-left {
    left:               0px;
    top:                0px;
}

div.jGrowl.top-right {
    right:              0px;
    top:                0px;
}

div.jGrowl.bottom-left {
    left:               0px;
    bottom:             0px;
}

div.jGrowl.bottom-right {
    right:              0px;
    bottom:             0px;
}

div.jGrowl.center {
    top:                0px;
    width:              50%;
    left:               25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
    margin-left:        auto;
    margin-right:       auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
    padding: 9px 14px;
    text-align: left;
    white-space: normal;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;

    /*opacity:                .85;
    -ms-filter:             "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter:                 progid:DXImageTransform.Microsoft.Alpha(Opacity=85);*/
    zoom:                   1;
    width:                  235px;
    margin-top:             5px;
    margin-bottom:          5px;
    display:                none;
}

div.jGrowl div.jGrowl-notification {
/*     min-height:             40px; */
}

div.jGrowl div.jGrowl-notification,
div.jGrowl div.jGrowl-closer {
    margin:                 10px;
}

div.jGrowl div.jGrowl-notification div.jGrowl-header {
    font-weight:            bold;
    font-size:              .85em;
}

div.jGrowl div.jGrowl-notification div.jGrowl-close {
    z-index:                99;
    float:                  right;
    font-weight:            bold;
    font-size:              1em;
    cursor:                 pointer;
}

div.jGrowl div.jGrowl-closer {
    padding-top:            4px;
    padding-bottom:         4px;
    cursor:                 pointer;
    font-size:              .9em;
    font-weight:            bold;
    text-align:             center;
}

/** Hide jGrowl when printing **/
@media print {
    div.jGrowl {
        display:            none;
    }
}
