@charset "UTF-8";
html {
    height: 100%;
    width: 100%;
}
body
{ 
	padding:0px; margin:0px; 
	color:#696969;
	background-color: #b5121b;
	background-image: -moz-radial-gradient(15% 50%, circle farthest-side, #b5121b, #790910);
 	background-image: -webkit-radial-gradient(15% 50%, circle farthest-side, #b5121b, #790910);
  	background-image:  radial-gradient(15% 50%, circle farthest-side, #b5121b, #790910);
  	background-size: cover;
  	background-position: right center;
  	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
h1{font-size:40px; color: #b5121b; font-weight: 700; text-transform: uppercase; margin: 15px 15px 5px; 
	font-family: "Ubuntu", Arial, Helvetica, sans-serif;}
h2{font-weight: bold; font-size: 20px; margin-top: 0px;}
h3{margin:0px;}
h4{margin:0px; font-weight: normal; font-size: 12px;}
.no_text_select{-ms-user-select:none; -moz-user-select:none; -khtml-user-select: none; -webkit-user-select: none;user-select:none; }



/*   BUttons und Textfelder   */
.redBTN{
	height: 27px; 
	padding:10px 20px 0px 20px;  
	display: block; position: absolute; 
	margin-right: 4px; 
	background-color: #b5121b; color: #FFFFFF; 
	font-size: 16px; font-weight: 700; text-decoration: none;
	cursor: pointer;
}

.blueBTN{
	height: 27px; 
	padding:10px 20px 0px 20px;  
	display: block; position: absolute; 
	margin-right: 4px; 
	background-color: #FFFFFF; color: #00aeef; 
	outline: 3px solid #00aeef;
	outline-offset: -3px;
	font-size: 16px; font-weight: 700; text-decoration: none;
	cursor: pointer;
}
.whiteBTN{
	height: 25px; 
	padding:5px 20px 0px 20px;  
	display: block; position: absolute; 
	margin-right: 4px; 
	background-color: transparent; color: #FFFFFF; 
	outline: 3px solid #FFFFFF;
	outline-offset: -3px;
	font-size: 16px; font-weight: 700; text-decoration: none;
	cursor: pointer;
}
.pwBTN{
	height: 27px; 
	padding:10px 20px 0px 20px;  
	display: block; position: absolute; 
	background-color: #00aeef; color: #FFFFFF; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
}
.styledInput, .styledInput2{
	width:310px; height:23px;
	padding:6px; 
	border: 1px solid #7c7c7c;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow:inset -2px 2px 5px 0 rgba(100,100,100,0.3);
	box-shadow:inset -2px 2px 5px 0 rgba(100,100,100,0.3);
	color:#a3a1a1;
}
.styledInput2{width: 270px; margin-bottom: 10px;}
.hiddenInput{display: none;}




/*   branding-Elemente + Menü   */
#logo{position:absolute; left:20px; top:20px; }
#logo_dss{position:absolute; right:15px; bottom:15px;}
#version{position:absolute; left:350px; top:90px; font-size: 11px; color: #FFFFFF;}

#menu{position: absolute; right: 5px; top: 0px;}
.menu_btn{
	height: 30px; 
	padding:12px 14px 0px 14px;  
	display: block; position: relative; 
	top:-5px;
	float:right; 
	margin-right: 4px; 
	background-color: #FFFFFF; color: #b5121b; 
	font-size: 18px; font-weight: 700; text-decoration: none;
	cursor: pointer;
	 -webkit-transition: top 0.25s;
    transition: top 0.25s;
}
.menu_btn:hover{top:0px;}

.menu_text{
	height: 23px; 
	padding:9px 14px 0px 14px;  
	display: block; position: relative; 
	float:right; 
	margin-right: 4px; 
	color: #FFFFFF; 
	font-size: 14px;
}




/*   Content Bereich generell  */
#contentBox, #contentBox2, #contentBox3, #contentBox4, #contentBox6{
	width: 390px; height:640px;
	position: absolute;
	display: block;
	left: 50%; top: 50%;
	margin-left: -195px; margin-top: -320px;
}
#contentBox2{height:270px;  margin-top: -135px;}
#contentBox3{height:206px;  margin-top: -103px;}
#contentBox4{height:430px;  margin-top: -215px;}
#contentBox6{height:500px;  margin-top: -250px;}
.contentPanel{
	width: 100%; height: 100%;
	display: block;
	position: absolute;
	left:0px;
	background-color: #FFFFFF; 
}
#panel1{height: 343px; top: 0px;}
#panel1_2{height: 343px; top: 0px;}
#panel1_3{height: 170px; top: 0px;}
#panel1_4{height: 270px; top: 0px;}
#panel1_5{height: 205px; top: 0px;}
#panel1_6{height: 270px; top: 0px;}

#panel2{height: 293px; bottom: 0px;}
#panel2_2{height: 293px; bottom: 0px;}
#panel2_3{height: 80px; bottom: 0px;}
#panel2_4{height: 200px; bottom: 0px;}

#panel3{height: 118px; top: 0px; background-color: #00aeef; color: #FFFFFF; overflow: hidden;}
#panel_restart{height: 60px; top: 0px; }

#panel4{height: 430px; top: 0px; overflow: hidden;}
#panel5{width:318px; height: 430px; top: 0px; left:72px; }
#panel6{height: 500px; top: 0px; overflow: hidden;}






/*  uploadbereich   */
.BTN_fileupload{
	width:51px; height:51px; 
	right:10px; top:15px;
	padding:0px; 
	background-image: url("../img/icon_addfile.png"); background-repeat: no-repeat; 
	background-position: center center;
	overflow: hidden;
}
.BTN_fileupload input{
	cursor: pointer;
    direction: ltr;
    font-size: 23px;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(-300px, 0px) scale(4);
}

#symbol_add_file{
	width: 111px; height: 111px;
	display: block;
	background-image: url("../img/symbol_addfile.png");
	position: absolute;
	left: 50%; top:50%;
	margin-left: -55px; margin-top: -25px;
}
#red_fileArea{
	width: 370px; height: 260px;
	display: block;
	position: absolute;
	left: 10px; top:73px;
	outline: #b5121b dashed 2px;
	-webkit-transition: all 0.25s 0.25s ;
	-moz-transition: all 0.25s 0.25s ;
	-ms-transition: all 0.25s 0.25s ;
	-o-transition: all 0.25s 0.25s ;
	transition: all 0.25s 0.25s ;
}
#red_fileArea.fadeout{
	-moz-opacity: 0.00;
	opacity: 0.00;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
	-webkit-transition: all 0.2s ;
	-moz-transition: all 0.2s ;
	-ms-transition: all 0.2s ;
	-o-transition: all 0.2s ;
	transition: all 0.2s ;
}


