/**
 *	Notification area
 */
 /*
 http://www.smashingmagazine.com/2009/12/16/stronger-better-faster-design-with-css3/
 */
#notification{
	display: block; width: 95%;
	position: fixed; top: -310px; left: 10px;
	padding: 50px 20px 20px 20px;
	border: solid 1px #999;
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)), to(rgb(230,230,230)));
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	/*
	-webkit-transition: -webkit-transform 0.25s ease-out;
	-webkit-transform: translateY(-570px);
	*/
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
	-moz-border-radius: 0 0 6px 6px;
	/*-moz-transform: translateY(-570px);*/
	
	z-index: 50;
	background: gray;
	text-align: center;
	font-size: 25px;
	}
#notification.success{background-color: green; border-color: forrestGreen;}
#notification.alert{background-color: gold; border-color: darkOrange}