#drop-area {
			text-align: center;
			border: 2px dashed #ddd;
			padding: 10px;
      height: 230px;
      /*width:645px;*/
      width:70%;
      margin:0 auto;

		}
		
		#drop-area .drop-instructions {
			display: block;
			height: 170px;
      margin:0 auto;
      padding-top:60px
		}
		
		#drop-area .drop-over {
			display: none;
			font-size: 25px;
			height: 170px;
      margin:0 auto;
      padding-top:60px

		}
				
		#drop-area.over {
			background: #ffffa2;
			border: 2px dashed #000;
		}
		
		#drop-area.over .drop-instructions {
			display: none;
		}

		#drop-area.over .drop-over {
			display: block;
		}
		
		#drop-area.over .drop-over {
		/*	display: block;*/
			font-size: 25px;
		}
		
		
		#file-list {
      /*min-width:800px;*/
      width:100%;
			list-style: none;
      margin:0 auto;
			margin-bottom: 3em;
		}
	
		#file-list li {
			margin-bottom: 0.5em;
      /*width:206px;*/
      width:30%;
      height:70px;
      float:left;
      border:1px solid #ddd;
      padding:2px;
      margin:2px 3px 1px 0px;

		}
    	#file-list li div{
          font-size:9px;
          float:left;
    }

		#file-list li.no-items {
		  border:none;
      float:left;
		}
		
		#file-list div {
			margin-bottom: 0.5em;
      float:left;
		}
		
		#file-list li img {
			max-width: 200px;
      max-height:200px;
      margin:0 auto;
      vertical-align: middle;
		}
		
		#file-list .progress-bar-container {
			/*width: 174px;*/
			width: 100%;
			height: 20px;
			border: 1px solid #555;
			margin-bottom: 20px;
      float:left;
		}
		
		#file-list .progress-bar-container.uploaded {
			height: auto;
			border: none;
		}
		
		#file-list .progress-bar {
			width: 0;
			height: 20px;
			font-weight: bold;
			background: #6787e3;
      color:#fff;
		}
		
		#file-list .progress-bar-container.uploaded .progress-bar{
			display: inline-block;
			width: 154px;
			color: #6db508;
			background: transparent;
		}