/*
/// <div class="cell">
                   <div class="list-view">
                         <div class="list-view-list">
                             <div class="value-filter"></div>
                             <div class="virtual-list"></div>
                             <a class="button more"></a>
                         </div class="list-view-list">
                         <div class="list-view-value">
                            <div class="oneValue">
                                <div class="valueDetail">
                                    
                                </div>
                            </div>
                         </div>
                   </div class="list-view">
                 </div class="cell">    
*/
div.list-view {
    position:relative;
    height:calc(100% - 4em);
    max-height:calc(100% - 4em);
}
div.virtual-list-item div.abstract {
        position:absolute;
         width:100%;
         text-indent:2em;
        font-size:0.8em;
        overflow:hidden;
        font-family:'Bookman Old Style', Bookman, 'URW Bookman L', 'Palatino Linotype', serif
    }
div.list-item-num{
    position:absolute;
    bottom:0;
    left:50%;
    opacity:0.5;
    font-size:0.7em;
}

div.cell.compare div.list-view {
    height:calc(100% - 4em - 13px);   
}

div.virtual-list {
    width:calc(100% - 2px);
    position:relative;
    min-height: calc(100% - 2em - 2px);
    max-height: calc(100% - 2em - 2px);
    overflow:auto;
}

    div.virtual-list.with-filter {
        height: calc(100% - 3em);
    }
div.virtual-list-item {
    position: relative;
    width: calc(100% - 4px);
    min-height: 5.5em;
    max-height: 5.5em;
    
    border-bottom: 1px solid #ddd;
    overflow:hidden;
    padding-bottom:3px;
}
div.category.virtual-list-item {
    min-height: 3em;
    max-height: 3em;
    padding-bottom:0;
}

div.virtual-list-item:hover{
    background:#eee;
}

    div.virtual-list-item a.visited {
        opacity: 0.5;
    }

    div.virtual-list-item a {
        display: block;
        table-layout: fixed;
        width: 100%;
        
        
    }
    
        div.virtual-list-item a>span {            
            
            display: inline-block;
            
            overflow: hidden;
            vertical-align:middle;
        }
            div.virtual-list-item a > span.roman {
                text-transform:uppercase;
                display:inline;
                vertical-align:baseline;
            }
        div.virtual-list-item a> span.from {
            text-wrap: none;
            width: 2em;
            font-size:0.8em;
            font-style:italic;
            opacity:0.7;
            font-family: 'Courier New';
        }
            div.virtual-list-item a > span.from.big-index {
                text-wrap: none;
                width: 3em;
            }

        div.virtual-list-item a >span.time {
            text-align: right;
            width: 4em;
            opacity: 0.8;
            font-size:0.7em;
            float:right;
        }

            div.virtual-list-item a > span.list-title {
                font-family:'Book Antiqua';
                width: calc(100% - 6em - 2px);
                overflow:hidden;
                   overflow-wrap: break-word;
                word-wrap: break-word;
                -ms-word-break: break-all;
                /* This is the dangerous one in WebKit, as it breaks things wherever */
                word-break: break-all;
                /* Instead use this non-standard one: */
                word-break: break-word;
                /* Adds a hyphen where the word breaks, if supported (No Blink) */
                -ms-hyphens: auto;
                -moz-hyphens: auto;
                -webkit-hyphens: auto;
                hyphens: auto;
                text-transform:none;
            }


span.list-title {
    
}

span.list-title span{
    text-transform:uppercase;
}




div.list-view-list ol a {
        font-weight:bold;
        display:inline-block;
        width:calc(99% - 6px);
        border-bottom:1px dotted #ddd;
    }
        div.list-view-list a:hover {
            background:#eee;
        }
div.list-view-list  a.visited {
    font-weight:normal;
}



div.list-view-list, div.list-view-value {
    position:relative;
    height:calc(100% - 4px);
}


div.list-view-list div.value-filter {
    height:auto;
    max-height:5em;
    overflow:auto;
}

a.last-shown{
background:#aaa;
}