#LoadPro{
	position:relative; 
width:20px;
height:20px;
overflow:hidden; 


z-index:1;

}

.LoadPro{ display:none; 
background-color:transparent;  position:absolute; margin-left:190px; margin-top:0px;


width:12px; 
height:12px; 
border:1px solid #1E8BB9; 
border-right: 1px solid #DDD; 
border-left: 1px solid #1E8BB9; 
border-top: 1px solid #1E8BB9; 
border-bottom: 1px solid #DDD; 

-moz-border-radius:13px;
-webkit-border-radius:13px; 
border-radius: 13px;



-moz-animation-name:bounce_LoadPro;
-moz-animation-duration:1s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:linear;


-webkit-animation-name:bounce_LoadPro;
-webkit-animation-duration:1s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;


-ms-animation-name:bounce_LoadPro;
-ms-animation-duration:1s;
-ms-animation-iteration-count:infinite;
-ms-animation-timing-function:linear;


-o-animation-name:bounce_LoadPro;
-o-animation-duration:1s;
-o-animation-iteration-count:infinite;
-o-animation-timing-function:linear;


animation-name:bounce_LoadPro;
animation-duration:1s;
animation-iteration-count:infinite;
animation-timing-function:linear;




}

.LoadPro[mode=normal]{
	 margin-left:0px; margin-top:0px; display:inline-block; position:relative;
	 
	 
width:22px; 
height:22px; 



	 border:2px solid #555; 
border-right: 2px solid #DDD; 
border-left: 2px solid #555; 
border-top: 2px solid #555; 
border-bottom: 2px solid #DDD;

-moz-border-radius:24px;
-webkit-border-radius:24px; 
border-radius: 24px; 


}



@-moz-keyframes bounce_LoadPro{
0%{
	
	 -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);


}

25%{
	
	-webkit-transform: rotate(100deg); 
    -moz-transform: rotate(100deg);
    -ms-transform: rotate(100deg);
    transform: rotate(100deg);



}


50%{
	
	-webkit-transform: rotate(180deg); 
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
	


}

75%{
	
	-webkit-transform: rotate(280deg); 
    -moz-transform: rotate(280deg);
    -ms-transform: rotate(280deg);
    transform: rotate(280deg);
	


}

100%{
	
		 -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);



}

}









@-webkit-keyframes bounce_LoadPro{
0%{
	
	 -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
	
	

}

25%{
	
	-webkit-transform: rotate(100deg); 
    -moz-transform: rotate(100deg);
    -ms-transform: rotate(100deg);
    transform: rotate(100deg);

  

}


50%{
	
	-webkit-transform: rotate(180deg); 
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
	
	
}

75%{
	
	-webkit-transform: rotate(280deg); 
    -moz-transform: rotate(280deg);
    -ms-transform: rotate(280deg);
    transform: rotate(280deg);
	


}

100%{
	
		 -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);



}

}

@-ms-keyframes bounce_LoadPro{
0%{
	
	 -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);


}

25%{
	
	-webkit-transform: rotate(100deg); 
    -moz-transform: rotate(100deg);
    -ms-transform: rotate(100deg);
    transform: rotate(100deg);



}


50%{
	
	-webkit-transform: rotate(180deg); 
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
	


}

75%{
	
	-webkit-transform: rotate(280deg); 
    -moz-transform: rotate(280deg);
    -ms-transform: rotate(280deg);
    transform: rotate(280deg);
	


}

100%{
	
		 -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);



}



}

@-o-keyframes bounce_LoadPro{
0%{
	
	 -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);


}

25%{
	
	-webkit-transform: rotate(100deg); 
    -moz-transform: rotate(100deg);
    -ms-transform: rotate(100deg);
    transform: rotate(100deg);



}


50%{
	
	-webkit-transform: rotate(180deg); 
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
	


}

75%{
	
	-webkit-transform: rotate(280deg); 
    -moz-transform: rotate(280deg);
    -ms-transform: rotate(280deg);
    transform: rotate(280deg);
	


}

100%{
	
		 -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);



}

}

@keyframes bounce_LoadPro{
0%{
	
	 -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);


}

25%{
	
	-webkit-transform: rotate(100deg); 
    -moz-transform: rotate(100deg);
    -ms-transform: rotate(100deg);
    transform: rotate(100deg);



}


50%{
	
	-webkit-transform: rotate(180deg); 
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
	


}

75%{
	
	-webkit-transform: rotate(280deg); 
    -moz-transform: rotate(280deg);
    -ms-transform: rotate(280deg);
    transform: rotate(280deg);
	


}

100%{
	
		 -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);



}

}