/* == Loading Ellipsis Animation */

/*
    Usage E.g.:

    var loading_ellipsis = '<div id="circleG" style="display: inline-block;"><div id="circleG_1" class="circleG"></div><div id="circleG_2" class="circleG"></div><div id="circleG_3" class="circleG"></div></div>';
    control.html(loading_ellipsis);

*/

#circleG{
	width:19px;
	margin:auto;
}

.circleG{
    background-color:rgb(230,230,230);
	float:left;
	height:3px;
	margin-left:2px;
    margin-bottom: 2px;
	width:3px;
	animation-name:bounce_circleG;
		-o-animation-name:bounce_circleG;
		-ms-animation-name:bounce_circleG;
		-webkit-animation-name:bounce_circleG;
		-moz-animation-name:bounce_circleG;
	animation-duration:1.5575s;
		-o-animation-duration:1.5575s;
		-ms-animation-duration:1.5575s;
		-webkit-animation-duration:1.5575s;
		-moz-animation-duration:1.5575s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
	border-radius:2px;
		-o-border-radius:2px;
		-ms-border-radius:2px;
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
}

#circleG_1{
	animation-delay:0.3095s;
		-o-animation-delay:0.3095s;
		-ms-animation-delay:0.3095s;
		-webkit-animation-delay:0.3095s;
		-moz-animation-delay:0.3095s;
}

#circleG_2{
	animation-delay:0.7255s;
		-o-animation-delay:0.7255s;
		-ms-animation-delay:0.7255s;
		-webkit-animation-delay:0.7255s;
		-moz-animation-delay:0.7255s;
}

#circleG_3{
	animation-delay:0.9385s;
		-o-animation-delay:0.9385s;
		-ms-animation-delay:0.9385s;
		-webkit-animation-delay:0.9385s;
		-moz-animation-delay:0.9385s;
}



@keyframes bounce_circleG{
	0%{}

	50%{
		background-color:rgba(100,100,100,0.5);
	}

	100%{}
}

@-o-keyframes bounce_circleG{
	0%{}

	50%{
		background-color:rgba(100,100,100,0.5);
	}

	100%{}
}

@-ms-keyframes bounce_circleG{
	0%{}

	50%{
		background-color:rgba(100,100,100,0.5);
	}

	100%{}
}

@-webkit-keyframes bounce_circleG{
	0%{}

	50%{
		background-color:rgba(100,100,100,0.5);
	}

	100%{}
}

@-moz-keyframes bounce_circleG{
	0%{}

	50%{
		background-color:rgba(100,100,100,0.5);
	}

	100%{}
}

/* -- end */