﻿            /* ------------------- Animation ------------------- */
            @-webkit-keyframes myanim       { 0% { background-position: 0 0; } 100% { background-position: 50px 50px; } }
            @-moz-keyframes myanim          { 0% { background-position: 0 0; } 100% { background-position: 50px 50px; } }
            @-ms-keyframes myanim           { 0% { background-position: 0 0; } 100% { background-position: 50px 50px; } }
            @-ms-keyframes myanim           { 0% { background-position: 0 0; } 100% { background-position: 50px 50px; } }

            #waitholder     { position: absolute; z-index: 10; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0;}
            #waitbox        { position: fixed; z-index: 9; left: 50%; transform: translate(-50%, 0); width: 500px; height: 120px; top: 200px; display: block; 
                              border: 1px solid #000;  background-color: #FFF;
                              -webkit-box-shadow: 3px 3px 8px 3px #CCC; -moz-box-shadow: 3px 3px 8px 3px #CCC; -ms-box-shadow: 3px 3px 8px 3px #CCC; box-shadow: 3px 3px 8px 3px #CCC;
                              -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px;
                            }
            #waitback       { position: fixed; z-index: 8; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(255,255,255, 0.6);}
            .waittext       { width: 440px; font-family: Verdana, Arial; font-size: 15px; font-style: italic; text-align: center; margin: 10px auto;}
            .waittextsmall  { font-size: 10px;}
            #waitbar        { height: 20px; width: 420px; margin: 20px auto;}

            #waitbar span   {
                display: inline-block; height: 100%; width: 100%; border: 1px solid #CCC; background-color: #2579dd;
                -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px;
                -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
                background-image: -webkit-linear-gradient(-45deg,rgba(236, 236, 255, 1) 25%,transparent 25%,transparent 50%,rgba(236, 236, 255, 1) 50%,rgba(236, 236, 255, 1) 75%,transparent 75%,transparent);
                background-image: -moz-linear-gradient(-45deg,rgba(236, 236, 255, 1) 25%,transparent 25%,transparent 50%,rgba(236, 236, 255, 1) 50%,rgba(236, 236, 255, 1) 75%,transparent 75%,transparent);
                background-image: -ms-linear-gradient(-45deg,rgba(236, 236, 255, 1) 25%,transparent 25%,transparent 50%,rgba(236, 236, 255, 1) 50%,rgba(236, 236, 255, 1) 75%,transparent 75%,transparent);
                background-image: linear-gradient(-45deg,rgba(236, 236, 255, 1) 25%,transparent 25%,transparent 50%,rgba(236, 236, 255, 1) 50%,rgba(236, 236, 255, 1) 75%,transparent 75%,transparent);
                -webkit-background-size: 50px 50px; -moz-background-size: 50px 50px; -ms-background-size: 50px 50px; background-size: 50px 50px;
                -webkit-animation: myanim 2s linear infinite; -moz-animation: myanim 2s linear infinite; -ms-animation: myanim 2s linear infinite; animation: myanim 2s linear infinite;
                -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px;
                -webkit-box-shadow: inset 0 4px 4px rgba(0,0,0,.5), inset 0 -4px 4px rgba(0,0,0,.5);
                -moz-box-shadow: inset 0 4px 4px rgba(0,0,0,.5), inset 0 -4px 4px rgba(0,0,0,.5);
                -ms-box-shadow: inset 0 4px 4px rgba(0,0,0,.5), inset 0 -4px 4px rgba(0,0,0,.5);
                box-shadow: inset 0 4px 4px rgba(0,0,0,.5), inset 0 -4px 4px rgba(0,0,0,.5);
                overflow: hidden;
            }
            #uploadBar        { height: 20px; width: 420px; border: 1px solid #CCC;}
            #uploadBar span   { display: inline-block; height: 100%; width: 100%;  background: #3b679e; 
                                background: -moz-linear-gradient(top, #3b679e 0%, #2b88d9 23%, #207cca 56%, #7db9e8 100%); 
                                background: -webkit-linear-gradient(top, #3b679e 0%,#2b88d9 23%,#207cca 56%,#7db9e8 100%); 
                                background: linear-gradient(to bottom, #3b679e 0%,#2b88d9 23%,#207cca 56%,#7db9e8 100%); 
                                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 );}