/* Spraywise spinners: default is gray, alternate is white */

#floatingCirclesG{
	position:relative;
	width:30px;
	height:30px;
	-moz-transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
}

.f_circleG{
	position:absolute;
	background-color:#C2C2C2; /* gray spinner */
	height:6px;
	width:6px;
	-moz-border-radius:3px;
	-moz-animation-name:f_fadeG;
	-moz-animation-duration:1.04s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:normal;
	-webkit-border-radius:3px;
	-webkit-animation-name:f_fadeG;
	-webkit-animation-duration:1.04s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:normal;
	-ms-border-radius:3px;
	-ms-animation-name:f_fadeG;
	-ms-animation-duration:1.04s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-direction:normal;
	-o-border-radius:3px;
	-o-animation-name:f_fadeG;
	-o-animation-duration:1.04s;
	-o-animation-iteration-count:infinite;
	-o-animation-direction:normal;
	border-radius:3px;
	animation-name:f_fadeG;
	animation-duration:1.04s;
	animation-iteration-count:infinite;
	animation-direction:normal;
}

#frotateG_01{
left:0;
top:12px;
-moz-animation-delay:0.39s;
-webkit-animation-delay:0.39s;
-ms-animation-delay:0.39s;
-o-animation-delay:0.39s;
animation-delay:0.39s;
}

#frotateG_02{
left:4px;
top:4px;
-moz-animation-delay:0.52s;
-webkit-animation-delay:0.52s;
-ms-animation-delay:0.52s;
-o-animation-delay:0.52s;
animation-delay:0.52s;
}

#frotateG_03{
left:12px;
top:0;
-moz-animation-delay:0.65s;
-webkit-animation-delay:0.65s;
-ms-animation-delay:0.65s;
-o-animation-delay:0.65s;
animation-delay:0.65s;
}

#frotateG_04{
right:4px;
top:4px;
-moz-animation-delay:0.78s;
-webkit-animation-delay:0.78s;
-ms-animation-delay:0.78s;
-o-animation-delay:0.78s;
animation-delay:0.78s;
}

#frotateG_05{
right:0;
top:12px;
-moz-animation-delay:0.91s;
-webkit-animation-delay:0.91s;
-ms-animation-delay:0.91s;
-o-animation-delay:0.91s;
animation-delay:0.91s;
}

#frotateG_06{
right:4px;
bottom:4px;
-moz-animation-delay:1.04s;
-webkit-animation-delay:1.04s;
-ms-animation-delay:1.04s;
-o-animation-delay:1.04s;
animation-delay:1.04s;
}

#frotateG_07{
left:12px;
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;
}

#frotateG_08{
left:4px;
bottom:4px;
-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 f_fadeG {
	0% {background-color:#000000}
	100% {background-color:#C2C2C2}
}

@-moz-keyframes wf_fadeG {
	0% {background-color:#C7C7C7}
	100% {background-color:#FFFFFF}
}

@-webkit-keyframes f_fadeG {
	0% {background-color:#000000}
	100% {background-color:#C2C2C2}
}

@-webkit-keyframes wf_fadeG {
	0% {background-color:#C7C7C7}
	100% {background-color:#FFFFFF}
}

@-ms-keyframes f_fadeG {
	0% {background-color:#000000}
	100% {background-color:#C2C2C2}
}

@-ms-keyframes wf_fadeG {
	0% {background-color:#C7C7C7}
	100% {background-color:#FFFFFF}
}

@-o-keyframes f_fadeG {
	0% {background-color:#000000}
	100% {background-color:#C2C2C2}
}

@-o-keyframes wf_fadeG {
	0% {background-color:#C7C7C7}
	100% {background-color:#FFFFFF}
}

@keyframes f_fadeG {
	0% {background-color:#000000}
	100% {background-color:#C2C2C2}
}

@keyframes wf_fadeG {
	0% {background-color:#C7C7C7}
	100% {background-color:#FFFFFF}
}

.white .f_circleG {
	background-color:#FFFFFF; /* white spinner */
	-moz-animation-name:wf_fadeG;
	-webkit-animation-name:wf_fadeG;
	-ms-animation-name:wf_fadeG;
	-o-animation-name:wf_fadeG;
	animation-name:wf_fadeG;
}