/*
#################################################################################
#
# WIKIPASS
#
#################################################################################
20160910 */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active { transition: all 5000s ease-in-out 0s; transition-property: background-color,color; }

.mItem                        { white-space: nowrap;
                                padding: 0 16px 0 0;
                              }
.mNum                         { display: inline-block;
                                width:  28px;
                                height: 20px;
                                background-color: transparent;
                                border: 1px solid RGB( 160,160,160 );
                                padding: 8px 1px 0 1px;
                                margin:  0 8px 0 0;
                                color: RGB( 160,160,160 );
                                font-size: 15px;
                                font-weight: bold;
                                text-align: center;
                                line-height: 80%;
                                white-space: nowrap;
                                cursor: pointer;
                              }
.mNum:hover                   { color: RGB( 255,255,255 ); background-color: RGB( 150,150,150 ); }
.mNum:focus                   { color: RGB( 255,255,255 ); background-color: RGB( 150,150,150 ); }
.mNum:active                  { color: RGB( 255,255,255 ); background-color: RGB( 150,150,150 ); }
.mNumActive                   { display: inline-block;
                                width:  28px;
                                height: 20px;
                                background-color: RGB( 0,0,0 );
                                border: 1px solid RGB( 0,0,0 );
                                padding: 8px 1px 0 1px;
                                margin:  0 8px 0 0;
                                color: RGB( 255,255,255 );
                                font-size: 15px;
                                font-weight: bold;
                                text-align: center;
                                line-height: 80%;
                                white-space: nowrap;
                                cursor: pointer;
                              }

.mInner                       { color: RGB( 160,160,160 );
                                font-size: 15px;
                                font-weight: normal;
                                text-align: left;
                                line-height: 130%;
                                white-space: nowrap;
                                cursor: pointer;
                              }
.mInner:hover                 { color: RGB( 140,140,140 ); }
.mInner:focus                 { color: RGB( 140,140,140 ); }
.mInner:active                { color: RGB( 140,140,140 ); }
.mInnerActive                 { color: RGB( 0,0,0 );
                                font-size: 15px;
                                font-weight: normal;
                                text-align: left;
                                line-height: 130%;
                                white-space: nowrap;
                                cursor: pointer;
                              }

.loginbtn                     { width: 280px;
                                height: 32px;
                                background-color: RGB( 255,255,255 );
                                border: 2px solid RGB( 255,255,255 );
                                cursor: pointer;
                              }
.loginbtn input               { width: 98%;
                                background-color: transparent;
                                outline: 0;
                                border:  0;
                                padding: 6px;
                                color: RGB( 205,23,25 );
                                font-size: 15px;
                                font-weight: bold;
                                cursor: pointer;
                              }
.loginbtn:hover               { border-color: RGB( 160,160,160 ); color: RGB( 205,23,25 ); background-color: RGB( 160,160,160 ); }
.loginbtn:focus               { border-color: RGB( 160,160,160 ); color: RGB( 205,23,25 ); background-color: RGB( 160,160,160 ); }
.loginbtn:active              { border-color: RGB( 160,160,160 ); color: RGB( 205,23,25 ); background-color: RGB( 160,160,160 ); }

.signupbtn                    { width: 280px;
                                height: 32px;
                                background-color: RGB( 60,60,60 );
                                border: 2px solid RGB( 60,60,60 );
                                cursor:pointer;
                              }
.signupbtn input              { width: 98%;
                                background-color: transparent;
                                outline: 0;
                                border: 0;
                                padding: 6px;
                                color: RGB( 200,200,200 );
                                font-size: 15px;
                                font-weight: bold;
                                cursor: pointer;
                              }
.signupbtn:hover              { color: RGB( 255,255,255 ); background-color: RGB( 0,0,0 ); }
.signupbtn:focus              { color: RGB( 255,255,255 ); background-color: RGB( 0,0,0 ); }
.signupbtn:active             { color: RGB( 255,255,255 ); background-color: RGB( 0,0,0 ); }

.appTop                       { display:  block;
                                position: absolute;
                                left:     0;
                                top:      0;
                                width:    100%;
                                height:   48px;
                                background-color: RGB( 60,60,60 );
                                overflow: hidden;
                              }
.appTopMenu                   { display:  block;
                                position: absolute;
                                width:    932px;
                                height:   40px;
                                left:    -466px;
                                top:      0;
                                padding:  0;
                                margin:   0 50% 0 50%;
                                overflow: hidden;
                              }
.appTopOPMenu                 { display:  block;
                                position: absolute;
                                width:    932px;
                                height:   120px;
                                left:    -466px;
                                top:      50px;
                                margin:   0 50% 0 50%;
                                overflow: hidden;
                              }
.appTopMenu17p                { color: RGB( 255,255,255 );font-weight: normal;font-size: 17px;cursor:pointer; }
.appTopMenu15p                { color: RGB( 255,255,255 );font-weight: normal;font-size: 15px;cursor:pointer; }
.appTopMenu13p                { color: RGB( 255,255,255 );font-weight: normal;font-size: 13px;cursor:pointer; }
.appTopMenu17b                { color: RGB( 255,255,255 );font-weight: bold;  font-size: 17px;cursor:pointer; }
.appTopMenu15b                { color: RGB( 255,255,255 );font-weight: bold;  font-size: 15px;cursor:pointer; }
.appTopMenu13b                { color: RGB( 255,255,255 );font-weight: bold;  font-size: 13px;cursor:pointer; }
.appBottom                    { display:  block;
                                position: absolute;
                                left:     0;
                                bottom:   0;
                                width:    100%;
                                height:   64px;
                                overflow: hidden;
                              }
.loginTop                     { display:  block;
                                position: absolute;
                                left:     0;
                                top:      0;
                                width:    100%;
                                height:   270px;
                                overflow: hidden;
                              }
.loginBottom                  { display:  block;
                                position: absolute;
                                left:     0;
                                top:      450px;
                                bottom:   0;
                                width:    100%;
                                overflow: hidden;
                              }
.loginPage                    { display:  table;
                                position: absolute;
                                width:    100%;
                                height:   100%;
                              }
.loginTab                     { display:  block;
                                position: absolute;
                                width:    932px;
                                height:   140px;
                                left:    -466px;
                                top:      290px;
                                margin:   0 50% 0 50%;
                              }
.homeDiv                      { display:  block;
                                position: absolute;
                                top:      290px;
                                left:     32px;
                                width:    932px;
                                height:   156px;
                                margin:   0 50% 0 50%;
                                overflow: auto;
                              }
