body {
	background-color: #ffffff;
	color: #000000;
	margin: 15px 15px;
	padding: 0px 0px;
}

/* main */

table.main {
	width: 100%;
	border-collapse: collapse;
}

td.maincontent {
	text-align: left;
	vertical-align: top;
	padding: 0px 0px;
}

/* content */

div.content {
	background-color: #ffffff;
	color: #000000;
	text-align: left;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	max-width: 940px;
	margin: 15px auto 10px auto;
	padding: 0pt 0pt 0pt 0pt;
	overflow: hidden;
}

div.content hr {
	border: 0px;
	border-top: 1px solid #aaaaaa;
	margin: 12pt 0pt 12pt 0pt;
	width: 100%;
	height: 0px;
	clear: both;
}

div.content h1 {
	text-align: left;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 18pt;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	margin: 0pt 40pt 6pt 0pt;
}

div.content h2 {
	text-align: left;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 15pt;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	margin: 12pt 40pt 6pt 0pt;
}

div.content p {
	text-align: justify;
	margin: 6pt 0pt 6pt 0pt;
}
div.content p.center {
	text-align: center;
}

div.content ul,
div.content ol {
	margin: 6pt 0pt 6pt 0pt;
	padding: 0pt 0pt 0pt 24pt;
}

div.content a {
	color: #5577cc;
	text-decoration: none;
}
div.content a:hover,
div.content a:active {
	text-decoration: underline;
}

div.content p.articlebuttons {
	text-align: right;
	color: #666666;
	font-size: 8pt;
	margin: 0px 0px 10px 20px;
	display: block;
	float: right;
}

div.screenshot-container {
    display: flex;
    gap: 10px;
    margin: 6pt 0;
}

div.screenshot-container img {
    width: 50%;
    height: auto;
}

/* code */

pre.code {
	border: 1px dashed #888888;
	background-color: #dddddd;
	color: #222222;
	text-align: left;
	white-space: pre-wrap;
	font-family: "Courier New", Monospace;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	margin: 6pt 0pt 6pt 0pt;
	padding: 2pt 3pt;
	overflow: auto;
}

span.code,
code {
	border: 1px dashed #888888;
	background-color: #dddddd;
	color: #222222;
	text-align: left;
	white-space: pre-wrap;
	font-family: "Courier New", Monospace;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	padding: 0pt 2pt;
}

/* smalltable */

table.smalltable {
	margin: 6pt 6pt 6pt 6pt;
	border-collapse: collapse;
}

td.smalltable {
	border: 1px solid #cccccc;
	color: #000000;
	text-align: left;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	padding: 0pt 5pt 0pt 5pt;
	vertical-align: top;
}

td.smalltable p {
	text-align: justify;
	margin: 5pt 0pt 5pt 0pt;
}

td.smalltable ul,
td.smalltable ol {
	margin: 5pt 0pt 5pt 0pt;
	padding: 0pt 0pt 0pt 20pt;
}

td.smalltable a {
	color: #5577cc;
	text-decoration: none;
}
td.smalltable a:hover,
td.smalltable a:active {
	text-decoration: underline;
}