﻿/*Default*/
.workingDefault12{
	background-image: url('../../Images/working_16.gif');
	background-position: center;
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;	
}
.workingDefault16{
	background-image: url('../../Images/working_16.gif');
	background-position: center;
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;	
}
.workingDefault32{
	background-image: url('../../Images/working_31.gif');
	background-position: center;
	background-repeat: no-repeat;
	width: 34px;
	height: 34px;	
}
.workingDefault96{
	background-image: url('../../Images/working_circular_96.gif');
	background-position: center;
	background-repeat: no-repeat;
	width: 150px;
	height: 150px;	
}

/*MOVING TILES*/
.workingTile12{
	background-image: url('../../Images/working_tiles_12.gif');
	background-position: center;
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;	
}
.workingTile16{
	background-image: url('../../Images/working_tiles_16.gif');
	background-position: center;
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;	
}
.workingTile32{
	background-image: url('../../Images/working_tiles_32.gif');
	background-position: center;
	background-repeat: no-repeat;
	width: 34px;
	height: 34px;	
}
.workingTile96{
	background-image: url('../../Images/working_tiles_96.gif');
	background-position: center;
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;	
}

/*FADING CIRCLE*/
.workingFadingCircle12{
	background-image: url('../../Images/working_fadingCircle_12.gif');
	background-position: center;
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;	
}
.workingFadingCircle14{
	background-image: url('../../Images/working_fadingCircle_14.gif');
	background-position: center;
	background-repeat: no-repeat;
	width: 20px;
	height: 18px;	
}
.workingFadingCircle16{
	background-image: url('../../Images/working_fadingCircle_16.gif');
	background-position: center;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;	
}
.workingFadingCircle32{
	background-image: url('../../Images/working_fadingCircle_32.gif');
	background-position: center;
	background-repeat: no-repeat;
	width: 34px;
	height: 34px;	
}
.workingFadingCircle96{
	background-image: url('../../Images/working_fadingCircle_96.gif');
	background-position: center;
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;	
}

.workingLabel{
	background-color: white;
	border: 2px solid black; 
	text-align: center;
	position: relative;
	top: 130px;
}


/*spinningSquares*/
#spinningSquaresG{
position:relative;
width:66px;
height:8px}

.spinningSquaresG{
position:absolute;
top:0;
background-color:#598435;
width:8px;
height:8px;
-moz-animation-name:bounce_spinningSquaresG;
-moz-animation-duration:1.3s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:normal;
-moz-transform:scale(.3);
-webkit-animation-name:bounce_spinningSquaresG;
-webkit-animation-duration:1.3s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:normal;
-webkit-transform:scale(.3);
}

#spinningSquaresG_1{
left:0;
-moz-animation-delay:0.52s;
-webkit-animation-delay:0.52s;
}

#spinningSquaresG_2{
left:17px;
-moz-animation-delay:0.65s;
-webkit-animation-delay:0.65s;
}

#spinningSquaresG_3{
left:33px;
-moz-animation-delay:0.78s;
-webkit-animation-delay:0.78s;
}

#spinningSquaresG_4{
left:49px;
-moz-animation-delay:0.91s;
-webkit-animation-delay:0.91s;
}

#spinningSquaresG_5{
left:33px;
-moz-animation-delay:1.04s;
-webkit-animation-delay:1.04s;
}

#spinningSquaresG_6{
left:41px;
-moz-animation-delay:1.17s;
-webkit-animation-delay:1.17s;
}

#spinningSquaresG_7{
left:50px;
-moz-animation-delay:1.3s;
-webkit-animation-delay:1.3s;
}

#spinningSquaresG_8{
left:58px;
-moz-animation-delay:1.43s;
-webkit-animation-delay:1.43s;
}

@-moz-keyframes bounce_spinningSquaresG{
0%{
-moz-transform:scale(1);
background-color:#598435;
}

100%{
-moz-transform:scale(.3) rotate(90deg);
background-color:#FFFFFF;
}

}

@-webkit-keyframes bounce_spinningSquaresG{
0%{
-webkit-transform:scale(1);
background-color:#598435;
}

100%{
-webkit-transform:scale(.3) rotate(90deg);
background-color:#FFFFFF;
}

}