.homeTab                      { display:  table;
                                width:    140px;
                                height:   140px;
                                margin:   0 8px 0 0;
                                float:    left;
                              }

.coverit                      {
                              }
.coverbusy                    { position: absolute;
                                right:    16px;
                                top:      72px;
                                width:    32px;
                                height:   32px;
                              }
.coverlinks                   { display:  block;
                                position: absolute;
                                top:      50%;
                                left:     50%;
                                width:    680px;
                                height:   280px;
                                margin:   0;
                                padding:  24px 12px 24px 12px;
                                transform:translate( -50%,-50% );
                                border:   1px solid RGB( 160,160,160 );
                                background-color: RGBa( 255,255,255,0.9 );
                              }

.uTd-buttonSelected           { width: 60px;
                                height: 24px;
                                background-color: RGB( 205,23,25 );
                                padding: 6px;
                                color:RGB( 255,255,255 );
                                font-weight: bold;
                                text-align: center;
                              }
.uTd-buttonSelected a         { width: 60px;
                                height: 24px;
                                padding: 6px;
                                color:RGB( 255,255,255 );
                                font-weight: bold;
                                text-align: center;
                              }
.uTd-button                   { width: 60px;
                                height: 24px;
                                background-color: RGBa( 205,23,25,0.3 );
                                padding: 6px;
                                color:RGB( 255,255,255 );
                                font-weight: bold;
                                text-align: center;
                              }
.uTd-button a                 { width: 60px;
                                height: 24px;
                                padding: 6px;
                                color:RGB( 255,255,255 );
                                font-weight: bold;
                                text-align: center;
                              }
.uTd-button:hover             { background-color: RGB( 205,23,25 ); }
.uTd-button:focus             { background-color: RGB( 205,23,25 ); }
.uTd-button:active            { background-color: RGB( 205,23,25 ); }

.pTd-pane                     { background-color: RGBa( 90,90,90,0.1 );
                                width: 50%;
                                padding: 1px 1px 1px 1px;
                                border: 1px solid silver;
                                line-height: 110%;
                                text-align: left;
                              }
.pTd-left                     { width: 25%;
                                line-height: 110%;
                                padding: 2px 8px 2px 8px;
                                border: 1px solid RGB( 255,255,255 );
                                text-align: left;
                              }
.pTd-right                    { width: 25%;
                                line-height: 110%;
                                padding: 2px 8px 2px 8px;
                                border: 1px solid RGB( 255,255,255 );
                                text-align: right;
                              }
.pTd-more                     { line-height: 110%;
                                padding: 2px 0 2px 0;
                                border: 1px solid RGB( 255,255,255 );
                                text-align: left;
                              }

.nextButton                   { margin: 0;
                                padding: 6px 12px 6px 12px;
                                background-color: RGB( 205,23,25 );
                                font-weight: bold;
                                color: RGB( 255,255,255 );
                                cursor: pointer;
                              }
.nextDisabled                 { margin: 0;
                                padding: 6px 12px 6px 12px;
                                background-color: RGB( 220,220,220 );
                                font-weight: bold;
                                color: RGB( 255,255,255 );
                                cursor: pointer;
                              }

.cclist                       { color: RGB( 100,100,100 );
                                font-size: 15px;
                                font-weight: normal;
                              }
.cclist a                     { color: RGB( 100,100,100 );
                                font-size: 15px;
                                font-weight: normal;
                              }

.ccdelete                     { background-color: RGB( 60,60,60 );
                                color: RGB( 200,200,200 );
                                font-size: 15px;
                                font-weight: bold;
                                line-height: 80%;
                              }
.ccdelete a                   { display: inline-block;
                                color: RGB( 255,255,255 );
                                font-size: 15px;
                                font-weight: bold;
                                line-height: 80%;
                                margin-top: 5px;
                              }
.ccdelete:hover               { background-color: RGB( 0,0,0 ); color: RGB( 0,0,0 ); }
.ccdelete:focus               { background-color: RGB( 0,0,0 ); color: RGB( 0,0,0 ); }
.ccdelete:active              { background-color: RGB( 0,0,0 ); color: RGB( 0,0,0 ); }

.addrTab                      { width: 100%; margin: -8px 0 0 -8px; }
.addrTd0                      { width: 100%;
                                color: RGB( 205,23,25 );
                                font-size: 15px;
                                font-weight: bold;
                                padding: 0;
                                border:  0;
                              }
.addrTd1                      { width:  33%;  padding: 0; border:1px solid RGB( 160,160,160 ); }
.addrTd2                      { width:  66%;  padding: 0; border:1px solid RGB( 160,160,160 ); }
.addrTd3                      { width:  auto; padding: 0; border:1px solid RGB( 160,160,160 ); }
.addrTd4                      { height: 24px; padding: 0; border: 0; }

.addrInput1                   { width: 94%;
                                margin: 0;
                                padding: 8px;
                                font-size: 1em;
                                outline: none;
                                border: 0;
                                background-color: transparent;
                              }

.addrInput1:hover             { border:0; box-shadow: 0 0 0 0 RGBa( 0,0,0,0 ); }
.addrInput1:focus             { border:0; box-shadow: 0 0 0 0 RGBa( 0,0,0,0 ); }
.addrInput1:active            { border:0; box-shadow: 0 0 0 0 RGBa( 0,0,0,0 ); }
.addrInput2                   { width: 94%;
                                margin: 0;
                                padding: 8px;
                                font-size: 1em;
                                outline: none;
                                border: 0;
                                background-color: transparent;
                              }
.addrInput2:hover             { border: 0; box-shadow: 0 0 0 0 RGBa( 0,0,0,0 ); }
.addrInput2:focus             { border: 0; box-shadow: 0 0 0 0 RGBa( 0,0,0,0 ); }
.addrInput2:active            { border: 0; box-shadow: 0 0 0 0 RGBa( 0,0,0,0 ); }
.addrInput3                   { width: 94%;
                                margin: 0;
                                padding: 8px;
                                font-size: 1em;
                                outline: none;
                                border: 0;
                                background-color: transparent;
                              }

