div.jGrowl {
    padding: 10px;
    z-index: 9999
}

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%
}

body > div.jGrowl {
    position: fixed
}

body > div.jGrowl.top-left {
    left: 0;
    top: 0
}

body > div.jGrowl.top-right {
    right: 0;
    top: 0
}

body > div.jGrowl.bottom-left {
    left: 0;
    bottom: 0
}

body > div.jGrowl.bottom-right {
    right: 0;
    bottom: 0
}

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

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 {
    /*background-color: #fff;*/
    color: #000;
    /*opacity: .85;*/
    filter: alpha(opacity=85);
    zoom: 1;
    width: 235px;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 1.2rem;
    text-align: left;
    display: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;


    border: 1px solid rgb(204, 204, 204);
    background-color: rgb(248, 233, 161);

    /*background-color: #e5ecf9 !important;*/
    /*border: 1px solid #c3d9ff !important;*/
}

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

div.jGrowl div.jGrowl-notification.polygon {
    border: 1px solid rgb(204, 204, 204);
    background-color: rgb(248, 233, 161);
    /*background-color: #e5ecf9 !important;*/
    /*border: 1px solid #c3d9ff !important;*/
}

div.jGrowl div.jGrowl-notification div.header {
    font-weight: 700;
    font-size: 1rem
}

div.jGrowl div.jGrowl-notification div.close {
    float: right;
    font-weight: 700;
    font-size: 1.2rem;
    cursor: pointer
}

div.jGrowl div.jGrowl-closer {
    height: 15px;
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: pointer;
    font-size: 1.1rem;
    font-weight: 700;
    text-align: center
}

.jGrowl-notification .message, .jGrowl-closer {
    font-size: 0.8rem !important;
    word-break: break-word;
}

/* Local fix: outline on hover. */

div.jGrowl :hover {
    border-color: #e7c12e !important;
    outline: solid 1px #e7c12e !important;
}

div.jGrowl.bottom-right div.jGrowl-notification :hover {
    outline: none !important;
}
