@CHARSET "US-ASCII";
/* cssload.net 
	Modified for less CPU usage.
*/
#floatingBarsG
{
	position:relative;
	width:14px;
	height:17px
}

.blockG
{
	position:absolute;
	background-color:#FFFFFF;
	width:2px;
	height:5px;
	-moz-border-radius:2px 2px 0 0;
	-moz-transform:scale(0.4);
	-moz-animation-name:fadeG;
	-moz-animation-duration:0.96s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:linear;
	-webkit-border-radius:2px 2px 0 0;
	-webkit-transform:scale(0.4);
	-webkit-animation-name:fadeG;
	-webkit-animation-duration:0.96s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:linear;
	-ms-border-radius:2px 2px 0 0;
	-ms-transform:scale(0.4);
	-ms-animation-name:fadeG;
	-ms-animation-duration:0.96s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-direction:linear;
	-o-border-radius:2px 2px 0 0;
	-o-transform:scale(0.4);
	-o-animation-name:fadeG;
	-o-animation-duration:0.96s;
	-o-animation-iteration-count:infinite;
	-o-animation-direction:linear;
	border-radius:2px 2px 0 0;
	transform:scale(0.4);
	animation-name:fadeG;
	animation-duration:0.96s;
	animation-iteration-count:infinite;
	animation-direction:linear;
	/* reduce cpu use:*/
	animation-timing-function: steps(4);
	-webkit-animation-timing-function: steps(4);
}

#rotateG_01
{
	left:0;
	top:6px;
	-moz-animation-delay:0.36s;
	-moz-transform:rotate(-90deg);
	-webkit-animation-delay:0.36s;
	-webkit-transform:rotate(-90deg);
	-ms-animation-delay:0.36s;
	-ms-transform:rotate(-90deg);
	-o-animation-delay:0.36s;
	-o-transform:rotate(-90deg);
	animation-delay:0.36s;
	transform:rotate(-90deg);
}

#rotateG_02
{
	left:2px;
	top:2px;
	-moz-animation-delay:0.48s;
	-moz-transform:rotate(-45deg);
	-webkit-animation-delay:0.48s;
	-webkit-transform:rotate(-45deg);
	-ms-animation-delay:0.48s;
	-ms-transform:rotate(-45deg);
	-o-animation-delay:0.48s;
	-o-transform:rotate(-45deg);
	animation-delay:0.48s;
	transform:rotate(-45deg);
}

#rotateG_03
{
	left:6px;
	top:1px;
	-moz-animation-delay:0.6s;
	-moz-transform:rotate(0deg);
	-webkit-animation-delay:0.6s;
	-webkit-transform:rotate(0deg);
	-ms-animation-delay:0.6s;
	-ms-transform:rotate(0deg);
	-o-animation-delay:0.6s;
	-o-transform:rotate(0deg);
	animation-delay:0.6s;
	transform:rotate(0deg);
}

#rotateG_04
{
	right:2px;
	top:2px;
	-moz-animation-delay:0.72s;
	-moz-transform:rotate(45deg);
	-webkit-animation-delay:0.72s;
	-webkit-transform:rotate(45deg);
	-ms-animation-delay:0.72s;
	-ms-transform:rotate(45deg);
	-o-animation-delay:0.72s;
	-o-transform:rotate(45deg);
	animation-delay:0.72s;
	transform:rotate(45deg);
}

#rotateG_05
{
	right:0;
	top:6px;
	-moz-animation-delay:0.8400000000000001s;
	-moz-transform:rotate(90deg);
	-webkit-animation-delay:0.8400000000000001s;
	-webkit-transform:rotate(90deg);
	-ms-animation-delay:0.8400000000000001s;
	-ms-transform:rotate(90deg);
	-o-animation-delay:0.8400000000000001s;
	-o-transform:rotate(90deg);
	animation-delay:0.8400000000000001s;
	transform:rotate(90deg);
}

#rotateG_06
{
	right:2px;
	bottom:2px;
	-moz-animation-delay:0.96s;
	-moz-transform:rotate(135deg);
	-webkit-animation-delay:0.96s;
	-webkit-transform:rotate(135deg);
	-ms-animation-delay:0.96s;
	-ms-transform:rotate(135deg);
	-o-animation-delay:0.96s;
	-o-transform:rotate(135deg);
	animation-delay:0.96s;
	transform:rotate(135deg);
}

#rotateG_07
{
	bottom:0;
	left:6px;
	-moz-animation-delay:1.0799999999999998s;
	-moz-transform:rotate(180deg);
	-webkit-animation-delay:1.0799999999999998s;
	-webkit-transform:rotate(180deg);
	-ms-animation-delay:1.0799999999999998s;
	-ms-transform:rotate(180deg);
	-o-animation-delay:1.0799999999999998s;
	-o-transform:rotate(180deg);
	animation-delay:1.0799999999999998s;
	transform:rotate(180deg);
}

#rotateG_08
{
	left:2px;
	bottom:2px;
	-moz-animation-delay:1.2s;
	-moz-transform:rotate(-135deg);
	-webkit-animation-delay:1.2s;
	-webkit-transform:rotate(-135deg);
	-ms-animation-delay:1.2s;
	-ms-transform:rotate(-135deg);
	-o-animation-delay:1.2s;
	-o-transform:rotate(-135deg);
	animation-delay:1.2s;
	transform:rotate(-135deg);
}


/*
* A larger spinner
*/
#floatingBarsLG
{
	position:relative;
	width:40px;
	height:50px;
	margin: 11px auto auto;
}