.addrInput3:hover             { border: 0; box-shadow: 0 0 0 0 RGBa( 0,0,0,0 ); }
.addrInput3:focus             { border: 0; box-shadow: 0 0 0 0 RGBa( 0,0,0,0 ); }
.addrInput3:active            { border: 0; box-shadow: 0 0 0 0 RGBa( 0,0,0,0 ); }
.addrAlt                      {-webkit-appearance: none;
                               -moz-appearance: none;
                                width:  100%;
                                height: 32px;
                                background-color: RGB( 250,250,250 );
                                border: 1px solid RGB( 250,250,250 );
                                outline: none;
                                font-family: "Gotham A", "Gotham B", Arial, sans-serif;
                                color: RGB( 0,0,0 );
                                line-height: 150%;
                                font-weight: normal;
                                font-size: 14px;
                                text-align: left;
                                padding: 4px 0 4px 0;
                                margin: 0;
                                cursor: pointer;
                              }
.addrHide                     { display: none;  width: 100%; }
.addrShow                     { display: table; width: 100%; }

.checkoutBtn                  { width: 100%;
                                height: 32px;
                                background-color: RGB( 60,60,60 );
                                border: 1px solid RGB( 60,60,60 );
                                outline: none;
                                color: RGB( 200,200,200 );
                                font-weight: bold;
                                padding: 4px;
                                cursor: pointer;
                              }
.checkoutBtn:hover            { background-color: RGB( 0,0,0 ); color: RGB( 255,255,255 ); }
.checkoutBtn:focus            { background-color: RGB( 0,0,0 ); color: RGB( 255,255,255 ); }
.checkoutBtn:active           { background-color: RGB( 0,0,0 ); color: RGB( 255,255,255 ); }
.checkoutBtnSuccess           { width: 100%;
                                height: 32px;
                                background-color: RGB( 60,150,60 );
                                border: 1px solid RGB( 60,150,60 );
                                outline: none;
                                color: RGB( 255,255,255 );
                                font-weight: bold;
                                padding: 4px;
                                cursor: pointer;
                              }
.checkoutBtnFailed            { width: 100%;
                                height: 32px;
                                background-color: RGB( 205,23,25 );
                                border: 1px solid RGB( 205,23,25 );
                                outline: none;
                                color: RGB( 255,255,255 );
                                font-weight: bold;
                                padding: 4px;
                                cursor: pointer;
                              }
.checkoutBtnDisabled          { width: 100%;
                                height: 32px;
                                background-color: RGB( 200,200,200 );
                                border: 1px solid RGB( 200,200,200 );
                                outline: none;
                                color: RGB( 255,255,255 );
                                font-weight: bold;
                                padding: 4px;
                                cursor: pointer;
                              }

.addrSaveBtn                  { width: 100%;
                                height: 32px;
                                background-color: RGB( 220,220,220 );
                                border: 1px solid RGB( 220,220,220 );
                                outline: none;
                                color: RGB( 100,100,100 );
                                padding: 4px;
                                cursor: pointer;
                              }
.addrSaveBtn:hover            { background-color: RGB( 200,200,200 ); color: RGB( 0,0,0 ); }
.addrSaveBtn:focus            { background-color: RGB( 200,200,200 ); color: RGB( 0,0,0 ); }
.addrSaveBtn:active           { background-color: RGB( 200,200,200 ); color: RGB( 0,0,0 ); }

.addrSelect                   {-webkit-appearance: none;
                               -moz-appearance: none;
                                width:  100%;
                                height: 32px;
                                background-color: RGB( 60,60,60 );
                                border: 1px solid RGB( 60,60,60 );
                                outline: none;
                                font-family: "Gotham A", "Gotham B", Arial, sans-serif;
                                color: RGB( 255,255,255 );
                                line-height: 150%;
                                font-weight: normal;
                                font-size: 16px;
                                text-align: left;
                                padding: 4px;
                                margin: 0;
                                cursor: pointer;
                              }
.addrLabel                    { display: block;
                                position: relative;
                                left: -10px;
                                color: RGB( 0,0,0 );
                                font-weight: normal;
                              }

.addrButton0                  { color: RGB( 255,255,255 );
                                font-size: 15px;
                                font-weight: bold;
                                padding: 8px 6px 8px 12px;
                                background-color: RGB( 200,200,200 );
                                border-style: solid;
                                border-color: RGB( 255,255,255 );
                                border-width: 0 4px 8px 0;
                                cursor: pointer;
                              }
.addrButton0 p                { color: RGB( 255,255,255 );font-size: 15px; }
.addrButton0:hover            { background-color: RGB( 100,100,100 ); }
.addrButton0:focus            { background-color: RGB( 100,100,100 ); }
.addrButton0:active           { background-color: RGB( 100,100,100 ); }
.addrButton1                  { color: RGB( 255,255,255 );
                                font-size: 15px;
                                font-weight: bold;
                                padding: 8px 12px 8px 12px;
                                background-color: RGB( 200,200,200 );
                                border-style: solid;
                                border-color: RGB( 255,255,255 );
                                border-width: 0 4px 8px 0;
                                cursor: pointer;
                              }
.addrButton1 p                { color: RGB( 255,255,255 );font-size: 15px; }
.addrButton1:hover            { background-color: RGB( 100,100,100 ); }
.addrButton1:focus            { background-color: RGB( 100,100,100 ); }
.addrButton1:active           { background-color: RGB( 100,100,100 ); }
.addrButton2                  { color: RGB( 255,255,255 );
                                font-size: 15px;
                                font-weight: bold;
                                padding: 8px 12px 8px 12px;
                                background-color: RGB( 200,200,200 );
                                border-style: solid;
                                border-color: RGB( 255,255,255 );
                                border-width: 0 4px 8px 0;
                                cursor: pointer;
                              }
.addrButton2 p                { color: RGB( 255,255,255 );font-size: 15px; }
.addrButton2:hover            { background-color: RGB( 100,100,100 ); }
.addrButton2:focus            { background-color: RGB( 100,100,100 ); }
.addrButton2:active           { background-color: RGB( 100,100,100 ); }
.addrTitle0                   { color: RGB( 255,255,255 );
                                font-size: 15px;
                                font-weight: bold;
                                padding: 8px 12px 8px 12px;
                                background-color: RGB( 205,23,25 );
                                border-style: solid;
                                border-color: RGB( 255,255,255 );
                                border-width: 0 4px 8px 0;
                                cursor: pointer;
                              }
.addrTitle1                   { color: RGB( 255,255,255 );
                                font-size: 15px;
                                font-weight: bold;
                                padding: 8px 12px 8px 12px;
                                background-color: RGB( 205,23,25 );
                                border-style: solid;
                                border-color: RGB( 255,255,255 );
                                border-width: 0 4px 8px 0;
                                cursor: pointer;
                              }
