/* File upload progress (js/upload.js) */
.uploader-progress .progressWrapper {
  width: 357px;
  max-width: 100%;
  overflow: hidden;
}
.uploader-progress .progressContainer {
  margin: 5px;
  padding: 4px;
  border: solid 1px #e8e8e8;
  background-color: #f7f7f7;
  overflow: hidden;
}
.uploader-progress .progressContainer .preview {
  float: right;
  margin-left: 4px;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  -khtml-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}
.uploader-progress .progressUploading {
  border-color: #ddf0dd;
  background-color: #ebffeb;
}
.uploader-progress .progressComplete {
  border-color: #cee2f2;
  background-color: #f0f5ff;
}
.uploader-progress .progressError {
  border-color: #b50000;
  background-color: #ffebeb;
}
.uploader-progress .progressName {
  font-size: 8pt;
  font-weight: bold;
  color: #555;
  height: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.uploader-progress .progressBarStatus {
  margin-top: 2px;
  font-size: 7pt;
  white-space: nowrap;
}
.uploader-progress .progressBarTrack {
  height: 2px;
  margin-top: 2px;
  overflow: hidden;
}
.uploader-progress .progressBar {
  width: 0;
  height: 100%;
  background-color: blue;
}
.uploader-progress .progressComplete .progressBar,
.uploader-progress .progressError .progressBar,
.uploader-progress .progressCancelled .progressBar {
  visibility: hidden;
}
.uploader-progress a.progressCancel {
  float: right;
  width: 14px;
  height: 14px;
  font: bold 14px/14px sans-serif;
  text-align: center;
  text-decoration: none;
  color: #999;
}
.uploader-progress a.progressCancel:hover {
  color: #b50000;
}