.tiny-file-browser
{
    font: 13px Tahoma, Helvetica;
    
    /* Disable Selection */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.tiny-file-browser .browse-button
{
    border: none;
    width: 16px;
    height: 16px;
    background: url(fbrowser/image-icon.png) no-repeat;
    cursor: pointer;
    text-indent: -99999px;
    vertical-align: middle;
}
.tiny-file-browser .file-browser-window
{
    background: #FFF;
    border: 4px solid #a7bac5;
    width: 750px;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999; 
    
    /* Box Shadow */    
    -webkit-box-shadow: 0 0 20px #79caf4;
    -moz-box-shadow: 0 0 20px #79caf4;
    -ms-box-shadow: 0 0 20px #79caf4;
    -o-box-shadow: 0 0 20px #79caf4;
    box-shadow: 0 0 20px #79caf4;
}
.tiny-file-browser .file-browser-window .file-browser-window-title
{
    font: 14px Tahoma, Helvetica;
    padding: 8px; 
    
    /* Gradient Background */
    background-color: #a7daf4;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.49, #ceedfd), color-stop(0.5, #c0e7fd), to(#a7daf4));
    background: -moz-linear-gradient(top, #FFF, #ceedfd 49%, #c0e7fd 50%, #a7daf4);
}
.tiny-file-browser .file-browser-form-div
{
    margin: 10px 20px 0;
}
.tiny-file-browser .file-browser-form-div label
{
    display: inline-block;
    width: 90px;
    margin: 0 5px 0 0;
    text-align: right;
}
.tiny-file-browser .file-browser-form-div input
{
    width: 610px;
    border: 1px solid #a7bac5;
}
.tiny-file-browser .file-browser-button-panel
{
    margin: 10px 20px 20px;
    text-align: right;
}
.tiny-file-browser .close-button
{
    color: #000;
}
.tiny-file-browser .file-browser-window .file-browser-toolbar
{
    border: 1px solid #a7bac5;
    border-bottom: none;
    margin: 20px 20px 0;
    padding: 10px 10px 10px 0;
    
    /* Gradient Background */
    background: #cbe9f8;
    background: -webkit-gradient(linear, left top, left bottom, from(#e7f5fd), to(#cbe9f8));
    background: -moz-gradient(top, #e7f5fd, #cbe9f8);
}
.tiny-file-browser .file-browser-window .file-browser-toolbar .toolbar-button
{
    display: inline-block;
    height: 16px;
    background-position: left center;
    background-repeat: no-repeat;
    margin: 0 0 0 10px;
    padding: 2px 2px 2px 21px;
    color: #000;
    text-decoration: none;
}
.tiny-file-browser .file-browser-window .file-browser-toolbar .up-folder-button
{
    background-image: url(fbrowser/up.png);
}
.tiny-file-browser .file-browser-window .file-browser-toolbar .up-folder-button.disable
{
    background-image: url(fbrowser/up-disable.png);
}
.tiny-file-browser .file-browser-window .file-browser-toolbar .new-folder-button
{
    background-image: url(fbrowser/new-folder.png);
}
.tiny-file-browser .file-browser-window .file-browser-toolbar .upload-button
{
    background-image: url(fbrowser/upload.png);
}
.tiny-file-browser .file-browser-window .file-browser-toolbar .rename-button
{
    background-image: url(fbrowser/rename.png);
}
.tiny-file-browser .file-browser-window .file-browser-toolbar .delete-button
{
    background-image: url(fbrowser/delete.png);
}
.tiny-file-browser .file-browser-window .file-browser-window-file-list
{
    border: 1px solid #a7bac5;
    margin: 0 20px 20px;
    padding: 10px;
    height: 324px;
    overflow: scroll;
}
.tiny-file-browser .file-browser-window .file-browser-window-file-list ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}
.tiny-file-browser .file-browser-window .file-browser-window-file-list ul li
{
    display: inline-block;
    width: 176px;
    margin: 0 4px 5px 0;
    padding: 10px 20px;
    border: 1px solid transparent;
    overflow: hidden;
}
.tiny-file-browser .file-browser-window .file-browser-window-file-list ul li:last-child
{
    margin: 0 0 5px;
}
.tiny-file-browser .file-browser-window .file-browser-window-file-list ul li .thumb
{
    background-image: url(fbrowser/unknow.png);
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 70px;
    height: 70px;
    margin: 0 5px 0 0;
    vertical-align: top;
}
.tiny-file-browser .file-browser-window .file-browser-window-file-list ul li.folder .thumb
{
    background-image: url(fbrowser/folder.png);
}
.tiny-file-browser .file-browser-window .file-browser-window-file-list ul li.txt .thumb
{
    background-image: url(fbrowser/txt.png);
}
.tiny-file-browser .file-browser-window .file-browser-window-file-list ul li.pdf .thumb
{
    background-image: url(fbrowser/pdf.png);
}
.tiny-file-browser .file-browser-window .file-browser-window-file-list ul li.doc .thumb,
.tiny-file-browser .file-browser-window .file-browser-window-file-list ul li.docx .thumb
{
    background-image: url(fbrowser/docx.png);
}
.tiny-file-browser .file-browser-window .file-browser-window-file-list ul li.xls .thumb,
.tiny-file-browser .file-browser-window .file-browser-window-file-list ul li.xlsx .thumb
{
    background-image: url(fbrowser/xlsx.png);
}
.tiny-file-browser .file-browser-window .file-browser-window-file-list ul li.ppt .thumb,
.tiny-file-browser .file-browser-window .file-browser-window-file-list ul li.pptx .thumb
{
    background-image: url(fbrowser/pptx.png);
}
.tiny-file-browser .file-browser-window .file-browser-window-file-list ul li.unknow .thumb
{
    background-image: url(fbrowser/unknow.png);
}
.tiny-file-browser .file-browser-window .file-browser-window-file-list ul li.rar .thumb
{
    background-image: url(fbrowser/rar.png);
}
.tiny-file-browser .file-browser-window .file-browser-window-file-list ul li.zip .thumb
{
    background-image: url(fbrowser/zip.png);
}
.tiny-file-browser .file-browser-window .file-browser-window-file-list ul li.selected, .tiny-file-browser .file-browser-window .file-browser-window-file-list ul li:hover
{
    border: 1px solid #9bd3f0; /* Gradient Background */
    background-color: #a7daf4;
    background: -webkit-gradient(linear, left top, left bottom, from(#aedcf5), color-stop(0.5, #d5effc), to(#aedcf5));
    background: -moz-linear-gradient(top, #aedcf5, #d5effc 50%, #aedcf5);
}
.tiny-file-browser-overlay
{
    background: rgba(255, 255, 255, .5);
    width: 100%;
    height: 100%;
    z-index: 998;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}
.tiny-file-browser-dialog
{
    background: #FFF;
    z-index: 1000;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #a7bac5;
    
    /* Box Shadow */    
    -webkit-box-shadow: 0 0 10px #79caf4;
    -moz-box-shadow: 0 0 10px #79caf4;
    -ms-box-shadow: 0 0 10px #79caf4;
    -o-box-shadow: 0 0 10px #79caf4;
    box-shadow: 0 0 10px #79caf4;
    
    /* Disable Selection */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
.tiny-file-browser-dialog .dialog-title
{
    padding: 10px;
        
    /* Gradient Background */
    background-color: #a7daf4;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.49, #ceedfd), color-stop(0.5, #c0e7fd), to(#a7daf4));
    background: -moz-linear-gradient(top, #FFF, #ceedfd 49%, #c0e7fd 50%, #a7daf4);
}
.tiny-file-browser-dialog input[type=text],.tiny-file-browser-dialog textarea
{
    padding: 0;
}
.tiny-file-browser-dialog .dialog-content
{
    margin: 10px;
}
.tiny-file-browser-dialog .dialog-button-panel
{
    text-align: right;
    margin: 10px;
}
.tiny-file-browser-dialog button
{
    border: 1px solid #a7bac5;
    padding: 5px 10px;
        
    /* Gradient Background */
    background-color: #a7daf4;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.49, #ceedfd), color-stop(0.5, #c0e7fd), to(#a7daf4));
    background: -moz-linear-gradient(top, #FFF, #ceedfd 49%, #c0e7fd 50%, #a7daf4);
}
.tiny-file-browser .rename-textbox
{
    width: 80px;
}