.ac_li {
    font-size: 10pt;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 150px;
    height: 150px;
    background-color: #E45238;
    float: left;
    margin-right: 10px;
    color: white;
    text-overflow: ellipsis;
    box-shadow:  1px 1px 5px #888888;
    margin-bottom: 10px;
    list-style: none;
}

.ac_span {
    position: relative;
    margin-top: 5px;
    width: 150px;
    white-space: nowrap;
    bottom: 0px;
    text-align: center;
    overflow: hidden;
}

.ac_img {
    position:absolute;
    top:0;
    bottom:0;
    margin: auto;
    display: block;
    width:auto;
    height:auto;
    max-height: 125px;
    max-width:150px;
}

.ac_thumb {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    max-width: 100%;
    max-height: 100%;
}

#asset-catalogue{
float: right;
}

#list
{
padding-left: 0px;
position: relative;
left:0px;
margin-top: 0px;
top:-35px;
}

.playlist_icon_overlay
{
position: relative;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.7);
z-index: 1;
opacity: 0;
cursor: default;
}

.playlist_icon_overlay:hover
{
pointer-events:auto;
cursor: auto;
opacity: 1;
}

.folder_icon_overlay
{
position: relative;
width: 30px;
top:50px;
left:17px;
}

.folder_icon_overlay:hover
{
cursor: pointer;
}

#move_icon:hover ~ #move_icon_caption
{
display: inline;
position: relative;
left: 62px;
}

#delete_icon:hover ~ #delete_icon_caption
{
display: inline;
position: relative;
left: 105px;
}

#edit_icon:hover ~ #edit_icon_caption
{
display: inline;
position: relative;
left: 20px;
}


#move_icon_caption, #delete_icon_caption, #edit_icon_caption
{
display: none;
}


#list-compact-1
{
float: left;
width: 645px;
position: relative;
left:0px;
top:0px;
height: 500px;
border-right: solid 1px #eee;
margin-right: 10px;
}

#list-compact-2
{
overflow-y:scroll;
left:0px;
top:0px;
position: relative;
float: left;
width: 330px;
height:500px;
padding-top: 0px;
}

#list-2
{
height: 500px;
overflow-y:scroll;
}

#list-2 .ac_li {
position: relative;
left: 0px;
font-size: 10pt;
padding-top: 0px;
width: 98%;
height: 70px;
background-color: rgba(255,0,0,.3);
margin-left: 5px;
margin-right: 10px;
overflow: hidden;
color: white;
box-shadow:  1px 1px 5px #888888;
margin-bottom: 10px;
}

#list-2 .ac_img_container
{
position: absolute;
right: 0px;
top: 0px;
height: 70px;
background-color: white;
}

.ac_img_container
{
position: relative;
left: 0px;
top: 0px;
width: 100%;
height: 125px;
background-color: white;
}

#list-2 .ac_thumb
{
    right: 0px;
    height: 70px;
    z-index: 1;
    top: unset;
    left: unset;
    transform: unset;
    max-width: unset;
    max-height: unset;
}

#list-2 .ac_span
{
font-size: 12px;
left: 5px;
text-align: left;
color: grey;
top: 0px;
width: 100px;
}



.list
{
position: relative;
top:0px;
left: 0px;
padding-left: 0px;
margin-left: 0px;
padding-top: 0px;
margin-top: 0px;
}

.list-2
{
position: relative;
top:0px;
left: 0px;
padding-left: 0px;
margin-left: 0px;
padding-top: 0px;
margin-top: 0px;
}

.playlist_settings_icon, .playlist_delete_icon
{
display: none;
}



#list-2 .playlist_settings_icon
{
z-index: 10;
cursor: pointer;
display: inline;
position:absolute;
width:20px;
left:5px;
top:45px;
}

#list-2 .playlist_delete_icon
{
z-index: 10;
cursor: pointer;
display: inline;
position:absolute;
width:18px;
left:30px;
top:45px;
}

#list-1 strong
{
display: none;
}

#list-2 strong
{
display: inline;
}

.duration
{
display: none;
}

#list-2 .duration
{
display: inline;
position: absolute;
top:18px;
}