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

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

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

.directory-detail table {
	grid-template-columns: 
	minmax(1.75pc, 1.75pc)
	minmax(9.5pc, 2fr)
	minmax(7pc, 7pc)
	minmax(10pc, 10pc)
	minmax(5pc, 1.1fr)
	minmax(12pc, 4fr);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	.directory-large .total-summary {
		padding-left:0.1pc;
	}

	
}