:root {
	--pal-fontfamily: Segoe UI, Verdana, Arial, Helvetica, sans-serif;
	--pal-fontweight: normal;
	--pal-color: Black;
	--pal-accent: Red;
	--pal-accent2: #B22222;
	--pal-disabled: #A0A0A0;
	--pal-background: White;
	--pal-shade: #F0F0F0;
	--pal-shadow: #00000080;
	--pal-title-fontfamily: Garamond, "Times New Roman", Times, serif;
	--pal-title-fontweight: normal;
	--pal-title-color: #2F4F4F;
	--pal-link-color: var(--pal-accent);
	--pal-link-visited-color: var(--pal-accent2);
	--pal-menu-fontfamily: var(--pal-fontfamily);
	--pal-menu-color: var(--pal-color);
	--pal-menu-background: var(--pal-background);
	--pal-menu-shade: var(--pal-shade);
	--pal-menu-disabled: var(--pal-disabled);
	--pal-menu-separator: var(--pal-menu-color);
	--pal-tile-color: var(--pal-color);
	--pal-tile-background: var(--pal-shade);
	--pal-dialog-color: var(--pal-color);
	--pal-dialog-background: var(--pal-background);
	--pal-dialog-border: var(--pal-color);
	--pal-animation-time: 0.2s;
}

body, p, input, textarea, select, button {
	font-family: var(--pal-fontfamily);
	font-weight: var(--pal-fontweight);
	font-size: 12pt;
}

body {
	margin: 0pt auto;
	width: 100%;
	max-width: 1300px;
	box-sizing: border-box;
	padding: 0pt 36pt;
	color: var(--pal-color);
	background: var(--pal-background);
}

body.noscroll {
	overflow: hidden;
}

p {
	margin: 0pt;
	margin-bottom: 12pt;
}

a {
	color: var(--pal-link-color);
}

a:visited {
	color: var(--pal-link-visited-color);
}

h1, h2, h3 {
	font-family: var(--pal-title-fontfamily);
	font-weight: var(--pal-title-fontweight);
	color: var(--pal-title-color);
}

h1:first-child, h2:first-child, h3:first-child {
	margin-top: 0pt;
}

form {
	max-width: 300pt;
	margin: 0pt auto;
}

form.wide {
	max-width: 600pt;
}

form label {
	display: block;
	width: 100%;
	margin-bottom: 12pt;
}

form label.group {
	margin-bottom: 3pt;
}

form label span.label {
	display: block;
}

input.input, textarea, select {
	width: 100%;
	box-sizing: border-box;
}

textarea {
	height: 4em;
}

textarea.singleline {
	height: 1.5em;
}

textarea.large {
	height: 9em;
}

textarea.verylarge {
	height: 18em;
}

input.checkbox, input.radio {
	margin-right: 0.5em;
}

button, input.button {
	font-size: 11pt;
}

button img, input.button img {
	vertical-align: middle;
}

button img:only-child, input.button img:only-child {
	margin-left: -3pt;
	margin-right: -3pt;
}

form .buttons {
	text-align: right;
	margin-bottom: 12pt;
}

form.filter {
	max-width: inherit;
	margin: 0pt;
	margin-bottom: 6pt;
	padding: 6pt 6pt;
	background: var(--pal-shade);
}

form.filter label {
	display: inline-block;
	width: auto;
	margin-bottom: 0pt;
	padding-right: 1em;
}

form.filter label span {
	display: inline-block;
	padding-right: 0.5em;
}

form.filter input.input, form.filter textarea, 
form.filter select {
	width: 96pt;
}

form.filter input.input.wide, form.filter textarea.wide, 
form.filter select.wide {
	width: 192pt;
}

form.filter textarea {
	height: 1em;
}

form.filter .buttons {
	text-align: right;
	margin-bottom: 0pt;
	float: right;
	width: auto;
}

table {
	margin: 0pt auto;
	margin-bottom: 12pt;
	border-spacing: 0pt;
}

td, th {
	padding: 3pt 7pt;
}

table.thinborder {
	border-top: solid 1pt var(--pal-shade);
	border-left: solid 1pt var(--pal-shade);
}

table.thinborder td, table.thinborder th {
	border-right: solid 1pt var(--pal-shade);
	border-bottom: solid 1pt var(--pal-shade);
}

