.pleaseWait .msg {
    color: var(--color-default);
    font-weight: bold;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.pleaseWait .level2 .msg {
    display: inline-block;
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: -5px;
    font-size: 11px;
}

.pleaseWait .bar {
    margin: 5px 0 0 0;
    border: 1px solid var(--color-default); 
    border-radius: var(--border-radius-tabs);
    background: var(--color-shadow-softer); 
}

.pleaseWait .bar .estimate {
    position: absolute;
    top: 35px;
    left: 10px;
    font-size: 0.8em;
    color: var(--color-default);
    width: 350px;
    text-align: center;
    text-shadow: 1px 1px 2px var(--color-shadow-softer);
}

.pleaseWait .level2 {
    margin-left: 0;
}

.pleaseWait .level2 .level {
    height: 14px;
}

.pleaseWait .level {
    display: block;
    width: 100%;
    height: 20px;
    transition-duration: 0.25s; 
    background: var(--color-shade-active-one);
    border-right: 1px solid var(--color-border-hard);
    border-radius: var(--border-radius-tabs);

    background-image: repeating-linear-gradient(-45deg, var(--color-shade-active-one), var(--color-shade-active-one) 15px, var(--color-shade-active-two) 15px, var(--color-shade-active-two) 30.7px);
    background-repeat: repeat-x;
    background-position: 0 0;
    background-attachment: fixed; 

    -webkit-animation-name: progressbar-anim;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    animation-name: progressbar-anim;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

}

@-webkit-keyframes progressbar-anim {
  from  { background-position: 0 0; }
  to    { background-position: 44px 0; }
}
@keyframes progressbar-anim {
  from  { background-position: 0 0; }
  to    { background-position: 44px 0; }
}

#pleaseWait1 {
    z-index: 666;
}

#pleaseWait2 {
    z-index: 777;
}

#pleaseWait2 div.pleaseWait {
    width: 350px;
    min-width: 350px;
    margin: 300px auto;
    z-index: 888;
}

#pleaseWait2 .dismiss {
    width: 600px;
    min-width: 600px;
    margin: -200px auto;
    text-align: center;
    background: var(--color-shadow-hard);
    border: 2px solid var(--color-default); 
    border-radius: var(--border-radius-tabs);
}
#pleaseWait2 .dismiss p {
    color: var(--color-background-box);
    font-size: 0.9em;
}
#pleaseWait2 .dismiss a {
    display: inline-block;
    margin: 10px;
    padding: 5px 10px;
    border: 1px solid var(--color-border-hard);
    border-radius: var(--border-radius-tabs);
    text-decoration: none;
    color: var(--color-default);
    font-weight: bold;
    
    background: var(--color-shade-soft-two);
    background:         linear-gradient(top, var(--color-shade-soft-two), var(--color-shade-soft-one));
    background:      -o-linear-gradient(top, var(--color-shade-soft-two), var(--color-shade-soft-one));
    background:     -ms-linear-gradient(top, var(--color-shade-soft-two), var(--color-shade-soft-one));
    background:    -moz-linear-gradient(top, var(--color-shade-soft-two), var(--color-shade-soft-one));
    background: -webkit-linear-gradient(top, var(--color-shade-soft-two), var(--color-shade-soft-one));
}
#pleaseWait2 .dismiss a:hover {
    border: 1px solid var(--color-border-soft);
    background: var(--color-shade-soft-one);
    background:         linear-gradient(top, var(--color-shade-soft-one), var(--color-shade-soft-two));
    background:      -o-linear-gradient(top, var(--color-shade-soft-one), var(--color-shade-soft-two));
    background:     -ms-linear-gradient(top, var(--color-shade-soft-one), var(--color-shade-soft-two));
    background:    -moz-linear-gradient(top, var(--color-shade-soft-one), var(--color-shade-soft-two));
    background: -webkit-linear-gradient(top, var(--color-shade-soft-one), var(--color-shade-soft-two));
}
