/*

File: ebook_sb.css

Ebook styles for book content. (sb = section body)
See ebook.css for main styles.
Note: everything here is contained in ebook.css .ebk-section-body.

Sections:
	General
	Main containers
	Chapter Header
	Other Headers
	Examples
	Problems
	Problem Submissions
	Icon boxes
	Images
	Misc blocks
	Misc formatting
	Todo/error

Terminology:
	preview: Previews of solved examples, under "Problems" header in book
	example: Solved example in main content, 1-1 corr. with previews
	exercise: Problem in exercise section
	review: Problem in review problems section
	challenge: Problem in challenge problems section
	problem: any of exercise, review, challenge
	example-solution: Solution of solved example in main book
	problem-solution: Exercise/review/challenge solution only in solns manual

*/

/**************************************
	General
**************************************/

.ebk-section-body object,
.ebk-section-body img.latex,
.ebk-section-body img.latexcenter {
	max-width: 100%;
}

.ebk-section-body p {
	line-height: 20px;
}
.ebk-section-body img.latex {
	margin-top: 2px;
}

/* Need to override main.css first-child p weirdness */
.ebk-section-body p,
.ebk-section-body p:first-child,
.ebk-sb-hint,
.ebk-sb-prob-sub {
	margin: 12px 4px;
}

.ebk-sb-center {
	text-align: center;
}
.ebk-sb-center table {
	margin: 0px auto;
}

/**************************************
	Main containers
**************************************/

.ebk-sb-previews-container {
	border: 2px solid #1b365d;
	border-width: 2px 0;
	margin-top: 12px;
}

.ebk-sb-previews-container.ebk-sb--ancient {
	padding: 0 8px;
}

.ebk-sb-exercises-container {
	border-top: 4px solid #1b365d;
	margin-top: 12px;
}

.ebk-sb-properties {
	border: 2px solid #1b365d;
	border-width: 2px 0;
	margin-top: 12px;
}

/**************************************
	Chapter Header
**************************************/

.ebk-sb-chapter-title {
	position: relative;

	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 1px;
}

.ebk-sb-chapter-title .ebk-sb--number {
	position: absolute;
	top: 0px;
	left: 0px;

	margin: 0px;
	padding-bottom: 0px;
	background-color: #ffffff;

	line-height: 25px;
}
.ebk-sb-chapter-title .ebk-sb--number > span:first-child {
	/* CHAPTER */
	font-size: 14pt;
	margin-right: 3px;
}
.ebk-sb-chapter-title .ebk-sb--number > span:last-child {
	/* # */
	font-size: 48pt;
}

.ebk-sb-chapter-title .ebk-sb--border {
	width: 100%;
	height: 60px;

	margin-top: 30px;
	border: 3px solid black;
	border-width: 3px 10px;
}

.ebk-sb-chapter-title .ebk-sb--title {
	position: absolute;
	bottom: -5px;
	right: 0px;
	margin: 0px;
	line-height: 30px;
	padding-bottom: 0px;
	padding-left: 3px;
	background-color: #ffffff;
	font-size: x-large;
	font-weight: bold;
	white-space: nowrap;
}

/**************************************
	Other Headers
**************************************/

.ebk-sb-header {
	color: #1b365d;
	font-weight: bold;
	margin: 4px 8px;
	font-size: 16pt;
}

.ebk-sb-header-section,
.ebk-sb-header-extrasection {
	font-size: 18pt;
}
.ebk-sb-header-subsection {
	font-size: 16pt;
}

.ebk-sb-proof-header,
.ebk-sb-example-solution-header,
.ebk-sb-problem-solution-header {
	font-style: italic;
	padding-right: 2px; /* Bit of a hack, but squished a bit without it */
}

/**************************************
	Examples
**************************************/

.ebk-sb-preview {
	background-color: #eeffff;
	color: #1b365d;
	margin: 4px 0px 12px;
	border: 1px solid #009fad;
}

.academy .ebk-sb-preview {
	border-color: #61ad00;
	background-color: #f8fcf4;
}

