﻿/***********************/
/** file manager *******/
/***********************/

#folder-wrapper .tree td div { 
    height: 20px !important          
}  

#folder-wrapper .tree a, .tree a:visited
{
  color:black;
  text-decoration:none;
}
#folder-wrapper
{
    position: relative;
}

#folder-wrapper .fakeDropDown
{
    width:392px; 
    border:solid 1px #dedede;
    padding:4px 4px 3px 4px;
    background: url(../img/filemgr/folder-arrow.gif) no-repeat;
    background-position: 382px 2px;           
}

#folder-wrapper .folders
{
    width:400px;
    position:absolute;
    /* top:-1px; */
    left:0;
    background:white;
    z-index:5;
    max-height:200px;
    overflow:auto;
    border: solid #dedede;
    border-width: 0px 1px 1px 1px;
    
}  



#FolderSelectLabel
{
    float:left; 
    padding:4px;
}

#FolderSelectHolder
{
    float:left; 
}

/** banners for popup page **/
#FilePopupBanner
{
    width:100%;
    color:#00659a;
    border-bottom:1px #d8d8d8 solid;
    background: #f5f5f5 url(../img/expaicon.gif) no-repeat 5px center;

    margin-bottom:5px;
}

#FilePopupBanner .plusIcon
{
    background: url(../img/addicon.gif) no-repeat 5px center;    
}

#FilePopupBanner div
{
    padding:5px 0px 5px 35px;     
}
/** upload area and box ***/

#FileUploadArea
{
    padding:5px 0px 0px 10px;
}

#FileUploadArea .uploadButton
{
    vertical-align:top; 
    padding-left:18px;  
}

.fileUploadError
{
    color:Red;
    font-style:italic;
}

/** thumbnail Grid ***/
#ThumbnailGridHolder td
{
 /*   border:solid 1px white; */
    vertical-align:middle;
}

#ThumbnailGridHolder .wh
{
    border:solid 1px white; 
}


#ThumbnailGridHolder td .thumbnailButtons
{
    padding-bottom:4px; 
    text-align:center; 
   /* position:absolute; 
    bottom:0px; left:0px;       */
}

#ThumbnailGridHolder td .thumbnailHolder
{
    padding-bottom:15px;
}

#ThumbnailGridHolder th
{
    font-weight:normal;
    height:22px;
}

#ThumbnailGridHolder .fmLink
{
    padding-right:5px;
}

#ThumbnailGridHolder .noFiles
{
    padding:30px;
}



.add-directory-wrapper
{
    float:left;  
}
.add-directory-wrapper .image
{
    margin-top:2px;
}
.add-directory-wrapper .text
{
    line-height:20px;
}
.filter-items-wrapper
{
    float:right;
    z-index:99;
    color:#3c3c3c;
    font-size:12px;
    margin-top:-3px;
}
.filter-items-wrapper input
{
    border:1px solid #E9E9E9;
}
.header
{
    background: #e0e0e0;
    text-align:center;
    height:30px;
}
.headerimage-wrapper
{
    height:36px;
    width:197px;
    padding-top:10px;
    padding-bottom:20px;
}
.filelist
{
    position:absolute;
}
.listitem
{
    position:relative;
    height:42px;
    border-top:1px solid #e9e9e9;
    border-bottom:1px solid #e9e9e9;
    z-index:3;
}



.action
{
    background:white;
    border:0;
    color: #FF7800;
    text-decoration:underline;
}
.action:hover
{
    color:Black;
}
.hidden
{
    visibility:hidden;
}
.error
{color:Red;}



.new
{
    background: white;
}

.image-preview-wrapper
{
    padding:10px;
    border:1px solid #e9e9e9;
    margin:0 auto;
}

#CreateFolderLink
{
    background:url(../img/addicon.gif) no-repeat;
    padding-left:20px;
    height:25px;
    display:block;
    margin-top:4px;
}

.fileManagerAltRow
{        
    background-color:#fafafa;
}

.fileManagerAltRow TD
{  
    border-top: solid 1px #e0e0e0 !important;
    border-bottom: solid 1px #e0e0e0 !important;   
    border-left: 0px !important; 
    border-right: 0px !important;  
       
}

.fileManagerRow TD, .fileManagerAltRow TD
{
     padding:4px; 
     height:40px !important;
}

#ThumbnailGridHolder TH
{  
    padding: 4px;
    background-color:#e0e0e0;
    border:solid 3px white;
}

#preview
{
    display:none;
}
