/* Tree View: */
.tree_view {
    list-style: none inside none;
    padding-left: 0;
}
.tree_view ul {
    list-style: none inside none;
    padding-left: 30px;
}
.tree_view li .tree_view_toggle {
    position: relative;
    top: 9px;
    display: inline-block;
    width: 17px;
    height: 16px;
    visibility: hidden;
    pointer-events: none;
    vertical-align: top;
}
.tree_view .has_children > .tree_view_toggle {
    background: url("img/main_sprite.png") -294px -277px no-repeat transparent;
    cursor: pointer;
    visibility: visible;
    pointer-events: all;
}
.tree_view .has_children.open > .tree_view_toggle {
    background-position: -521px -277px;
}
.tree_view li .tree_view_item:before {
    display: inline-block;
    content: "";
    width: 30px;
    height: 30px;
    margin-right: 8px;
    background: url("img/icon_sprite.png") no-repeat transparent;
}

.tree_view li .tree_view_folder:before {
    background-position: 0 -129px;
}

.tree_view li .tree_view_audio:before {
    background-position: -90px -129px;
}

.tree_view li .tree_view_video:before {
    background-position: -120px -129px;
}

.tree_view li .tree_view_thumb:before,
.tree_view li .tree_view_photo:before {
    background-position: -60px -129px;
}

.tree_view li .tree_view_excel:before {
    background-position: -60px -159px;
}

.tree_view li .tree_view_pdf:before {
    background-position: -30px -159px;
}

.tree_view li .tree_view_powerpoint:before {
    background-position: -30px -129px;
}

.tree_view li .tree_view_word:before {
    background-position: 0 -159px;
}

.tree_view li .tree_view_generic:before {
    background-position: -90px -159px;
}

.tree_view li .tree_view_item {
    display: inline-block;
    max-width: 400px;
    padding: 1px 8px 0;
    line-height: 12px;
    border: 1px solid transparent;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tree_view li .move_destination,
.tree_view li .select_target {
    background-color: #E6F5FF;
    border-color: #B3E0FF;
}
.tree_view_folder_name,
.tree_view_item_name {
	position: relative;
    top: -9px;
}

.tree_view li {
    display: none;
    opacity: 0;
    -webkit-transform: opacity .3s linear;
    -ms-transform: opacity .3s linear;
    transform: opacity .3s linear;
}
.tree_view > li,
.tree_view .open,
.tree_view .open > ul > li {
    display: list-item;
    opacity: 1;
}

.collapsed,
.pending,
.template {
    display: none !important;
}

.tree_view_folder_path,
.tree_view_item_path {
    display: none;
}

/* Browser Fixes: */
html.mac.safari .tree_view li .tree_view_toggle {
    top: -1px;
}