
div.jGrowl {padding:10px; 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 **/
body > div.jGrowl { position: fixed; } 
body > div.jGrowl.top-left { left:0px; top:0px;}
body > div.jGrowl.top-right { top:0px; right:250; }
body > div.jGrowl.bottom-left { left:0px; bottom:0px;}
body > div.jGrowl.bottom-right { right:0px; bottom:0px;}
body > 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 {
 position:fixed;
 background-color:   #000;
 color: #fff;
 opacity:0.85;
 filter:alpha(opacity= 85);
 filter:progid:DXImageTransform.Microsoft.alpha(opacity=85);
 zoom: 1;
 width: 235px;
 padding:10px;
 margin-top:5px;
 margin-bottom:5px;
 font-family:Tahoma, Arial, Helvetica, sans-serif;
 font-size:12px;
 text-align:left;
 display:none;
 -moz-border-radius:  5px;
 -webkit-border-radius: 5px;
}
div.jGrowl {
filter:alpha(opacity= 85);
 filter:progid:DXImageTransform.Microsoft.alpha(opacity=85);
}

div.jGrowl div.jGrowl-notification { direction:rtl; text-align:right; min-height:40px;}
div.jGrowl div.jGrowl-notification div.jgrowlHeader { font-weight:bold; font-size:10px;}
div.jGrowl div.jGrowl-notification div.close { float: right; font-weight:bold; font-size:12px; cursor:pointer;}
div.jGrowl div.jGrowl-closer {
 height:15px;
 padding-top:4px;
 padding-bottom:   4px;
 cursor:pointer;
 font-size:11px;
 font-weight:bold;
 text-align:center;
}

#settings { cursor:pointer; }
.setting_btn { background-color:#CCCCCC; border:1px solid #666666; font:11px tahoma; -moz-border-radius: 5px;-webkit-border-radius: 5px; }