a#uploadswitcher, a.underline {
  text-decoration: underline;
}

#uploadProgressContainer {
  overflow-x: hidden;
  overflow-y: auto;
  height: 234px;
}

#uploadProgressContainer .progressWrapper {
  padding: 2*$default-padding;
  background-color: $medium-gray;
  position: relative;
  margin-bottom: 8px;
  border: 1px solid #9e9e9e;
  @extend .rounded-border;
}

#uploadProgressContainer .progressName,
#uploadProgressContainer .progressBarStatus {
  margin-bottom: 4px;
}

#uploadProgressContainer .progressBarStatus {
  font-size: 10px;
}

#uploadProgressContainer .progressName {
  text-shadow: 0 1px 2px #FFFFFF;
}

#uploadProgressContainer .progressBarContainer {
  background-color: #F9F9F9;
  @include background-image(linear-gradient(top, darken($medium-gray, 10) 5%, $light-gray 35%, lighten($light-gray, 10) 90%));
  border: 1px solid #9E9E9E;
  @extend .rounded-border;
  height: 16px;
  overflow: hidden;
  width: 100%;
}

#uploadProgressContainer .progressBarInProgress {
  background-color: #77AAD5;
  @extend %progressbar;
  height: 16px;
  width: 0;
}

#uploadProgressContainer .progressBarComplete {
  background-color: #00D827;
  @extend %progressbar;
  height: 16px;
  width: 0;
}

#uploadProgressContainer .progressBarError {
  background-color: #F00;
  @extend %progressbar;
  height: 16px;
  width: 0;
}

#uploadProgressContainer .progressBarCanceled {
  background-color: #E4E4E4;
  @extend %progressbar;
  height: 16px;
  width: 0;
}

#uploadProgressContainer .progressCancel {
  background: #f1f1f1 url('icons.png') no-repeat -1px -72px;
  border: 1px solid #9e9e9e;
  @extend .rounded-border;
  width: 15px;
  height: 16px;
  position: absolute;
  top: 8px;
  right: 8px;
}

#swf_upload_container {
  height: 60px;
}

#swf_upload_container .button {
  float: right;
  margin-top: 4*$default-margin;
  font-size: 11px;
}

object.swfupload {
  margin-top: 16px;
  margin-bottom: 16px;
}

#dropbox {
  background: $medium-gray;
  border: $default-border;
  @extend .rounded-border;
  padding: $default-padding;
  margin-bottom: 2*$default-padding;
  text-align: center;
  line-height: 4em;
  &.dragover {
    background: $dark-gray;
    color: $light-gray;
    border-color: $light-gray;
  }
}

div.browse {
  height: 25px;
  padding: 2*$default-padding 0;
  a.button {
    float: right;
  }
}