/* Minification failed. Returning unminified contents.
(43,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(48,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(49,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(50,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(51,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(52,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(53,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(54,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(56,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(57,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(58,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(59,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(60,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(61,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(63,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(64,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(65,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(66,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(67,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(68,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(69,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(70,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(71,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(92,25): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(109,25): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(143,14): run-time error CSS1039: Token not allowed after unary operator: '-stone'
(151,14): run-time error CSS1039: Token not allowed after unary operator: '-stone50'
(159,14): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(177,25): run-time error CSS1039: Token not allowed after unary operator: '-stone'
(185,25): run-time error CSS1039: Token not allowed after unary operator: '-stone'
(186,14): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(190,25): run-time error CSS1039: Token not allowed after unary operator: '-stone80'
(191,14): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(201,25): run-time error CSS1039: Token not allowed after unary operator: '-navy95'
(202,14): run-time error CSS1039: Token not allowed after unary operator: '-stone20'
(206,25): run-time error CSS1039: Token not allowed after unary operator: '-navy95'
(207,14): run-time error CSS1039: Token not allowed after unary operator: '-stone20'
(223,25): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(239,29): run-time error CSS1039: Token not allowed after unary operator: '-navy80'
(259,25): run-time error CSS1039: Token not allowed after unary operator: '-stone'
(270,32): run-time error CSS1039: Token not allowed after unary operator: '-stone'
(271,14): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(277,28): run-time error CSS1039: Token not allowed after unary operator: '-stone20'
(278,14): run-time error CSS1039: Token not allowed after unary operator: '-navy-50'
(287,30): run-time error CSS1039: Token not allowed after unary operator: '-navy80'
(295,25): run-time error CSS1039: Token not allowed after unary operator: '-blush'
(349,25): run-time error CSS1039: Token not allowed after unary operator: '-blush'
(374,25): run-time error CSS1039: Token not allowed after unary operator: '-stone20'
(385,25): run-time error CSS1039: Token not allowed after unary operator: '-stone20'
(391,32): run-time error CSS1039: Token not allowed after unary operator: '-stone50'
(392,31): run-time error CSS1039: Token not allowed after unary operator: '-stone50'
(393,14): run-time error CSS1039: Token not allowed after unary operator: '-navy95'
(407,14): run-time error CSS1039: Token not allowed after unary operator: '-breeze'
(418,25): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(431,14): run-time error CSS1039: Token not allowed after unary operator: '-stone50'
(434,29): run-time error CSS1039: Token not allowed after unary operator: '-stone20'
(438,14): run-time error CSS1039: Token not allowed after unary operator: '-stone50'
(472,14): run-time error CSS1039: Token not allowed after unary operator: '-breeze'
(478,14): run-time error CSS1039: Token not allowed after unary operator: '-breeze'
(483,14): run-time error CSS1039: Token not allowed after unary operator: '-breeze'
(487,14): run-time error CSS1039: Token not allowed after unary operator: '-breeze'
(492,14): run-time error CSS1039: Token not allowed after unary operator: '-breeze'
(505,14): run-time error CSS1039: Token not allowed after unary operator: '-breeze-80'
(530,14): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(538,14): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(545,14): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(550,14): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(567,25): run-time error CSS1039: Token not allowed after unary operator: '-stone50'
(579,25): run-time error CSS1039: Token not allowed after unary operator: '-stone50'
(587,25): run-time error CSS1039: Token not allowed after unary operator: '-stone50'
(617,25): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(618,14): run-time error CSS1039: Token not allowed after unary operator: '-stone50'
(624,14): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(625,25): run-time error CSS1039: Token not allowed after unary operator: '-stone50'
(626,25): run-time error CSS1039: Token not allowed after unary operator: '-stone80'
(633,25): run-time error CSS1039: Token not allowed after unary operator: '-stone80'
(637,14): run-time error CSS1039: Token not allowed after unary operator: '-stone'
(638,25): run-time error CSS1039: Token not allowed after unary operator: '-stone40'
(670,25): run-time error CSS1039: Token not allowed after unary operator: '-eucalyptus'
(671,14): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(672,25): run-time error CSS1039: Token not allowed after unary operator: '-eucalyptus-50'
(876,25): run-time error CSS1039: Token not allowed after unary operator: '-stone40'
(877,29): run-time error CSS1039: Token not allowed after unary operator: '-stone'
(878,32): run-time error CSS1039: Token not allowed after unary operator: '-stone'
(951,25): run-time error CSS1039: Token not allowed after unary operator: '-stone80'
(957,25): run-time error CSS1039: Token not allowed after unary operator: '-stone20'
(962,25): run-time error CSS1039: Token not allowed after unary operator: '-stone20'
(966,25): run-time error CSS1039: Token not allowed after unary operator: '-stone20'
(973,14): run-time error CSS1039: Token not allowed after unary operator: '-stone20'
(974,25): run-time error CSS1039: Token not allowed after unary operator: '-navy80'
(977,25): run-time error CSS1039: Token not allowed after unary operator: '-navy70'
(1031,25): run-time error CSS1039: Token not allowed after unary operator: '-eucalyptus30'
(1036,25): run-time error CSS1039: Token not allowed after unary operator: '-eucalyptus30stone20'
(1120,25): run-time error CSS1039: Token not allowed after unary operator: '-navy70'
(1127,14): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(1132,25): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(1137,25): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(1138,14): run-time error CSS1039: Token not allowed after unary operator: '-stone50'
(1157,25): run-time error CSS1039: Token not allowed after unary operator: '-stone20'
(1190,14): run-time error CSS1039: Token not allowed after unary operator: '-stone50'
(1191,25): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(1202,25): run-time error CSS1039: Token not allowed after unary operator: '-stone'
(1379,14): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(1393,14): run-time error CSS1039: Token not allowed after unary operator: '-navy80'
(1424,25): run-time error CSS1039: Token not allowed after unary operator: '-eucalyptus20'
(1425,25): run-time error CSS1039: Token not allowed after unary operator: '-eucalyptus80'
(1443,14): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(1589,25): run-time error CSS1039: Token not allowed after unary operator: '-stone20'
(1591,14): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(1602,14): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(1629,14): run-time error CSS1039: Token not allowed after unary operator: '-blush'
(1723,25): run-time error CSS1039: Token not allowed after unary operator: '-blush'
(1743,25): run-time error CSS1039: Token not allowed after unary operator: '-navy50'
(1764,14): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(1773,14): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(1782,14): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(1851,32): run-time error CSS1039: Token not allowed after unary operator: '-stone'
(1858,17): run-time error CSS1039: Token not allowed after unary operator: '-navy'
(1863,14): run-time error CSS1039: Token not allowed after unary operator: '-navy80'
(1881,14): run-time error CSS1039: Token not allowed after unary operator: '-stone'
(1887,14): run-time error CSS1039: Token not allowed after unary operator: '-stone'
 */
