#jGrowl {
	position: fixed;
	top: 10px;
	right: 10px;
	z-index: 9999;
}
.admin-menu #jGrowl {
	position: fixed;
	top: 25px;
	right: 10px;
}
#jGrowl .jGrowl-notification{
	width: 250px;
	padding: 7px 15px 7px 10px;
	margin: 0 0 5px;
	color: #fff;
	font: 12px/14px arial;
	position: relative;
	right: 0;
	display: none;
	border-radius: 5px;
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-o-transition: 0.6s;
}
#jGrowl .jGrowl-notification.form {
	
}
#jGrowl .jGrowl-notification a {
	color: #fff;
}
#jGrowl .jGrowl-notification.anime,
#jGrowl .jGrowl-closer.anime{
  animation: animationFrames linear 1s;
  animation-iteration-count: 1;
  transform-origin: ;
  -webkit-animation: animationFrames linear 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: ;
  -moz-animation: animationFrames linear 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: ;
  -o-animation: animationFrames linear 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: ;
  -ms-animation: animationFrames linear 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: ;
}
@keyframes animationFrames{
  0% { left:0px; top:0px; opacity:0; transform:  rotate(0deg) scaleX(0.3) scaleY(0.3) ; }
  50% { transform:  scaleX(0.95) scaleY(0.95) ; }
  60% { opacity:1; transform:  scaleX(1.1) scaleY(1.1) ; }
  100% { left:0px; top:0px; opacity:1; transform:  rotate(0deg) scaleX(1) scaleY(1) ; }
}
@-moz-keyframes animationFrames{
  0% { left:0px; top:0px; opacity:0; -moz-transform:  rotate(0deg) scaleX(0.3) scaleY(0.3) ; }
  50% { -moz-transform:  scaleX(0.95) scaleY(0.95) ; }
  60% { opacity:1; -moz-transform:  scaleX(1.1) scaleY(1.1) ; }
  100% { left:0px; top:0px; opacity:1; -moz-transform:  rotate(0deg) scaleX(1) scaleY(1) ; }
}
@-webkit-keyframes animationFrames {
  0% { left:0px; top:0px; opacity:0; -webkit-transform:  rotate(0deg) scaleX(0.3) scaleY(0.3) ; }
  50% { -webkit-transform:  scaleX(0.95) scaleY(0.95) ; }
  60% { opacity:1; -webkit-transform:  scaleX(1.1) scaleY(1.1) ; }
  100% { left:0px; top:0px; opacity:1; -webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) ; }
}
@-o-keyframes animationFrames {
  0% { left:0px; top:0px; opacity:0; -o-transform:  rotate(0deg) scaleX(0.3) scaleY(0.3) ; }
  50% { -o-transform:  scaleX(0.95) scaleY(0.95) ; }
  60% { opacity:1; -o-transform:  scaleX(1.1) scaleY(1.1) ; }
  100% { left:0px; top:0px; opacity:1; -o-transform:  rotate(0deg) scaleX(1) scaleY(1) ; }
}
@-ms-keyframes animationFrames {
  0% { left:0px; top:0px; opacity:0; -ms-transform:  rotate(0deg) scaleX(0.3) scaleY(0.3) ; }
  50% { -ms-transform:  scaleX(0.95) scaleY(0.95) ; }
  60% { opacity:1; -ms-transform:  scaleX(1.1) scaleY(1.1) ; }
  100% { left:0px; top:0px; opacity:1; -ms-transform:  rotate(0deg) scaleX(1) scaleY(1) ; }
}
#jGrowl .jGrowl-notification .jGrowl-close {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 13px;
	height: 14px;
	text-indent: -9999px;	
	cursor: pointer;
	background: url("exit.png") no-repeat scroll 0 0 transparent;
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-o-transition: 0.6s;
}
#jGrowl .jGrowl-notification .jGrowl-close:hover {
	opacity: 0.7;
}
#jGrowl .jGrowl-closer {
	border-radius: 5px;
	cursor: pointer;
	padding: 5px 15px 5px 10px;
	width: 250px;
	color: #fff;
	position: relative;
	display: none;
	font: 12px/14px arial;
	background: #000;
	text-align: center;
	opacity: 0.5;
	-webkit-transition: 2s;
	-moz-transition: 2s;
	-o-transition: 2s;
}
#jGrowl .jGrowl-closer:hover {
	opacity: 1;
}