@CHARSET "UTF-8";

#ajax-loading {
	position: fixed;
	width: 64px;
	height: 64px;
	top: 50%;
	left: 50%;
	margin: -32px 0 0 -32px;
	z-index: 1000;
	opacity: 0.5;
}

.ajax-loading {
	position: absolute;
	background-color: #032132;
	width: 15px;
	height: 15px;
	-moz-border-radius: 10px;
	-moz-animation-name: bounce_ajax-loading;
	-moz-animation-duration: 1.04s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: linear;
	-webkit-border-radius: 10px;
	-webkit-animation-name: bounce_ajax-loading;
	-webkit-animation-duration: 1.04s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: linear;
	-ms-border-radius: 10px;
	-ms-animation-name: bounce_ajax-loading;
	-ms-animation-duration: 1.04s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-direction: linear;
	-o-border-radius: 10px;
	-o-animation-name: bounce_ajax-loading;
	-o-animation-duration: 1.04s;
	-o-animation-iteration-count: infinite;
	-o-animation-direction: linear;
	border-radius: 10px;
	animation-name: bounce_ajax-loading;
	animation-duration: 1.04s;
	animation-iteration-count: infinite;
	animation-direction: linear;
}

.ajax-loading-1 {
	left: 0;
	top: 25px;
	-moz-animation-delay: 0.39s;
	-webkit-animation-delay: 0.39s;
	-ms-animation-delay: 0.39s;
	-o-animation-delay: 0.39s;
	animation-delay: 0.39s;
}

.ajax-loading-2 {
	left: 7px;
	top: 7px;
	-moz-animation-delay: 0.52s;
	-webkit-animation-delay: 0.52s;
	-ms-animation-delay: 0.52s;
	-o-animation-delay: 0.52s;
	animation-delay: 0.52s;
}

.ajax-loading-3 {
	top: 0;
	left: 25px;
	-moz-animation-delay: 0.65s;
	-webkit-animation-delay: 0.65s;
	-ms-animation-delay: 0.65s;
	-o-animation-delay: 0.65s;
	animation-delay: 0.65s;
}

.ajax-loading-4 {
	right: 7px;
	top: 7px;
	-moz-animation-delay: 0.78s;
	-webkit-animation-delay: 0.78s;
	-ms-animation-delay: 0.78s;
	-o-animation-delay: 0.78s;
	animation-delay: 0.78s;
}

.ajax-loading-5 {
	right: 0;
	top: 25px;
	-moz-animation-delay: 0.91s;
	-webkit-animation-delay: 0.91s;
	-ms-animation-delay: 0.91s;
	-o-animation-delay: 0.91s;
	animation-delay: 0.91s;
}

.ajax-loading-6 {
	right: 7px;
	bottom: 7px;
	-moz-animation-delay: 1.04s;
	-webkit-animation-delay: 1.04s;
	-ms-animation-delay: 1.04s;
	-o-animation-delay: 1.04s;
	animation-delay: 1.04s;
}

.ajax-loading-7 {
	left: 25px;
	bottom: 0;
	-moz-animation-delay: 1.17s;
	-webkit-animation-delay: 1.17s;
	-ms-animation-delay: 1.17s;
	-o-animation-delay: 1.17s;
	animation-delay: 1.17s;
}

.ajax-loading-8 {
	left: 7px;
	bottom: 7px;
	-moz-animation-delay: 1.3s;
	-webkit-animation-delay: 1.3s;
	-ms-animation-delay: 1.3s;
	-o-animation-delay: 1.3s;
	animation-delay: 1.3s;
}

@-moz-keyframes bounce_ajax-loading {
	0% {-moz-transform: scale(1)}
	100% {-moz-transform: scale(.3)}
}

@-webkit-keyframes bounce_ajax-loading {
	0% {-webkit-transform: scale(1)}
	100% {-webkit-transform: scale(.3)}
}

@-ms-keyframes bounce_ajax-loading {
	0% {-ms-transform: scale(1)}
	100% {-ms-transform: scale(.3)}
}

@-o-keyframes bounce_ajax-loading {
	0% {-o-transform: scale(1)}
	100% {-o-transform: scale(.3)}
}

@keyframes bounce_ajax-loading {
	0% {transform: scale(1)}
	100% {transform: scale(.3)}
}

/*
<div id="ajax-loading">
	<div class="ajax-loading ajax-loading-1"></div>
	<div class="ajax-loading ajax-loading-2"></div>
	<div class="ajax-loading ajax-loading-3"></div>
	<div class="ajax-loading ajax-loading-4"></div>
	<div class="ajax-loading ajax-loading-5"></div>
	<div class="ajax-loading ajax-loading-6"></div>
	<div class="ajax-loading ajax-loading-7"></div>
	<div class="ajax-loading ajax-loading-8"></div>
</div>
*/