#fileList{
	width: 340px; height: 240px;
	display: block;
	position: absolute;
	left: 20px; top:83px;
}
.fileElement{
	width: 100%; height: 36px;
	display: block;
	position: relative; float: left;
	background-color:#d8d8d8;
	border-radius: 18px;
	margin-bottom: 4px;
} 
.fileName{
	position: absolute;
	left: 15px; top: 10px;
	font-size: 14px; font-weight: bold;
	height: 18px; overflow: hidden;
	word-wrap:break-word; word-break: break-all;
}
.fileElement .fileName{	color: #b5121b; width: 290px;}
.BTN_remove_upload{
	width: 26px; height: 26px;
	display: block;
	position: absolute;
	right: 5px; top:5px;
	background-image: url("../img/icon_deletefile_upload.png");
	cursor: pointer;
}
.BTN_remove_file{
	width: 26px; height: 26px;
	display: block;
	position: absolute;
	right: 5px; top:5px;
	background-image: url("../img/icon_deletefile.png");
	cursor: pointer;
}
.BTN_remove_file_blue{
	width: 26px; height: 26px;
	display: block;
	position: absolute;
	right: 5px; top:4px;
	background-image: url("../img/icon_deletefile_design.png");
	cursor: pointer;
}

.progressbar{
	width: 100%; height: 36px;
	display: block;
	position: relative; float: left;
	border-radius: 18px;
	margin-bottom: 4px;
	overflow: hidden;
}
.progressBG{
	width: 372px; height: 36px;
	display: block;
	position: absolute; left: 0px; top:0px;

	-webkit-box-shadow:inset -2px 2px 5px 0 rgba(0,0,0,0.3);
	box-shadow:inset -2px 2px 5px 0 rgba(0,0,0,0.3);
	background-color:#b5121b;
	background-image:  repeating-linear-gradient(
      -54deg,
      #b5121b,
      #b5121b 10px,
      #bc3a41 10px,
      #bc3a41 25px
    );
    -moz-animation: progresso 2s infinite linear;
    -webkit-animation: progresso 2s infinite linear;
}


.progressbar .fileName{color: #FFFFFF; width: 150px;}
.progressText{
	position: absolute;
	right: 37px; top: 10px;
	font-size: 14px; font-weight: bold;
	color: #FFFFFF;
}

.icon_uploading{
	width: 26px; height: 26px;
	display: block;
	position: absolute;
	right: 5px; top:5px;
	background-image: url("../img/icon_uploadcircle.png");
	background-position: center center;
	background-repeat: no-repeat; 
    -moz-animation: spin 1s infinite linear;
    -webkit-animation: spin 1s infinite linear;
}





/*  upload optionen */
#panel2 div.content{margin-left: 10px; margin-top: 15px; }

.optionbox{
	width: 252px; height: 28px;
	padding-left: 45px; padding-top: 10px;
	display: block;
	background-color: #d7d7d7;
	position: absolute;
	left: 10px; top: 50px;
	font-size: 16px; font-weight: bold;
}
#box1{width:322px; cursor: pointer;}
#box2{width:322px; top:89px; cursor: pointer;}
#box3{width:182px; top:128px;}
#box4{width:322px; top:167px; cursor: pointer;}


.myCheckbox, .myCheckbox2{
	width: 30px; height: 30px;
	display: block;
	background-image: url("../img/checkbox_inactive.png");
	position: absolute;
	left: 5px; top:5px;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;;
}
.myCheckbox2{
	background-image: url("../img/checkbox_inactive_2.png");
	position: relative;
	left: 10px; top:0px;
}
.myCheckbox.checked, .myCheckbox2.checked{background-image: url("../img/checkbox_active.png");}

 .styled-select {
   width: 99px;
   height: 38px;
   overflow: hidden;
   background: url("../img/icon_dropdown.png") no-repeat 80px;
   background-color: #d7d7d7; 
   position: absolute; 
   }
.styled-select select {
   background: transparent;
   width: 128px;
   padding: 10px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 38px;
   -webkit-appearance: none; 
	font-size: 16px; font-weight: bold;
	color: #696969;
   }
   .styled-select select option {
   width: 128px;
   padding-left: 10px; padding-top: 10px;
   border: 0;
   height: 28px;
   }

 #download_nr_container{
 	left:308px; top:50px;
 	width: 69px;
 	background-position: 45px;
 	display: none;
 }
 #download_nr_container select{width: 100px;}
 #download_nr_container select option{width: 53px;}
 #time_to_live_container{
 	left:238px; top:128px;
 	width: 139px;
 	background-position: 115px;
 }
  #time_to_live_container select{width: 180px;}