.ebk-sb-example {
	background-color: #1b365d;
	color: #fff;
	margin: 18px 0px;
}

.ebk-sb-preview .ebk-sb--top,
.ebk-sb-example .ebk-sb--top {
	padding: 4px 8px;
}
.ebk-sb-preview .ebk-sb--top {
	border-bottom: 1px solid #009fad;
}
.academy .ebk-sb-preview .ebk-sb--top {
	border-color: #61ad00;
}
.ebk-sb-example .ebk-sb--top {
	border-bottom: 1px solid #eeffff;
}
.academy .ebk-sb-example .ebk-sb--top {
	border-color: #f8fcf4;
}

.ebk-sb-preview .ebk-sb--top-right,
.ebk-sb-example .ebk-sb--top-right {
	float: right;
}

.ebk-sb-preview .ebk-sb--source,
.ebk-sb-example .ebk-sb--source {
	font-style: italic;
	font-size: 11pt;
}

.ebk-sb-preview .ebk-sb--top-right > div,
.ebk-sb-example .ebk-sb--top-right > div {
	padding: 0 6px;
	display: inline-block;
}

.ebk-sb-preview .ebk-sb--main,
.ebk-sb-example .ebk-sb--main {
	padding: 0 4px 4px;
}

.ebk-sb-preview-number,
.ebk-sb-example-number {
	font-weight: bold;
}

.ebk-sb-preview .ebk-sb--jump.ebk-right-button .aops-font {
	font-size: 16px;
}
@media (max-width: 840px) {
	.ebk-sb-preview .ebk-sb--jump.ebk-right-button .ebk--wide {
		display: none;
	}
}

@media (max-width: 640px) {
	.ebk-sb-preview .ebk-sb--source,
	.ebk-sb-example .ebk-sb--source {
		display: none;
	}
}

/**************************************
	Problems
**************************************/

.ebk-sb-problem {
	margin: 12px 0;
}

.ebk-sb-problem .ebk-sb--top {
	background-color: #1b365d;
	color: #fff;
	padding: 8px;
}

.ebk-sb-problem .ebk-sb--top-right {
	color: #fff;
	float: right;
}

.ebk-sb-problem .ebk-sb--source {
	font-weight: bold;
	font-size: 11pt;
}

.ebk-sb-problem .ebk-sb--top-right > div {
	padding: 0 6px;
	display: inline-block;
}

.ebk-sb-problem .ebk-sb--number {
	font-weight: bold;
	font-size: 16pt;
}

.ebk-sb-problem .ebk-sb--main {
	border: 1px solid #1b365d;
	color: #666;
	padding: 8px;
}

.ebk-sb-problem .ebk-sb--main > div:first-child,
.ebk-sb-problem .ebk-sb--main > p:first-child {
	margin-top: 0px;
}

.ebk-sb-hint,
.ebk-sb-edge-hint,
.ebk-sb-prob-sub {
	margin: 12px 4px;
}

@media (max-width: 640px) {
	.ebk-sb-problem .ebk-sb--source {
		display: none;
	}
}

/**************************************
	Problem Submissions
**************************************/

.ebk-sb-edge-solution,
.ebk-sb-prob-sub {
	background-color: #eee;
	padding: 8px;
}

.ebk-sb-prob-sub > .ebk-sb--top-row {
	position: relative;
	/* Bottom margin here makes save status render in inconsistent position
	across browsers, so don't put one */
}

.ebk-sb-prob-sub > .ebk-sb--top-row > textarea {
	display: inline-block;
	vertical-align: top;
}

.ebk-sb-prob-sub > .ebk-sb--top-row > .ebk-sb-user-sub-before,
.ebk-sb-prob-sub > .ebk-sb--top-row > .ebk-sb-user-sub-after {
	width: 70%;
	width: calc(100% - 160px); /* 150 for button plus some extra */
	margin-right: 8px;
}

