/* BASIC STYLES */

div.fu-box p {
   margin: 0px;
   padding: 0px;
   font-size: 12px;
}


div.fu-box p, 
div.fu-box a {
   font-family: Helvetica, Arial, sans-serif !important;
   line-height: 1.2;
}

div.fu-box a:link,
div.fu-box a:visited {
   color: #FFA200;
   text-decoration: none;
}





/* CONTAINERS AND TABLES */

div.fu-box .fu-container {
   overflow: hidden;
}

div.fu-box .fu-container-hidden-ie {
   position: absolute;
   overflow: hidden;
   height: 1px;
   width: 1px;
   top: -10000px;
   left: -10000px;
}

div.fu-box .fu-container-hidden {
   overflow: hidden;
   height: 0px;
   width: 1px;
}

div.fu-box .fu-container table {
   border-collapse: collapse;
   border: 0px;
}

div.fu-box .fu-container table td {
   vertical-align: middle;
   padding: 0px;
}





/* BUTTONS */

div.fu-box input.fu-button {
   background: #FFA200;
   font-family: Helvetica, Arial, sans-serif;
   font-size: 12px;
   padding: 2px 6px !important;
   overflow: visible;
   color: #ffffff;
   border: 0px none;
   line-height: 1.4;
   margin-right: 8px;
   border-radius: 4px;
   width: auto !important;
}

div.fu-box input.fu-button:disabled {
   color: #EFE2E0;
}

div.fu-box .fu-buttons {
   white-space: nowrap;
}





/* BROWSE & URL */

div.fu-box select.fu-source-type {
   width: 55px;
   margin-right: 5px;
}

.fu-file-holder {
   position: relative;
   overflow: hidden;
}

div.fu-box input.fu-file {
   position: absolute;
   width: 100%;
   height: 26px;
   margin-left: -10px;  /* IE 8 */
   opacity: 0;
   filter: Alpha(opacity='0');
   cursor: pointer;
}

:root div input.fu-file { /* IE 9, 10 */
   margin-left: -6px;
}

@-moz-document url-prefix() { /* Firefox < 22.0*/
   div.fu-box input.fu-file {
      margin-left: -130px;
      font: 18px Arial, sans-serif;
      letter-spacing: 5px;
   }
}
@supports ( transform-origin: 5% 5% ) { /* Firefox >= 22.0 */
   div.fu-box input.fu-file {
      margin-left: 0;
   }
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /* Webkit */
   div.fu-box input.fu-file {
      margin-left: 0;
      margin-top: -17px;
      height: 43px;
   }
}





/* LOADING */

div.fu-box div.fu-loading-animation {
   width: 16px;
   height: 16px;
   background: url(indicator.gif) top left no-repeat;
   margin-right: 5px;
}





/* PROGRESS */

/* hides the basic uploading message when progress bar active */
div.fu-box .fu-progress-active .fu-uploading {
   display: none; 
}

div.fu-box .fu-uploading, 
div.fu-box .fu-progress {
   margin-right: 8px;
}

div.fu-box .fu-progress {
   height: 22px;
   position: relative;
   overflow: hidden;
}

div.fu-box .fu-progress-mat {
   border-radius: 3px;
   position: absolute;
   top: 0px;
   left: 0px;
   height: 22px;
   overflow: hidden;
   background: url(../uploading-mat.html) top left repeat-x;
}

div.fu-box .fu-progress-fill {
   border-top-left-radius: 3px;
   border-bottom-left-radius: 3px;
   position: absolute;
   top: 0px;
   left: 0px;
   height: 22px;
   overflow: hidden;
   background: url(../uploading-fill.html) top left repeat-x;
}

div.fu-box .fu-progress p {
   white-space: nowrap;
   margin: 4px 0 0 5px;
}

div.fu-box .fu-progress-fill p {
   color: #ffffff !important;
}

div.fu-box .fu-progress span.filename {
   margin-right: 5px;
}

div.fu-box .fu-progress span.filesize {
   font-size: 9px;
}





/* ERROR */

div.fu-box .fu-error-icon {
   width: 16px;
   height: 16px;
   background: url(error_icon.gif) center no-repeat;
   margin-right: 5px;
}

div.fu-box .fu-error-message {
	white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   line-height: 1.5em;
   font-size: 12px;
   color: #ff0000;
}





/* PREVIEWS */

div.fu-box .fu-view img,
div.fu-box .fu-view object,
div.fu-box .fu-view embed,
div.fu-box .fu-view .fu-system-preview,
div.fu-box .fu-view .fu-error-message,
div.fu-box .fu-view .fu-preview-text-size,
div.fu-box .fu-url {
   margin-right: 8px;
}