.addrTitle2                   { color: RGB( 255,255,255 );
                                font-size: 15px;
                                font-weight: bold;
                                padding: 8px 12px 8px 12px;
                                background-color: RGB( 205,23,25 );
                                border-style: solid;
                                border-color: RGB( 255,255,255 );
                                border-width: 0 4px 8px 0;
                                cursor: pointer;
                              }
.dzDiv                       { border: 0; }
.dzBorder                    { width:  932px;
                               height: 110px;
                               border: 2px dotted RGBa(0,0,0, 1.0 );
                             }
.dzBorderOver                { border: 2px dotted RGBa(255,255,0, 1.0 ); }
.dzForm                      { width:  932px;
                               height: 110px;
                               background-color:RGBa(0,0,0, 0.06 );
                             }
.dzThumb                     { width:  200px;
                               height: 200px;
                               padding: 0px;
                               background-color: RGB( 230,230,230 );
                               border: 1px solid RGB( 230,230,230 );
                               background-image: url(/img/busy.gif);
                               background-repeat: no-repeat;
                               background-size: 24px 24px;
                               background-position: center center;
                             }
.dzThumbAjax                 { width:  200px;
                               height: 200px;
                               padding: 0px;
                               background-color: RGB( 255,255,255 );
                               background-image: url(/img/busy00.gif);
                               background-repeat: no-repeat;
                               background-size: 24px 24px;
                               background-position: center center;
                               border: 1px solid RGB( 230,230,230 );
                             }
.dzThumbIdle                 { width:  200px;
                               height: 200px;
                               padding: 0px;
                               background-color: RGB( 240,240,240 );
                               background-image: url(/img/.gif);
                               background-repeat: no-repeat;
                               background-size: 24px 24px;
                               background-position: center center;
                               border: 1px solid RGB( 230,230,230 );
                             }
.dzInfo                      { padding: 0px 4px 0px 0px; }


.dzButton                     { width: 140px;
                                background-color: RGB(180,180,180);
                                text-align: center;
                                cursor: pointer;
                              }
.dzButton:hover               { background-color: RGB( 60,60,60 ); }
.dzButton:focus               { background-color: RGB( 10,10,10 ); }
.dzButton:active              { background-color: RGB( 10,10,10 ); }

.dzTabNone                    { background-color: RGB( 60,60,60 );
                                text-align: center;
                                cursor: pointer;
                              }
.dzTabSucc                    { background-color: RGB( 205,23,25 );
                                text-align: center;
                                cursor: pointer;
                              }
.dzTabCorr                    { background-color: RGB( 30,130,5 );
                                text-align: center;
                                cursor: pointer;
                              }
.dzTabWarn                    { background-color: RGB( 245,80,0 );
                                text-align: center;
                                cursor: pointer;
                              }
.dzTabFail                    { background-color: RGB( 205,23,25 );
                                text-align: center;
                                cursor: pointer;
                              }
.dzTabCrit                    { background-color: RGB( 205,23,25 );
                                text-align: center;
                                cursor: pointer;
                              }

.dzButtonCorr                 { background-color: RGB( 180,180,180 );
                                padding: 7px 24px 0 24px;
                                text-align: center;
                                cursor: pointer;
                              }
.dzButtonCorr:hover           { background-color: RGB( 60,60,60 ); }
.dzButtonCorr:focus           { background-color: RGB( 10,10,10 ); }
.dzButtonCorr:active          { background-color: RGB( 10,10,10 ); }
.dzPitstop                    { display:block;
                                position:absolute;
                                top:    12px;
                                right:  44px;
                                width:  24px;
                                height: 20px;
                                font-size: 18px;
                                font-weight: bold;
                                color: RGB( 200,200,200 );
                                text-align: center;
                                background-color:transparent;
                                border:1px solid RGB( 220,220,220 );
                                cursor: pointer;
                                padding: 3px 0 0 0;
                              }
.dzPitstopSucc                { display:block;
                                position:absolute;
                                top:    12px;
                                right:  44px;
                                width:  24px;
                                height: 20px;
                                font-size: 18px;
                                font-weight: bold;
                                color: RGB( 200,200,200 );
                                text-align: center;
                                background-color:RGB( 10,140,10 );
                                border:1px solid RGB( 10,140,10 );
                                cursor: pointer;
                                padding: 3px 0 0 0;
                              }
.dzPitstopWarn                { display:block;
                                position:absolute;
                                top:    12px;
                                right:  44px;
                                width:  24px;
                                height: 20px;
                                font-size: 18px;
                                font-weight: bold;
                                color: RGB( 200,200,200 );
                                text-align: center;
                                background-color:RGB( 245,80,0 );
                                border:1px solid RGB( 245,80,0 );
                                cursor: pointer;
                                padding: 3px 0 0 0;
                              }
.dzPitstopFail                { display:block;
                                position:absolute;
                                top:    12px;
                                right:  44px;
                                width:  24px;
                                height: 20px;
                                font-size: 18px;
                                font-weight: bold;
                                color: RGB( 200,200,200 );
                                text-align: center;
                               background-color:RGB( 205,23,25 );
                               border:1px solid RGB( 205,23,25 );
                               cursor: pointer;
                               padding: 3px 0 0 0;
                             }

.dzBusy                      { display:block;
                               position:absolute;
                               top:    12px;
                               right:  12px;
                               width:  24px;
                               height: 24px;
                               font-size: 18px;
                               font-weight: bold;
                               color: RGB( 200,200,200 );
                               text-align: center;
                               background-image: URL(/im/?img=busy);
                               background-size: 24px 24px;
                               background-position: center;
                               background-repeat: no-repeat;
                               border:0;
                               cursor: pointer;
                               padding: 0 0 0 0;
                             }
.dzIdle                      { display:block;
                               position:absolute;
                               top:    12px;
                               right:  12px;
                               width:  24px;
                               height: 24px;
                               font-size: 18px;
                               font-weight: bold;
                               color: RGB( 200,200,200 );
                               text-align: center;
                               background-image: URL(/im/?img=idle);
                               background-size: 24px 24px;
                               background-position: center;
                               background-repeat: no-repeat;
                               border:0;
                               cursor: pointer;
                               padding: 0 0 0 0;
                             }

.dzCloser                    { display:block;
                               position:absolute;
                               top:    12px;
                               right:  12px;
                               width:  24px;
                               height: 20px;
                               font-size: 18px;
                               font-weight: bold;
                               color: RGB( 200,200,200 );
                               text-align: center;
                               background-color:RGB( 0,0,0 );
                               border:1px solid RGB( 0,0,0 );
                               cursor: pointer;
                               padding: 3px 0 0 0;
                             }
