.loadingradius {
	position:absolute;
	font-size: 200px;
	width:300px;
	height:300px;
	margin:46px 0px 0px 34px;
	float: left;
}
.loadingradius > .percent {
	position: absolute;
	top: 1.05em;
	left: 0;
	width: 1em;
	font-size: 0.3em;
	text-align:center;
}
.loadingradius > #slice {
	position:absolute;
	width:2em;
	height:2em;
	clip:rect(0px,1em,1em,0.5em);
}
.loadingradius > #slice.gt50 {
	clip:rect(auto, auto, auto, auto);
}
.loadingradius > #slice > .pie {
	border: 1px solid #418BC6;
	
	position:absolute;
	width:1em; /* 1 - (2 * border width) */
	height:1em; /* 1 - (2 * border width) */
	clip:rect(0em,0.5em,1em,0em);
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em; 
	border-radius:0.5em; 
}
.loadingradius > #slice > .pie.fill {
	-moz-transform:rotate(180deg) !important;
	-webkit-transform:rotate(180deg) !important;
	-o-transform:rotate(180deg) !important;
	transform:rotate(180deg) !important;
}
.loadingradius.fill > .percent {
	display: none;
}
.loadingradius.fill > #slice > .pie {
	border: #ff0000;
	background-color: #ff0000;
	width:2em;
	height:2em;
}