﻿#FSLoader{
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(127,127,127,0.5);
	width: 100%;
	height: 100%;
	z-index: 3000;
	display: none;
}

#FSLoader:after{
	content: "";
	position: absolute;
	background: red;
	width: 35px;
	height: 35px;
	top: 50%;
	margin-top: -25px;
	left: 50%;
	margin-left: -25px;
	background: url(../images/throbber.png) no-repeat center center;
	transform: rotate(0deg);
	transform-origin: center center;
	animation: throbber-rotate 1s infinite linear;
}

@keyframes throbber-rotate{
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

/*#FSLoader:after{
	content: "";
	position: absolute;
	background: red;
	width: 35px;
	height: 35px;
	top: 50%;
	margin-top: -25px;
	left: 50%;
	margin-left: -25px;
	background: url(../images/hourglass-sheet.png) no-repeat center center;
	transform: rotate(0deg);
	transform-origin: center center;
	animation: hourglass 0.75s infinite steps(1);
}

@keyframes hourglass{
	0% {
		background-position: 0px;
		transform: rotate(0deg);
	}

	14.29% {
		background-position: -35px;
		transform: rotate(0deg);
	}

	28.58% {
		background-position: -70px;
		transform: rotate(0deg);
	}

	42.87% {
		background-position: -105px;
		transform: rotate(0deg);
	}

	57.16% {
		background-position: -105px;
		transform: rotate(45deg);
	}

	71.45% {
		background-position: -105px;
		transform: rotate(90deg);
	}

	85.74% {
		background-position: -105px;
		transform: rotate(135deg);
	}

	100% {
		background-position: -105px;
		transform: rotate(180deg);
	}
}*/