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

/** Normal Style Positions **/
body > div.jGrowl { position: fixed; }
body > div.jGrowl.top-left { left: 0px; top: 0px;}
body > div.jGrowl.top-right { right: 0px; top: 170px; }
body > div.jGrowl.bottom-left { left: 0px; bottom: 0px; }
body > div.jGrowl.bottom-right { right: 0px; bottom: 0px; }
body > div.jGrowl.center { top: 50%; width: 50%; left: 25%;}
/** Cross Browser Styling **/
div.jGrowl div.jGrowl-closer { background: #000; color: #fff; }
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:block; position:relative; display: none;
	opacity: .85; filter: alpha(opacity = 85); zoom: 1;
	width: 300px; padding: 5px; margin-top: 5px; margin-bottom: 5px;
	background: #fff; border: 3px solid #666; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	font-size: 110%; font-weight: bold;
	text-align: left;
}

div.jGrowl div.jGrowl-notification { min-height: 40px;  }
div.jGrowl div.jGrowl-notification div.header { font-weight: bold; font-size: 10px; }
div.jGrowl div.jGrowl-notification div.close { position:absolute; top: -5px; right:2px; font-weight: bold; font-size: 14px; 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; }
div.jGrowl div.jGrowl-closer { background:#fff;color:#514721;border-color:#aaa; }
div.jGrowl .error .message { padding-left: 40px; min-height: 32px; background: url(/images/icons/exclamation.png) center left no-repeat; }


/** 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%;
}