table tr.highlight {
	background: var(--pal-shade);
}

table.thinborder tr.highlight td, 
table.thinborder tr.highlight th {
	border-right: solid 1pt var(--pal-background);
	border-bottom: none;
}

table.thinborder tr.highlight td:last-child, 
table.thinborder tr.highlight th:last-child {
	border-right: solid 1pt var(--pal-shade);
}

.column1, .column2, .column3, .column4, .column5, .column6 {
	padding: 0pt 12pt;
	box-sizing: border-box;
}

.column2, .column3, .column4, .column5, .column6 {
	float: left;
}

.column1 {
	width: 100%;
	display: inline-block;
}

.column2 {
	width: 50%;
}

.column3 {
	width: 33.33%;
}

.column4 {
	width: 25%;
}

.column5 {
	width: 20%;
}

.column6 {
	width: 16.66%;
}

.column32 {
	width: 66.67%;
}

.column42 {
	width: 50%;
}

.column43 {
	width: 75%;
}

.column52 {
	width: 40%;
}

.column53 {
	width: 60%;
}

.column54 {
	width: 80%;
}

.column62 {
	width: 33.33%;
}

.column63 {
	width: 50%;
}

.column64 {
	width: 66.67%;
}

.column65 {
	width: 83.33%;
}

.columnfirst {
	padding-left: 0pt;
}

.columnlast {
	padding-right: 0pt;
}

.columnsend {
	clear: both;
}

.column2.responsive:first-child, .column3.responsive:first-child, 
.column4.responsive:first-child, .column5.responsive:first-child {
	float: right;
	padding-right: 0pt;
}

