@CHARSET "UTF-8";

  div.mf-container{
        position: relative; /*DO NOT REMOVE*/
        overflow: hidden; /*DO NOT REMOVE*/
    }

     div.mf-container input.mf-text{
        float: left;
        margin:0;
     }
     
     div.mf-inputFieldContainer {
        float:left;
        overflow: hidden;
        display: block;
        width: 250px;
        position: relative;
     }
     
     input.mf-text{
        width: 177px;
     }
     input.mf-inputField{
        position: absolute;
        right: 0px;
        float: left;
     }
     
    div.mf-container a.mf-preview{
        background: URL(../images/trigger.gif) 0 0 no-repeat;
        float: left;
        height: 22px;
        width: 17px;
        display: block;
    }
    
    div.mf-container a.mf-upload{
        background: URL(../images/upload-trigger.gif) 0 0 no-repeat;
        float: left;
        height: 22px;
        width: 65px;
        display: block;
        
    }
    
    div.mf-container a.mf-delete{
        background: URL(../images/clear-trigger.gif) 0 0 no-repeat;
        float: left;
        height: 22px;
        width: 17px;
        display: block;
        
    }
    
    
    div.mf-container a.mf-preview-over
    ,div.mf-container a.mf-delete-over{
        background-position:  -17px 0;
    }
    
    div.mf-container a.mf-preview-down
    ,div.mf-container a.mf-delete-down{
        background-position:  -34px 0;
    }
    
     div.mf-container a.mf-preview-opened{
        background-position:  -51px 0;
     }
    
    div.mf-container a.mf-upload-over {
        background-position:  -65px 0;
    }
    
    div.mf-container a.mf-upload-down{
        background-position:  -129px 0;
    }
    
    
    /*========= PREVIEW IMAGE =========*/
    div.mf-preview-container{
        clear: both;
        padding-top: 1px;
        overflow: hidden;
    }
     div.mf-preview-container img.mf-preview-img{
        border: 1px solid #c0c0c0;
        padding: 2px;
        display: block;
    }
    
    /*========== PREVIEW FLASH ===============*/
    p.mf-preview-flash-container{
        padding: 2px;
        display: block;
        border: 1px solid #c0c0c0;
    }
    
    /*==========  PREVIEW FILE ===========*/
    p.mf-preview-file-container {
        padding: 5px;
        display: table;
        border: 1px solid #c0c0c0;
        width: 300px;
        background: #f9f9f9;
    }
    
    p.mf-mime-filename span{
        font-style: italic;
        display:block;
    }
    
/*=============== MIME TYPES ================*/    
    img.mf-mime-unknown {
        display: block;
        float: left;
        width: 48px;
        height: 48px;
        background: URL(../images/mime/none.png) center center no-repeat;
        margin-right: 20px;
    }
    
    img.mf-mime-doc
    ,img.mf-mime-docx
    ,img.mf-mime-dot
    ,img.mf-mime-odt
    ,img.mf-mime-dotx {
        background: URL(../images/mime/doc.png) center center no-repeat;
    }
    
    img.mf-mime-xls
    ,img.mf-mime-xlsx
    ,img.mf-mime-xlt
    ,img.mf-mime-xltx {
        background: URL(../images/mime/xls.png) center center no-repeat;
    }
    
    img.mf-mime-ppt
    ,img.mf-mime-pptx{
        background: URL(../images/mime/ppt.png) center center no-repeat;
    }
    
    img.mf-mime-mp3
    ,img.mf-mime-mid
    ,img.mf-mime-midi
    ,img.mf-mime-wav{
        background: URL(../images/mime/mp3.png) center center no-repeat;
    }
    
    img.mf-mime-avi
    ,img.mf-mime-rm
    ,img.mf-mime-ogg
    ,img.mf-mime-3gp
    ,img.mf-mime-swf
    ,img.mf-mime-flv
    ,img.mf-mime-mpg
    ,img.mf-mime-mpeg
    ,img.mf-mime-wmv{
        background: URL(../images/mime/avi.png) center center no-repeat;
    }
    
    img.mf-mime-tar
    ,img.mf-mime-7z
    ,img.mf-mime-arj
    ,img.mf-mime-gzip
    ,img.mf-mime-bz
    ,img.mf-mime-gz
    ,img.mf-mime-zip{
        background: URL(../images/mime/zip.png) center center no-repeat;
    }
    
    img.mf-mime-rar{
        background: URL(../images/mime/rar.png) center center no-repeat;
    }
    
    img.mf-mime-pdf{
        background: URL(../images/mime/pdf.png) center center no-repeat;
    }