/*
.directory-list {
	overflow: hidden;
}

.directory-list-outer {
	padding:2pc;
}

.directory-list-inner {
	border-radius:0.5pc;
	padding:0.5pc;
	background: #eee;
}
*/

.directory-list table {
	grid-template-columns: 
	minmax(1.75pc, 1.75pc)
	minmax(10pc, 2fr)
	minmax(7pc, 7pc)
	minmax(10pc, 10pc);
}

.directory-list th a {
	text-transform: none;
	text-decoration: none;
}

.directory-list th a:link {
	color: white;
}

.directory-list th a:visited {
	color: white;
}

.directory-list th a:hover {
	color: black;
}

.directory-list th a:active {
	color: red;
}

.directory-list td a:hover {
	color: skyblue;
}

.directory-list span.caption {
	vertical-align: top;
}

.directory-list span.glyph-sort-ascend {
	width:1pc;
	height:1pc;
	vertical-align:top;
	overflow: hidden;
}

.directory-list span.glyph-sort-descend {
	width:1pc;
	height:1pc;
	vertical-align:top;
	overflow: hidden;
}

.directory-list span.glyph-sort-ascend img {
	width:1.5pc;
	height:1.5pc;	
	vertical-align:middle;
	overflow: hidden;
}

.directory-list span.glyph-sort-descend img {
	width:1.5pc;
	height:1.5pc;	
	vertical-align:middle;
	overflow: hidden;
}

.directory-list span.file-icon {
	width:1.5pc;
	height:1.5pc;
	overflow: hidden;
}

.directory-list span.file-icon img {
	width:1.5pc;
	height:1.5pc;		
}

.directory-list .head-size, .head-modified {
	text-align:center;
}

.directory-list .data-size {
	text-align:right;
}

.directory-list span.value-size-approx {
	font-size:90%;
	font-style:italic;
}

.directory-list .tail .value-size-approx {
	font-size:100%;
}

.directory-list span.value-size-units {
	display:inline-block;
	font-size:80%;
	font-style:italic;
	color: #333;
	width:2.5pc;
	text-align: left;
}

.directory-list span.value-mime-type {
	font-size:80%;
	color: #353;
}

.directory-list span.value-modified-time {
	display:inline-block;
	font-size:80%;
	color: #333;
	width:3.5pc;
	text-align:right;
}

.directory-list span.value-modified-date {
	font-size:80%;
	padding-left:0.5pc;
}

.directory-list span.value-file-count, 
.directory-list span.value-dir-count {
	font-style:italic;
}

.directory-list span.value-file-text,  
.directory-list span.value-dir-text, 
.directory-list span.value-file-comma {
	font-size:80%;
	font-style:italic;
	color: #333;
}

.directory-list tr.tail td.data-modified {
	overflow: hidden;
	text-align:right;
}

.directory-list .button-viewer-list-outer {
	display:inline-block;
	visibility:hidden;
	width:0px;
}

/* IOS/iPhone Landscape 800px */
@media screen and (max-width: 1000px) {

}

/* IOS/iPhone 480px */
@media screen and (max-width: 799px) {

	.directory-list table {
		grid-template-columns: 
		minmax(1.75pc, 1.75pc)
		minmax(10pc, 2fr)
		minmax(7pc, 7pc)
		minmax(7pc, 7pc);
	}

	.directory-list span.value-modified-time {
		visibility:hidden;
		width:0px;
	}

	.directory-list .viewer-buttons {
		display:inline-block;
		text-align:left;
		overflow:clip;
	}

	.directory-list .button-viewer-medium-outer {
		display:inline-block;
		visibility:hidden;
		width:0px;
	}

	.directory-list .button-viewer-large-outer {
		display:inline-block;
		visibility:hidden;
		width:0px;
	}
	
}