
div.jGrowl {
	//padding: 			10px;
	z-index: 			9999;
	color: 				#fff;
	font-size: 			12px;
}

/** Normal Style Positions **/
div.jGrowl {
	position:			absolute;
}

body > div.jGrowl {
	position:			fixed;
}

div.jGrowl.top-left {
	left: 				0px;
	top: 				0px;
}

div.jGrowl.top-right {
	right: 				0px;
	top: 				0px;
}

div.jGrowl.bottom-left {
	left: 				0px;
	bottom:				0px;
}

div.jGrowl.bottom-right {
	right: 				0px;
	bottom: 			0px;
}

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 {
	background-color: 		#000;
	opacity: 				.85;
    -ms-filter: 			"progid:DXImageTransform.Microsoft.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: 				1em;
	text-align: 			left;
	display: 				none;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
}

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

div.jGrowl div.jGrowl-notification div.jGrowl-header {
	font-weight: 			bold;
	font-size:				.85em;
}

div.jGrowl div.jGrowl-notification div.jGrowl-close {
	z-index:				99;
	float: 					right;
	font-weight: 			bold;
	font-size: 				1em;
	cursor:					pointer;
}

div.jGrowl div.jGrowl-closer {
	padding-top: 			4px;
	padding-bottom: 		4px;
	cursor: 				pointer;
	font-size:				.9em;
	font-weight: 			bold;
	text-align: 			center;
	display:none;
	visibility:hidden;
}

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


div.jGrowl div.manilla {
        background-color: 		#FFF1C2;
        color: 					navy;
    }
	
	div.jGrowl div.green {
		border:1px solid #57763d;
		/*background: url(includes/js/jgrowl/images/smoke.png);*/
		color:#fff;
		width:100%;
		background:#57763d;
		color:#fff;
		padding:10px 12px 4px 6px;
		position:fixed;
		right:0;
		top:0;
		margin-top:0;
		text-align:center;
		height:50px;
		font-size:18px;
    }
	
	div.jGrowl div.red {
        border:1px solid #b64442;
		/*background: url(includes/js/jgrowl/images/smoke.png);*/
		color:#fff;
		width:100%;
		background:#b64442;
		color:#fff;
		padding:10px 12px 4px 6px;
		position:fixed;
		right:0;
		top:0;
		margin-top:0;
		text-align:center;
		height:50px;
		font-size:18px;
    }
    
    
    div.jGrowl div.smoke {
        background: url(smoke.png) no-repeat;
        -moz-border-radius: 	0px;
        -webkit-border-radius:	0px;
        width: 					380px;
        height: 				55px;
        overflow: 				hidden;
    }

    div.jGrowl div.flora {
        background: 			#E6F7D4 url(flora-notification.png) no-repeat;
        -moz-border-radius: 	0px;
        -webkit-border-radius:	0px;
        opacity: 				1;
        filter: 				alpha(opacity = 100);
        width: 					270px;
        height: 				90px;
        padding: 				0px;
        overflow: 				hidden;
        border-color: 			#5ab500;
    }

    div.jGrowl div.flora div.message {
        padding: 				5px;
        color: 					#000;
    }
    
    div.jGrowl div.flora div.header {
        background: 			url(flora-header.png) no-repeat;
        padding: 				5px;
    }

    div.jGrowl div.flora div.close {
        background: 			url(flora-close.png) no-repeat;
        padding: 				5px;
        color: 					transparent;
        padding: 				0px;
        margin: 				5px;
        width:					17px;
    }
    
    div.jGrowl div.iphone {
        font-family: 			"Helvetica Neue", "Helvetica";
        font-size: 				12px;
        background: 			url(iphone.png) no-repeat;
        -moz-border-radius: 	0px;
        -webkit-border-radius:	0px;
        opacity: 				.90;
        filter: 				alpha(opacity = 90);
        width: 					245px;
        height: 				137px;
        padding: 				0px;
        overflow: 				hidden;
        border-color: 			#5ab500;
        color: 					#fff;
    }

    div.jGrowl div.iphone div.message {
        padding-top: 			0px;
        padding-bottom: 		7px;
        padding-left: 			15px;
        padding-right: 			15px;
    }
    
    div.jGrowl div.iphone div.header {
        padding: 				7px;
        padding-left: 			15px;
        padding-right: 			15px;
        font-size: 				17px;
    }

    div.jGrowl div.iphone div.close {
        display: 				none;
    }
    
    div#random {
        width: 					1000px;
        background-color: 		red;
        line-height: 			60px;
    }
