.dropbox{
	 border: 2px dashed #707070;
	 border-radius: 2px;
	 width: 300px;
	 height: 40px;
	 margin: 10px 0px;
	 text-align: center;
	 padding-top: 10px;
	 font-weight: bold;
	 color: #6E6E6E;	
	 letter-spacing: 1px;
	}
   .dropbox.active{
	 background : #B4F9AC;
	 font-size: 15px;
	 box-shadow : 0px 0px 5px 6px #ccc;
   }
   .progress-holder{
	 width: 190px;
	 padding: 2px;
	 background: #CCCCCC;
	 border-radius: 3px;
	 float: left;
	 margin-top: 4px;
	 margin-right: 5px;
         text-align: left;
   }
   .progress{
	 height: 6px;
	 display:block;
	 width: 0%;
	 border-radius: 2px;
	 background: -moz-linear-gradient(center top , #13DD13 20%, #209340 80%) repeat scroll 0 0 transparent; /* IE hack */ 
	 background: -ms-linear-gradient(bottom, #13DD13, #209340); /* chrome hack */ 
	 background-image: -webkit-gradient(linear, 20% 20%, 20% 100%, from(#13DD13), to(#209340)); /* safari hack */ 
	 background-image: -webkit-linear-gradient(top, #13DD13, #209340); /* opera hack */ 
	 background-image: -o-linear-gradient(#13DD13,#209340);
	 box-shadow:3px 3px 3px #888888;
   }
   .preview{
	 border: 1px solid #CDCDCD;
	 width: 285px;
	 padding: 10px;
	 height:auto; 
	 overflow: auto;
	 color: #4D4D4D;
	 float: left;
	 box-shadow:3px 3px 3px #888888;
	 border-radius: 2px;
   }
   .percents{
	 float: right;
   }
   .preview-image{
	 box-shadow: 3px 3px 3px #888888;
	 width: 30px;
	 height: 30px;
	 float: left;
	 margin-right: 10px;
   }
   .file-info{
	 height: 50px;
	 float: left;
	 width: auto;
	 margin-bottom: 10px;
	 border: 1px solid blue;
   }
   .file-info span{
	 margin: 3px 2px;
	 font-size: 12px;
	 float:left;
	 display: block;
	 min-width: 100px;
	 overflow: auto;
	 border: 1px solid red;
	 overflow: none;
   }
   .upload-progress{
	 display: none;
   }