.dzCloser:hover              { background-color: RGB(60,60,60); color:RGB(255,255,255); }
.dzCloser:focus              { background-color: RGB(10,10,10); color:RGB(255,255,255); }
.dzCloser:active             { background-color: RGB(10,10,10); color:RGB(255,255,255); }
.dzCloserDisabled            { display:block;
                               position:absolute;
                               top:    12px;
                               right:  12px;
                               width:  24px;
                               height: 20px;
                               font-size: 18px;
                               font-weight: bold;
                               color: RGB( 255,255,255 );
                               text-align: center;
                               background-color:RGB( 220,220,220 );
                               border:1px solid RGB( 220,220,220 );
                               cursor: pointer;
                               padding: 3px 0 0 0;
                             }

.pageThumb                   { width:  170px;
                               height: 170px;
                               background-color: RGB( 230,230,230 );
                               border: 2px solid RGB( 230,230,230 );
                               padding: 4px 0 4px 0;
                             }
.pageThumb:hover             { border: 2px solid RGB( 205,23,25 ); }
.pageThumb:focus             { border: 2px solid RGB( 205,23,25 ); }
.pageThumb:active            { border: 2px solid RGB( 205,23,25 ); }
.pageThumbDisabled           { width:  170px;
                               height: 170px;
                               background-color: RGB( 248,248,248 );
                               border: 2px solid RGB( 230,230,230 );
                               padding: 4px 0 4px 0;
                             }

.pageThumbDownload p         { display: block;
                               position: absolute;
                               right:  22px;
                               top:    2px;
                               width:  18px;
                               height: 18px;
                               background-color: RGB(160,160,160);
                               color: RGB( 255,255,255 );
                               font-size: 12px;
                               font-weight: bold;
                               text-align: center;
                             }
.pageThumbDownload:hover  p  { background-color: RGB( 0,0,0 ); }
.pageThumbDownload:focus  p  { background-color: RGB( 0,0,0 ); }
.pageThumbDownload:active p  { background-color: RGB( 0,0,0 ); }
.pageThumbCloser p           { display: block;
                               position: absolute;
                               right:  2px;
                               top:    2px;
                               width:  18px;
                               height: 18px;
                               background-color: RGB(0,0,0);
                               color: RGB( 255,255,255 );
                               font-weight: bold;
                               text-align: center;
                             }
.pageThumbCloser:hover  p    { background-color: RGB( 60,60,60 ); }
.pageThumbCloser:focus  p    { background-color: RGB( 60,60,60 ); }
.pageThumbCloser:active p    { background-color: RGB( 60,60,60 ); }
.pageThumbCloser2 p          { display: block;
                               position: absolute;
                               right: 0;
                               top: 70px;
                               width: 18px;
                               height: 18px;
                               background-color: RGB(0,0,0);
                               color: RGB( 255,255,255 );
                               font-weight: bold;
                               text-align: center;
                             }
.pageThumbCloser2:hover  p   { background-color: RGB( 230,230,230 ); }
.pageThumbCloser2:focus  p   { background-color: RGB( 230,230,230 ); }
.pageThumbCloser2:active p   { background-color: RGB( 230,230,230 ); }

.pitstopAddr                 { position: absolute;
                               left:     0;
                               top:      0;
                               right:    0;
                               height:   260px;
                               background-image: URL(/im/lettertop.svg);
                               background-repeat: no-repeat;
                               background-position: center top;
                               font-weight: normal;
                               line-height: 140%;
                               padding:  200px 0 0 75px;
                             }
.pitstopStat                 { position: absolute;
                               width:    90%;
                               left:     75px;
                               top:      360px;
                               font-weight: normal;
                               line-height: 140%;
                             }
.pitstopResult               { position: absolute;
                               width:    90%;
                               left:     75px;
                               top:      500px;
                               font-weight: bold;
                               line-height: 140%;
                             }
.pitstopReport               { position: absolute;
                               left:     0;
                               top:      500px;
                               right:    0;
                               font-weight: bold;
                               line-height: 140%;
                             }
.pitstopLegal                { display:  inline-block;
                               width:    90%;
                               font-weight: normal;
                               line-height: 140%;
                             }
.pitstopBg                   { display: block;
                               position: fixed;
                               left:     0;
                               top:      0;
                               right:    0;
                               bottom:   0;
                               background-color: RGBa( 100,100,100,0.3 );
                               text-align: center;
                             }
.pitstopMsg                  { display:  block;
                               position: absolute;
                               width:    900px;
                               left:    -472px;
                               top:      12px;
                               bottom:   12px;
                               margin:   0 50% 0 50%;
                               padding:  24px;
                               background-color: RGB( 255,255,255 );
                               text-align:  left;
                               overflow: auto;
                             }
.pitstopCloser               { display:  block;
                               position: absolute;
                               width:    24px;
                               height:   24px;
                               right:    0;
                               top:      0;
                               background-color: RGB( 60,60,60 );
                               color:       RGB( 200,200,200 );
                               font-weight: bold;
                               font-size:   19px;
                               line-height: 80%;
                               text-align:  center;
                               padding:  8px 4px 0 4px;
                               cursor:   pointer;
                               overflow: hidden;
                             }
.pitstopCloser:hover         { background-color: RGB( 0,0,0 ); color: RGB( 255,255,255 ); }
.pitstopCloser:focus         { background-color: RGB( 0,0,0 ); color: RGB( 255,255,255 ); }
.pitstopCloser:active        { background-color: RGB( 0,0,0 ); color: RGB( 255,255,255 ); }

.pitstopStatWait             { display:block;
                               width:  16px;
                               height: 16px;
                               font-size: 11px;
                               font-weight: bold;
                               color: RGB( 200,200,200 );
                               text-align: center;
                               background-color:RGB( 220,220,220 );
                               border:1px solid RGB( 200,200,200 );
                               cursor: pointer;
                               padding: 0;
                             }
.pitstopStatSucc             { display:block;
                               width:  16px;
                               height: 16px;
                               font-size: 11px;
                               font-weight: bold;
                               color: RGB( 200,200,200 );
                               text-align: center;
                               background-color:RGB( 10,140,10 );
                               border:1px solid RGB( 10,140,10 );
                               cursor: pointer;
                               padding: 0;
                             }
