.disable-selection() {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.main-panel {
	.nav {
		ul {
			border-collapse: collapse;
			cursor: default;
			.disable-selection;
		}

		li {
			margin: 0;
			display: table-cell;
			border: 1px solid #ccc;
			padding: 0.2em 2.5em;
			background-color: #e5e5e5;
		}
		li.selected {
			background-color: white;
		}
	}
}

.email-reader {
	margin: 0;
	padding: 0;
	width: 40em;
	font-family: Verdana, sans-serif;

	.email {
		border: 1px solid black;
		width: 100%;
		height: 25em;
		overflow-y: scroll;

		.header {
			padding: 0.1em;
			background-color: #e5e5e5;

			.label {
				font-weight: bold;
			}
		}

		.body {
			padding: 0.1em;
			margin: 1em;

			p {
				margin: 0 0 0.65em 0;
				padding: 0;
			}
		}

		.no-messages {
			margin-top: 10em;
			text-align: center;
		}
	}

	.controls {
		margin-top: 0.1em;
		border: 1px solid black;
		width: 100%;
		height: 1.8em;

		div {
			margin: 0.3em auto;
			text-align: center;
		}

		button {
			display: inline-block;
			background-color: #ccc;
			color: #000;
		}
		button:disabled {
			color: #888;
		}
		button.prev {
			float: left;
			margin-top: 0.2em;
			margin-left: 1.5em;
		}
		button.next {
			float: right;
			margin-top: 0.2em;
			margin-right: 1.5em;
		}
	}

	span.redacted {
		padding: 0 0.5em;
		background-color: black;
		color: black;
		font-weight: bold;
		font-size: 95%;
	}
}

.email-sender:extend(.email-reader all) {
	.body {
		.section {
			margin: 0.65em auto 0;
			text-align: center;
		}
	}

	.controls {
		div {
			margin: 0.15em auto;
		}
	}
}

table.debug {
	text-align: left;
	border-collapse: collapse;

	th, td {
		border: 1px solid black;
		padding: 0.1em 0.5em;
	}
	td {
		font-family: Consolas, monospace;
	}
}