.column2.responsive:last-child, .column3.responsive:last-child, 
.column4.responsive:last-child, .column5.responsive:last-child {
	float: left;
	padding-left: 0pt;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.big {
	font-size: 200%;
}

.small {
	font-size: 80%;
}

.red {
	color: Red;
}

.green {
	color: Green;
}

.cancelspace {
	margin-top: -12pt;
}

.capital p:first-letter, p.capital:first-letter {
	display: block;
	float: left;
	padding-top: 0.12em;
	margin-left: -0.08em;
	margin-right: 3pt;
	font-size: 520%;
	font-family: var(--pal-title-fontfamily);
}

.sidebar {
	display: block;
	float: right;
	clear: right;
	width: 33%;
	padding: 12pt 0pt;
	margin-left: 12pt;
	margin-top: 4pt;
	margin-bottom: 6pt;
	border-top: solid 1.5pt var(--pal-color);
	border-bottom: solid 1.5pt var(--pal-color);
}

.sidebar p {
	font-size: 120%;
}

.sidebar p:first-child {
	margin-top: -6pt;
}

.sidebar p:last-child {
	margin-bottom: -6pt;
}

.debug, .warning, .error, .messagebar {
	color: Black;
	border: 1pt solid;
	border-radius: 4pt;
	padding: 6pt;
	margin-bottom: 6pt;
	overflow-wrap: break-word;
}

.debug pre, .warning pre, .error pre, .messagebar pre {
	white-space: pre-wrap;
}

.debug, .warning, .messagebar.warning {
	background: #FFFFC0;
	border-color: #FFC000;
}

.error, .messagebar.error {
	background: #FFE8E0;
	border-color: Red;
}

.messagebar {
	background: #C0FFC0;
	border-color: #00C000;
}

.messagebar.info {
	background: #C0FFFF;
	border-color: #00C0C0;
}

.debug p, .warning p, .error p, .messagebar p {
	margin-bottom: 3pt;
}

.debug p:last-child, .warning p:last-child, 
.error p:last-child, .messagebar p:last-child {
	margin-bottom: 0pt;
}

.messagebar .icon {
	margin-right: 4.5pt;
}

.messagebar .close {
	float: right;
	margin-left: 6pt;
	font-weight: 700;
	font-size: 150%;
	line-height: 100%;
	margin-top: -.25rem;
	cursor: pointer; 
}

.header {
	padding-top: 6pt;
	padding-bottom: 12pt;
}

.header h1, .header .title {
	display: block;
	font-weight: normal;
	font-size: 200%;
	color: var(--pal-color);
	margin-top: 6pt;
	margin-bottom: 0pt;
}

.header .title {
	font-family: var(--pal-title-fontfamily);
}

.header h1 a, .header .title a {
	text-decoration: none;
	color: inherit;
}

.headermini {
	padding-top: 0pt;
	padding-bottom: 0pt;
}

.headermini h1, .headermini .title {
	font-size: 150%;
	margin-top: 3pt;
}

.header .greeting {
	float: right;
	margin-bottom: 0.5em;
	font-size: 80%;
}

.header .search {
	float: right;
	clear: right;
}

.body {
	min-height: 15em;
}

.footer {
	clear: both;
	padding-top: 18pt;
	padding-bottom: 6pt;
	text-align: center;
}

.footer p {
	font-size: 80%;
}

.menuitem {
	cursor: pointer;
	white-space: nowrap;
	font-family: var(--pal-menu-fontfamily);
	color: var(--pal-menu-color);
}

.hmenu {
	padding: 6pt 0pt;
}

.hmenu > .menuitem {
	margin-right: 1.5em;
}

.hmenu > .menuitem:last-of-type {
	margin-right: 0em;
}

.hmenu > .menuitem:before {
	content: "\BB\A0";
}

.hmenu .menuheader {
}

.hmenu .menuheader:before {
	content: "";
}

.hmenu .menuheader:after {
	content: "\2009\25BE";
}

.vmenu {
	padding: 0pt;
	width: 100%;
}

.vmenu, .submenu {
	border: 1pt solid var(--pal-menu-color);
	background: var(--pal-menu-background);
}

.vmenu > .menuitem, .submenu .menuitem {
	display: block;
	padding-top: 2pt;
	padding-bottom: 3pt;
	padding-left: 15pt;
	padding-right: 18pt;
	margin: 0pt;
}

.vmenu > .menuitem {
	width: 100%;
	white-space: normal;
}

.vmenu > .menuitem:before {
	content: "\BB\A0";
}

.vmenu .menuheader {
}

.vmenu .menuheader:before {
	content: "";
}

.vmenu > .menuheader:after, .submenu > .menuheader:after {
	content: "\25B8\A0";
	float: right;
	margin-right: -18pt;
}

.vmenu hr, .submenu hr {
	background: inherit;
	border: none;
	border-top: 1pt dotted var(--pal-menu-separator);
	margin: 3pt 0pt;
}

.submenu {
	display: none;
	position: absolute;
}

.submenu .menuitem:before {
	content: "";
}

.submenu .menuitem:hover {
	background-color: var(--pal-menu-shade);
}

.submenu .menuitem.disabled {
	color: var(--pal-menu-disabled);
	cursor: default;
}

.submenu .menuitem.disabled:hover {
	background: inherit;
}

.tile, .tileh {
	box-sizing: border-box;
	width: 49%;
	color: var(--pal-tile-color);
	background: var(--pal-tile-background);
	padding: 6pt 9pt;
	margin-bottom: 3pt;
	margin-right: 1%;
	float: left;
}

.tile p {
	margin-bottom: 3pt;
	font-size: 90%;
}

.tile .title {
	font-size: 120%;
}

.tile img.icon {
	max-width: 4em;
	max-height: 4em;
	float: right;
	margin-top: 3pt;
	margin-left: 6pt;
	margin-right: 0pt;
}

.mosaic {
}

.mosaic .tile {
	box-sizing: border-box;
	width: 19.5%;
	display: inline-block;
	padding: 3pt;
	margin-right: 0.5%;
}

.mosaic .tile2 {
	width: 49.5%;
}

.mosaic .tile3 {
	width: 32.83%;
}

.mosaic .tile4 {
	width: 24.5%;
}

.mosaic .tile5 {
	width: 19.5%;
}

.mosaic .tile6 {
	width: 16.16%;
}

.mosaic .end {
	height: 0pt;
	padding: 0pt;
	margin: 0pt;
	width: 100%;
}

.imagelist {
}

.imagelist .tile {
	background: transparent;
	box-sizing: border-box;
	width: 120pt;
	float: left;
	display: inline-block;
	padding: 3pt;
	margin-right: 0.5em;
	text-align: center;
}

.imagelist .tile .thumbnail {
	width: 114pt;
	height: 96pt;
	padding: 0pt;
	display: table-cell;
	text-align: center;
	vertical-align: bottom;
}

.imagelist .tile .thumbnail img {
	max-width: 114pt;
	max-height: 96pt;
	width: auto;
	height: auto;
}

.imagelist .tile .title {
	margin-top: 6pt;
	font-size: 90%;
	line-height: 1.2;
	overflow: hidden;
	height: 2.4em;
}

.post {
	margin-bottom: 12pt;
}

.post .topic {
	font-weight: bold;
}

.post .author {
	color: #666;
}

.entcommands {
	float: right;
	padding-top: 24pt;
	padding-left: 24pt;
	margin-bottom: 0pt;
}

.entcommands:first-child {
	padding-top: 0pt;
}

.entcommands:first-child + h1, 
.entcommands:first-child + h2, 
.entcommands:first-child + h3 {
	margin-top: 0pt;
}

table.entlist {
	width: 100%;
}

table.entlist td.actions, td.actions {
	text-align: right;
	white-space: nowrap;
}

table.entlist td.thumbnail {
	width: 48pt;
	text-align: center;
	vertical-align: middle;
}

table.entlist td.thumbnail img {
	max-width: 48pt;
	max-height: 48pt;
	width: auto;
	height: auto;
}

.pager {
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 12pt;
}

.pager .item {
	margin-right: 6pt;
}

.pager .item:last-child {
	margin-right: 0pt;
}

.pager .item.current {
	font-weight: bold;
}

.data .field {
	margin-bottom: 3pt;
}

.data .field:last-child {
	margin-bottom: 12pt;
}

.data .field .name {
	display: inline-block;
	font-weight: bold;
	min-width: 108pt;
}

.taskdialog {
	max-width: 300pt;
	margin: 0pt auto;
	margin-top: 2em;
}

.taskdialog button {
	width: 100%;
	height: 3em;
	font-size: 120%;
	text-align: left;
}

.taskdialog button:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	padding-bottom: 1.5pt;
	background: url(icons/arrowright.png);
	margin-left: 1.5em;
	margin-right: 0.5em;
}

