/*custom upload elements*/
.customfile-input {
  position: absolute;
  left: -999em;
  background: transparent;
  border: 0;
  opacity: 0;
}

.customfile {
  cursor: pointer;
  width: auto;
  display: inline-block;
  position: relative;
}

.customfile-disabled {
  opacity: .5;
  cursor: default;
}

.customfile-feedback {
  border: 1px solid #CCCCCC;
  color: #808080;
  display: inline-block;
  line-height: 1.4;
  padding: 0.4em;
  font-size: 1.1em;
  height: 1.4em;
  -webkit-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  vertical-align: bottom;
  margin-right: -1px !important;
}

.customfile-feedback-populated {
  padding-left: 25px;
  background: url(../images/icon-generic.gif) 5px center no-repeat;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}

/*file type icons*/
.customfile-ext-jpg, .customfile-ext-gif, .customfile-ext-png, .customfile-ext-jpeg, .customfile-ext-bmp {
  background-image: url(../images/icon-image.gif);
}

.customfile-ext-mp3, .customfile-ext-mp4, .customfile-ext-mov, .customfile-ext-swf, .customfile-ext-wav, .customfile-ext-m4v {
  background-image: url(../images/icon-media.gif);
}

.customfile-ext-zip, .customfile-ext-tar, .customfile-ext-sit {
  background-image: url(../images/icon-zip.gif);
}

