html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	display: flex;
	flex-direction: column;
}
#header {
	flex: 0 0 auto;
}
#timeline {
	flex: 0 0 200px;
	height: 200px;
	border: thin solid black;
}
#timeline > #tline {
	height: 100% !important;
}
#devrow {
	flex: 0 0 auto;
	overflow: hidden;   /* contain the floats */
}
/* Developer mode OFF: hide dev panels, timeline fills remaining space */
body.devoff #header,
body.devoff #devrow {
	display: none !important;
}
body.devoff #timeline {
	flex: 1 1 auto;
	height: auto;
}