/* basic page and styling */ 

* {
	box-sizing: border-box;
}

html, body {
	padding: 0;
	margin: 0;
}

body {
	background: #aaa;
}

/* basic table settings */

table {
	display: grid;
	border-collapse: collapse;
	min-width: 100%;
	font-family: "Open Sans", "DejaVu Sans", Verdana, sans-serif;
}

thead, tfoot, tbody, tr {
	display: contents;
}

th, td {
	padding: 0.25pc;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: black;
}

th {
	position: sticky;
	top: 0;
	text-align: left;
	font-weight: bold;
	font-size: 110%;
	background: #777;
	font-family: Montserrat, "Liberation Sans", Tahoma, sans-serif;
}

th:last-child {
	border: 0;
}

td {
	padding-top: 0.15pc;
	padding-bottom: 0.10pc;
	background: #eee;
	vertical-align:top;
}

tr:nth-child(odd) td {
	background: #ddd;
}

tr.divider td {
	background:black;
	padding:1px;
}

tr.tail td, tr.head td {
	background:#888;
}

th a {
	text-transform: none;
    text-decoration: none;
}

th a:link {
    color: white;
}

th a:visited {
    color: white;
}

th a:hover {
    color: black;
}

th a:active {
    color: red;
}

td a:hover {
    color: skyblue;
}

.languages {
	min-width:%100;
	padding-top:1pc;
	padding-bottom:1pc;
	text-align:center;
	font-family: Tahoma, Geneva, sans-serif;
}

.languages .label {
	display:inline-block;
	padding-right:0.5pc;
}

.languages .list {
	display:inline-block;
}

.languages a:link {
    color: darkblue;
}

.languages a:visited {
    color: darkblue;
}

.languages a:hover {
    color: skyblue;
}

.languages a:active {
    color: red;
}

.page-foot {
	min-width:%100;
	padding-top,
	padding-bottom:1pc;
	text-align:center;
	font-family: Tahoma, Geneva, sans-serif;
}

.page-foot .foot-item {
	display:block;
	min-width:%100;
}

.page-credit {
	min-width:%100;
	padding:1pc;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:90%;
}

.page-credit .credit-item {
	padding-left:0.25pc;
	padding-right:0.25pc;
}

.pascal-program {
	font-style:italic;
	color:#050;
}

.pascal-unit {
	font-style:italic;
	color:#050;
}

.pascal-unit-bin {
	font-style:italic;
	color:#733;
}

.webloc-text {
	font-style:italic;
	color:#007;
}

.viewer-buttons img {
	width:1.5pc;
	height:1.5pc;		
}

.viewer-buttons img:hover {
    background: skyblue;
}

.button-viewer-active, .button-split-active {
	display:inline-block;
}
  
.button-viewer-active img, .button-split-active img {
    background: #444;
}

.button-viewer-active img:hover, .button-split-active img:hover {
    background: #444;
}

.directory-chain {
	display:inline-block;
	min-width:%100;
	padding:1.5pc;
/*	
	font-family: "Open Sans", "DejaVu Sans", Verdana, sans-serif;
	font-family: Montserrat, "Liberation Sans", Tahoma, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-family: "Arial Black", Gadget, sans-serif;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-family: Tahoma, Geneva, sans-serif; 
*/

	font-family: "Trebuchet MS", Helvetica, sans-serif;

	font-style:bold;
	font-size:1.5pc;
	vertical-align:top;
}

.directory-chain .chain-home img {
	display:inline-block;
	width:1.75pc;
	height:1.75pc;		
	vertical-align:top;
}

.directory-chain .chain-home img {
	width:1.75pc;
	height:1.75pc;		
}

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

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

	
}