.blockLG
{
	position:absolute;
	background-color:#000000;
	width:6px;
	height:16px;
	-moz-border-radius:6px 6px 0 0;
	-moz-transform:scale(0.4);
	-moz-animation-name:fadeG;
	-moz-animation-duration:1.04s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:linear;
	-webkit-border-radius:6px 6px 0 0;
	-webkit-transform:scale(0.4);
	-webkit-animation-name:fadeG;
	-webkit-animation-duration:1.04s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:linear;
	-ms-border-radius:6px 6px 0 0;
	-ms-transform:scale(0.4);
	-ms-animation-name:fadeG;
	-ms-animation-duration:1.04s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-direction:linear;
	-o-border-radius:6px 6px 0 0;
	-o-transform:scale(0.4);
	-o-animation-name:fadeG;
	-o-animation-duration:1.04s;
	-o-animation-iteration-count:infinite;
	-o-animation-direction:linear;
	border-radius:6px 6px 0 0;
	transform:scale(0.4);
	animation-name:fadeG;
	animation-duration:1.04s;
	animation-iteration-count:infinite;
	animation-direction:linear;
	/* reduce cpu use: steps(2) would make only 2 colors in spinner */
	animation-timing-function: steps(8);
	-webkit-animation-timing-function: steps(8);
}

#rotateLG_01
{
	left:0;
	top:18px;
	-moz-animation-delay:0.39s;
	-moz-transform:rotate(-90deg);
	-webkit-animation-delay:0.39s;
	-webkit-transform:rotate(-90deg);
	-ms-animation-delay:0.39s;
	-ms-transform:rotate(-90deg);
	-o-animation-delay:0.39s;
	-o-transform:rotate(-90deg);
	animation-delay:0.39s;
	transform:rotate(-90deg);
}

#rotateLG_02
{
	left:5px;
	top:6px;
	-moz-animation-delay:0.52s;
	-moz-transform:rotate(-45deg);
	-webkit-animation-delay:0.52s;
	-webkit-transform:rotate(-45deg);
	-ms-animation-delay:0.52s;
	-ms-transform:rotate(-45deg);
	-o-animation-delay:0.52s;
	-o-transform:rotate(-45deg);
	animation-delay:0.52s;
	transform:rotate(-45deg);
}

#rotateLG_03
{
	left:17px;
	top:2px;
	-moz-animation-delay:0.65s;
	-moz-transform:rotate(0deg);
	-webkit-animation-delay:0.65s;
	-webkit-transform:rotate(0deg);
	-ms-animation-delay:0.65s;
	-ms-transform:rotate(0deg);
	-o-animation-delay:0.65s;
	-o-transform:rotate(0deg);
	animation-delay:0.65s;
	transform:rotate(0deg);
}

#rotateLG_04
{
	right:5px;
	top:6px;
	-moz-animation-delay:0.78s;
	-moz-transform:rotate(45deg);
	-webkit-animation-delay:0.78s;
	-webkit-transform:rotate(45deg);
	-ms-animation-delay:0.78s;
	-ms-transform:rotate(45deg);
	-o-animation-delay:0.78s;
	-o-transform:rotate(45deg);
	animation-delay:0.78s;
	transform:rotate(45deg);
}

#rotateLG_05
{
	right:0;
	top:18px;
	-moz-animation-delay:0.9099999999999999s;
	-moz-transform:rotate(90deg);
	-webkit-animation-delay:0.9099999999999999s;
	-webkit-transform:rotate(90deg);
	-ms-animation-delay:0.9099999999999999s;
	-ms-transform:rotate(90deg);
	-o-animation-delay:0.9099999999999999s;
	-o-transform:rotate(90deg);
	animation-delay:0.9099999999999999s;
	transform:rotate(90deg);
}

#rotateLG_06
{
	right:5px;
	bottom:5px;
	-moz-animation-delay:1.04s;
	-moz-transform:rotate(135deg);
	-webkit-animation-delay:1.04s;
	-webkit-transform:rotate(135deg);
	-ms-animation-delay:1.04s;
	-ms-transform:rotate(135deg);
	-o-animation-delay:1.04s;
	-o-transform:rotate(135deg);
	animation-delay:1.04s;
	transform:rotate(135deg);
}

#rotateLG_07
{
	bottom:0;
	left:17px;
	-moz-animation-delay:1.1700000000000002s;
	-moz-transform:rotate(180deg);
	-webkit-animation-delay:1.1700000000000002s;
	-webkit-transform:rotate(180deg);
	-ms-animation-delay:1.1700000000000002s;
	-ms-transform:rotate(180deg);
	-o-animation-delay:1.1700000000000002s;
	-o-transform:rotate(180deg);
	animation-delay:1.1700000000000002s;
	transform:rotate(180deg);
}

#rotateLG_08
{
	left:5px;
	bottom:5px;
	-moz-animation-delay:1.3s;
	-moz-transform:rotate(-135deg);
	-webkit-animation-delay:1.3s;
	-webkit-transform:rotate(-135deg);
	-ms-animation-delay:1.3s;
	-ms-transform:rotate(-135deg);
	-o-animation-delay:1.3s;
	-o-transform:rotate(-135deg);
	animation-delay:1.3s;
	transform:rotate(-135deg);
}


@-moz-keyframes fadeG
{
	0%
	{
		background-color:#000000
	}

	100%
	{
		background-color:#FFFFFF
	}
}

@-webkit-keyframes fadeG
{
	0%
	{
		background-color:#000000
	}

	100%
	{
		background-color:#FFFFFF
	}

}

@-ms-keyframes fadeG
{
	0%
	{
		background-color:#000000
	}

	100%
	{
		background-color:#FFFFFF
	}
}

@-o-keyframes fadeG
{
	0%
	{
		background-color:#000000
	}

	100%
	{
		background-color:#FFFFFF
	}
}

@keyframes fadeG
{
	0%
	{
		background-color:#000000
	}

	100%
	{
		background-color:#FFFFFF
	}
}