div#overlay {
	display: none;
	z-index: 100001;
	background-color: rgba(0, 0, 0, 0.1);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	text-align: center;
}

div.animationbox {
	height: 100%;
	position: relative;
	top: 30%;
}

.busyoverlay div.ball {
	background-color: rgba(0,0,0,0);
	border:3px solid rgba(0,183,229,0.9);
	opacity:.9;
	border-top:5px solid rgba(0,0,0,0);
	border-left:5px solid rgba(0,0,0,0);
	border-radius:25px;
	width:25px;
	height:25px;
	margin:0 auto;
	-moz-animation:spin 5.5s infinite linear;
	-webkit-animation:spin 5.5s infinite linear;
}

.busyoverlay div.ball1 {
	background-color: rgba(0,0,0,0);
	border:3px solid rgba(0,183,229,0.9);
	opacity:.9;
	border-top:5px solid rgba(0,0,0,0);
	border-left:5px solid rgba(0,0,0,0);
	border-radius:25px;
	width:15px;
	height:15px;
	margin:0 auto;
	position:relative;
	top:-20px;
	-moz-animation:spinoff 3.5s infinite linear;
	-webkit-animation:spinoff 3.5s infinite linear;
}

@-moz-keyframes spin {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(360deg); }
}
@-moz-keyframes spinoff {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(-360deg); }
}
@-webkit-keyframes spin {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(360deg); }
}
@-webkit-keyframes spinoff {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(-360deg); }
}