/* DivTable.com */

.ThumbIcon {
background-color: #cccccc;
width: 242px;
height: 242px;
text-align:center;
 margin: auto;
 display: flex;
 justify-content: center;
 align-items: center;
 border-radius:8px;
 xbox-shadow: 0px 1px 12px rgba(0, 0, 0, 0.5);

}

.ThumbIcon img {
  
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: auto;
	display: block;
}

.ThumbName {
text-align:center;
background-color:#b0b0b0;
padding:3px;
 border-radius:8px;
}
.ThumbSize {
text-align:center;
font-size: 0.65em;
}
.ThumbDate {
text-align:center;
}

.ThumbMatrix {
width: 100%; 
display: flex;
border: 1px blue;
flex-wrap: wrap;
}

.ThumbElement {
position: relative;
border: 1px dotted black;
background-color: #a0a0a0;
padding: 5px;
width: 242px;
float: left;
margin: 5px;
font-size: 0.75em;
  border-radius:10px;
    box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.5);
}

body {
font-family: sansserif,verdana,helvetica;
font-size: 1em;
background-color: #f0f0f0;
}
.DirEntry {
font-size:0.85em;
}

.MetaBox pre {
 background-color: #e0e0e0;
 padding: 10px;
 border: 2px blue;
}

ul {
border: 1px solid black;
list-style-type: none;
  margin: 3px;
  padding: 3px;
}
li {
padding: 3px;
border: 1px dotted black;
}
.divSearchResult {
}

body a {
   color: #000099;
    text-decoration: none;

}
.divTable{
	display: table;
	width: auto%;
}
.divTable a {
    color: #000099;
    text-decoration: none;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
	font-size: 0.65em;
}
.divTableCellR, .divTableHeadR {
    border: 1px solid #999999;
    display: table-cell;
    text-align: right;
	font-size: 0.65em;
}

.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}