.ebk-sb-prob-sub .ebk-sb--top-row .ebk-sb--right-col {
	display: inline-block;
	vertical-align: top;
	width: 150px;
}
.ebk-sb-prob-sub .ebk-sb--top-row .ebk-sb--right-col > div {
	display: block;
	vertical-align: top;
	width: 150px;
	margin-bottom: 4px;
}

.ebk-sb-prob-sub .ebk-sb--save-status {
	position: absolute;
	right: 160px;
	bottom: 1px;
	margin: 6px 4px;

	color: #3da000;
	background-color: white;
	font-weight: bold;
	font-size: 9pt;
}

.ebk-sb-prob-sub textarea {
	resize: none;

	padding: 4px;
	border: 0;
}

.ebk-sb-prob-sub .ebk-sb-user-sub-final {
	width: 100%;
}

.ebk-sb-hide-hint,
.ebk-sb-prob-sub .ebk-sb--header {
	font-style: italic;
}

.ebk-sb--rendered-text-holder {
	background-color: #f4f7fc;
	margin-bottom: 10px;
	padding: 12px 4px;
}

/**************************************
	Icon boxes
**************************************/

.ebk-sb-iconbox {
	position: relative;

	padding: 8px;
	margin: 12px 96px;
	min-height: 70px;

	background-color: #eeffff;
	color: #1b365d;
	border: 1px solid #009fad;
}
.academy .ebk-sb-iconbox {
	background-color: #f8fcf4;
	border-color: #61ad00;
}
.ebk-sb-iconbox.ebk-sb-iconbox-wide {
	margin-left: 0px;
	margin-right: 0px;
}
.ebk-sb-iconbox.ebk-sb-iconbox-wrap {
	display: inline-block;
}

.ebk-sb-iconbox .ebk-sb--header {
	position: absolute;
	top: 8px;
	width: 140px;
	text-align: center;

	line-height: 20px;
	font-weight: bold;
}

.ebk-sb-iconbox .ebk-sb--icon {
	position: absolute;
	top: 30px;
	width: 140px;
	text-align: center;
	font-size: 20pt;
}

.ebk-sb-iconbox .ebk-sb--content {
	width: 70%;
	width: calc(100% - 140px);
	margin-left: 140px;
}

/*
:first-child/first-of-type fails here when a diagram is inserted at the start,
so we just disable margin-top completely and rely on margin-bottom
to get spacing in the middle.
*/
.ebk-sb-iconbox .ebk-sb--content div,
.ebk-sb-iconbox .ebk-sb--content p {
	margin-top: 0px;
}

.ebk-sb-iconbox .ebk-sb--content > div:last-child,
.ebk-sb-iconbox .ebk-sb--content > p:last-child {
	margin-bottom: 0px;
}

.ebk-sb-iconbox ul,
.ebk-sb-iconbox ol {
	padding-left: 20px;
}

/* Sometimes these are nested; align them and stack them */
.ebk-sb-iconbox .ebk-sb-iconbox {
	margin-left: 0;
	margin-right: 0;
	border-width: 0;
	padding: 0;
}
.ebk-sb-iconbox .ebk-sb-iconbox .ebk-sb--header {
	top: 0px;
	left: -140px;
}
.ebk-sb-iconbox .ebk-sb-iconbox .ebk-sb--icon {
	top: 22px;
	left: -140px;
}
.ebk-sb-iconbox .ebk-sb-iconbox .ebk-sb--content {
	width: 100%;
	margin-left: 0px;
}

/* Big picture variant in aops volume N */
.ebk-sb-big-picture {
	background-color: #eeffff;
	color: #1b365d;
	border: 1px solid #009fad;
	margin: 4px 0px 12px;
	padding: 8px 12px;
}
.academy .ebk-sb-big-picture {
	border-color: #61ad00;
}
.ebk-sb-big-picture .ebk-sb--header {
	font-size: 16pt;
	font-weight: bold;
}

/* Responsive design */

@media (max-width: 1270px) {
	.ebk-sb-iconbox {
		margin: 12px 64px;
	}
}