.pitstopStatWarn             { display:block;
                               width:  16px;
                               height: 16px;
                               font-size: 11px;
                               font-weight: bold;
                               color: RGB( 200,200,200 );
                               text-align: center;
                               background-color:RGB( 245,80,0 );
                               border:1px solid RGB( 245,80,0 );
                               cursor: pointer;
                               padding: 0;
                             }
.pitstopStatFail             { display:block;
                               width:  16px;
                               height: 16px;
                               font-size: 11px;
                               font-weight: bold;
                               color: RGB( 200,200,200 );
                               text-align: center;
                               background-color:RGB( 205,23,25 );
                               border:1px solid RGB( 205,23,25 );
                               cursor: pointer;
                               padding: 0;
                             }

.preflightAddr               { position: absolute;
                               left:     0;
                               top:      0;
                               right:    0;
                               height:   260px;
                               background-image: URL(/im/lettertop.svg);
                               background-repeat: no-repeat;
                               background-position: center top;
                               font-weight: normal;
                               line-height: 140%;
                               padding:  200px 0 0 75px;
                             }
.preflightStat               { position: absolute;
                               width: 90%;
                               left:  75px;
                               top:   360px;
                               font-weight: normal;
                               line-height: 140%;
                             }
.preflightResult             { position: absolute;
                               width: 90%;
                               left:  75px;
                               top:   500px;
                               font-weight: bold;
                               line-height: 140%;
                             }
.preflightLegal              { display: inline-block;
                               width: 90%;
                               font-weight: normal;
                               line-height: 140%;
                             }
.preflightBg                 { display: block;
                               position: fixed;
                               left:   0;
                               top:    0;
                               right:  0;
                               bottom: 0;
                               background-color: RGBa( 100,100,100,0.3 );
                               text-align: center;
                             }
.preflightMsg                { display:     block;
                               position:    absolute;
                               width:       900px;
                               left:       -472px;
                               top:         12px;
                               bottom:      12px;
                               margin:      0 50% 0 50%;
                               padding:     24px;
                               background-color: RGB( 255,255,255 );
                               text-align:  left;
                               overflow:    auto;
                             }
.preflightCloser             { display:     block;
                               position:    absolute;
                               width:       24px;
                               height:      24px;
                               right:       0;
                               top:         0;
                               background-color: RGB( 60,60,60 );
                               color:       RGB( 200,200,200 );
                               font-weight: bold;
                               font-size:   19px;
                               line-height: 80%;
                               text-align:  center;
                               padding:     8px 4px 0 4px;
                               cursor:      pointer;
                               overflow:    hidden;
                             }
.preflightCloser:hover       { background-color: RGB( 0,0,0 ); color: RGB( 255,255,255 ); }
.preflightCloser:focus       { background-color: RGB( 0,0,0 ); color: RGB( 255,255,255 ); }
.preflightCloser:active      { background-color: RGB( 0,0,0 ); color: RGB( 255,255,255 ); }

.imageBg                     { display: block;
                               position: fixed;
                               left:   0;
                               top:    0;
                               right:  0;
                               bottom: 0;
                               background-color: RGBa( 100,100,100,0.3 );
                               text-align: center;
                             }
.imageImage                  { background-color: RGB( 255,255,255 );
                               overflow:    auto;
                             }
.imageCloser                 { display:     block;
                               position:    absolute;
                               width:       24px;
                               height:      24px;
                               right:       8px;
                               top:         8px;
                               background-color: RGB( 60,60,60 );
                               color:       RGB( 200,200,200 );
                               font-weight: bold;
                               font-size:   19px;
                               line-height: 80%;
                               text-align:  center;
                               padding:     8px 4px 0 4px;
                               cursor:      pointer;
                               overflow:    hidden;
                             }
.imageCloser:hover           { background-color: RGB( 0,0,0 ); color: RGB( 255,255,255 ); }
.imageCloser:focus           { background-color: RGB( 0,0,0 ); color: RGB( 255,255,255 ); }
.imageCloser:active          { background-color: RGB( 0,0,0 ); color: RGB( 255,255,255 ); }

.imagesBg                    { display: block;
                               position: fixed;
                               left:   0;
                               top:    0;
                               right:  0;
                               bottom: 0;
                               background-color: RGBa( 100,100,100,0.3 );
                               text-align: center;
                             }
.imagesMsg                   { display:     block;
                               position:    absolute;
                               width:       900px;
                               left:       -472px;
                               top:         12px;
                               bottom:      12px;
                               margin:      0 50% 0 50%;
                               padding:     24px;
                               background-color: RGB( 255,255,255 );
                               text-align:  left;
                               overflow:    auto;
                             }
.imagesCloser                { display:     block;
                               position:    absolute;
                               width:       24px;
                               height:      24px;
                               right:       0;
                               top:         0;
                               background-color: RGB( 60,60,60 );
                               color:       RGB( 200,200,200 );
                               font-weight: bold;
                               font-size:   19px;
                               line-height: 80%;
                               text-align:  center;
                               padding:     8px 4px 0 4px;
                               cursor:      pointer;
                               overflow:    hidden;
                             }

.orderoverview               { z-index: 1000;
                               display: block;
                               position: fixed;
                               width:   484px;
                               left:   -40px;
                               top:     180px;
                               bottom:  12px;
                               padding: 12px;
                               margin: 0 50% 0 50%;
                               border: 1px solid RGB( 0,0,0 );
                               background-color:RGB( 230,230,230 );
                               overflow: auto;
                             }

.checkoutoverview            { z-index: 1000;
                               display: block;
                               position: fixed;
                               width:   484px;
                               left:   -40px;
                               top:     180px;
                               bottom:  12px;
                               padding: 12px;
                               margin: 0 50% 0 50%;
                               border: 1px solid RGB( 0,0,0 );
                               background-color:RGB( 230,230,230 );
                               overflow: auto;
                             }

.dzone-section-upload        { }
.dzone-section-setup         { }
.dzone-section-pages         { }

.infoDivBg                   { display: block;
                               position: fixed;
                               left:     0;
                               top:      0;
                               right:    0;
                               bottom:   0;
                               background-color: RGBa( 100,100,100,0.3 );
                               text-align: center;
                             }
.infoDivMsg                  { display:  block;
                               position: absolute;
                               width:    920px;
                               left:    -470px;
                               top:      12px;
                               bottom:   12px;
                               margin:   0 50% 0 50%;
                               padding:  24px;
                               padding-right: 0;
                               background-color: RGBa( 255,255,255,0.9 );
                               text-align:  left;
                               overflow: auto;
                             }
