.progress_bar {
				    margin: 10px 0;
				    padding: 3px;
				    border: 1px solid #000;
				    font-size: 14px;
				    clear: both;
				    opacity: 0;
				    -moz-transition: opacity 1s linear;
				    -o-transition: opacity 1s linear;
				    -webkit-transition: opacity 1s linear;
				  }

.progress_bar.loading {
				    opacity: 1.0;
				  }
				  
.progress_bar .percent {
				    background-color: #99ccff;
				    height: auto;
				    width: 0;
				  }
					
.thumb {
				    height: 75px;
				    border: 1px solid #000;
				    margin: 10px 5px 0 0;
				  }
					
					
[draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.column {
  float: left;
  border: 2px solid #666666;
  background-color: #ccc;
  margin-right: 5px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 3px #000;
  box-shadow: inset 0 0 3px #000;
  text-align: center;
  cursor: move;
	
	position: relative;
	z-index: 1;
	
	-webkit-transition: -webkit-transform 0.2s ease-out;
  -moz-transition: -moz-transform 0.2s ease-out;
}
.column.over {
  border: 2px dashed #000;
}
.column.moving {
  opacity: 0.25;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
}