.window, .dialog {
	position: fixed !important;
	top: 4em;
	left: 50%;
	width: 300pt;
	max-width: 90%;
	transform: translate(-50%, 0%);
	color: var(--pal-color);
	background: var(--pal-background);
	box-shadow: 0pt 3pt 6pt var(--pal-shadow);
	display: none;
	box-sizing: border-box;
	border: solid 0.75pt var(--pal-color);
	display: none;
}

.window > .title {
	text-align: center;
	border-bottom: solid 0.75pt var(--pal-color);
	line-height: 12pt;
	height: 12pt;
	padding: 1.5pt;
	box-sizing: content-box;
	font-size: 12pt;
}

.window > .title .close {
	box-sizing: border-box;
	float: left;
	border: solid 0.75pt var(--pal-color);
	height: 12pt;
	width: 12pt;
	background: var(--pal-background);
	cursor: pointer;
}

.window > .client, .dialog > .client {
	padding: 6pt;
	min-height: 1em;
	box-sizing: content;
	overflow: auto;
}

.window > .client form, .dialog > .client form {
	width: 100%;
}

.window > .client *:last-child, .dialog > .client *:last-child {
	margin-bottom: 0;
}

.dialog {
	padding: 6pt;
}

.dialog.warning, .dialog.error {
	border-radius: 0pt;
}

.dialog > .title {
	display: none;
}

.dialog.alert .dlgicon {
	float: left;
	background-image: url(img/alert.png);
	background-repeat: no-repeat;
	width: 24pt;
	height: 24pt;
	padding: 0pt;
	margin: 0pt;
	margin-right: 9pt;
	margin-bottom: 3pt;
}

.modalwall {
	position: fixed;
	top: 0pt;
	left: 0pt;
	width: 100%;
	height: 100%;
	background: Black;
	opacity: 0.4;
	display: none;
}

@media (max-width:767px) {
	.column2.responsive, .column3.responsive, 
	.column4.responsive, .column5.responsive {
		width: 100%;
		padding-left: 0pt;
		padding-right: 0pt;
	}
}

@media (max-width:540px) {
	body {
		padding: 0pt 12pt;
	}
	
	.header .greeting, .header .search {
		display: none;
	}
}