/* APD Jag/Panther access 1.0 */

p { font-size: 10pt; font-family: -apple-system, "Helvetica", Arial, "Sans Serif"; font-weight: normal; text-decoration: none; }
a { color: #328bc8; text-decoration: none; border-bottom: 1px #328bc8 dotted; }
a:hover { color: #328bc8; border-bottom: 1px #328bc8 solid; }

#mainbox	 { background-color: #fff; margin-top: 30px; margin-right: 26px; margin-left: 18px; position: absolute; top: 10px; }
#taskbox { background-color: #eee; list-style-type: decimal; list-style-position: outside; margin-top: 12px; margin-bottom: 12px; border: solid 1px #444; }

h1 { font-size: 20pt; font-family: -apple-system, "Helvetica", Arial, "Sans Serif"; font-weight: 200; margin-bottom: -10px; }
h2 { color: gray; font-size: 11pt; font-family: -apple-system, "Helvetica", Arial, "Sans Serif"; font-weight: normal; padding-bottom: 6px; }
h3 { font-size: 12pt; font-family: -apple-system, "Helvetica", Arial, "Sans Serif"; font-weight: normal; margin-bottom: 4px; }
h4 { font-size: 10pt; color: #999; font-family: -apple-system, "Helvetica", Arial, "Sans Serif"; font-weight: normal; margin-top: 0px; margin-bottom: 24px; }

@media (prefers-color-scheme: light)
{
	body, #mainbox { background-color: #fff; }  /* #f2f2f7 is the popoverBackgroundColor in light mode */
}

@media (prefers-color-scheme: dark)
{
	body, #mainbox { background-color: #2c2c2e; color: #FFF; }
	a { filter: brightness(133%); }
	.taskbox { background-color: #222; }
}