/* Fonts */
/* devanagari */
@font-face {
	font-family: 'Baloo 2';
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
	src: url(fonts/baloo2_devanagari.woff2) format('woff2');
	unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* vietnamese */
@font-face {
	font-family: 'Baloo 2';
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
	src: url(fonts/baloo2_vietnamese.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
	font-family: 'Baloo 2';
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
	src: url(fonts/baloo2_latin-ext.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Baloo 2';
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
	src: url(fonts/baloo2_latin.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/* Colours */
:root {
	--navy: #1f3345;
	--navy20: #eceded;
	--navy50: #cccdcf;
	--navy70: #979a9e;
	--navy80: #7f8388;
	--navy95: #47515c;
	--navy-50: #142330;
	--eucalyptus: #91bba3;
	--eucalyptus20: #eef3f0;
	--eucalyptus30: #e5ede8;
	--eucalyptus50: #d2e0d8;
	--eucalyptus80: #afcbba;
	--eucalyptus-50: #698977;
	--eucalyptus-80: #83a993;
	--eucalyptus30stone20: #dce4dc;
	--blush: #cf7373;
	--blush20: #f6ebeb;
	--blush50: #e9c9c9;
	--blush80: #da9d9d;
	--stone: #c2b59c;
	--stone10: #faf9f7;
	--stone20: #f4f3ef;
	--stone30: #efece7;
	--stone40: #e9e5de;
	--stone50: #e3ded5;
	--stone80: #d0c7b6;
	--breeze: #206db3;
	--breeze-50: #144e83;
	--breeze-80: #1c62a2;
}



/* Layout 
-------------------------- */
html {
	height: 100%; /* For sticky footer */
	font-size: 16px;
}

body {
	font-family: 'Baloo 2', Helvetica, Arial, sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.2;
	margin: 0;
	padding: 0;
	color: black;
	background-color: var(--navy);
	height: 100%; /* For sticky footer */
}

@media print
{
	.noPrint {
		display: none;
	}
	
	body {
		background-color: white;
	}
}

/* Header & footer layout */
nav {
	background-color: var(--navy);
	width: 100%;
	padding-top: 10px;
}

.pml-header-logo {
	float: left;
}

.pml-header-logo img {
	float: left;
}


.pml-header-apps {
	min-width: 200px;
}

.pml-header-apps .left-apps {
	padding: 7px 10px 0 10px;
	clear: right;
	font-weight: 500;
}

.pml-header-apps .right-apps {
	margin-right: 10px;
	float: right;
}


.left-apps a,
.left-apps a:hover,
.left-apps a:link,
.left-apps a:visited {
	color: var(--stone);
	text-decoration: none;
}

.right-apps a,
.right-apps a:hover,
.right-apps a:link,
.right-apps a:visited {
	color: var(--stone50);
	text-decoration: none;
}

.left-apps a.pml-header-app-tab-roundcurrent,
.left-apps a.pml-header-app-tab-roundcurrent:hover,
.left-apps a.pml-header-app-tab-roundcurrent:link,
.left-apps a.pml-header-app-tab-roundcurrent:visited {
	color: var(--navy);
	text-decoration: none;
}


.pml-header-app-tab {
	display: inline-block;
}

.pml-header-app-tab-title {
	display: inline-block;
	padding: 1px 10px;
}


.pml-header-app-tab-round {
	display: inline-block;
	padding: 12px 10px 10px 10px;
	border: 1px solid var(--stone);
	border-radius: 10px 10px 0 0;
	border-bottom: none;
	margin: 0 2px;
	font-size: 1.1rem;
}

.pml-header-app-tab-roundcurrent {
	background-color: var(--stone);
	color: var(--navy);
}

.pml-header-app-tab-itemcurrent {
	background-color: var(--stone80);
	color: var(--navy);
}

div.pml-header-app-tab-roundcurrent,
div.pml-header-app-tab-itemcurrent {
	cursor: default;
}


.pml-header-apps a:hover {
	background-color: var(--navy95);
	color: var(--stone20);
}

.pml-header-apps a.pml-header-app-tab-roundcurrent:hover {
	background-color: var(--navy95);
	color: var(--stone20);
}




.pml-header-relative-anchor {
	position: absolute; /* Absolute but no top/left specified works the same as position: relative, but also doesn't clip */
	width: 0;
	height: 0;
}



.pml-header-app-group-list {
	position: absolute;
	background-color: var(--navy);
	display: none;
	white-space: nowrap;
	max-height: 80vh; /* Viewport height */
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 1; /* Keep on top of footer */
}




.pml-header-app-group-list a,
.pml-header-app-group-list div {
	display: block;
	padding: 10px 20px 10px 10px; /* Extra right padding for if scrollbar appears */
	border-top: 1px solid var(--navy80);
}

.left-apps .pml-header-app-group-list {
	left: 3px;
	top: 42px;
}

.right-apps .pml-header-app-group-list {
	right: 0;
	top: 5px;
}







.pml-header-buttons {
	background-color: var(--stone);
	clear: both;
	padding: 5px 7px 7px 7px;
	font-size: 1.1rem;
	font-weight: 500;
}


div.pml-header-buttons a {
	display: inline-block;
	margin: 6px 12px 4px 12px;
	border-bottom: 2px solid var(--stone); /* Placeholder border for hover */
	color: var(--navy);
	position: relative; /* So we can do absolute positioning on separator bars */
}

div.pml-header-buttons a:hover {
	text-decoration: none;
	border-bottom-color: var(--stone20);
	color: var(--navy-50);
}

.pml-header-buttons a:not(.pml-announcement_button) + a::before {
	content: "";
	display: inline-block;
	height: 18px;
	left: -12px;
	top: 2px;
	border-left: 1px solid var(--navy80);
	position: absolute;
}


div.pml-header-buttons a.pml-announcement_button {
	float: right;
	color: white;
	background-color: var(--blush);
	padding: 5px 10px;
	border-radius: 6px;
	margin-top: 2px;
}

div.pml-header-buttons a.pml-announcement_button:hover {
	text-decoration: underline;
	border-bottom: none;
}

div.pml-header-buttons .pml-search {
	float: right;
	margin-top: 2px;
}

div.pml-header-buttons .pml-search-button {
	float: left;
	background-image: url("layout/search.png");
	background-repeat: no-repeat;
	width: 23px;
	height: 23px;
	display: inline-block;
	overflow: hidden;
	cursor: pointer;
	margin-top: 3px;
}

div.pml-header-buttons .pml-search-button:hover {
	background-position: -23px 0;
}

div.pml-header-buttons .pml-search-form {
	display: none;
}

div.pml-header-buttons input[type="submit"].pml-search-form {
	min-width: 0;
	position: relative;
}

.pml-header-buttons-badge-anchor {
	position: relative;
	width: 0;
	height: 0;
	display: inline-block;
}

.pml-header-buttons-badge {
	position: absolute;
	top: -35px;
	right: -8px;
	font-size: 0.9rem;
	color: white;
	background-color: var(--blush);
	border-radius: 6px;
	padding: 1px 4px;
}



.pml-header-title {
	float: left;
	color: white;
	font-size: 2.6rem;
	font-variant: small-caps;
	padding: 10px 0px 0px 20px;
}

.pml-header-clock {
	float: right;
	font-size: 3.5em;
	color: white;
	padding-right: 16px;
}


.pml-main-body {
	min-height: 100%; /* For sticky footer */
	background-color: var(--stone20);
	margin: 0 30px;
}


.pml-main-container {
	padding: 0 0 70px 0;
}

.pml-main-content {
	padding: 4px 16px 40px 16px;
	background-color: var(--stone20);
}

.pml-breadcrumb {
	background-color: white;
	display: inline-block;
	border-bottom: 1px solid var(--stone50);
	border-right: 1px solid var(--stone50);
	color: var(--navy95);
	padding: 0 8px 0 8px;
}

.pml-breadcrumb a {
	display: inline-block;
	font-size: 1.2em;
	background-image: url("layout/breadcrumb.png");
	background-position: right;
	background-repeat: no-repeat;
	padding: 3px 18px 1px 0;
}

.pml-breadcrumb a:active, .pml-breadcrumb a:link, .pml-breadcrumb a:hover, .pml-breadcrumb a:visited {
	color: var(--breeze);
}

.pml-breadcrumb div {
	display: inline-block;
	font-size: 1.2em;
	cursor: default;
}


footer {
	background-color: var(--navy);
	text-transform: uppercase;
	text-align: center;
	font-size: 0.85rem;
	/* For sticky footer */
	height: 70px;
	position: relative;
	margin-top: -70px;
	clear: both;
}

footer > div {
	display: inline-block;
	color: var(--stone50);
	padding-top: 4px;
	margin-top: 24px;
	border-top: 1px solid var(--stone20);
}

footer > div a, footer > div a:link, footer > div a:visited {
	color: var(--stone50);
}



/* Page content layout */


.pageSection {
	margin-left: 30px;
}

.sectionDescription {
	max-width: 600px;
}









/* General 
-------------------------- */

pre {
	margin: 0;
	font-family: Consolas, "Courier New", monospace;
	font-size: inherit;
}

a {
	color: var(--breeze);
	text-decoration: none;
	cursor: pointer;
}

a:link {
	color: var(--breeze);
	text-decoration: none;
}

a:visited {
	color: var(--breeze);
}

a:hover {
	color: var(--breeze);
	text-decoration: underline;
}

a:active {
	color: var(--breeze);
}

a.strikeLink {
	text-decoration: line-through;
}

a.strikeLink:hover {
	text-decoration: line-through underline;
}


.headerLink a {
	color: var(--breeze-80);
}


img 
{
	display: block;
	border: 0;
}

ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

li {
	padding: 2px 0px 2px 0px;
}


/* Headers */
h1 {
	font-size: 1.7rem;
	margin: 16px 0 4px 0;
	color: var(--navy);
}

h2 {
	font-size: 1.5rem;
	padding: 0;
	margin: 16px 0 4px 0;
	font-variant: small-caps;
	color: var(--navy);
}

h3 {
	font-size: 1.2rem;
	margin: 16px 0 4px 0;
	margin-left: 8px;
	color: var(--navy);
}

h4 {
	margin: 0;
	color: var(--navy);
}


/* Disable Edge / IE built-in reveal button */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
	display: none;
}


/* Forms */
input[type="text"],
input[type="password"],
input[type="number"] {
	font-size: 1em;
	line-height: 1.2;
	border: 1px solid var(--stone50);
	margin: 0px;
	padding: 2px;
	color: #444;
	width: 200px;
}



textarea {
	font-family: Consolas, "Courier New", monospace;
	font-size: inherit;
	border: 1px solid var(--stone50);
	padding: 2px;
}


select {
	font-size: 1em;
	line-height: 1.2;
	border: 1px solid var(--stone50);
	padding: 2px;
	color: #444;
}


input[type="checkbox"],
input[type="radio"] {
	margin: -2px 0px 0px 0px;
	vertical-align: middle;
}

input[type="checkbox"].bigCheckbox 
{ 
	width: 18px; 
	height: 18px; 
}

button,
button[type="submit"],
input[type="submit"],
input[type="button"] {
	font-family: 'Baloo 2', Helvetica, Arial, sans-serif;
	font-size: 1rem;
	font-weight: 500;
	padding: 2px 10px;
	margin: 2px;
	min-width: 50px;
	border: none;
	border-radius: 6px;
	background-color: var(--navy);
	color: var(--stone50);
	cursor: pointer;
}


button {
	color: var(--navy);
	background-color: var(--stone50);
	border: 1px solid var(--stone80);
	padding: 0 10px;
}



button:hover {
	background-color: var(--stone80);
}

button:disabled {
	color: var(--stone);
	background-color: var(--stone40);
	cursor: default;
}

input[type="submit"]:hover,
input[type="button"]:hover,
button[type="submit"]:hover {
	/*background-color: var(--navy95)*/
	color: white;
}

input[type="submit"]:active,
input[type="button"]:active,
button[type="submit"]:active {
}

input[type="submit"].bigButton,
input[type="button"].bigButton,
button[type="submit"].bigButton {
	font-size: 1.2rem;
	min-width: 110px;
}

input[type="submit"].suggestedButton,
input[type="button"].suggestedButton,
button[type="submit"].suggestedButton {
	background-color: #00779a;
}

input[type="submit"].acceptButton,
input[type="button"].acceptButton,
button[type="submit"].acceptButton {
	background-color: var(--eucalyptus);
	color: var(--navy);
	border: 1px solid var(--eucalyptus-50);
}

input[type="submit"].alertButton,
input[type="button"].alertButton,
button[type="submit"].alertButton {
	background-color: #b52a2a;
}

input[type="submit"].successButton,
input[type="button"].successButton,
button[type="submit"].successButton {
	background-color: green;
}

input[type="submit"].warnButton,
input[type="button"].warnButton,
button[type="submit"].warnButton {
	background-color: #d59759;
}


input[type="submit"]:disabled,
input[type="button"]:disabled,
button[type="submit"]:disabled {
	color: #999;
	background-color: #cccccc;
	cursor: default;
	box-shadow: none;
}



input[type="file"] {
	width: 400px;
}


input[type="text"].rightTextBox,
input[type="number"].rightTextBox
{
	text-align: right;
}

input[type="text"].narrowTextBox,
input[type="number"].narrowTextBox
{
	width: 50px;
}

input[type="text"].mediumTextBox,
input[type="number"].mediumTextBox
{
	width: 100px;
}

input[type="text"].mediumRightTextBox,
input[type="number"].mediumRightTextBox
{
	width: 100px;
	text-align: right;
}

input[type="text"].narrowRightTextBox,
input[type="number"].narrowRightTextBox
{
	width: 50px;
	text-align: right;
}

input[type="text"].wideTextBox,
input[type="number"].wideTextBox
{
	width: 400px;
}

input[type="text"].extraWideTextBox,
input[type="number"].extraWideTextBox
{
	width: 600px;
}

input[type="text"].datePicker
{
	width: 100px;
}

textarea.wideTextarea {
	width: 600px;
	height: 75px;
}

textarea.extraWideTextarea {
	width: 800px;
	height: 200px;
}

textarea.smallTextarea {
	width: 500px;
	height: 75px;
	min-height: 2em;
}


textarea:read-only,
input[type=text]:read-only,
input[type=number]:read-only {
	background-color: #fafafa;
	color: #999;
}


select:disabled,
textarea:disabled,
input[type=text]:disabled,
input[type=number]:disabled {
	background-color: #eee;
	color: #aaa;
}

option:disabled {
	color: #aaa;
}


.wideAutocomplete .autocompleteWrapper input[type="text"] {
	width: 369px; /* 400px, but compensated for the drop-list button  */
}


/* Editors */
.editor {
	padding: 2px;
	clear: both;
}

.editor2 {
	padding: 3px 2px;
}

.editor label {
	float: left;
	width: 180px;   
	text-align: right;
	margin-top: 5px;
	padding-right: 10px;
	color: #444;
}

.editor2 label {
	display: inline-block;
	width: 180px;
	text-align: right;
	padding-right:  2px;
	color: #444;
}


.editor .inlineLabel {
	float: none;
	width: auto;
	text-align: left;
}

.editor label.narrowLabel {
	width: 100px;   
}

.editor2 label.inlineLabel {
	display: inline;
}

.editor2 label.leftLabel {
	text-align: left;
}



.editor > div {
	margin-top: 5px;
	display: inline-block;
}

.editor > div label {
	float: none;
	display: inline-block;
	width: auto;
	margin-top: 0;
}


.fieldExtraLabel {
	color: #666;
}

.editor .smallFieldExtraLabel { /* Deprecated. Replace with "smallText fieldExtraLabel" */
	color: #666;
	font-size: 0.85em;
}


.editorSection {
	display: inline-block;
	padding-bottom: 5px;
	background-color: var(--stone40);
	border-top: 1px solid var(--stone);
	border-bottom: 1px solid var(--stone);
}

.editorSection .editors {
	float: left;
}

.editorSection .editor {
	padding-right: 10px;
}

.editorSection .editLink {
	float: right;
	padding: 2px 4px 0px 16px;
}

.editorGroup {
	margin-top: 16px;
}

.inlineFieldEdit {
}

.inlineFieldEdit pre {
	float: left;
	margin-right: 8px;
}

.inlineFieldEdit .editLink {
	float: left;
	margin-top: 0px;
}



.requiredField::before {
	content: "*";
	color: #d00;
}



.field-validation-error {
	color: #ff0000;
	margin-left: 16px;
}

.field-validation-valid {
	display: none;
}

.validation-summary-errors {
	font-weight: bold;
	color: #ff0000;
}

.validation-summary-valid {
	display: none;
}




/* Tables */
.resultTable {
	border-collapse: collapse;
	background-color: #fff;
	margin: 0;
	text-align: left;
}

.resultTable td {
	padding: 2px 8px 2px 8px;
	border: 1px solid var(--stone80);
	vertical-align: top;
}


.resultTable td.tableNonCell {
	background-color: var(--stone20); /* To match typical page background */
	border: none;
}

.resultTable .tableAltRow {
	background-color: var(--stone20);
}

.resultTable .tableAutoAltRow:nth-child(even) {
	background-color: var(--stone20);
}



.resultTable th {
	padding: 4px 4px 2px 4px;
	color: var(--stone20);
	background-color: var(--navy80);
	vertical-align: baseline;
	font-weight: normal;
	border: 1px solid var(--navy70)
}

.resultTable tbody th {
	background-color: #aaa;
	color: #fff;
}

.resultTable tr.bodyHeaderRow th {
	background-color: #777; /* Match page background */
}

.resultTable thead.lightHeader th {
	background-color: #ccc;
	color: #444;
}


.resultTable th a:visited, th a:link {
	color: #fff;
}

.resultTable .selectedHeader {
	font-style: italic;
}

.resultTable th span {
	font-size: 0.85em;
	font-weight: normal;
}

.resultTable input[type=checkbox] {
	padding: 0px;
}



.resultTable .checkboxColumn {
	padding: 2px 8px 0 8px;	
}

.resultTable .rowHeader {
	padding-left: 3px;
}

.resultTable .enterValue {
	background-color: #eee;
}

.resultTable .tableAltRow .enterValue {
	background-color: #ddd;
}

.resultTable .selectedRow {
	background-color: var(--eucalyptus30);
}

.resultTable .tableAltRow.selectedRow,
.resultTable .tableAutoAltRow.selectedRow:nth-child(even) {
	background-color: var(--eucalyptus30stone20);
}

/* Option for more row spacing on complicated tables */
.resultTable .spacedRow > td {
	padding-top: 4px;
	padding-bottom: 4px	
}

/* Only right side works for single-pixel borders */
.resultTable .separatorColumn {
	border-right: solid 1px #777;
}

/* Nested tables */
.resultTable .tableCell {
	padding: 0;
}

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

.tableCell table td 
{
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-top: solid 1px #ddd;
	font-size: 0.85em; 
	padding: 0 4px 0 4px;
}

/* Like tableCell, but normal font & no borders */
.resultTable .tableLayoutCell {
	padding: 0 8px 0 8px;
}

.tableLayoutCell table 
{
	border-collapse: collapse;
}

.tableLayoutCell table td 
{
	border: none;
	padding: 2px 4px 0 4px;
	vertical-align: baseline;
}

/* Additional table column formats */
.numericColumn { 
	text-align: right;
}

.labelColumn { 
	text-align: right;
	color: #444;
	font-size: 0.85em;
}

.dateColumn {
	text-align: right;
	white-space: nowrap;
}

.nowrapColumn {
	white-space: nowrap;
}

.smallText {
	font-size: 0.85em;
}


.pagination {
	margin-bottom: 4px;
	margin-left: 20px;
	display: inline-block;
}

.pagination .pageLink {
	border: 1px solid var(--navy70);
	border-radius: 4px;
	padding: 2px 2px 0 2px;
	display: inline-block;
	min-width: 16px;
	text-align: center;
	background-color: white;
	color: var(--navy);
}

.pagination .pageLink:hover {
	text-decoration: none;
	border: 1px solid var(--navy);
}

.pagination .selectedPage {
	font-weight: bold;
	background-color: var(--navy);
	color: var(--stone50);
}

.pagination .pageGap {
	font-weight: bold;
}


/* Lightbox */
.lightbox {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(16, 16, 16, 0.8);
}

.lightboxInner {
	background-color: var(--stone20);
	max-height: 95%;
	max-width: 95%;

	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.lightboxInner h1 {
	margin: 2px 4px 0px 4px;
	display: inline-block;
	float: left;
}


/* View options */
.viewOptionsList {
	list-style: none;
	margin: 0 0px 0px 0px;
	padding: 0px;
}

.viewOptionsList li {
	display: inline-block;
}

.viewOptionsList li a {
	padding: 5px 10px;
	border-radius: 6px;
	color: var(--stone50);
	background-color: var(--navy);
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
}

.viewOptionsList span,
.viewOptionsList li > div {
	padding: 5px 10px;
	border-radius: 6px;
	color: white;
	background-color: var(--stone);
	cursor: default;
	display: inline-block;
}

.viewOptionsList .smallIconSheet {
	float: right;
	margin-left: 8px;
}

.viewOptionsList li a:hover {
	color: white;
}

.viewOptionsSection {
	margin-top: 10px;
}

.viewOptionsList.miniButtons {
	font-size: 0.85em;
}

.viewOptionsList.miniButtons li a, .viewOptionsList.miniButtons li > div {
	padding: 2px 8px;
}




/* Popups */
.miniPopupDialog {
	font-size: 13.6px; /* 16px * 0.85em = standard default font size * body font size*/
	position: absolute;
	min-width: 300px;
	border: 4px solid #00779a;
	border-radius: 7px;
	box-shadow: 2px 2px 10px #777;
	background-color: #fff;
	bottom: 20px;
	left: -4px;
	font-weight: normal;
	padding: 4px;
}



/* Generally useful stuff
-------------------------- */

.clear {
	clear: both;
}

.hidden {
	display: none !important; /* Override elements that might have display:block etc */
}

.invisible {
	visibility: hidden;
}

.leftFloat {
	float: left;
}


body.noscroll{
	overflow: hidden;
}

.numeric {
}

.decimal {
}



.missingValue {
	font-style: italic;
	color: #777;
}

.disabledAction {
	color: #777;
}

.crossIcon {
	cursor: pointer;
	background-image: url("icon_cross_light.gif");
	background-position: left;
	background-repeat: no-repeat;
	min-height: 8px;
	min-width: 10px;
	display: inline-block;
}

.crossIcon:hover {
	background-image: url("icon_cross_dark.gif");
}

.plusIcon {
	cursor: pointer;
	background-image: url("icon_plus_grey.gif");
	background-position: left;
	background-repeat: no-repeat;
	min-height: 16px;
	padding-left: 20px;
	color: #444;
}




.relativePointAnchor {
	position: relative;
	display: inline;
	width: 0;
	height: 0;
}

.truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.visibilityHidden {
	visibility: hidden;
}


.alertColour, .alertColour a {
	color: #f00;
}

.warnColour, .warnColour a {
	color: #CC5E00;
}

.successColour, .successColour a {
	color: #080;
}

.disabledColour, .disabledColour a {
	color: #777;
}

.defaultColour, .defaultColour a {
	color: #000;
}

.secondaryColour, .secondaryColour a {
	color: #444;
}

.approvalColour, .approvalColour a {
	color: #008BB3;
}


.dashboard .dashControls {
	margin-left: 30px;
}

/* Controls */
.dashboard .dashControl {
	float: left;
	display: inline-block;
	margin: 4px;
	border-radius: 10px;
	font-weight: 500;
}

.dashboard .dashControl a {
	display: block;
	border-radius: 10px;
	color: var(--navy);
}


/* Dash button */
.dashboard .dashButton {
	min-width: 250px;
}

.dashboard .dashButton a {
	background-color: white;
}

.dashboard .dashButton a:hover {
	color: var(--navy80);
}

.dashboard .dashButton .controlLabel {
	float: right;
	margin: 15px 10px 0 10px;
	font-size: 1.4em;
}

.dashboard .dashButton .controlIcon {
	margin-top: 5px;
	float: left; /* Fixes wrapping problem in IE11 */
}

.dashboard .dashButton a {
	padding: 10px;
	min-height: 55px;
}


/* Dash counter */
.dashboard .dashCounter  {
	width: 250px;
}

.dashboard .dashCounter a {
	background-color: white;
	border: 1px solid white;
}

.dashboard .dashCounter a:hover {
	background-color: var(--eucalyptus20);
	border: 1px solid var(--eucalyptus80);
}

.dashboard .dashCounter a {
	padding: 10px;
	min-height: 125px;
}

.dashboard .dashCounter .controlIcon {
	margin-top: 10px;
}

.dashboard .dashCounter .counterNumber {
	float: right;
	font-size: 4em;
}

.dashboard .dashCounter .alertCounter {
	color: var(--navy);
}



.dashboard .dashCounter .controlLabel {
	text-align: right;
	font-size: 1.2em;
}

.dashboard .dashCounter .noCount {
	color: #d4e8ed;
}

.dashboard .dashCounter .counterLoading {
	height: 130px; /* min-height plus padding */
}




/* Dash mini-counter */
.dashboard .dashMiniCounter {
	width: 250px;
	background-color: #3D405B;
}

.dashboard .dashMiniCounter a {
	background-color: #3D405B;
}

.dashboard .dashMiniCounter a:hover {
	background-color: #4e5274;
}

.dashboard .dashMiniCounter a {
	padding: 10px;
}

.dashboard .dashMiniCounter .controlIcon {
	margin-top: 5px;
}

.dashboard .dashMiniCounter .counterNumber {
	float: right;
	font-size: 3em;
}

.dashboard .dashMiniCounter .controlLabel {
	float: right;
	font-size: 1.2em;
}





/* Icons */
.subscriptionIconSheet {
	background-image: url("icons/icons_v3.png");
	background-repeat: no-repeat;
	width: 45px;
	height: 45px;
	display: inline-block;
	overflow: hidden;
}


.iconNewRegistration {
	background-position: 0 0;
}

.iconChangedRegistration {
	background-position: -45px 0;
}

.iconApproveJob {
	background-position: -90px 0;
}

.iconAddJob {
	background-position: -135px 0;
}

.iconJobParameters {
	background-position: -180px 0;
}

.iconJobInProgress {
	background-position: -225px 0;
}

.iconJobComplete {
	background-position: -270px 0;
}

.iconJobScheduled {
	background-position: -315px 0;
}

.iconAnnouncement {
	background-position: -360px 0;
}

.iconAnnouncementNew {
	background-position: -405px 0;
}







.smallIconSheet {
	background-image: url("icons/smallicons.png");
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
	overflow: hidden;
}

.smallIconShow {
	background-position: 0 0;
	cursor: pointer;
}

.smallIconHide {
	background-position: -16px 0;
	cursor: pointer;
}

.smallIconOk {
	background-position: -32px 0;
	cursor: pointer;
}

.smallIconSuccess {
	background-position: -48px 0;
	cursor: pointer;
}



.loginBox {
	background-color: var(--stone20);
	display: inline-block;
	color: var(--navy);
	position: absolute;
	width: 500px;
	height: 300px;
	top: 50%;
	left: 50%;
	margin: -200px 0 0 -290px;
	padding: 5px 40px 40px 40px;
}

.loginBox h1 {
	color: var(--navy);
	font-size: 3rem;
}

.loginBox .loginField {
	padding: 4px;
}

.loginBox .fieldLabel {
	font-size: 1.2rem;
	display: inline-block;
	width: 100px;
	text-align: right;
	padding-right: 8px;
}

.loginBox .wideFieldLabel {
	width: 140px;
}

.loginBox .extraWideFieldLabel {
	width: 200px;
}

.loginBox .field-validation-error {
	margin: 10px 0;
	display: inline-block;
	color: var(--blush);
	font-size: 1.2rem;
}

.loginBox input[type="submit"]:hover {
}


.loginBox .passwordStrengthHints {
	margin-left: 216px;
	margin-top: 2px;
	margin-bottom: 10px;
}

.loginBox .passwordStrengthHints .successColour {
	color: #c1d728;
}

.loginBox .passwordStrengthHints .alertColour {
	color: #f5a623;
}




/* Sign On styles */


.editor li label {
    float: none;
    width: auto;   
    text-align: left;
}


.appRoleList {
    padding-left: 0px;
}

.appRoleList li {
    padding-left: 0px;
    margin: 2px 0;
    list-style: none;
    font-weight: bold;
    
    overflow: hidden; /* Makes the expander not jump when finished expanding */
}

.appRoleList ul {
    padding-left: 5px;
}

.appRoleList li ul li {
    font-weight: normal;
}

.divisionList {
	padding-left: 0px;
}

.divisionList li {
    list-style: none;
	margin-left: 0px;
}



.disabledRole label {
	color: #696969;
}

.editorValueLabel {
    font-weight: bold;
}




.clientAppsColumn {
    max-width: 600px;
}

.signOnAdmin {
    font-weight: bold;
}


.resultTable .suspended {
    text-decoration: line-through;
}


/* Announcements */
.announcementsSection {
	background-color: var(--blush);
	padding: 10px 20px 20px 20px;
	margin: 0 40px 30px 40px;
	display: inline-block;
	border-radius: 10px;
}

.announcementsSection h1 {
	margin-top: 0px;
	margin-bottom: 4px;
	color: #fff;
}


.announcements {
	display: inline-block;
}

.announcement {
	background-color: white;
	border: 1px solid var(--navy50);
	border-radius: 6px;
}

.announcementIcon {
	float: left;
	margin: 4px 0 4px 4px;
}

.announcement .markdown {
	padding: 8px 8px 0 0;
	margin-left: 55px;
}


/* Markdown */
.markdown h1 {
	margin: 0;
	border: 0;
	font-size: 1.8rem;
	font-variant: normal;
	color: var(--navy);
	font-weight: 500;
}

.markdown h2 {
	margin: 0;
	border: 0;
	font-size: 1.4rem;
	font-variant: normal;
	color: var(--navy);
	font-weight: 500;
}

.markdown h3 {
	margin: 0;
	border: 0;
	font-size: 1.2rem;
	font-variant: normal;
	color: var(--navy);
	font-weight: 500;
}

.markdown p {
	margin: 2px 0 6px 8px;
	border: 0;
}


.markdown ul {
	padding: 0;
	margin: 2px 0 6px 18px;
	list-style-type: disc;
	list-style-position: outside;
}

.markdown > ul {
	padding-left: 10px;
}

.markdown li {
	padding: 0;
	margin: 0;
}


/* Dashboard */
.dashPageSection {
	margin-bottom: 50px;
}

.dashLoading {
	visibility: hidden;
}

.dashLoading h1 {
	color: #ccc;
}

.dashboard {
	float: left;
	margin-right: 50px;
}



/* Navigation */

.navigationSection {
	background-color: white;
	margin: 0 40px;
	border-radius: 10px;
}


.appsLists {
	padding: 20px 0 40px 40px;
	float: left;
}

.appsList {
	margin-right: 40px;
	min-width: 300px;
	float: left;
}

.appsList li {
    font-size: 1.8rem;
	border-bottom: 1px solid var(--stone);
	padding-top: 10px;
}

.appsList a 
{
	transition: color 150ms;
    color: var(--navy);
	text-decoration: none;
}

.appsList a:hover {
	color: var(--navy80);
}

.shrinkAppList li {
	font-size: 1.3em;
}




.contactDetails {
	float: right;
	width: 100%;
	max-width: 500px;
}


.contactDetails .subHead {
	color: var(--stone);
	font-size: 1.2em;
	font-weight: 500;
}

.contactDetails .subHead2 {
	color: var(--stone);
	font-weight: 500;
}

.contactDetails p {
	font-size: 0.95em;
	margin: 0 0 15px 0;
}





.passwordStrengthBar {
	height: 6px;
}