﻿
.WaitCursor
{
	position:absolute; 
	width:100%; 
	height:10000px; 
	top:0px; 
	left:0px; 
	overflow:hidden; 
	cursor:wait;
}


.ProgressBox
{
	position:fixed; 
	width:98%; 
	height:99%; 
	background-image:url(../../images/progress2.gif); 
	background-repeat:no-repeat; 
	top:5px; 
	left:5px; 
	overflow:hidden; 
	cursor:wait;
}

.ProgressBoxRight
{
    display:none;
/*	float:right;
	width:15px; 
	height:10000px; 
	background-image:url(../../images/progress.gif); 
	background-repeat:repeat-y; 
	overflow:hidden; 
	cursor:wait; */
}


.ProgressPanel
{
	position:fixed; 
	width:100%; 
	height:100%; 
	top:0; 
	left:0; 
	overflow:hidden; 
	cursor:wait;
    background-color:rgba(200, 200, 200, 0.4);
    z-index:999999;
    display:inline
}

.ProgressPanel .meter 
{ 
    position:absolute;
    top:8rem;
    left:calc((100% - 40rem) / 2);
    display:inline-block;
    height: 2rem;
    position: absolute;
    background-color: #F3F2DD;
    overflow: hidden;
    width:40rem;
    margin:1rem auto 1rem auto;
    border:1px solid rgba(100, 100, 100, 0.6);
    box-shadow: .3rem .3rem .3rem rgba(100, 100, 100, 0.6)

}

.ProgressPanel .meter .innermeter {
    display: block;
    height: 100%;
    width:100%;

    background-color:#F3F2DD;
}

.ProgressPanel .meter .innermeter .progress {
    display: block;
    height: 100%;
    width:99%;
    border:.2rem solid #F3F2DD;
    background-color: #e4c465;

    -webkit-animation: progressBar 25s ease-in-out;
    -webkit-animation-fill-mode:both; 
    -webkit-animation-iteration-count:infinite;
    -moz-animation: progressBar 25s ease-in-out;
    -moz-animation-fill-mode:both; 
    -moz-animation-iteration-count:infinite;
    animation: progressBar 25s ease-in-out;
    animation-fill-mode:both; 
    animation-iteration-count:infinite;
}

@-webkit-keyframes progressBar {
  0% { width: 0; }
  20% { width: 50%; }
  40% { width: 70%; }
  60% { width: 80%; }
  80% { width: 95%; }
  100% { width: 99%; }
}

@-moz-keyframes progressBar {
  0% { width: 0; }
  20% { width: 50%; }
  40% { width: 70%; }
  60% { width: 80%; }
  80% { width: 95%; }
  100% { width: 99%; }
}
@keyframes progressBar {
  0% { width: 0; }
  20% { width: 50%; }
  40% { width: 70%; }
  60% { width: 80%; }
  80% { width: 95%; }
  100% { width: 99%; }
}
