div.jGrowl {
        z-index:   9999;
        color:     #fff;
        right: 10px;
}

/** 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
{
        zoom:                           1;

        width:                          100%;
        text-align:                     left;
        display:                        none;
        /* make new context for position: absolute; of close-x */
        position:                       relative;
}

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


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

div.jGrowl div.jGrowl-notification button.jGrowl-close {
        z-index: 99;
}

div.jGrowl div.jGrowl-closer {
        padding-top: 4px;
        padding-bottom: 4px;
        padding-right: 30px;
        cursor: pointer;
        text-align: left;
        line-height: 14px;
}

div.jGrowl .jGrowl-message {
        color: #4e4f52;
        overflow-x: hidden;
        text-overflow: ellipsis;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
}

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

/******************************
 *
 * Web SDK jGrowl
 *
 *****************************/


/** jGrowl Severity Style **/
div.jgrowl-error {
    border-color: rgba(250,157,145,0.8);
    background: rgba(250,157,145,0.8);
    color: #FFFFFF;
}

div.jgrowl-info {
    border-color: rgba(203,204,206,0.8);
    background: rgba(203,204,206,0.8);
}

div.jgrowl-success {
    border-color: rgba(206,235,150, 0.8);
    background: rgba(206,235,150, 0.8);
}

/** 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 {
    display: none;

    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    text-align: left;
    z-index: 9999;
}

div.jGrowl div.jGrowl-notification {
    min-height: 15px;
    position: relative;
}

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

div.jGrowl div.jGrowl-closer:hover {
    background-color: #737375;
}

.jGrowl-closer .jgrowl-closer-x {
    display: none;
}

div.jGrowl button.jGrowl-close:hover {
    color: #b1b1b2;
}

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

/******************************
 *
 * Web SDK jGrowl END
 *
 *****************************/