@media (max-width: 1020px) {
	.ebk-sb-iconbox {
		margin: 12px 32px;
	}
}

@media (max-width: 930px) {
	.ebk-sb-iconbox,
	.ebk-sb-iconbox.ebk-sb--extra {
		margin: 12px 16px;
	}
}

@media (max-width: 840px) {
	.ebk-sb-iconbox,
	.ebk-sb-iconbox.ebk-sb--extra {
		margin: 12px 0;
	}

	/* Flatten boxes */
	.ebk-sb-iconbox .ebk-sb--icon,
	.ebk-sb-iconbox.ebk-sb--extra .ebk-sb--icon,
	.ebk-sb-iconbox .ebk-sb--header,
	.ebk-sb-iconbox.ebk-sb--extra .ebk-sb--header {
		position: static;
		display: inline-block;
		width: auto;
		margin: 0 12px;
	}
	.ebk-sb-iconbox .ebk-sb--content,
	.ebk-sb-iconbox.ebk-sb--extra .ebk-sb--content {
		width: auto;
		margin-left: 0;
	}
}

/**************************************
	Table
**************************************/

table.ebk-sb-table {
	border-collapse: collapse;
	margin: 12px 0;
}

table.ebk-sb-table.ebk-sb-table-uniform {
	table-layout: fixed;
}

table.ebk-sb-table.ebk-sb-table-border {
	border: 1px solid black;
}

.ebk-sb-minipage table.ebk-sb-table,
.ebk-sb-block-line table.ebk-sb-table,
.ebk-sb-center table.ebk-sb-table {
	margin-left: auto;
	margin-right: auto;
}

.ebk-sb-table tr,
.ebk-sb-table td {
	/* So that we can just set border-width in children */
	border-width: 0px;
	border-style: solid;
	border-color: black;
}

.ebk-sb-table td {
	padding: 2px 6px;
}

.ebk-sb-preview .ebk-sb-table tr,
.ebk-sb-preview .ebk-sb-table td,
.ebk-sb-iconbox .ebk-sb-table tr,
.ebk-sb-iconbox .ebk-sb-table td {
	border-color: #1b365d;
}

.ebk-sb-example .ebk-sb-table tr,
.ebk-sb-example .ebk-sb-table td {
	border-color: #fff;
}

tr.ebk-sb-tr-top-b {
	border-top-width: 1px;
}
tr.ebk-sb-tr-bottom-b {
	border-bottom-width: 1px;
}

td.ebk-sb-td-left-b {
	border-left-width: 1px;
}
td.ebk-sb-td-right-b {
	border-right-width: 1px;
}
td.ebk-sb-td-top-b {
	border-top-width: 1px;
}
td.ebk-sb-td-bottom-b {
	border-bottom-width: 1px;
}

td.ebk-sb-td-s {
	text-align: left;
	padding-left: 0;
	padding-right: 0;
}
td.ebk-sb-td-l {
	text-align: left;
}
td.ebk-sb-td-c {
	text-align: center;
}
td.ebk-sb-td-r {
	text-align: right;
}

/**************************************
	Videos
**************************************/

.ebk-sb-video-container > .links-thumbnail-panel {
	position: relative;
	vertical-align: top;
	width: 270px;
	min-width: 0;
	margin: 0 auto 35px;
}

@media (max-width: 840px) {
	.ebk-sb-block-line-2 .ebk-sb-video-container > .links-thumbnail-panel {
		width: 230px;
	}
	.ebk-sb-block-line-2 .ebk-sb-video-container .video-thumbnail img {
		width: 230px;
		height: 160px;
	}
	.ebk-sb-block-line-2 .ebk-sb-video-container .thumbnail-subtext {
		top: 155px;
		width: 230px;
	}
	.ebk-sb-block-line-2 .ebk-sb-video-container .large-play-symbol {
		left: 92px;
		top: 37px;
	}
}

