﻿
.ListBox {
    display:block;
    position:relative;
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
}

.ListBox > .BoxItemList {
    display:block;
    position:relative;
    overflow:hidden;
}

.ListBox > .BoxItemList > .BoxItem {
    float: left;     
}

@media screen and (max-width:440px) {
    .ListBox > .BoxItemList > .BoxItem {
        float: none;
        width: 100%;
    }
}

.EditingArea .ListBox 
{ 

}

.EditingArea .ListBox > .BoxItemList > .BoxItem{
   border: 0.5px dashed green;

}

.EditingArea.BreakPoint920 .ListBox:not([ItemPerRow="2"]):not([ItemPerRow="1"]) > .BoxItemList > .BoxItem {
        width:33.33%;
}


.EditingArea.BreakPoint660 .ListBox:not([ItemPerRow="1"]) > .BoxItemList > .BoxItem {
        width:50%;
}

.EditingArea.BreakPoint440 .ListBox > .BoxItemList > .BoxItem  
{
    float: none;
    width:100%;
}



.DefaultBoxItemContent {
    display:block;
    position:relative;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;
}


.DefaultBoxItemContent > .PictureContainer{
    display:block;
    position:relative;
    height:120px;
    width:120px;
    overflow:hidden;
    border-radius:50%;
    border:10px solid #f0f0f0;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
}

.DefaultBoxItemContent > A.PictureContainer[href='javascript:void(0)']
{
   cursor:default;  
}

.DefaultBoxItemContent > .PictureContainer IMG{
    position:absolute;
    top:0%;
    left:0%;
    width:100%!important;
    height:auto!important;
}

.DefaultBoxItemContent > .PictureContainer IMG.Landscape{
    left:50%;
    transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    width:auto!important;
    height:100%!important;
}

.DefaultBoxItemContent > .PictureContainer IMG.Portrait {
    top:50%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    width:100%!important;
    height:auto%!important;
}


.DefaultBoxItemContent > .BoxTitle {
    font-size:16px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    padding:5px;
}


.DefaultBoxItemContent > .BoxTitle > div {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.DefaultBoxItemContent  > .BoxDescription {
    font-size:13px;
    line-height:20px;
    height:60px;
    white-space:normal;
    overflow:hidden;
    padding:5px;
}