/* 
    Created on : 1 Nov 2022, 12:14:44
    Author     : Chris
*/
:root {
	--helpgreen:#90c080;	/* Help header pale shade of green */
	--helpgrey:#a8aaa7;		/* Help body pale shade of grey */
}
* {
	/* Reset browsers default margin and padding*/
	margin: 0px;	/*	Space around element */
	border: 0px;	/*	Could be coloured border around element */
	padding: 2px;		/*	Space between content and border */
}
html {
	height: 100%;
}
body {
	min-height: 100%;
	box-sizing: border-box;	/* Includes decoration in sizes */
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 90%;
	color: #000000;
	background-color: #FFFFFF;
}
h1 {
	font-family: Times,"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top: 10px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 4em;
}
h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #3f3f3f;
	font-size: 2em;
	margin: 0.8em 0 0.2em 0;
}
h3 {
	/* Used in help as section headers */
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 3px;
	font-weight: bold;
	font-size: 2em;
}
h5 {
	/* Page subtitles */
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 5px;
	font-weight: bold;
	font-size: 1.05em;
}
p {
	font-size: 10pt;
	margin-bottom: .5em;
}
p.right {
	text-align: right;
}
tr {
	vertical-align: top;
}
th {
	text-align:left;
}
ul {
    list-style-type:none;
    list-style-position:inside;
    position:relative;
    left:20px;
}
li {
	list-style: none;
}
a:link {
	color:blue;
	text-decoration:none
}
a:hover {
	color:blue;
	text-decoration:underline
}
/*
	Colour combinations:
	whOnDarkest (white on darkest shade of the dark colour
	ltOnDkLight (lightest shade of light on lightest of dark
	ltOnDkContr (lightest shade of light on darkest of dark
	ltOnDkDark (darkest shade of light on darkest of dark
	dkOnLtLight (lightest of dark on lightest shade of light
	dkOnLtContr (darkest of dark on lightest shade of light
	dkOnLtDark (darkest of dark on darkest shade of light
	bkOnLightest (black on lightest shade of the light colour
*/
.whOnDarkest {
	color: #ffffff;
	background-color: var(--darkdark);
}
.ltOnDkLight {
	color: var(--palestlight);
	background-color: var(--palerdark);
}
.ltOnDkContr {
	color: var(--palestlight);
	background-color: var(--darkdark);
}
.ltOnDkDark {
	color: var(--darklight);
	background-color: var(--darkdark);
}
.dkOnLtLight {
	color: var(--darkdark);
	background-color: var(--palestlight);
}
.dkOnLtContr {
	color: var(--darkdark);
	background-color: #cccccc;
}
.dkOnLtDark {
	color: var(--darkdark);
	background-color: var(--darklight);
}
.bkOnLightest {
	color: #000000;
	background-color: var(--palestlight);
}
.helphead {
	background-color: var(--helpgreen);
}
.helpbody {
	background-color: var(--helpgrey);
	;
}