body {
	margin: 0px;
}

.motdTop, .motdTop * {
	color: #a0a0a0;
}

.motdBottom {
	margin-top: 1em;
}
.motdBottom, .motdBottom * {
	color: #a0a0a0;
}

.bkMarginContent {
	display: flex;
	margin: 10px 0px;
}

.bkLeftMargin {
	overflow: hidden;
	width: 100px;
	flex-grow: 1;
}

.bkContent {
	margin: 0px 2em;
	width: 800px;
	flex-grow: 4;
}
.bkContent p {
	line-height: 2;
}

.bkRightMargin { /* for toolbar */
	overflow: hidden;
	width: 75px;
	min-width: 75px;
	padding: 3em 3px;
}

.bkIcon {
	text-align: center;
	min-width: 75px;
}
.bkRightMargin .bkIcon {
	margin-bottom: 2em;
}
.toolbarHoriz .bkIcon {
	margin: 10px;
}
.bkIcon a {
	color: #808080;
	text-decoration: none;
}

.toolbarHoriz {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

#chapterTitle {
	font-size: small;
	color: #808080;
	line-height: 1 !important;
}

#userNote {
	display: none;
	text-align: center;
}
#userInput {
	width: 98%;
}

#toolOutput, #toolOutput * {
	text-align: center;
}

.bkMyTable {
	display: table;
	margin: auto;
}
.bkMyTableRow {
	display: table-row;
}
.bkMyTableRow:hover {
	background-color: #e0f0ff;
}
.bkMyTableCell {
	display: table-cell;
	padding: 1em;
	text-align: left !important;
}