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

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

div.ie6.top-right {
   right: auto;
   bottom: auto;
   left: expression((0 - growl.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 - growl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px' );
   top: expression((0 - growl.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 - growl.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.growl {
   position: fixed;
}

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

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

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

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

body > div.growl.center {
   top: 40%;
   width: 50%;
   left: 25%;
}

/** cross browser styling **/
div.center div.growl-notification, div.center div.growl-closer {
   margin-left: auto;
   margin-right: auto;
}

div.growl div.growl-notification, div.growl div.growl-closer {
   background-color: #DFF1FF;
   border: 1px solid #3399CC;   
   color: #000;
   opacity: .85;
   filter: alpha(opacity = 85);
   zoom: 1;
   width: 330px;
   padding: 10px;
   margin-top: 5px;
   margin-bottom: 5px;
   font-family: calibri, arial, helvetica, sans-serif;
   font-size: 16px;
   text-align: left;
   display: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
   border-radius: 5px;
}

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

div.growl div.growl-notification div.header {
   font-weight: bold;
   font-size: 14px;
}

div.growl div.growl-notification div.close {
   float: right;
   font-weight: bold;
   font-size: 16px;
   cursor: pointer;
}

div.growl div.growl-closer {
   height: 15px;
   padding-top: 4px;
   padding-bottom: 4px;
   cursor: pointer;
   font-size: 13px;
   font-weight: bold;
   text-align: center;
}