/*
	DEVONtechnologies Online Help Stylesheet
	© 2008–2019 DEVONtechnologies, Eric Boehnisch-Volkmann
*/

body
{
	background-color: #fff;
	color: #444; margin: 4rem 5rem 0rem 5rem;
}

/* Header */

#headerbox { padding: 0 0 2rem 0; }
#iconbox { margin-bottom: -3px; float: left; }
#pagetitlebox { margin-left: 40px; width: 88%; padding: 1px; }

/* General Text Styles */

h1 { font-size: 20pt; line-height: 15pt; font-family: -apple-system, "Helvetica Neue", Arial, sans-serif; font-weight: 200; margin-top: 6px; margin-bottom: 0; }
p, h2, h3 { font-size: 10pt; font-family: -apple-system, "Helvetica Neue", Arial, sans-serif; line-height: 14pt; text-decoration: none; margin: 0.4rem 0 0rem 0; }
h3.highlight { font-weight: 600; letter-spacing: 0.03rem; text-transform: uppercase; }
h3.highlight > a { border-bottom: none; }

a { color: #328bc8; text-decoration: none; border-bottom: 1px #328bc8 dotted; } 
a:hover, h3.highlight > a:hover { border-bottom: 1px #328bc8 solid; }

/* Table Layout */

.tablebox { display: table; width: 100%; margin-bottom: 1rem; }
.tablerow { display: table-row; }
.tablecell { display: table-cell; padding: 0.75rem; }

.tablecolumn.left { display: table-cell; vertical-align: top; padding: 0rem 0.75rem 0 0; width: 50%; }
.tablecolumn.right { display: table-cell; vertical-align: top; width: 50%; padding: 0 0 0 0.75rem; }
.tablecolumn.right .tablebox { border: 1px #ccc solid; border-radius: 0.5em; }
.tablecolumn.left > p { font-size: 10pt; font-family: -apple-system, "Helvetica Neue", Arial, sans-serif; line-height: 14pt; text-decoration: none; margin-left: 0px; margin-top: 0px; 	margin-bottom: 0.75em; }
.tablecolumn.left > p > a { margin-bottom: 0.25em; }
.tablecolumn.left > p br:only-child { display: block; }

.tablecell h2, .tablecolumn h2 { margin-top: 0px; margin-bottom: 0px; padding-top: 0; padding-bottom: 6px; font-weight: 200; letter-spacing: 0.1rem; line-height: 14pt; color: #666; text-transform: uppercase; }
.tablecell h3, .tablecolumn h3 { display: block; margin: 0.4rem 0 0.25rem 0; font-weight: normal; }

/* Links, Topics */

.weblink { color: #666; /*font-size: 8pt; font-family: -apple-system, "Helvetica Neue", Arial, sans-serif; line-height: 11pt;*/ font-weight: normal; text-decoration: none; }
.ostopic { padding-top: 4px; padding-bottom: 6px; }
.spaceabove { padding-top: 1px; }

/* Miscellaneous */

div.ruler { height: 1px; margin-top: 1rem; border-top: 1px #ccc solid; margin-bottom: 1rem; }
.tablecolumn.right div.ruler { margin-top: 1.4rem; }  /* 1.4rem top margin accomodates for underlined links */

@media (prefers-color-scheme: dark)
{
	body { background-color: #2c2c2e; color: #fff; }
	.tablecell h2, .tablecolumn h2 { color: #ccc; }
}
