@charset "UTF-8";

#loading-view  {
	width: 100%;
	height: 100%;
	z-index: 9999;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #222222;
	filter: alpha(opacity=0.7);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
#loading-view-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	margin-left: -25px;
	border-radius: 50%;
	border: 8px solid #fff;
	border-right-color: transparent;
	animation: spin 1s linear infinite;
	-webkit-animation: spin 1s infinite linear;
	-moz-animation: spin 1s infinite linear;
}
@keyframes spin {
	0% { transform: rotate(0deg);   opacity: 0.2; }
	50% { transform: rotate(180deg); opacity: 1.0; }
	100% { transform: rotate(360deg); opacity: 0.2; }
}
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); opacity: 0.4; }
	50%  { -webkit-transform: rotate(180deg); opacity: 1; }
	100%   { -webkit-transform: rotate(360deg); opacity: 0.4; }
}
@-moz-keyframes spin {
	0% { -moz-transform: rotate(0deg); opacity: 0.4; }
	50% { -moz-transform: rotate(180deg); opacity: 1; }
	100% { -moz-transform: rotate(360deg); opacity: 0.4; }
}