#BTN_upload_finished{left:10px;	bottom:10px; visibility:hidden;}






/*    Generierung Download   */
#panel1_2 div.content{opacity: 0; filter: alpha(opacity=0);}
#panel1_2 img{margin-left: 15px;}
#panel2_2 div.content{margin-left: 15px; margin-top: 15px; opacity: 0; filter: alpha(opacity=0);}

#compressionAnimation{
	width: 204px; height:40px; display: block;
	position: relative;
	margin-left: 15px;
}
.compressionElement{
	width: 10px; height: 40px; display: block;
	position: relative; float: left;
	margin-right: 7px;
	background-color: #eaedf1;
	border-radius: 3px;
}
.compressionFilling{
	width: 100%; height: 0%; display: block;
	position: absolute;
	left:0px; bottom:0px;
	background-color: #00aeef;
	border-radius: 3px;
    -moz-animation: compression 1s infinite ease-in-out alternate;
    -webkit-animation: compression 1s infinite ease-in-out alternate;
    animation: compression 1s infinite ease-in-out alternate;
}
#compression_1{-moz-animation-delay:0.5s; -webkit-animation-delay:0.5s; animation-delay:0.5s;}
#compression_2{-moz-animation-delay:0.1s; -webkit-animation-delay:0.1s; animation-delay:0.1s;}
#compression_3{-moz-animation-delay:0s; -webkit-animation-delay:0s; animation-delay:0s;}
#compression_4{-moz-animation-delay:0.3s; -webkit-animation-delay:0.3s; animation-delay:0.3s;}
#compression_5{-moz-animation-delay:0.4s; -webkit-animation-delay:0.4s; animation-delay:0.4s;}
#compression_6{-moz-animation-delay:0.2s; -webkit-animation-delay:0.2s; animation-delay:0.2s;}
#compression_7{-moz-animation-delay:0.5s; -webkit-animation-delay:0.5s; animation-delay:0.5s;}
#compression_8{-moz-animation-delay:0.8s; -webkit-animation-delay:0.8s; animation-delay:0.8s;}
#compression_9{-moz-animation-delay:0.15s; -webkit-animation-delay:0.15s; animation-delay:0.15s;}
#compression_10{-moz-animation-delay:1s; -webkit-animation-delay:1s; animation-delay:1s;}
#compression_11{-moz-animation-delay:0.3s; -webkit-animation-delay:0.3s; animation-delay:0.3s;}
#compression_12{-moz-animation-delay:0.45s; -webkit-animation-delay:0.45s; animation-delay:0.45s;}