.infoCenterMsg               { display:  block;
                               position: absolute;
                               width:    910px;
                               left:    -467px;
                               margin:   0 50% 0 50%;
                               padding:  24px;
                               padding-right: 0;
                               background-color: RGBa( 255,255,255,0.9 );
                               text-align:  left;
                               overflow: auto;
                             }
.infoDivCloser               { display:  block;
                               position: absolute;
                               width:    24px;
                               height:   24px;
                               right:    0;
                               top:      0;
                               background-color: RGB( 60,60,60 );
                               color:       RGB( 200,200,200 );
                               font-weight: bold;
                               font-size:   19px;
                               line-height: 80%;
                               text-align:  center;
                               padding:  8px 4px 0 4px;
                               cursor:   pointer;
                               overflow: hidden;
                             }
.infoDivCloser:hover         { background-color: RGB( 0,0,0 ); color: RGB( 255,255,255 ); }
.infoDivCloser:focus         { background-color: RGB( 0,0,0 ); color: RGB( 255,255,255 ); }
.infoDivCloser:active        { background-color: RGB( 0,0,0 ); color: RGB( 255,255,255 ); }

/*
#################################################################################
#
# The MIT License
# Copyright (c) 2012 Matias Meno <m@tias.me>
#
#################################################################################
201503001 */

@-webkit-keyframes passing-through {
0%        { opacity: 0; -webkit-transform: translateY( 40px); -moz-transform: translateY( 40px); -ms-transform: translateY( 40px); -o-transform: translateY( 40px); transform: translateY( 40px); }
30%, 70%  { opacity: 1; -webkit-transform: translateY(  0px); -moz-transform: translateY(  0px); -ms-transform: translateY(  0px); -o-transform: translateY(  0px); transform: translateY(  0px); }
100%      { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); }
}
@-moz-keyframes passing-through {
0%        { opacity: 0; -webkit-transform: translateY( 40px); -moz-transform: translateY( 40px); -ms-transform: translateY( 40px); -o-transform: translateY( 40px); transform: translateY( 40px); }
30%, 70%  { opacity: 1; -webkit-transform: translateY(  0px); -moz-transform: translateY(  0px); -ms-transform: translateY(  0px); -o-transform: translateY(  0px); transform: translateY(  0px); }
100%      { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); }
}
@keyframes passing-through {
0%        { opacity: 0; -webkit-transform: translateY( 40px); -moz-transform: translateY( 40px); -ms-transform: translateY( 40px); -o-transform: translateY( 40px); transform: translateY( 40px); }
30%, 70%  { opacity: 1; -webkit-transform: translateY(  0px); -moz-transform: translateY(  0px); -ms-transform: translateY(  0px); -o-transform: translateY(  0px); transform: translateY(  0px); }
100%      { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); }
}
@-webkit-keyframes slide-in {
0%        { opacity: 0; -webkit-transform: translateY( 40px); -moz-transform: translateY( 40px); -ms-transform: translateY( 40px); -o-transform: translateY( 40px); transform: translateY( 40px); }
30%       { opacity: 1; -webkit-transform: translateY(  0px); -moz-transform: translateY(  0px); -ms-transform: translateY(  0px); -o-transform: translateY(  0px); transform: translateY(  0px); }
}
@-moz-keyframes slide-in {
0%        { opacity: 0; -webkit-transform: translateY( 40px); -moz-transform: translateY( 40px); -ms-transform: translateY( 40px); -o-transform: translateY( 40px); transform: translateY( 40px); }
30%       { opacity: 1; -webkit-transform: translateY(  0px); -moz-transform: translateY(  0px); -ms-transform: translateY(  0px); -o-transform: translateY(  0px); transform: translateY(  0px); }
}
@keyframes slide-in {
0%        { opacity: 0; -webkit-transform: translateY( 40px); -moz-transform: translateY( 40px); -ms-transform: translateY( 40px); -o-transform: translateY( 40px); transform: translateY( 40px); }
30%       { opacity: 1; -webkit-transform: translateY(  0px); -moz-transform: translateY(  0px); -ms-transform: translateY(  0px); -o-transform: translateY(  0px); transform: translateY(  0px); }
}
@-webkit-keyframes pulse {
0%        { -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); }
10%       { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
20%       { -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); }
}
@-moz-keyframes pulse {
0%        { -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); }
10%       { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
20%       { -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); }
}
@keyframes pulse {
0%        { -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); }
10%       { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
20%       { -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); }
}

/*
#################################################################################
#
# dropzone
#
#################################################################################
201503001 */


.dropzone, .dropzone *                             { box-sizing: border-box; }
.dropzone                                          { min-height: 64px; border: 0px; padding: 0px 0px; }
.dropzone .dz-clickable                            { cursor: pointer; }
.dropzone .dz-clickable *                          { cursor: default; }
.dropzone .dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * { cursor: pointer; }
.dropzone .dz-started .dz-message                  { display: none; }
.dropzone .dz-drag-hover                           { border-style: solid; }
.dropzone .dz-drag-hover .dz-message               { opacity: 0.5; }
.dropzone .dz-message                              { text-align: center; margin: 2em 0; }
.dz-default span                                   { display:none; }

/*
#################################################################################
#
# dropzone: aktionspalette
#
#################################################################################
201503001 */

.dropzone .dz-preview                              {  display:           block;
                                                      position:          absolute;
                                                      z-index:           100;
                                                      top:               0px;
                                                      left:              0px;
                                                      width:             100%;
                                                      height:            100%;
                                                      background-color:  RGBa( 255,255,255,0.3 );
                                                    }
.dropzone .dz-preview:hover                         { ; }
.dropzone .dz-preview .dz-file-preview              { z-index:           101;  }
/* --- die box -------------------------------------------------------------- */
.dropzone .dz-preview .dz-details                   { display:           block;
                                                      position:          absolute;
                                                      z-index:           102;
                                                      top:               4px;
                                                      left:              4px;
                                                      width:             928px;
                                                      height:            100px;
                                                      padding:           12px;
                                                      border:            1px solid RGB( 255,255,255 );
                                                      border-radius:     0;
                                                      background-color:  transparent;
                                                    }
.dropzone .dz-preview:hover .dz-details             { ; }
/* --- das vorschaubild ----------------------------------------------------- */
.dropzone .dz-preview .dz-image                     { display:           none;
                                                      position:          absolute;
                                                      z-index:           120;
                                                      top:               0;
                                                      left:              0;
                                                      width:             100px;
                                                      height:            100px;
                                                      padding:           8px;
                                                      border:            0;
                                                      border-radius:     0;
                                                      background-color:  RGB( 220,220,220 );
                                                    }