@media (max-width: 640px) {
	.ebk-sb-block-line-2 .ebk-sb-video-container > .links-thumbnail-panel {
		width: 200px;
	}
	.ebk-sb-block-line-2 .ebk-sb-video-container .video-thumbnail img {
		width: 200px;
		height: 137px;
	}
	.ebk-sb-block-line-2 .ebk-sb-video-container .thumbnail-subtext {
		top: 132px;
		width: 200px;
	}
	.ebk-sb-block-line-2 .ebk-sb-video-container .large-play-symbol {
		left: 77px;
		top: 26px;
	}
}

/**************************************
	Images
**************************************/

.ebk-sb-image,
.ebk-sb-figure {
	padding: 8px 16px;
	/* Needed to avoid floats being obscured by search highlighting */
	position: relative;
	z-index: 1;
}

.ebk-sb-figure .ebk-sb-image {
	padding: 4px 0;
}

.ebk-sb-image.ebk-sb--left,
.ebk-sb-figure.ebk-sb--left {
	float: left;
}

.ebk-sb-image.ebk-sb--center,
.ebk-sb-figure.ebk-sb--center {
	text-align: center;
}

.ebk-sb-image.ebk-sb--right,
.ebk-sb-figure.ebk-sb--right {
	float: right;
}

.ebk-sb-image > object {
	background-color: rgb(255, 255, 255);
}

.ebk-sb-figure.ebk-sb--side-by-side > div,
.ebk-sb-figure.ebk-sb--side-by-side > p,
.ebk-sb-figure.ebk-sb--side-by-side > table {
	display: inline-block;
}

.ebk-sb-caption {
	font-size: 11pt;
}

img.ebk-sb-reflect {
	/* From http://css-tricks.com/snippets/css/flip-an-image/ */
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	-webkit-filter: FlipH;
	        filter: FlipH;
	-ms-filter: "FlipH";
}

/**************************************
	Lists
**************************************/

.ebk-sb-part {
	padding-left: 2.2em;
}
.ebk-sb-part-label {
	display: inline-block;
	width: 1px;
	text-indent: -2.2em;
}

.ebk-section-body ol > li,
.ebk-section-body ul > li {
	margin: 8px 0;
}
.ebk-section-body ol.ebk-sb-custom-ol > li > p:first-child {
	display: inline-block;
}

ol.ebk-sb-custom-ol {
	padding-left: 20px;
}

ol.ebk-sb-custom-ol > li {
	list-style: none;
}

ol.ebk-sb-lower-letter {
	counter-reset: lowerletterlist;
}
ol.ebk-sb-lower-letter > li:before {
	content: "(" counter(lowerletterlist, lower-alpha) ") ";
	counter-increment: lowerletterlist;
	position: relative;
	left: -16px;
}

ol.ebk-sb-upper-letter {
	counter-reset: upperletterlist;
}
ol.ebk-sb-upper-letter > li:before {
	content: "(" counter(upperletterlist, upper-alpha) ") ";
	counter-increment: upperletterlist;
	position: relative;
	left: -16px;
}

ol.ebk-sb-lower-roman {
	counter-reset: lowerromanlist;
}
ol.ebk-sb-lower-roman > li:before {
	content: "(" counter(lowerromanlist, lower-roman) ") ";
	counter-increment: lowerromanlist;
	position: relative;
	left: -16px;
}

/**************************************
	Minipage
**************************************/

.ebk-sb-minipage-line {
	display: table;
	border-collapse: collapse;
	width: 100%;
}
.ebk-sb-minipage-line.ebk-sb-minipage-line-compact {
	width: auto;
	margin: auto;
}
.ebk-sb-minipage-line-inner {
	display: table-row;
}
.ebk-sb-minipage-line-inner > .ebk-sb-minipage,
.ebk-sb-minipage-line > .ebk-sb-minipage {
	display: table-cell;
}

.ebk-sb-minipage,
.ebk-sb-minipage.ebk-sb-minipage-c {
	vertical-align: middle;
}
.ebk-sb-minipage.ebk-sb-minipage-t {
	vertical-align: top;
}
.ebk-sb-minipage.ebk-sb-minipage-b {
	vertical-align: bottom;
}