/*    Anzeige Download   */
#panel1_3 div.content{opacity: 0; filter: alpha(opacity=0);}
#panel1_3 p{ margin-left: 15px; margin-top:0px; margin-bottom: 0px;}
#panel2_3 div.content{margin-left: 15px; margin-top: 15px; opacity: 0; filter: alpha(opacity=0);}


#icon_url{position: absolute; left:15px; top:13px; }
#icon_code{position: absolute; left:15px; top:76px; }

#dl_url, #dl_code{
	position: absolute; left:55px; 
	width:315px; padding:6px; 
	font-weight: bold;
	border: 1px solid #005676;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow:inset -2px 2px 5px 0 rgba(100,100,100,0.3);
	box-shadow:inset -2px 2px 5px 0 rgba(100,100,100,0.3);
}
#dl_url{top:10px; font-size: 12px; word-wrap:break-word; word-break: break-all;}
#dl_code{top:75px; font-size: 16px; }

#receiver_adress{margin-top: 9px;}
#BTN_send_mail{left:15px; bottom:10px;}
#BTN_restart{position: absolute; left: 15px; top: 10px;}

#multilinks{position: absolute; left:10px; top: 5px; width: 370px; height: 60px; resize:none; background-color: transparent; border: none; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
#multilinks table tr td{vertical-align: top; }
#multilinks table tr td.boldo{font-weight: bold;}
#multilinks table tr td.break{word-wrap:break-word; word-break: break-all;}
#selectTextBTN{ bottom: 10px; left: 15px;}
  



