html, body, table { 
	font-family: Verdana, Arial, Sans-Serif; 
	font-size: 10pt;
	line-height: 2em;
	padding: 0; 
	margin: 0;
}

navigation {
	display: block;
	background: #eee;
	padding: 0.2em 0.5em;
	border-bottom: 1px solid silver;
}
navigation a {
	display: inline-block;
	padding: 0 0.5em;
	margin: 0 2px;
	color: white;
	background: #444;
	border: #888 1px solid;
	border-radius: 0.25em;
	text-decoration: none;
}
navigation a:hover {
	background: #699;
}
navigation a.selected {
	background: #277;
}
navigation .session-container {
	display: inline-block;
	float: right;
}

content {
	display: block;
	padding: 0.5em;
}

footer {
	display: block;
	padding: 0.5em;
	color: silver;
	font-style: italic;
	text-align: center;
	padding-right: 2em;
}

table.page { 
	width: 100%; 
	min-width: 68em; 
}

.left-half { 
	width: 50em; 
	padding: 0; 
	margin: 0;
}
.right-half { 
	padding: 0; 
	margin: 0; 
}

.buttons-wrapper { float: right; }
.group-header { cursor: pointer; }
.group-header:hover { color: blue; }
.group-header .title { text-decoration: underline; }
.group-header .hidden, .group-header .shown { color: silver; }
.group-header .hidden { display: none; }


th, td { white-space: nowrap; }
tr.headers th { background: #48587d; color: white; padding: 1em; }
tr.headers button { margin: 0.5em 1em; }

tr.collapsed .group-header .hidden { display: inline-block; }
tr.collapsed .group-header .shown { display: none; }
tr.collapsed td { display: none; }

.routes tr:not(.separator):hover td {
	background: #0088ff22 !important;
}


#previewpane-wrapper { box-sizing: border-box; padding: 0.5em; width: 100%; height: 100%; position: fixed; top: 0; }	
#previewpane-container { box-sizing: border-box; width: 100%; height: 100%; background: #eee; max-width: 50em; overflow: scroll;}			
iframe { border:0; width: 100%; margin:0; height:90%; }

hr { height: 0; border: 2px solid #eee; }

img.icon {
	max-height:1.5em;
	max-width: 1.5em;
	filter: opacity(50%);
}