#globalNotify
{
	box-sizing: border-box;

	position: absolute;
	z-index:999; /* allow modal z-index to cover notification (modals are 1000) */

	top:0px;
	left: 0px; 
	right: 0px;
	height: 50px;

	padding: 5px;

	font-size: 11pt;
	text-align: center;

	background: #f4f4f4;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE5JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f4f4f4 0%, #f6f6f6 19%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(19%,#f6f6f6), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #f4f4f4 0%,#f6f6f6 19%,#ffffff 100%);
	background: -o-linear-gradient(top,  #f4f4f4 0%,#f6f6f6 19%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #f4f4f4 0%,#f6f6f6 19%,#ffffff 100%);
	background: linear-gradient(to bottom,  #f4f4f4 0%,#f6f6f6 19%,#ffffff 100%);
	
	cursor: pointer;

	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	-ms-transition: .4s;
	transition: .4s;

	
	-webkit-transform: translate3d(0px, -50px, 0px);
	-moz-transform: translate(0px, -50px);
	-o-transform: translate(0px, -50px);
	-ms-transform: translate(0px, -50px);
	transform: translate(0px, -50px);


}

#globalNotify.on
{

	-webkit-transform: translate3d(0px, 0px, 0px);
	-moz-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);

}

	#globalNotify:before
	{
		
		height: 100%;
		line-height: 100%;

		display: inline-block;
		content:'';

		vertical-align: middle;
	}

#globalNotify .message
{
	
	display:inline-block;
	vertical-align: middle;

	color: #000;
	opacity: 0;

	-webkit-transition: .7s;
	-moz-transition: .7s;
	-o-transition: .7s;
	-ms-transition: .7s;
	transition: .7s;

}

	#globalNotify .message.on
	{
		opacity: 1;
	}

#globalNotify .close
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	
	line-height: 25px;
	height: 25px;
	width: 75px;
	
	text-align: center;

	font-size: 12pt;

	border: 1px solid silver;
	border-bottom-width: 0px;
	border-right-width: 0px;

	border-top-left-radius: 4px;
	
	background: rgba(200,200,200,1);
}

	#globalNotify .close:hover
	{
		background: rgba(255,255,255,1);
	}