/*  mail sent  */
#panel2_4 div.content{margin-left: 15px; margin-top: 15px; }









/*   login    */
#BTN_login{left:15px; bottom:35px;}
#login_name, #login_pw{margin-left:15px; margin-bottom: 10px; width:250px;}
#loginError{color:#b5121b; font-size: 12px; margin-left: 15px;}
#lostPW{color:#00aeef; font-size: 12px; margin-left: 15px; position: absolute; bottom: 10px;}




/*    PW reset   */
#panel1_6 div.content{ margin: 10px 15px 10px 15px; }
#panel1_6 div.content h1{margin: 0px;}
#panel1_6 div.content h1.v2{margin: 0 0 8px 0;}

#BTN_reset{left:15px; bottom:10px;}
#BTN_reset2{left:15px; bottom:10px;}
#BTN_reset3{left:15px; bottom:10px;}

#BTN_getPW2{ right:0px; top:0px; }




/*   Download    */
#BTN_home, #BTN_download{left:15px; bottom:15px;}
#downloadForm_pw{margin-left:15px; margin-bottom: 10px; width:150px;}
#panel1_5 p{ margin-left: 15px; margin-top:0px; margin-bottom: 10px;}

#remaining_counter{position:absolute; left:160px; top: 165px; font-size:12px;}
.red{margin-left: 10px; color: #b5121b; font-size: 12px;}



/* admin bereich  */
#BTN_add_user{
	width:51px; height:51px; 
	right:10px; top:15px;
	padding:0px; 
	background-image: url("../img/icon_adduser.png"); background-repeat: no-repeat; 
	background-position: center center;
	overflow: hidden;
}
#panel4 p{margin-left: 15px; margin-top: 0px;}

#user_list{
	position: absolute;
	left: 10px; top: 140px;
	width: 340px; height: 275px;
	display: block;
}
.user_item, .user_placeholder{
	width:100%; height: 42px;
	position:relative; float:left;
	margin-bottom:4px;
	background-color: #e1e1e1;
	overflow: hidden;
	 -webkit-transition: height 0.5s;
    transition: height 0.5s;
}
.user_placeholder{background-color:#f9f9f9; outline: 1px #c1c1c1 dashed; outline-offset: -1px; }
.user_item_big{height: 70px;}
.new_user{margin-left: 384px;}

.user_open{
	width: 25px; height: 20px;
	display: block;
	background-image: url(../img/icon_user_closed.png);
	position: absolute;
	left:8px; top:11px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position:  center center;
}
.opened{
	background-image: url(../img/icon_user_open.png);
}


.user_name{
	position: absolute;
	left: 40px; top: 12px;
	font-size: 16px; font-weight: bold;
}
.admin .user_name{color: #00aeef;}

.user_mail{
	position: absolute;
	left: 40px; top: 35px;
	font-size: 16px; 
	opacity: 0; filter: alpha(opacity=0);
	 -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
.admin .user_mail{color: #00aeef;}
.user_item_big .user_mail{opacity: 1; filter: alpha(opacity=100);}


.adminIcon{
	width: 26px; height: 25px;
	display: block;
	position: absolute;
	right: 6px; top: 10px;
	background-image:url(../img/icon_noadmin.png);
	cursor: pointer;
}
.admin .adminIcon{	background-image:url(../img/icon_isadmin.png); }

.deleteIcon
{
	width: 25px; height: 25px;
	display: block;
	position: absolute;
	right: 36px; top: 10px;
	background-image:url(../img/icon_deleteuser.png);
	cursor: pointer;
}
.admin .deleteIcon{	display: none;}



#adminCover{
	position: absolute;
	left: 0px; top: 0px;
	width: 100%; height: 100%;
	background-color:#FFFFFF;
	opacity: 0; filter: alpha(opacity=0);
	display: none;
}



#panel5 div.content{
	padding-left: 15px; padding-top: 20px;
}
.passwordHint{
	width: 290px; height: 90px;
	margin: 5px 0 0;
}
#BTN_getPW{
	right:0px; top:0px; 
}
#BTN_ok{
	left:15px; bottom:15px; 
}
#BTN_cancel{
	right:15px; bottom:15px; 
}