.dropzone .dz-preview .dz-image img                 { display:           none;
                                                      position:          relative;
                                                      z-index:           121;
                                                    }
/* --- der dateiname -------------------------------------------------------- */
.dropzone .dz-preview .dz-details .dz-filename      { opacity:           1;
                                                      display:           block;
                                                      position:          absolute;
                                                      z-index:           200;
                                                      width:             834px;
                                                      height:            24px;
                                                      top:               8px;
                                                      left:              48px;
                                                      padding:           0;
                                                      border:            0;
                                                      border-radius:     0;
                                                      background-color:  transparent;
                                                      text-align:        left;
                                                    }
.dropzone .dz-preview .dz-details .dz-filename span { opacity: 1; z-Index:201; color:RGB( 60,60,60 ); font-size:15px; font-weight:bold; }
/* --- die dateigroessenangabe ---------------------------------------------- */
.dropzone .dz-preview .dz-details .dz-size          { opacity:           1;
                                                      display:           block;
                                                      position:          absolute;
                                                      z-index:           202;
                                                      width:             822px;
                                                      height:            32px;
                                                      top:               40px;
                                                      left:              50px;
                                                      padding:           0;
                                                      border:            0;
                                                      border-radius:     0;
                                                      background-color:  transparent;
                                                      text-align:        right;
                                                    }
.dropzone .dz-preview .dz-details .dz-size span     { opacity: 1; z-Index:203; color:RGB( 240,240,420 ); font-size:15px; font-weight:bold; }
/* -------------------------------------------------------------------------- */
.dropzone .dz-preview .dz-file-preview .dz-details  { display:           none; }
.dropzone .dz-preview .dz-image-preview             { display:           none; }
.dropzone .dz-preview .dz-image-preview .dz-details { display:           none; }

.dropzone .dz-preview .dz-remove                    { display:           none; }
.dropzone .dz-preview .dz-remove:hover              { display:           none; }

.dropzone .dz-preview .dz-error .dz-error-mark      { display:           none; }
.dropzone .dz-preview .dz-error-mark                { display:           none; }
.dropzone .dz-preview .dz-error-mark svg            { display:           none; }

.dropzone .dz-preview .dz-success .dz-success-mark  { display:           none; }
.dropzone .dz-preview .dz-success-mark              { display:           none; }
.dropzone .dz-preview .dz-success-mark svg          { display:           none; }

/*
#################################################################################
#
# dropzone: zeitbedarfsbalken
#
#################################################################################
201503001 */

.dropzone .dz-preview .dz-progress                  { opacity:           1;
                                                      display:           inline-block;
                                                      position:          absolute;
                                                      z-index:           104;
                                                      top:               39px;
                                                      left:              50px;
                                                      width:             834px;
                                                      height:            32px;
                                                      pointer-events:    none;
                                                      border:            1px solid RGB( 160,160,160 );
                                                      border-radius:     0px;
                                                      background:        RGBa( 60,60,60,0.2 );
                                                      overflow:          hidden;
                                                    }
.dropzone .dz-preview .dz-processing .dz-progress   { opacity:           1;
                                                      z-index:           105;
                                                     -webkit-transition: all 0.2s linear;
                                                     -moz-transition:    all 0.2s linear;
                                                     -ms-transition:     all 0.2s linear;
                                                     -o-transition:      all 0.2s linear;
                                                      transition:        all 0.2s linear;
                                                    }
.dropzone .dz-preview .dz-complete .dz-progress     { opacity:           0;
                                                      z-index:           106;
                                                     -webkit-transition: opacity 0.4s ease-in;
                                                     -moz-transition:    opacity 0.4s ease-in;
                                                     -ms-transition:     opacity 0.4s ease-in;
                                                     -o-transition:      opacity 0.4s ease-in;
                                                      transition:        opacity 0.4s ease-in;
                                                    }
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
                                                      z-index:           107;
                                                     -webkit-animation:  pulse 6s ease infinite;
                                                     -moz-animation:     pulse 6s ease infinite;
                                                     -ms-animation:      pulse 6s ease infinite;
                                                     -o-animation:       pulse 6s ease infinite;
                                                      animation:         pulse 6s ease infinite;
                                                    }
.dropzone .dz-preview .dz-progress .dz-upload       { opacity:           1;
                                                      z-Index:           108;
                                                      position:          absolute;
                                                      left:              0;
                                                      top:               0;
                                                      width:             0;
                                                      bottom:            0;
                                                     -webkit-transition: width 300ms ease-in-out;
                                                     -moz-transition:    width 300ms ease-in-out;
                                                     -ms-transition:     width 300ms ease-in-out;
                                                     -o-transition:      width 300ms ease-in-out;
                                                      transition:        width 300ms ease-in-out;
                                                      background:        RGBa( 255,13,15,0.76 );
                                                    }

/*
#################################################################################
#
# dropzone: fehlermeldungen
#
#################################################################################
201503001 */

.dropzone .dz-preview .dz-error .dz-error-message   { display: block;  }
.dropzone .dz-preview .dz-error:hover .dz-error-message {
                                                      opacity: 1;
                                                      pointer-events: auto;
                                                    }
.dropzone .dz-preview .dz-error-message             { pointer-events: none;
                                                      z-index: 1000;
                                                      position: absolute;
                                                      display: block;
                                                      display: none;
                                                      opacity: 0;
                                                     -webkit-transition: opacity 0.3s ease;
                                                     -moz-transition:    opacity 0.3s ease;
                                                     -ms-transition:     opacity 0.3s ease;
                                                     -o-transition:      opacity 0.3s ease;
                                                      transition:        opacity 0.3s ease;
                                                      border-radius: 0px;
                                                      font-size: 13px;
                                                      top: 130px;
                                                      left: -10px;
                                                      width: 140px;
                                                      background: #be2626;
                                                      background: linear-gradient( to bottom, #be2626, #a92222 );
                                                      padding: 0.5em 1.2em;
                                                      color: white;
                                                    }
.dropzone .dz-preview .dz-error-message:after       { content: '';
                                                      position: absolute;
                                                      top: -6px;
                                                      left: 64px;
                                                      width: 0;
                                                      height: 0;
                                                      border-left:   6px solid transparent;
                                                      border-right:  6px solid transparent;
                                                      border-bottom: 6px solid #be2626;
                                                    }