html {
	margin: 0 1em;
}

body {
	font-family:
		Calibri,
		"Source Sans Pro",
		Arial,
		sans-serif;
	margin: 1em auto;
	max-width: 60em;
}

a {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

tr.indexhead a {
	border-bottom-width: 0;
	border-bottom-style: none;
}

/*
a, a:link {
	color: #0000ee;
	text-decoration: none;
	border-bottom: 1px solid #0000ee;
}

a:visited {
	color: #551a8b;
	border-bottom: 1px solid #551a8b;
}
*/

.msg {
	background: rgba(162, 210, 70, 0.2);
	border: 1px solid rgb(162, 210, 70);
	padding: 6px 6px 4px;
	margin: 15px 0;
}

.msg.err {
	background: rgba(255, 165, 0, 0.2);
	border: 1px solid rgb(255, 165, 0);
}

table#indexlist {
	width: 100%;
	border-collapse: collapse;
}

#indexlist hr,
tr.indexbreakrow {
	display: none;
}

#indexlist tr.even {
	background: #fafafa;
}

#indexlist tr:hover {
/*
	background: #eee;
*/
}

#indexlist th,
#indexlist td {
	vertical-align: bottom;
	padding: 4px;
	border-left:  1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
}
#indexlist tr > *:first-child {
	border-left: none;
}
#indexlist tr > *:last-child {
	border-right: none;
}

.indexcolicon {
	width: 22px;
	text-align: center;
}
.indexcolname {
	text-align: left;
}
.indexcollastmod {
	width: 9em;
	text-align: center;
}
.indexcolsize {
	width: 4em;
	text-align: center;
}

/*
tr.indexhead + tr.indexbreakrow + tr.even a {
	color: gray;
	font-style: italic;
}
*/

address {
	margin-top: 1em;
	color: #d4d4d4;
}
