/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//+		© Copyright iDIWAY 2012
//+		Tout droits de reproduction interdits
//+		http://www.idiway.fr
//+		$Revision: 516 $
//+		$Date: 2015-09-16 08:49:25 +0200 (mer., 16 sept. 2015) $
//+		$HeadURL: svn://svn.id.lan/cds/bch/eval1/hto/tpl/bop/add/idw/iupload/iupload.css $
//+
//+		$SRC-Revision: 195 $
//+		$SRC-Date: 2015-09-10 08:52:38 +0200 (jeu., 10 sept. 2015) $
//+		$SRC-HeadURL: svn://svn.id.lan/src/dev/add/iupload/trunk/skin/iupload.css $
//+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/************************************************/
/* ----- 		iupload			 	  ------	*/
/************************************************/


.iUp{
	position: relative;
	background-color: white;
	border: 1px solid lightgrey;
	border-radius : 7px;
	padding: 0px 5px 5px 5px;
	min-height: 50px;
	min-width : 460px;
	margin: 20px 0 10px;
	padding-top: 13px;
	width: 86%;
	margin-right: 0;
	margin-left: auto;
}

.iUp .iUp_zclic_trash{
	position:absolute;
	top:0px;
	bottom: 0px;
	right:0px;
	padding: 8px;
	border-radius : 0px 7px 7px 0px;
}

.iUp_zclic_trash{ border: 1px solid transparent; cursor: pointer; }
.iUp_zclic_trash.empty, .iUp_zclic_trash.iUp_empty{ cursor: default;  }
.iUp .iUp_zclic_trash.empty .iUp_trash_img, .iUp .iUp_zclic_trash.iUp_empty .iUp_trash_img{ cursor:default;  display:block; width:25px; height:25px; background: url('img/trash_s.png') no-repeat;}
.iUp .iUp_zclic_trash .iUp_trash_img{  cursor: pointer; display: block; width:25px; height:25px; background: url('img/trash_s_full.png') no-repeat;}

.iUp_ls{
	margin-right: 34px;

}

.iUp.empty, .iUp.iUp_empty{
	background-image: url('img/ins.jpg');
	background-repeat:no-repeat;
	background-position: center center;
 }

.dropActive,
.iUp_trash_ctnu.dropActive{
	background: #f2f2f2 ;
	border: 1px dashed black;
	box-shadow: inset 2px 2px 2px rgba(0,0,0,0.4);
}

.iUp.empty.dropActive, .iUp.iUp_empty.dropActive{
	background: url('img/ins_b.jpg') no-repeat center center #f2f2f2 ;
	border: 1px dashed black;
	box-shadow: inset 2px 2px 2px rgba(0,0,0,0.4);
}

.iUp_zclic_title{
	display: block;
	position: absolute;
	left: 0;
	top: -10px;
	right: 0;
}


.iUp_title{ position:relative;  display: inline-block; margin-left: 9px; color: black; padding: 1px 3px; border-radius: 3px;background-color: white;}

.iUp .iUp_btn{ position:absolute; left:100%; top:-10px; padding:10px; display:block; cursor:pointer;  opacity:0.8;}
.iUp_zclic_title .iUp_btn:hover{ opacity:1;}
.iUp .out, .iUp_dropZone .out{  opacity:0.5 }
/* block mda */

