.icon-error {
			background:#fff url(/theme/images/icons/error.png) 0 0 no-repeat;
			display: block;
			margin:20px auto;
			width: 60px;
			height: 60px;
			border-color: transparent;
		}
		
		.icon-spinner {
			font-size: 10px;
			margin: 20px auto;
			text-indent: -9999em;
			width: 8em;
			height: 8em;
			border-radius: 50%;
			background: #008bce;
			background: -moz-linear-gradient(left, #008bce 10%, rgba(0,139,206, 0) 42%);
			background: -webkit-linear-gradient(left, #008bce 10%, rgba(0,139,206, 0) 42%);
			background: -o-linear-gradient(left, #008bce 10%, rgba(0,139,206, 0) 42%);
			background: -ms-linear-gradient(left, #008bce 10%, rgba(0,139,206, 0) 42%);
			background: linear-gradient(to right, #008bce 10%, rgba(0,139,206, 0) 42%);
			position: relative;
			-webkit-animation: load3 1.4s infinite linear;
			animation: load3 1.4s infinite linear;
			-webkit-transform: translateZ(0);
			-ms-transform: translateZ(0);
			transform: translateZ(0);
		}
		
		.icon-spinner:before {
			width: 50%;
			height: 50%;
			background: #008bce;
			border-radius: 100% 0 0 0;
			position: absolute;
			top: 0;
			left: 0;
			content: '';
		}
		
		.icon-spinner:after {
			background: #ffffff;
			width: 75%;
			height: 75%;
			border-radius: 50%;
			content: '';
			margin: auto;
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
		}
		
		@-webkit-keyframes load3 {
			0% {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
			}
			100% {
			-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
			}
		}
		
		@keyframes load3 {
			0% {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
			}
			100% {
			-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
			}
		}