#pwFieldWrapper, #pwFieldWrapper2{
	position: relative;
	width: 284px; height: 47px;
	display: inline-block;
}
#pwFieldWrapper2{width: 299px;}

#pwMeterWrapper{
	width: 285px; height: 16px;
	display: block; overflow: hidden;
	position: relative;
	background-color: #efefef;
	border-radius: 8px;
}
#pwMeter{
	width: 95px; height: 16px;
	display: block; 
	background-color: #b5121b;
	position: absolute;
	left:0px; top: 0px;
}
.secure2{width: 190px !important; background-color: #f7ea20 !important;}
.secure3{width: 285px !important; background-color: #04a600 !important;}

#pwMeterLine1, #pwMeterLine2{
	width: 1px; height: 16px;
	display: block; 
	background-color: #FFFFFF;
	position: absolute;
	left: 95px; top:0px;
}
#pwMeterLine2{	left: 190px; }



/*   design-bereich   */
#color_1, #color_2{
	margin-top: -10px; margin-bottom: 15px; margin-left:15px;
	width:100px;
}

.BTN_fileupload_design{
	width:250px; 
	position: relative;
	margin: 0 0 10px 15px;
	padding:3px; 
	line-height: 27px;
	text-align: center;
	overflow: hidden;
	outline: none;
	border: 3px solid #00aeef;
	outline-offset: 0px;

}
.BTN_fileupload_design input{
	cursor: pointer;
    direction: ltr;
    font-size: 23px;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(-300px, 0px) scale(4);
}
#BTN_save_design{
	margin-left: 15px;
}
.uploadProcess{
	position: absolute;
	left:0px; top:0px;
	width: 260px; height: 100%;
	padding: 3px 30px 3px 3px;
	background-color:#FFFFFF;
	background-image:  repeating-linear-gradient(
      -54deg,
      #FFFFFF,
      #FFFFFF 10px,
      #a8ddf0 10px,
      #a8ddf0 25px
    );
    -moz-animation: progresso 2s infinite linear;
    -webkit-animation: progresso 2s infinite linear;
}
.design_imagename{
	display: block;
    height: 30px;
    overflow: hidden;
    padding-left: 5px;
    width: 210px;
}
.design_buttonlabel{float: left;  width: 90px; height: 20px;  margin-left: 15px; padding-top: 10px;}




/*   Werbe-Bereich   */

#panel6 .styledInput2, #panel6 h2{margin-left: 15px;}
#panel6 h2{    margin-bottom: 5px;  margin-top: 10px;}
#BTN_save_ad{
	margin-left: 15px;
}
#ad_copy{height:45px;resize: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px}

.ad_window{
	width: 390px; height: 450px;
	position: absolute;
	top: 0px; left: 0px;
	cursor: pointer;
	text-decoration: none;
	overflow: hidden;
	background-color: #b5121b;
}
#ad_preview{left:402px;}
#ad_download{top:210px;}
.ad_window .headline{
	color: #FFFFFF;
	font-size: 45px;
	font-family: "Ubuntu", Arial, Helvetica, sans-serif;
	font-weight: 300;    
	line-height: 46px;
    margin: 35px 35px 25px;
	position: relative; 
}
.ad_window .copy{
	color: #FFFFFF;
	font-size: 16px;   
	line-height: 25px;
	margin: 0 35px;
	position: relative; 
}
.ad_window .cta{
	color: #b5121b;	background-color: #FFFFFF;
	font-size: 20px; font-weight: bold;
    line-height: 18px;
	height: 27px; 
	padding:10px 20px 0px 20px;  
	display: block; position: absolute; 
	left:35px; bottom: 25px;
}
.ad_window img{	position: absolute; left:0px; top: 0px;}
.ad_window .border{
	position: absolute; 
	left:0px; top: 0px;
	width: 100%; height: 100%;
	outline: 11px solid #ffffff;
    outline-offset: -11px;
}
#ad_fielddescriptions{
	padding-right: 15px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 107px;
    width: 100px;
    color: #696969;
    font-size: 12px;
}
#ad_fielddescriptions span{float: right; width: 70px;}
#ad_fielddescriptions span.span2{margin-top: 20px; }
#ad_fielddescriptions span.span3{margin-top: 35px; }
#ad_fielddescriptions span.span4{margin-top: 155px; width: auto;}