div.fu-box .fu-preview-text-name {
   margin-right: 5px;
}

div.fu-box .fu-preview-text-name,
div.fu-box .fu-preview-text-size,
div.fu-box .fu-system-preview {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

div.fu-box .fu-preview-text-size {
   font-size: 9px;
   color: #999999;
}

/* state-3 means preview */
div.fu-box .state-3 .fu-buttons-holder {
   vertical-align: top;
}





/* FILE TYPE ICONS */

div.fu-box .fu-preview-text-icon {
   height: 20px;
   width: 20px;
   margin-right: 5px;
   background-image: url(icons.png);
   background-position: 0px 0px;
   background-repeat: no-repeat;
}

div.fu-box .fu-preview-text-icon.doc,
div.fu-box .fu-preview-text-icon.docx,
div.fu-box .fu-preview-text-icon.xls,
div.fu-box .fu-preview-text-icon.xlsx,
div.fu-box .fu-preview-text-icon.pdf,
div.fu-box .fu-preview-text-icon.txt,
div.fu-box .fu-preview-text-icon.rtf,
div.fu-box .fu-preview-text-icon.ppt,
div.fu-box .fu-preview-text-icon.pptx {
   background-position: 0px -20px;
}

div.fu-box .fu-preview-text-icon.gif,
div.fu-box .fu-preview-text-icon.png,
div.fu-box .fu-preview-text-icon.jpg {
   background-position: 0px -40px;
}

div.fu-box .fu-preview-text-icon.mov,
div.fu-box .fu-preview-text-icon.avi,
div.fu-box .fu-preview-text-icon.mpg  {
   background-position: 0px -60px;
}

div.fu-box .fu-preview-text-icon.swf {
   background-position: 0px -80px;
}


/* DROP ZONE */

.fu-dropzone {
   position: relative;
   width: 100%;
   height: 150px;
   margin-top: 5px;
   font: 13px/15px Arial, Helvetica, sans-serif;
   color: #999;
   background: #ededed;
   outline: 2px dashed #ddd;
}

.fu-dropzone-highlight {
   color: #0080cd;
   background: #e5f1f8;
   outline-color: #47bcff;
}

.fu-dropzone-inner {
   display: table;
   width: 100%;
   height: 100%;
}

.fu-dropzone-inner > div {
   display: table-cell;
   text-align: center;
   vertical-align: middle;
}

.fu-dropzone-icon {
   display: inline-block;
   width: 100px;
   height: 63px;
   margin-bottom: 8px;
   background: url('upload.png') no-repeat -100px -19px;
}

.fu-dropzone-highlight .fu-dropzone-icon {
   background-position: -100px -119px;
}

.fu-big-dz-icon .fu-dropzone-icon { margin-bottom: 13px; }
.fu-big-dz-icon.fu-addfile.fu-imagefile .fu-dropzone-icon { background-position: 0 -19px; }
.fu-big-dz-icon.fu-addfile.fu-imagefile .fu-dropzone-highlight .fu-dropzone-icon { background-position: 0 -119px; }
.fu-replacefile.fu-imagefile .fu-dropzone-icon { background-position: -190px -19px; }
.fu-replacefile.fu-imagefile .fu-dropzone-highlight .fu-dropzone-icon { background-position: -190px -119px; }
.fu-addfile.fu-genericfile .fu-dropzone-icon { background-position: -100px -219px }
.fu-addfile.fu-genericfile .fu-dropzone-highlight .fu-dropzone-icon { background-position: -100px -319px }
.fu-replacefile.fu-genericfile .fu-dropzone-icon { background-position: -190px -219px }
.fu-replacefile.fu-genericfile .fu-dropzone-highlight .fu-dropzone-icon { background-position: -190px -319px }

.fu-dropzone-caption {
   display: block;
   font: bold 18px Arial, Helvetica, sans-serif;
   text-transform: uppercase;
   word-spacing: -2px;
}

.fu-dropzone-overlay {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
}

.fu-horizontal-dz .fu-dropzone-icon {
   margin-bottom: 0;
   margin-left: -10px;
   vertical-align: middle;
}

.fu-horizontal-dz .fu-dropzone-captions {
   display: inline-block;
   vertical-align: middle;
   text-align: left;
}

.fu-addfile .fu-dropzone-caption span,
.fu-addfile .fu-dropzone-subcaption span,
.fu-replacefile .fu-dropzone-caption span:first-child,
.fu-replacefile .fu-dropzone-subcaption span:first-child { display: none; }
.fu-replacefile .fu-dropzone-caption span,
.fu-replacefile .fu-dropzone-subcaption span,
.fu-addfile .fu-dropzone-caption span:first-child,
.fu-addfile .fu-dropzone-subcaption span:first-child { display: inline; }