
.fui_container {
    margin-top: 10px;
    text-align: center;
    background-color: #f8f8f8;
    width: 920px;
}

.fui_header {
    text-align: center;
    background: #e0e0e0;
    border: 1px solid #c0c0c0;
    padding: 2px;
    height: 18px;
    margin-bottom: 5px;
}

.fui_folders {
    float: left;
    border-right: 1px solid #c0c0c0;
    width: 270px;
}

.fui_folderscontainer {
    min-height: 100px;
    max-height: 300px;
    float: left;
}

.fui_folderitem {
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid white;
    margin: 1px;
    white-space: nowrap;
}

.fui_folderitem:hover,.fui_movehover {
    border: 1px solid #ccccee;
    background: #ddddff;
}

.fui_droptargethover {
    border: 1px solid #bbeebb;
    background: #ccffcc;
}

.fui_selected .fui_foldername {
    font-weight: bold;
}

.fui_indent {
    width: 12px;
    float: left;
}

.fui_path {
    text-align: left;
    padding-left: 20px;
    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
}
.fui_path a {
    text-decoration: none;
}

.fui_openclose {
    float: left;
    margin: 2px;
}

.fui_foldericon {
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 4px;
}

.fui_foldername {
    float: left;
    overflow: hidden;
    height: 20px;
    max-width: 210px;
    text-align: left;
}

.fui_folderdate {
    float: right;
}

.fui_folderedit { 
}

.fui_content_list {
    min-height: 200px; 
    max-height: 300px; 
    overflow-y: auto;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
.fui_content_list::-webkit-scrollbar {
  display: none;
}


.fui_contentcontainer {
    float: left;
    width: 640px;
}

.fui_listodditem {
    background: #eeeeee;
}

.fui_listevenitem {
}

.fui_listitem {
    border-radius: 3px;
    border: 1px solid white;
    padding: 1px 4px 1px 4px;
}

.fui_listitem.fui_objfolder {
    cursor: pointer;
}

.fui_listitem:hover {
    border: 1px solid #ccccee;
    background: #ddddff;
}
    
.fui_listitemicon {
    width: 20px;
    height: 20px;
    float: left;
    position: relative;
}

.fui_listitemname span {
    cursor: pointer;
}

.fui_iconitemname span {
    cursor: pointer;
}

.fui_listitemname {
    float: left;
    padding: 0px 4px 0px 4px;
    text-align: left;
    width: 355px;
}

.fui_listitemdate {
    float: right;
    width: 112px;
    margin-left: 5px;
}

.fui_listitemsize {
    float: right;
    width: 68px;
    overflow: hidden;
    text-align: right;
    margin-left: 5px;
}

.fui_filemenu {
    text-align: right;
    width: 25px;
}
  
.fui_iconitem {
    border-radius: 3px;
    float: left;
    border: 1px solid white;
    padding: 2px;
    width: 128px;
    height: 64px;
    overflow: hidden;
}

.fui_iconitem:hover {
    border: 1px solid #ccccee;
    background: #ddddff;
}

.fui_iconitemicon {
    position: relative;
}

.fui_iconitemname {
    padding: 0px 2px 0px 2px;
}


.fui_syncpendingicon {
    width: 8px;
    height: 8px;
    position: absolute;
    bottom: -1px;
    right: 0px;
    content: url(/obj/File/gfx/pending0.png);
}
.fui_iconitem .fui_syncpendingicon {
    right: 46px;
}
.fui_syncpending .fui_syncpendingicon {
    content: url(/obj/File/gfx/pending1.png);
}


.fui_public {
}

.fui_colorgreen {
    color: green;
}

.fui_colorblack {
    color: black;
}

.fui_colorred {
    color: red;
}

#fui_permdialog {
    overflow-x: hidden;
}

table.fui_perms td {
    white-space: nowrap;
}

table.proplist th {
    text-align: left;
}

div.onlineeditcontainer { overflow: auto; }
#onlineeditcontent { font-size: 1.1em; }

table.fui_verify td {
    padding: 1px 3px 1px 3px;
}