/* Note: bit of a hack to get minipages only containing one block equation
to look a lot better. See introalg c11s5. May backfire elsewhere. */
.ebk-sb-minipage-line.ebk-sb-minipage-line-compact img.latexcenter {
	padding: 0;
}

/**************************************
	Width Conditionals
**************************************/

.ebk-sb-wcond-max-tiny,
.ebk-sb-wcond-max-small,
.ebk-sb-wcond-max-medium,
.ebk-sb-wcond-max-large {
	display: none;
}
@media (max-width: 1270px) {
	.ebk-sb-wcond-max-large {
		display: block;
	}
	.ebk-sb-wcond-min-large {
		display: none;
	}
}
@media (max-width: 1020px) {
	.ebk-sb-wcond-max-medium {
		display: block;
	}
	.ebk-sb-wcond-min-medium {
		display: none;
	}
}
@media (max-width: 840px) {
	.ebk-sb-wcond-max-small {
		display: block;
	}
	.ebk-sb-wcond-min-small {
		display: none;
	}
}
@media (max-width: 640px) {
	.ebk-sb-wcond-max-tiny {
		display: block;
	}
	.ebk-sb-wcond-min-tiny {
		display: none;
	}
}

/**************************************
	Misc blocks
**************************************/

.ebk-sb-center-line {
	display: block;
	text-align: center;
}

.ebk-sb-block-line {
	text-align: center;
}

.ebk-sb-block-line > div,
.ebk-sb-block-line > p,
.ebk-sb-block-line > table {
	display: inline-block;
}
.ebk-sb-block-line.ebk-sb-block-line-2 > div,
.ebk-sb-block-line.ebk-sb-block-line-2 > p {
	width: 45%;
}
.ebk-sb-block-line.ebk-sb-block-line-3 > div,
.ebk-sb-block-line.ebk-sb-block-line-3 > p {
	width: 30%;
}
.ebk-sb-block-line.ebk-sb-block-line-4 > div,
.ebk-sb-block-line.ebk-sb-block-line-4 > p {
	width: 22%;
}
.ebk-sb-block-line.ebk-sb-block-line-5 > div,
.ebk-sb-block-line.ebk-sb-block-line-5 > p {
	width: 18%;
}
.ebk-sb-block-line.ebk-sb-block-line-6 > div,
.ebk-sb-block-line.ebk-sb-block-line-6 > p {
	width: 15%;
}

.ebk-sb-block-line > div.ebk-clear {
	width: 0;
}

.ebk-sb-text-block {
	text-align: justify;
	padding: 0 10px;
	vertical-align: top;
}

.ebk-sb-indent {
	margin: 0 32px;
}

.ebk-sb-flush-left {
	text-align: left;
}

.ebk-sb-flush-right {
	text-align: right;
}

.ebk-sb-equation {
	position: relative;
	padding: 0 50px;
}
.ebk-sb-equation-label {
	position: absolute;
	right: 0;
	/* We want the text centered vertically inside the equation. */
	/* The method here is a bit of a hack, but it will probably work everywhere. */
	line-height: 30px; /* force the height of the label to a reasonable number */
	top: 30%; /* if calc not supported */
	top: calc(50% - 15px);
}

.ebk-sb-boxed {
	border: 1px solid black;
	padding: 4px;
	margin: 4px 0;
}

.ebk-sb-hr {
	height: 2px;
	background-color: #1b365d;
	margin: 12px 0;
	clear: both;
}

/**************************************
	Inline images
**************************************/

img.ebk-sb-inline-img-cube {
	height: 20px;
	vertical-align: -1px;
}
img.ebk-sb-inline-img-divider {
	height: 14px;
	vertical-align: -1px;
}
img.ebk-sb-inline-img-candy {
	height: 14px;
	vertical-align: -1px;
}
img.ebk-sb-inline-img-shoe,
img.ebk-sb-inline-img-sock {
	height: 32px;
	vertical-align: 0px;
}
img.ebk-sb-inline-img-shoe.ebk-sb--small,
img.ebk-sb-inline-img-sock.ebk-sb--small {
	height: 24px;
}