/*   Installation     */
#setup1 span, #setup2 span, #setup2_5 span, #setup3 span, #setup4 span{display: inline-block;}
#setup1 span.warning, #setup2_5 span.warning{color: #b5121b;}
#setup2_5 span.ssl{position: relative; left: 33px; top: -23px;}
#setup2, #setup2_5, #setup3, #setup4{
	-moz-opacity: 0;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
	display: none;
}
#setup2 .passwordHint, #setup2 #pwMeterWrapper, #setup1 span, #setup2_5 span, #setup3 span, #setup4 span{margin:0px 15px;}

#BTN_setup1, #BTN_setup2, #BTN_setup2_5, #BTN_setup3{position: absolute; left:15px; bottom: 20px;} 













#blackBG
{
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	background-color:rgba(0,0,0,0);
	-webkit-transition: all 0.5s ;
	-moz-transition: all 0.5s ;
	-ms-transition: all 0.5s ;
	-o-transition: all 0.5s ;
	transition: all 0.5s ;
}
.blackBGshow
{
	background-color:rgba(0,0,0,0.7) !important;
	z-index:3 !important;
	-webkit-transition: all 0.5s ;
	-moz-transition: all 0.5s ;
	-ms-transition: all 0.5s ;
	-o-transition: all 0.5s ;
	transition: all 0.5s ;
}

#dropTarget
{
	text-align:center;
	color:#FFF;
	position:absolute;
	width: 370px; height: 260px;
	display:block; 
	border:dashed #FFFFFF 2px;
	margin-top:-250px;
	margin-left:-188px;
	left:50%; top:50%;
	-moz-opacity: 0.00;
	opacity: 0.00;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
	-webkit-transition: all 0.5s ;
	-moz-transition: all 0.5s ;
	-ms-transition: all 0.5s ;
	-o-transition: all 0.5s ;
	transition: all 0.5s ;
}
.dropTargetBig
{
	position:absolute !important;
	width:90% !important; 
	height:90% !important; 
	margin:0px !important;
	left:5% !important; 
	top:5% !important;
	-moz-opacity: 1 !important;
	opacity: 1 !important;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100) !important;
	-webkit-transition: all 0.5s ;
	-moz-transition: all 0.5s ;
	-ms-transition: all 0.5s ;
	-o-transition: all 0.5s ;
	transition: all 0.5s ;
}
#dropTarget div
{
	margin-top:40%;
}









@-moz-keyframes progresso {
    0% { background-position: -31px 0px; }
    100% {  background-position: 0px 0px; }
}
@-webkit-keyframes progresso {
    0% { background-position: -31px 0px; }
    100% {  background-position: 0px 0px; }
}

@-moz-keyframes compression {
    0% {  height: 0%  }
    100% {  height: 100%  }
}
@-webkit-keyframes compression {
    0% {  height: 0%  }
    100% {  height: 100%  }
}
@-keyframes compression {
    0% {  height: 0%  }
    100% {  height: 100%  }
}




@-moz-keyframes spin {
    0% { -moz-transform: rotate(0deg);  }
    100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg);  }
    100% { -webkit-transform: rotate(360deg); }
}