html {
	font-size: 18px; /* changing this affects rem scaling in topic page */
}
body {
	margin: 20px;
	font-family: "Source Sans Pro",Arial,Helvetica,sans-serif;
}
body > ul > li > div.cris-screencap {
	margin-left: -2.5rem; /* to compensate for ul margin */
}
body > ul > li > ul > li > div.cris-screencap {
	margin-left: -5rem; /* to compensate for ul + li + ul margin/padding */
}
p {
	padding: 0 0 1.5rem 0;
	margin: 0;
	color: black;
	font-size: 1rem;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
	text-transform: none;
	line-height: 1.5;
	text-indent: 0;
	text-align: left;
}
p.cris-footnote {
	font-size: 0.8rem;
}
p.cris-help-comment {
	font-style: italic;
	font-weight: 400;
	text-align: center;
}
div.cris-screencap {
	text-align: center;
	padding: 0.5rem 0 0;
	margin: 0 0 1rem -0.5rem;
}
div.cris-screencap img {
	display: inline-block;
	max-width: calc(100% - 0.5rem - 2px); /* to compensate for margins and borders at 100% */
	height: auto;
	border: 1px solid #2c5234;
	margin: 0 0.5rem 1rem;
}
div.cris-warning {
	padding: 10px;
	border: 1px solid black;
	margin: 0.5rem 0 2rem;
	background: #ffffdf;
}
div.cris-warning :last-child {
	padding-bottom: 0;
}
div.cris-warning + div.cris-screencap {
	padding-top: 0.5rem;
}
h2.cris-topic {
	margin: 1rem 0 1.5rem;
	color: #2c5234;
	font-size: 2rem;
	font-weight: 800;
}
h3.cris-topic {
	margin: 2rem 0 1.5rem 0;
	color: #2c5234;
	font-size: 1.5rem;
	font-weight: 600;
	font-style: italic;
}
ul {
	padding: 0;
	margin: 0 0 1.5rem 2rem;
}
ul ul {
	margin: 1rem 0 0.5rem 2rem;
}
ul > li {
	padding: 0 0 0 0.5rem;
	margin: 0 0 1rem 0;
}
ul.cris-cases {
	list-style-type: circle;
}
ul.cris-columns {
	list-style-type: square;
}
ul.cris-extensions {
	list-style-type: circle;
}
ul.cris-faqs {
	padding-top: 1rem;
	font-size: 1rem;
	font-weight: 400;
}
ul.cris-faqs > li {
	list-style-type: square;
}
ul.cris-faqs-topics {
	padding-left: 0;
	margin-left: 0;
	font-size: 1.25rem;
	font-weight: 600;
}
ul.cris-faqs-topics > li {
	padding-bottom: 1rem;
	list-style: none;
}
ul.cris-fields > li {
	list-style-type: square;
}
ul.cris-items > li {
	list-style-type: square;
}
ul.cris-options > li {
	list-style-type: circle;
}
ul.cris-tabs > li {
	list-style-type: square;
}
ol {
	padding: 0;
	margin: 0 0 1.5rem 2rem;
}
ol > li {
	padding: 0 0 0 0.5rem;
	margin: 0 0 1rem 0;
}
ol.cris-steps-abc {
	list-style-type: upper-alpha;
}
ol.cris-steps-123 {
	list-style-type: decimal;
}
li {
	line-height: 1.5;
}
li > div.cris-screencap {
	padding-top: 2rem; /* to compensate for smaller spacing between <li>s */
	margin-bottom: 0; /* to compensate for <li> whitespace */
}
dt.cris-faqs-question {
	padding: 1rem 0;
	color: #2c5234;
	font-size: 1.25rem;
	font-weight: 600;
}
dt.cris-faqs-question::before {
	content: "▶";
	margin-right: 0.5rem;
}
dd.cris-faqs-answer {
	margin: 0;
}
button.cris-print-topic {
	padding: 0.1rem;
	border: 2px solid #92aCa0;
	border-radius: 6px;
	margin: 1rem auto;
	background: #2c5234;
	color: White;
	font-family: inherit;
	font-size: 1rem;
	cursor: pointer;
}
button.cris-print-topic:hover {
	background: #507f70;
}
button.cris-print-topic:active {
	background: #92aCa0;
}
table {
	table-layout: fixed;
	border: 1px solid #2c5234;
	border-collapse: collapse;
	margin: 1rem auto 2rem auto;
}
table.cris-help-navi-controls {
	max-width: 60%;
}
table.cris-map-controls {
	max-width: 60%;
}
table.cris-privileges {
	max-width: 60%;
}
col.cris-privileges-users {
	width: 20%;
}
thead.cris-privileges-header {
	font-weight: bold;
	text-align: center;
}
th {
	padding: 0.5rem;
}
th.cris-privileges-authenticated {
}
th.cris-privileges-functionality {
	width: 60%;
}
th.cris-privileges-guest {
}
td {
	padding: 0.5rem;
}
td.cris-help-navi-controls-descriptions {
	vertical-align: top;
}
td.cris-help-navi-controls-images {
	vertical-align: top;
	text-align: center;
}
td.cris-map-controls-descriptions {
	vertical-align: top;
}
td.cris-map-controls-images {
	vertical-align: top;
	text-align: center;
}
td.cris-privileges-no {
	vertical-align: top;
	color: #c00000;
	text-align: center;
	font-weight: bold;
}
td.cris-privileges-yes {
	vertical-align: top;
	color: #006119;
	font-weight: bold;
	text-align: center;
}
a {
	color: Blue;
	text-decoration: none;
}
a .cris-lut {
	color: Blue; /* to override green */
}
a:hover {
	color: Red;
}
a:hover .cris-lut {
	color: Red; /* to override green */
}
a.cris-sup-link {
	font-style: normal;
	font-weight: normal;
}
code {
	font-family: Consolas,'Courier New',monospace;
}
kbd {
	padding: 0 0.2rem;
	border: 1px solid #888;
	border-radius: 0.2rem;
	margin: 0 0.2rem;
	background: #f6f6f6;
	font-family: Consolas,'Courier New',monospace;
	font-weight: bold;
}
strong {
	font-weight: 600;
}
strong.cris-note {
	color: #c00000;
	font-weight: 800;
}
em {
	font-weight: inherit;
	font-style: italic;
}
b {
	font-weight: 600;
}
i.cris-example {
	color: #2c5234;
	font-weight: inherit;
	font-style: italic;
}
i.italic-letter {
	font-weight: inherit;
	font-style: italic;
}
sup {
	vertical-align: text-top;
	font-size: 75%;
}
dfn.cris-term {
	font-weight: inherit;
	font-style: italic;
}
q {
	quotes: '“' '”' '‘' '’';
}
q.cris-quote {
	padding: 0 0.1rem;
/*	border: 1px solid #63a172; */
	border-radius: 0.1rem;
	background: #dfece5;
}
q::before {
	content: '“'; 
	content: open-quote;
}
q::after {
	content: '”'; 
	content: close-quote;
}
q q::before {
	content: '‘'; 
	content: open-quote;
}
q q::after {
	content: '’'; 
	content: close-quote;
}
cite.web-title {
	font-weight: inherit;
	font-style: italic;
}
hr.cris-hr {
	height: 1px;
	border: 0;
	background-image: linear-gradient(to right, #dfece5, #2c5234, #dfece5);
}
.cris-help-print-header {
	display: none;
}
.cris-label {
	padding: 0 0.1rem;
/*	border: 1px solid #63a172; */
	border-radius: 0.1rem;
	background-color: #dfece5;
	font-weight: 600;
	font-style: normal;
}
.cris-lut {
	color: #2c5234;
	font-weight: 600;
	font-style: normal;
}
.cris-print-topic-icon {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin: 10px;
	content: url(../../topics/images/cris-print-topic.svg);
}
.cris-print-topic-text {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
#topic-footer {
	text-align: center;
}
@media print {
	html {
		font-size: 12pt; /* scales all rem units down for print */
	}
	p.cris-help-comment {
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
		text-align: left !important;
	}
	div.cris-faqs-links {
		display: none;
	}
	div.cris-warning {
		page-break-inside: avoid;
	}
	div.screencap {
		page-break-inside: auto;
	}
	div.screencap img {
		max-width: 100% !important;
		max-height: 100% !important;
		page-break-inside: avoid;
		page-break-after: auto;
	}
	h2 {
		page-break-after: avoid;
	}
	h2.cris-topic {
		font-size: 1.5rem;
	}
	h3 {
		font-size: 1.25rem;
		page-break-after: avoid;
	}
	dt.cris-faqs-question {
		page-break-after: avoid;
	}
	dd.cris-faqs-answer {
		page-break-before: avoid;
	}
	button.cris-print-topic {
		display: none;
	}
	table.cris-help-navi-controls {
		max-width: 90%;
	}
	table.cris-map-controls {
		max-width: 90%;
	}
	table.cris-privileges {
		max-width: 90%;
	}
	th {
		page-break-after: avoid;
	}
	q.cris-quote {
		background: none;
	}
	.cris-help-print-header {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 1rem;
		color: Black;
		font-size: 1.5rem;
		font-weight: 600;
		text-align: center;
	}
	.cris-label {
		background: none;
	}
	.cris-print-logo {
		height: 1rem; /* to roughly match font-size of title text */
	}
	.parks-print-logo {
		display: inline-block;
		vertical-align: bottom;
		height: 2rem;
		margin: 0 1rem 0.4rem 0;
	}
}