@charset "UTF-8";

.fileinput-button {
  position: relative;
  overflow: hidden;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}
#imglist {padding:10px;}
#imglist .imgli{ 
 position:relative;
cursor:pointer; padding:2px; border:1px solid #EEEEEE; 
-webkit-box-shadow:  1px 1px 2px rgba(0,0,0,.75);
box-shadow:  1px 1px 2px rgba(0,0,0,.75);
float:left;
margin-right: 10px; 
margin-bottom: 5px;
width:150px;
height:150px;
display:table-cell;
vertical-align: middle;
overflow:hidden;
border:1px solid #ABCDEF;
 border-radius:5px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 -moz-transition: all 0.7s ease; 
 -webkit-transition: all 0.7s ease; 
 -o-transition: all 0.7s ease; 
 transition: all 0.7s ease;
}
#imglist .new {opacity:0.6;}
#imglist .imgli:hover { opacity:1; -webkit-box-shadow: 5px rgba(0,0,255,.75);box-shadow:  1px 1px 5px rgba(0,0,255,.75);}
#imglist .imgli:hover a.top{ display:block;}
#imglist .imgli img { max-width: 150px; height:150px; vertical-align: middle; margin: 0 auto;}
#imglist .imgli a.closed { color:#FFFFFF; text-align:center; position: absolute;top:0px; left:0px;width:100%; background:#333;opacity:0.6;}
#imglist .imgli a.top {display:none; color:#FFFFFF; text-align:center; position: absolute;bottom:2px; height:25px; line-height:25px; left:0px;width:100%; background:#333;opacity:0.6;}
#imglist .imgli a.top:hover {opacity:0.9; text-decoration: none;color:#FEFE33;}
#imglist .fileupload-process{ position:absolute; bottom:0px; text-align:center; width:100%; background: url("progressbar.gif") !important;}