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

.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' );
}

.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' );
}

.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' );
}

.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' );
}

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


/** jGrowl Styling **/
.jGrowl {
	z-index: 			9999;
	color: 				#fff;
	font-size: 			12px;
	position:			fixed;
}

.jGrowl.top-left {
	left: 				10px;
	top: 				0px;
	max-width:			370px;
}

.jGrowl.top-right {
	right: 				10px;
	top: 				0px;
	max-width:			370px;
}

.jGrowl.bottom-left {
	left: 				10px;
	bottom:				0px;
	max-width:			370px;
}

.jGrowl.bottom-right {
	right: 				10px;
	bottom: 			0px;
	max-width:			370px;
}

.jGrowl.center {
	top: 				0px;
	width: 				50%;
	left: 				25%;
}

/** Cross Browser Styling **/
.center .jGrowl-notification, .center .jGrowl-closer {
	margin-left: 		auto;
	margin-right: 		auto;
}

.jGrowl .jGrowl-notification, .jGrowl .jGrowl-closer {
	background-color: 		#000;
	opacity: 				.90;
	-ms-filter: 			"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; 
	filter: 				progid:DXImageTransform.Microsoft.Alpha(Opacity=75); 
	zoom: 					1;
	min-width: 				285px;
	padding: 				10px;
	padding-left:			50px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				1.1em;
	text-align: 			left;
	display: 				none;
	border-radius:			5px;
}

.jGrowl:hover .jGrowl-notification:hover {
	opacity: 				1;
	-ms-filter: 			"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: 				progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

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

.jGrowl .jGrowl-notification,
.jGrowl .jGrowl-closer {
	margin: 				10px;
}

.jGrowl .jGrowl-notification .jGrowl-header {
	font-weight: 			bold;
	font-size:				106%;
}

.jGrowl .jGrowl-message {
	font-size: 				105%;
}

.jGrowl .jGrowl-notification .jGrowl-close {
	z-index: 99;
	font-weight: bold;
	font-size: 1.1em;
	cursor: pointer;
	outline: none;
    width: 30px;
    height: 30px;
	position: absolute;
    right: -10px;
    top: -10px;
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.jGrowl .jGrowl-closer {
	padding-top: 			4px;
	padding-bottom: 		4px;
	padding-left:			4px;
	min-width:				335px;
	cursor: 				pointer;
	font-size:				.9em;
	font-weight: 			bold;
	text-align: 			center;
}

@media (max-width: 399px) {
    #jGrowl{
        left: 0px;
        width: 100%;
    }
}

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