.loading {
	position:absolute;
	top:50%; left:50%;
	margin-top:-20px;
	margin-left:-150px;
	width:300px;
	height:40px;
	text-align:center;
}
.loading .bar {
	position:relative;
	overflow:hidden;	
	height:8px;
	width:300px;
	background:#0F0;
	margin:0 0 3px 0;	
	box-shadow:0 0 1px 1px #000;	
	background-image:-webkit-linear-gradient(top, #51361F, #875934);
	background-image:   -moz-linear-gradient(top, #51361F, #875934);
	background-image:    -ms-linear-gradient(top, #51361F, #875934);
	background-image:     -o-linear-gradient(top, #51361F, #875934);
	background-image:        linear-gradient(top, #51361F, #875934);
}
.loading .bar div {
	position:absolute;
	top:0; left:-5px; bottom:0;
	width:0px;
	padding:0 5px 0 5px;
	background:#FFF;
	white-space:nowrap;
	text-align:left;
	font-size:0px;
	overflow:hidden;
	-webkit-transform:skew(-45deg);
	   -moz-transform:skew(-45deg);
	    -ms-transform:skew(-45deg);
	     -o-transform:skew(-45deg);
	        transform:skew(-45deg);
}
.loading .bar div b {
	display:inline-block;
	position:relative;
	height:10px;
	width:16px;
	background:#F00;	
	margin:0 0 0 14px;
	vertical-align:top;
	background-image:-webkit-linear-gradient(top, #FFBABA, #F00);
	background-image:   -moz-linear-gradient(top, #FFBABA, #F00);
	background-image:    -ms-linear-gradient(top, #FFBABA, #F00);
	background-image:     -o-linear-gradient(top, #FFBABA, #F00);
	background-image:        linear-gradient(top, #FFBABA, #F00);
	-webkit-animation:spin 0.5s linear infinite;
	   -moz-animation:spin 0.5s linear infinite;
	    -ms-animation:spin 0.5s linear infinite;
	     -o-animation:spin 0.5s linear infinite;
	        animation:spin 0.5s linear infinite;
}
@-webkit-keyframes spin {from {-webkit-transform:translateX(0px);} to {-webkit-transform:translateX(-30px);}}
   @-moz-keyframes spin {from {   -moz-transform:translateX(0px);} to {   -moz-transform:translateX(-30px);}}
    @-ms-keyframes spin {from {    -ms-transform:translateX(0px);} to {    -ms-transform:translateX(-30px);}} 
     @-o-keyframes spin {from {     -o-transform:translateX(0px);} to {     -o-transform:translateX(-30px);}}
        @keyframes spin {from {        transform:translateX(0px);} to {        transform:translateX(-30px);}}
		
.loading span {
	text-shadow:1px 1px 2px #000;
}