.animateDialog-default {
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -140px;
	margin-top: -25px;
	min-height: 50px; 
	width: 280px;
	border: solid 1;
	border-radius: 4px;
	background-color: #ddd;
}

.animateDialog-default .message {
  display: block;
  text-align: center;
  margin: 10px auto;
}

@keyframes fade {
  0%   { opacity:0; }
  50%  { opacity:1; }
  100%   { opacity:0; }
}
@-webkit-keyframes fade {
  0%   { opacity:0; }
  50%  { opacity:1; }
  100%   { opacity:0; }
}

@keyframes inout {
  0%    { transform: scale(0, 0); }
  40%   { transform: scale(2, 2); }
  80%   { transform: scale(1, 1); }
  100%  { transform: scale(1, 1); }
}
@-webkit-keyframes inout { /* Safari & Chrome */
  0%   { -webkit-transform: scale(0, 0); }
  40%  { -webkit-transform: scale(2, 2); }
  80%  { -webkit-transform: scale(1, 1); }
  100% { -webkit-transform: scale(1, 1); }
}

@keyframes rotateZoom { 
  0% { transform: rotate(0deg) scale(0, 0);}
  80% { transform: rotate(1080deg) scale(1, 1);} 
  100% { transform: rotate(1080deg) scale(1, 1);} 
}
@-webkit-keyframes rotateZoom { /*Safari & Chrome */
  0% { -webkit-transform: rotate(0deg) scale(0, 0);}
  80% { -webkit-transform: rotate(1080deg) scale(1, 1);}
  100% { -webkit-transform: rotate(1080deg) scale(1, 1);}
}