/**************************************
	AOPS Volume N right gutter icons
**************************************/

.ebk-sb-right-icon {
	position: absolute;
	/* top set in JS */
	right: 2px;

	width: 32px;
	height: auto;
	vertical-align: -16px;
}

/**************************************
	Twenty Four
**************************************/

.ebk-sb-twentyfour {
	float: left;
	margin: 0 24px;
	width: 150px;
}
.ebk-sb-twentyfour-problem {
	position: relative;
	width: 150px;
	height: 150px;
}
img.ebk-sb-twentyfour-bg {
	width: 150px;
	height: 150px;
}

.ebk-sb-twentyfour-number-1,
.ebk-sb-twentyfour-number-2,
.ebk-sb-twentyfour-number-3,
.ebk-sb-twentyfour-number-4 {
	position: absolute;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-family: serif;
	font-size: 32pt;
	text-align: center;
}
.ebk-sb-twentyfour-number-1 {
	left: 50px;
	top: 8px;
}
.ebk-sb-twentyfour-number-2 {
	left: 8px;
	top: 50px;
}
.ebk-sb-twentyfour-number-3 {
	left: 50px;
	top: 92px;
}
.ebk-sb-twentyfour-number-4 {
	left: 92px;
	top: 50px;
}

.ebk-sb-twentyfour .btn {
	margin: 4px auto;
	display: block;
}

/**************************************
	Hide-based solutions
**************************************/

.ebk-sb-solution-hide {
	display: none; /* button in Javascript will unhide */
}

/**************************************
	Misc formatting
**************************************/

.ebk-sb-source {
	font-style: italic;
}

.ebk-sb-legal {
	font-size: 8pt;
	margin: 4px 0;
}

.ebk-sb-ovalbox {
	border: 1px solid;
	border-radius: 8px;
	padding: 0px 4px;
	white-space: nowrap;
}

.ebk-sb-rectbox {
	border: 1px solid;
	padding: 4px;
	white-space: nowrap;
}

.ebk-sb-underline {
	text-decoration: underline;
}

.ebk-sb-strikethrough {
	position: relative;
}
.ebk-sb-strikethrough:after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;

	top: 25%;
	top: calc(25% - 1px);
	height: 2px;
	background-color: black;
}
.ebk-sb-strikethrough.ebk-sb--big:after {
	top: calc(25% - 2px);
	height: 4px;
}

.ebk-sb-chapter-quote {
	font-style: italic;
	font-size: 9pt;
}

.ebk-sb-chapter-author {
	font-size: 9pt;
	margin: 12px 0px;
}

.ebk-sb-chapter-quote,
.ebk-sb-chapter-quote p,
.ebk-sb-chapter-author {
	display: inline-block;
}

a.ebk-sb-ref {
	font-weight: bold;
}

.ebk-example a.ebk-sb-ref {
	color: #e5fbcc;
}

a.ebk-sb-a-tag {
	cursor: pointer;
}

.ebk-sb-size-tiny {
	font-size: 9pt;
}
.ebk-sb-size-script {
	font-size: 10pt;
}
.ebk-sb-size-footnote {
	font-size: 11pt;
}
.ebk-sb-size-small {
	font-size: 12pt;
}
/* normal is 13pt */
.ebk-sb-size-large {
	font-size: 14pt;
}
.ebk-sb-size-larger {
	font-size: 16pt;
}
.ebk-sb-size-large-caps {
	font-size: 18pt;
}
.ebk-sb-size-huge {
	font-size: 20pt;
}
.ebk-sb-size-hugest {
	font-size: 24pt;
}

/**************************************
	Todo/error
**************************************/

.ebk-sb-error-manual {
	color: red;
	text-decoration: underline;
}

.ebk-sb-error-todo {
	color: #df7000;
	text-decoration: underline;
}

.ebk-sb-todo {
	font-size: 10pt;
	color: #117711;
	text-decoration: underline;
}