#loading_message_back {
	background: #000;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 9999;
	opacity:0.7;
	filter:alpha(opacity=70);
	display:none ;
}
#loading_message {
	position: fixed;
    background: #fff;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    width: 90%;
    max-width: 400px;
    margin-left: -200px;
    text-align: center;
    padding: 20px 10px 10px 10px;
    z-index: 99999;
    display: none;
    -webkit-animation: rotateMessage 400ms ease;
    -moz-animation: rotateMessage 400ms ease;
    -ms-animation: rotateMessage 400ms ease;
    border-radius: 50px;
}



#progress {
	background: url(../admin_images/progress.gif) no-repeat;
    width: 220px;
    height: 20px;
    margin: auto;
    margin-bottom: 5px;
}
#progress_bar {
	background:url(../admin_images/progress.gif) no-repeat;
	width:auto; 
	height:20px; 
	margin:auto; 
	 
}
div#status {
	border:1px solid #ccc;
	border-radius:3px;
	width:220px;
	height:22px;
	margin:auto;
	margin-top:5px;
	margin-bottom:5px;
	padding:0px 2px 0px 0px;
}
#err {
	background:url(../admin_images/err.png) no-repeat;
	width:32px;
	height:32px;
	margin:auto;
	margin-bottom:5px;
}
#success {
	background:url(../admin_images/success.png) no-repeat;
	width:32px;
	height:32px;
	margin:auto;
	margin-bottom:5px;
}

 @-webkit-keyframes rotateMessage {
 from {
 -webkit-transform: rotateX(90deg);
}
to {
	-webkit-transform: rotateX(0deg);
}
}
@-moz-keyframes rotateMessage {
 from {
 -moz-transform: rotateX(90deg);
}
to {
	-moz-transform: rotateX(0deg);
}
}
@-ms-keyframes rotateMessage {
 from {
 -ms-transform: rotateX(90deg);
}
to {
	-ms-transform: rotateX(0deg);
}
}
 @-webkit-keyframes rotateBack {
 from {
 -webkit-transform: rotateX(0deg);
}
to {
	-webkit-transform: rotateX(90deg);
}
@-moz-keyframes rotateBack {
 from {
 -moz-transform: rotateX(0deg);
}
to {
	-moz-transform: rotateX(90deg);
}
@-ms-keyframes rotateBack {
 from {
 -ms-transform: rotateX(0deg);
}
to {
	-ms-transform: rotateX(90deg);
}
}
