@CHARSET "UTF-8";

/*/////////////////////// LISTS - GRID ///////////////////////*/

.ecms-list-grid { margin-left:0px; margin-right:0px; }
.ecms-list-grid .tile-container { padding:5px }
.ecms-list-grid .tile-container > .tile { padding:10px; position:relative; }
.ecms-list-grid .tile-container > .tile > .thumb { display:block; }
.ecms-list-grid .tile-container > .tile > .title { margin:10px 0 0 0; overflow:hidden; position:relative; width:100%; }
.ecms-list-grid .tile-container > .tile > .title:after { content:""; height:10px; display:block; }
.ecms-list-grid .tile-container > .tile > p.title { font-weight:bold; }
.ecms-list-grid .tile-container > .tile > .synopsis { line-height:1.4em; font-size:85%; overflow:hidden; position:relative; width:100%; }
.ecms-list-grid .tile-container > .tile > .synopsis:after { content:""; text-align:right; position:absolute; bottom:0; right:0; width:50%; height:1.4em; }
.ecms-list-grid .tile-container > .tile > .footer { position:absolute; bottom:0; left:0; right:0; padding:10px 0; }
.ecms-list-grid .tile-container > .tile > .footer > .left { text-align:left; padding:0 5px 0 10px; vertical-align:middle; white-space:nowrap; overflow:hidden; }
.ecms-list-grid .tile-container > .tile > .footer > .middle { text-align:center; padding:0 5px; vertical-align:middle; white-space:nowrap; overflow:hidden; }
.ecms-list-grid .tile-container > .tile > .footer > .right { text-align:right; padding:0 10px 0 5px; vertical-align:middle; white-space:nowrap; overflow:hidden; }
.ecms-list-grid .tile-container > .tile > .footer > .left .long,
.ecms-list-grid .tile-container > .tile > .footer > .middle .long,
.ecms-list-grid .tile-container > .tile > .footer > .right .long { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }


/*
.ecms-list-grid div.tile img.background { position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin-bottom:-100%; }
.ecms-list-grid div.tile img.thumb, .ecms-list-grid div.tile div.thumb { position:relative; z-index:2; }
.ecms-list-grid div.tile img.screen, .ecms-list-grid div.tile div.screen { position:absolute; top:0; left:0; z-index:3; margin-bottom:-100%; }
.ecms-list-grid div.tile ul.list { position:relative; z-index:2; line-height:1.3em; padding:2px 10px; margin:0 5px 0 20px; list-style:disc; }
.ecms-list-grid div.tile ul.list li { position:relative; z-index:2; padding:0; margin:0; }
.ecms-list-grid div.tile div.button { position:absolute; bottom:0; right:0; float:right; z-index:2; max-width:39%; font-size:16px; margin:8px; padding:2px 4px; border:1px solid #000; background-color:#069; color:#FFF; }
.ecms-list-grid div.tile div.tile_caption { position:absolute; bottom:0px; margin:0; width:100%; text-align:center; background-color:rgba(0,0,0,0.7); z-index:100; }
.ecms-list-grid div.tile div.tile_caption div.footer_left { position:relative; float:left; clear:left; z-index:2; margin:0px; padding:0; }
.ecms-list-grid div.tile div.tile_caption div.footer_right { position:relative; float:right; clear:right; z-index:2; margin:0 16px 0 0; padding:0; }
*/

.thumb.noimage { background-color:#DDD; font-size:18px; line-height:30px; vertical-align:middle; color:#CCC; text-align:center; font-weigt:bold; letter-spacing:0.075em;}