.iUp .block_mda {cursor: move; border-radius: 5px; padding-left:5px; display:block; margin-bottom:2px; color: #333; border:1px outset transparent; position: relative;}
.iUp .block_mda td.iUp_file{ }

.iUp .block_mda td.iUp_del{ width : 33px;}
.iUp .block_mda span.delMda {  border-radius: 0 4px 4px 0; cursor: pointer; display: block; height: 21px; position: relative; width: 33px;}
.iUp .block_mda td.iUp_del:hover span.delMda{ background: url('img/iClose_over.png') rgb(239, 11, 11) 20px center no-repeat;}
.iUp .block_mda span.restMda { cursor: pointer; display: none; width:33px; height: 21px; background: url('img/undo.png') 20px center no-repeat; }
.iUp .block_mda td.iUp_del:hover span.restMda { background: url('img/undo_over.png') #007AD3 20px center no-repeat;}

.iUp .block_mda td.iUp_size{ width : 80px; text-align: right; top: 4px; color:#777; padding-right: 5px;}

.iUp .block_mda:hover{ border:1px solid #ddd; background: #FAFAFA; }
.iUp .block_mda:hover span.delMda{  background: url('img/iClose.png')  20px center no-repeat; }
.iUp .block_mda .f_name {display:inline-block; position: relative; top: -2px; cursor: text;}
.iUp .block_mda .f_ext {display:inline-block; position: relative; top: -2px;}
.iUp .block_mda .f_name_input{ padding: 2px 4px; padding: 0; position: relative; border: 1px solid transparent; background:transparent; display:none; width: 250px;}
.iUp .block_mda .f_name_input:focus{ border: 1px solid #e38600;}
.iUp .block_mda .f_name_span{ white-space:nowrap;}
.iUp .block_mda .f_name_span{max-width:280px; overflow:hidden; top: 3px; text-overflow: ellipsis; display:inline-block; position: relative; padding-left: 1px; border-left: 1px solid transparent;	border-right: 1px solid transparent;}
.iUp .block_mda .f_name_span:after{ display: inline-block; content:" ";}

.iUp .block_mda .tab_block_mda{ border-collapse:collapse; width:100%; border-radius: 0 5px 5px 0;}

.iUp .iUp_trash_ls .block_mda .f_name{ cursor: move;}
.iUp .iUp_trash_ls .block_mda:hover .f_name  input{ background:grey; color:white; cursor: move;}
.iUp .iUp_trash_ls .block_mda { border: 1px solid transparent; background: lightgrey; cursor: move;}
.iUp .iUp_trash_ls .block_mda:hover { border: 1px solid transparent; background:grey; color:white; cursor: move;}
.iUp .iUp_trash_ls .block_mda:hover td.iUp_size{ color:white;}

.iUp.tpl_mda_d .block_mda td.iUp_date{ width : 60px; padding-right: 3px;}
.iUp.tpl_mda_d .block_mda span.f_date{ border-left: 1px solid #333; padding-left: 5px; display: inline-block; width: 297px;}
.iUp.tpl_mda_d .block_mda .f_name_input{ width: 58px;}
.iUp.tpl_mda_d .block_mda .f_name_span {max-width: 57px;}
.iUp.tpl_mda_d .block_mda span.f_date > span, .iUp.tpl_mda_d .block_mda span.f_date > span > div{ display: inline-block; text-align: right;}
.iUp.tpl_mda_d {min-width: 539px;}

.iUp.tpl_mda_d .btn_ide {height: 15px;}
.iUp.tpl_mda_d table.table_ite span.dn {height: 8px;}

.iUp_tdu, .iUp_tau{ position: relative; top: 3px; width: 66px;}
.iUp.tpl_mda_d input.if_ite{ width: 39px;}
.iUp_ddu{ width: 74px; padding-right: 2px;}
.iUp_dau{ width: 74px; padding-right: 2px;}

.iUp_au{ border-left: 1px solid #CFCFCF; margin-left: 5px; padding-left: 5px;}
.iUp.tpl_mda_d .block_mda .da_ide {	margin-right: 5px; padding-right:0;}

.iUp_trash_ls .iUp_date{ display: none; }

/* FIN block mda */

/* block image */

.iUp .bloc_img, .iUp_dropZone .bloc_img { float: none; display: inline-block; position: relative; background-color: white; margin: 3px; z-index: 1;	width: auto; text-align: center; border: 1px solid #DDD;}
.iUp .bloc_img > span.iUp_img, .iUp_dropZone .bloc_img > span.iUp_img {
	display: block;
	height: 60px;
	width: 60px;
	padding: 2px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
	cursor: pointer;
}
.iUp .bloc_img span.delMda, .iUp_dropZone .bloc_img span.delMda { position: absolute; right:-4px; top: -4px; cursor: pointer; display: block; width:11px; height:11px; background: url('img/iClose.png') no-repeat; padding: 0px; box-shadow:none;}
.iUp .bloc_img .delMda:hover, .iUp .delMda:hover, .iUp_dropZone .bloc_img .delMda:hover, .iUp_dropZone .delMda:hover {	background: url('img/iClose_over.png') no-repeat;}
.iUp .bloc_img span.restMda, .iUp_dropZone .bloc_img span.restMda { position: absolute; top:-4px; right:-4px; cursor: pointer; display: none; width:11px; height:11px; background: url('img/undo.png') no-repeat; padding: 0px; box-shadow:none;}

.iUp .bloc_img img, .iUp_dropZone .bloc_img img{ display:block; margin:0 auto; max-width: 100%; max-height: 100%;}
.iUp .bloc_img:hover, .iUp_dropZone .bloc_img:hover{cursor:move;border:1px solid #066; z-index:2;}

/* FIN block img */

/* trash */

.iUp.trash_open { border: 1px dashed #333; /*background: url('img/ins.png') lightgrey center center no-repeat ;*/ box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5);}
.iUp_trash_ctnu .bloc_img span.delMda, .iUp_trash_ctnu .block_mda span.delMda { display: none; }
.iUp_trash_ctnu .bloc_img span.restMda, .iUp_trash_ctnu .block_mda span.restMda { display: block; }
.iUp_trash_ctnu .bloc_img span.restMda:hover { background: url('img/undo_over.png') right center no-repeat;}
.iUp_trash_ctnu {
	background: none center 5px no-repeat #F2F2F2; border: 1px solid grey; border-radius: 5px; box-shadow: 5px 5px 5px -5px; display:none; padding: 5px;
	position: absolute;width: 446px; right: -200px; top: -64px; z-index: 2; min-height: 162px;
}
.iUp_trash_ls{ max-height: 175px; overflow: auto; }
.iUp_trash_nbr{
	background: rgb(239, 11, 11);
	border-radius: 15px;
	color: white;
	display: inline-block;
	font-size: 8px;
	font-weight: bold;
	right: 2px;
	padding: 1px 5px;
	position: absolute;
	top: 8px;
	display: none;
	position: absolute;
	right: 2px;
	top: 2px;
	z-index: 1;
}

/* Fin trash */

.block_mda{ position: relative; }

.bloc_img .prgCtr{ position: absolute; bottom:0; left:0; right:0; z-index: 2; text-align: center;}
.block_mda .prgCtr{ position: relative; z-index: 2; text-align: center;}
.block_mda .prgBar, .bloc_img .prgBar{
	position: absolute; top:0; left:0; height: 100%;
	background: #DEFFDD repeating-linear-gradient(150deg, transparent, transparent 10px, #a4f2a4 10px, #8eea8e 20px);
	box-shadow:0 -3px 10px -5px #333 inset;
}
.block_mda .prgPercent, .bloc_img .prgPercent{ position: relative; font-size:10px;}

.iUp_ctnu_close {
	display: block;
	width: 73px;
	position: absolute;
	top: 3px;
	right: 1px;
	cursor: pointer;
	text-align: center;
	border-left: 1px solid #333;
	color: #333;
	font-size: 8px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	word-spacing: 1px;
}

.iUp_ctnu_close:hover {
	background-color: #A32136;
	color: #fff;
	cursor: pointer;
}