/* 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;
   top: -10000px;
   left: -10000px;
}

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

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;
   -moz-border-radius: 4px;
   -webkit-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;
}

div.fu-box input.fu-file {
   width: 140px;
}





/* FLASH UPLOADER */

div.fu-box div.fu-flash-holder {
   position: relative;
}

div.fu-box span.swiff-uploader-box {
   position: absolute;
   left: 0px;
   top: 0px;
}

div.fu-box .fu-container-hidden-ie span.swiff-uploader-box  {
   position: absolute;
   left: -10000px;
   top: -10000px;
}





/* LOADING */

div.fu-box div.fu-loading-animation {
   width: 16px;
   height: 16px;
   background: url(http://img.spletnik.si/Shared/Images/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 {
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   position: absolute;
   top: 0px;
   left: 0px;
   height: 22px;
   overflow: hidden;
   background: url(http://img.spletnik.si/Shell/FileUpload/Images/uploading-mat.png) top left repeat-x;
}

div.fu-box .fu-progress-fill {
   -moz-border-radius-topleft: 3px;
   -moz-border-radius-bottomleft: 3px;
   -webkit-border-top-left-radius: 3px;
   -webkit-border-bottom-left-radius: 3px;
   position: absolute;
   top: 0px;
   left: 0px;
   height: 22px;
   overflow: hidden;
   background: url(http://img.spletnik.si/Shell/FileUpload/Images/uploading-fill.png) 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(http://img.spletnik.si/Shared/Images/Registration/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(http://img.spletnik.si/Shell/FileUpload/Images/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;
}