/*
	lightgray	e0e0e0
	darkgrey	58595b
	lightblue	6b90c7
	blue		305997
	blue			2e5590
*/
* {
/* 	border: 1px dashed red;   */
}

/* Global fonts and padding */
* {
	/* font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; */
	font-family: 'Arial';
}
.contentstyle-default p {
	font-size: 0.8rem;
}
.contentstyle-default table tr td {
	font-size: 1rem;
	line-height: 1.2rem;
}
.contentstyle-default table,
.contentstyle-default p {
	margin-bottom: 1rem;
}
.contentstyle-default input[type=submit] {
	padding: 0.4rem 1rem;
	font-size: 1.3rem;
}
.contentstyle-default table tr td input[type=checkbox] {
	width: 18px;
	height: 18px;
}
/*.contentstyle-default table tr td textarea, */
.contentstyle-default table tr td select,
.contentstyle-default table tr td input[type=text],
.contentstyle-default table tr td input[type=password] {
	padding: 0.25rem;
	border-radius: 6px;
	border: 1px solid #d0d0d0;
	box-sizing: border-box;
	outline: none;
}
.contentstyle-default table tr td select option {
	font-family: 'courier new';
}
#subproduct option {
	font-family: 'Arial';
}

.contentstyle-default table tr td input[type=text]:focus,
.contentstyle-default table tr td input[type=password]:focus {
	border-color: #808080;
}
.contentstyle-login-container .contentstyle-default table,
.contentstyle-login-container .contentstyle-default p {
	margin-bottom: 3rem;
}
p.buttonbar a,
p.buttonbar button,
table.pagecontrol tr td input[type=button] {
	font-size: 1rem;
	padding: 0.2rem 0.8rem;
}

/* Global colours */
body {
	background-color: #e0e0e0;
	margin: 0;
}
body.blue {
	background-color: #DBE4FF;
}
.contentstyle-default {
}
.contentstyle-innercontainer table.contentstyle-innerform tr td input[type=button],
.contentstyle-default input[type=submit] {
	background-color: #305997;
	border: 2px solid #305997;
	color: white;
	text-transform:uppercase;
    outline: none;	
}
.contentstyle-innercontainer table.contentstyle-innerform tr td input[type=button]:hover,
.contentstyle-default input[type=submit]:hover {
	background-color: white;
	color: #305997;
	cursor: pointer;
    outline: none;	
}
.hoverpointer,
input[type=button]:hover {
	cursor: pointer;
}
/* contentstyle-login-container */
.contentstyle-login-container {
	width: 1000px;
	height: auto;
	display: flex;
	align-items: stretch;
	margin-top: 7rem;
	margin-bottom: 4rem;
	background-color: white;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;	
}
.contentstyle-login-bg {
	width: 49%;
	float: left;
	background-repeat:no-repeat;
	background-size: cover;

}
.contentstyle-login-form-container {
	width: 49%;
	float: right;
}
.contentstyle-login-form {
	padding: 7rem 4rem;
}
.contentstyle-login-form img {
	width: 100%;
}
.contentstyle-login-form table tr td {
	padding: 0.25rem 0;
}
.contentstyle-login-form table tr td:first-child {
	padding-right: 1rem;
	padding-top: 0.8rem;
}
.contentstyle-login-form table tr td input {
	width: 200px;
}
.contentstyle-login-container button.mslogin {
	padding: 0;
	margin: 0;
	border: 0;
}
.contentstyle-login-container button.mslogin img {
	height: 40px;
}
.contentstyle-login-container button.mslogin:hover {
	cursor:pointer;
}

/* contentstyle-header */
.contentstyle-header .headerbar {
	background-color: white;
	z-index:-1;
	height: 4rem;
	position: absolute;
	top:0px;
	width:100%; 
	border-bottom: 3px solid #305997;
}
.contentstyle-header .title {
	color: #305997;
	position: absolute;
	top: 0.75rem;
	left: 40%;
}

.contentstyle-header .logo {
	position: absolute;
	top:1rem;
	right:3rem;
}
.contentstyle-header .menu {
	position: absolute;
	left: 3rem;
	top: 1rem;
}
.contentstyle-header .logo img {
	width: 200px;
}
.contentstyle-header .menu {border:none; border:0px; margin:0px; padding:0px; font-size:14px; font-weight:bold; color:#000000; white-space:nowrap;}
.contentstyle-header .menu ul{list-style:none;margin: 0;padding: 0;text-align:left; }
.contentstyle-header .menu li{ color:#58595b; float:left;}
/* .contentstyle-header .menu li:hover{ background-color:#58595b; color:white; text-decoration:none; } */
.contentstyle-header .menu li a{color:#58595b; display:block; text-align:left; text-decoration:none;padding: 0.5rem 1rem !important;  }
.contentstyle-header .menu li a:hover {	background-color:white; color:#6b90c7; text-decoration:none; }
.contentstyle-header .menu li ul{ background-color:#f2f2f2; display:none; height:auto; position:absolute; z-index:200; padding: 0.5rem 0rem; border: 1px solid #f2f2f2;}
.contentstyle-header .menu li:hover ul{ display:block; }
.contentstyle-header .menu li li { display:block; float:none; }
.contentstyle-header .menu li ul a{ color:#58595b; display:block; text-align:left; padding: 0.4rem 0rem;}
.contentstyle-header .menu li ul a:hover{ color:#6b90c7; }
.contentstyle-header .menu p{ clear:left; }
.contentstyle-header .menu li:first-child a{padding-left: 0;  }

/* contentstyle-innercontainer */
.contentstyle-innercontainer {
	/* overflow: auto; */
	margin-top: 80px;
	padding-left: 3rem;
	padding-right: 3rem;
}
.contentstyle-innercontainer h5 {
	color: #305997;
}

/* table for generic forms on pages */
.contentstyle-innercontainer table.contentstyle-innerform {
	background-color: #f5f5f5;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;	
	margin-bottom: 1rem;
}
.contentstyle-innercontainer table.contentstyle-innerform tr td {
	padding: 1rem;
}
.contentstyle-innercontainer table.contentstyle-innerform tr td table tr td {
	padding: 1px;
}
.contentstyle-innercontainer table.contentstyle-innerform tr td table tr td.label {
	font-weight: bold;
	position: relative;
	top: 5px;
}
.contentstyle-innercontainer table.contentstyle-innerform tr td table.contentstyle-innerform-footer input[type=button] {
	background-color: #305997;
	border: 2px solid #305997;
	color: white;
	text-transform:uppercase;
}
.contentstyle-innercontainer table.contentstyle-innerform tr td table.contentstyle-innerform-footer input[type=button]:hover {
	background-color: white;
	color: #305997;
	cursor: pointer;
}

/* pagecontrol */
.contentstyle-innercontainer table.pagecontrol {
	background-color: #f5f5f5;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;	
	width: 100%;
	margin-bottom: 1rem;
}
.contentstyle-innercontainer table.pagecontrol tr,
.contentstyle-innercontainer table.pagecontrol tr td {
	padding: 0;
	margin: 0;
}
.contentstyle-innercontainer table.pagecontrol tr td {
	padding: 0.5rem;
}
.contentstyle-innercontainer table.pagecontrol tr td table {
	width: 100%;
}
.contentstyle-innercontainer table.pagecontrol tr td table tr td {
	padding: 0.25rem;
}

/* inline forms */
.contentstyle-innercontainer table.pagecontrol tr td input[type=text],
.contentstyle-dashboard-header .contentstyle-dashboard-header-column select,
.contentstyle-dashboard-header .contentstyle-dashboard-header-column .searchfilter-container {
	padding: 0.5rem;
	border-radius: 6px;
	border: 1px solid #d0d0d0;
	font-size: 1rem;
	box-sizing: border-box;
	outline: none;
}
p.buttonbar a,
p.buttonbar button,
.contentstyle-innercontainer table.pagecontrol tr td input[type=button] {
	background-color: #305997;
	border: 2px solid #305997;
	color: white;
	text-transform:uppercase;
}
p.buttonbar a:hover,
p.buttonbar button:hover,
.contentstyle-innercontainer table.pagecontrol tr td input[type=button]:hover {
	background-color: white;
	color: #305997;
	cursor: pointer;
}
p.buttonbar button,
p.buttonbar a {
	margin: 0 0 0 1rem;
	text-decoration:none;
}
.contentstyle-innercontainer table.pagecontrol tr td .pagingbutton {
}
.contentstyle-innercontainer table.pagecontrol tr td .pagingbutton {
	height: 30px;
}
/* dropdown80list */
.dropdown80list {
	width: 100%;
	box-sizing: border-box;
	outline: none;
}
.dropdown80list option {
	padding: 0.25rem 0.5rem 0 0.25rem;
	font-family: 'Courier New';
}

/* contentstyle-dashboard */
.contentstyle-dashboard-header {
	width: 100%;
	height: 50px;
}
.contentstyle-dashboard-header .contentstyle-dashboard-header-column {
	float: left;
}
.contentstyle-dashboard-header .contentstyle-dashboard-header-column.filter {
	text-align: left;
	width: 70%;
	padding-left: 15px;
}
.contentstyle-dashboard-header .contentstyle-dashboard-header-column.buttons {
	float: right;
	width: 25%;
	text-align: right;
	padding-right: 15px;
}
.contentstyle-dashboard-header .contentstyle-dashboard-header-column .splitter {
	margin-left: 1rem;
}
.contentstyle-dashboard-header .contentstyle-dashboard-header-column input.search {
	width: 300px;
}
.contentstyle-dashboard-header .contentstyle-dashboard-header-column p {
	margin: 0 1rem 0 0;
}

.contentstyle-dashboard-header .contentstyle-dashboard-header-column .searchfilter-container {
	background-color: white;
	width: 200px;
	position: relative;
	display: inline-block;
	height: 37px;
	vertical-align: top;
	padding: 8px 8px 0 8px;
}
.contentstyle-dashboard-header .contentstyle-dashboard-header-column .searchfilter-container input {
	border: none;
	background-color: transparent;
	width: 90%;
	float: left;
	outline: none;
	font-size: 1rem;
}
.contentstyle-dashboard-header .contentstyle-dashboard-header-column .searchfilter-container span {
	font-size: 1rem;
	color: #c0c0c0;
	float: right;
}
.contentstyle-dashboard-header .contentstyle-dashboard-header-column .searchfilter-container span:hover {
	cursor: pointer;
}
.contentstyle-dashboard-header .contentstyle-dashboard-header-column.buttons button,
.contentstyle-dashboard-header .contentstyle-dashboard-header-column button.stagegroup {
	padding: 0.5rem;
	border-radius: 6px;
	border: 1px solid #d0d0d0;
	font-size: 1rem;
	box-sizing: border-box;
	outline: none;
/*	margin: 0 5px; */
}
.contentstyle-dashboard-header .contentstyle-dashboard-header-column.buttons button,
.contentstyle-dashboard-header .contentstyle-dashboard-header-column button.stagegroup:hover {
	cursor: pointer;

}
.contentstyle-dashboard-header .contentstyle-dashboard-header-column button.stagegroup.active {
	background-color: #305997;
	border-color: #305997;
	color: white;
}

.contentstyle-dashboard {
	overflow:auto;
	clear:both;
}
.contentstyle-dashboard-column {
	float: left;
	width: 50%;
}
.contentstyle-dashboard-column.column1 {
	width: 81%; /* 74 */
}
.contentstyle-dashboard-column.column2 {
	float: right;
	width: 18%;	/* 25 */
}
.contentstyle-dashboard-column-wide {
	width: 100%;
	float: none;
}
.contentstyle-dashboard-item {
	background-color: white;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;	
	text-align:left;
}
.contentstyle-dashboard-item h2 {
	padding: 0.5rem;
	color: white;
	background-color: #6b90c7;
	margin: 0;
	text-align:center;
	font-size: 1rem;
/*	text-transform:uppercase; */
}
.contentstyle-dashboard-item .item {
	padding: 1rem;
}
.contentstyle-dashboard-item .item p {
	margin: 0;
}
.contentstyle-dashboard-item .item table {
	width: 100%;
}
.contentstyle-dashboard-item .item table tr th,
.contentstyle-dashboard-item .item table tr td {
	padding: 0.2rem 0;
}
.contentstyle-dashboard-item .item table tr th {
	border-bottom: 2px solid black;
	vertical-align: bottom;
}
.contentstyle-dashboard-item .item table tr td {
	border-top: 1px solid #c0c0c0;
}
.contentstyle-dashboard-item .item table tr.rowborder td {
	border-top: 1px solid black;
}
.contentstyle-dashboard-item .item table tr.split td {
	border-top: 4px solid #909090;
}
.contentstyle-dashboard-item .item table tr th.greybg {
	background-color: #EBEBEB;
}
.contentstyle-dashboard-item .item table tr th.text-center,
.contentstyle-dashboard-item .item table tr td.text-center {
	text-align:center;
}
.contentstyle-dashboard-item .item table tr th.text-right,
.contentstyle-dashboard-item .item table tr td.text-right {
	text-align:right;
}
.contentstyle-dashboard-item .item table tr td span.editjob:hover {
	cursor: pointer;
}
.contentstyle-dashboard-item .item table tr th {
	padding-bottom: 6px;
}
.contentstyle-dashboard-item .item table tr th span {
	color: #305997;
	text-decoration:underline;
	text-decoration-thickness: 2px;
/*
	background-color: #305997;
	color: white;
	padding: 2px 10px;
*/
}
.contentstyle-dashboard-item .item table tr th a.sort {
	color: #305997;
	text-decoration:none;
}
.contentstyle-dashboard-item .item table tr th a.sort:hover {
	color: #305997;
	text-decoration:underline;
	text-decoration-thickness: 2px;
}
.contentstyle-dashboard-item .item table tr th a.sort img {
	padding-left: 2px;
	height: 12px;
	position: relative;
	top: 1px;
}
.contentstyle-dashboard-item .item table tr td .percent {
	width: 80px;
	height: 16px;
	overflow: hidden;	
	border: 1px solid #c0c0c0;
	text-align: center;
	margin: 0 auto;
	position: relative;
}
.contentstyle-dashboard-item .item table tr td .percent .percent-background {
	position: absolute;
	top: 0;
	bottom: 0;
	background-color: #98fb98;
}
.contentstyle-dashboard-item .item table tr td .percent span {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align:center;
	font-size: 12px;
	background-color: transparent !important;
}
/* padding, fonts */
.contentstyle-dashboard-item {
	margin: 0 1rem 1rem 1rem;
}
.contentstyle-dashboard-item.note p,
.contentstyle-dashboard-item .item table tr td {
	font-size: 14px;
	line-height: 18px;
}
.contentstyle-dashboard-item .item table tr th {
	font-size: 14px;
	line-height: 16px;
}
.contentstyle-dashboard-item img.icon {
	height: 14px;
}
.contentstyle-dashboard-item .hidden {
	display: none;
}

/* notes */
.contentstyle-dashboard-item.note {
	position: relative;
	min-height: 80px;
}
.contentstyle-dashboard-item.note.focusnote {
	border: 2px solid #305997;
}
.contentstyle-dashboard-item.note .buttonarea {
/*
	position: absolute;
	top: 1rem;
	right: 1rem;
*/
	float: right;
	text-align: right;
}
.contentstyle-dashboard-item.note .lastedited {
	color: #c0c0c0;
	font-size: 11px;
	text-align:right;
	padding-right: 20px;
}
.contentstyle-dashboard-item.note a.close img {
	width: 15px;
}
.contentstyle-dashboard-item.note button.save {
    background-color: #305997;
    border: 2px solid #305997;
    color: white;
    text-transform: uppercase;
	text-decoration:none;	
	font-size: 11px;
	padding: 0 5px;
}
.contentstyle-dashboard-item.note button.save:hover {
	background-color: white;
	color: #305997;
}
.contentstyle-dashboard-item.note .notepreview {
	color: black;
	text-decoration:none;
}
.contentstyle-dashboard-item.note .notepreview div {
	word-wrap: break-word; 
	margin-right: 14px;
}
.contentstyle-dashboard-item.note .grow-wrap {
	display: grid;
}
.contentstyle-dashboard-item.note .grow-wrap::after {
	content: attr(data-replicated-value) " ";
	white-space: pre-wrap;
	visibility: hidden;
}
.contentstyle-dashboard-item.note .grow-wrap > textarea {
	resize: none;
	overflow: hidden;
	border: none;
	outline: none;
}
.contentstyle-dashboard-item.note .grow-wrap > textarea,
.contentstyle-dashboard-item.note .grow-wrap::after {
	padding: 0;
	grid-area: 1 / 1 / 2 / 2;
}
.contentstyle-dashboard-item.note .grow-wrap > textarea,
.contentstyle-dashboard-item.note .grow-wrap::after,
.contentstyle-dashboard-item.note .notepreview div {
	font-size: 14px;
	line-height: 16px;
	color: black;
}

/* popup */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.modal-content {
	background-color: #fefefe;
	margin: 15% auto; /* 15% from the top and centered */
	padding: 10px;
	border: 1px solid #888;
	width: 500px; /* Could be more or less, depending on screen size */
}
.modal-content iframe {
	width: 100%;
	height: 400px;
}
.modal .close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.modal .close:hover,
.modal .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/* contentstyle-footer */
.contentstyle-footer p {
	text-align:center;
}

/* selectlist */
.selectlist-container {
	width: 100%;
	/* height: 400px; */
	height: 70vh;
	overflow-y:scroll;
	background-color: #f5f5f5;
	/*background-color: rgba(255,255,255,0.1); */
	border: 1px solid rgba(0,0,0,0.1);
}
.selectlist {
	width: 100%;
}
.selectlist .selectlist-row {
}
.selectlist .selectlist-row .selectlist-col {
	padding: 3px 12px 3px 0px;
}
.selectlist .selectlist-row .selectlist-col:first-child {
	padding-left: 12px;
}
.selectlist .selectlist-row .selectlist-col.right {
	text-align:right;
	padding-left: 0;
	padding-right: 12px;
}
.selectlist .selectlist-row:hover {
	cursor: pointer;
	background-color: rgba(0,0,0,0.1);
}
.selectlist .selectlist-row.selectactive {
	background-color: #6b90c7;
}
.contentstyle-dashboard-item table tbody tr.active {
	background-color: #6b90c7;
}

@media only screen and (min-width: 1200px){
	.contentstyle-header .title {
		right: 300px; 
	}
	.contentstyle-header .title h2 {
		text-align: right;
		margin-top: 10px !important;
	}
}

@media screen {
	.printonly {display: none;}
	/* body {background-color: #d8d8d8; font-family: "arial"; font-size: 11pt; margin-left: 0; margin-top: 0; margin-bottom: 0; margin-right: 0} */
/*
	.menu {border:none; border:0px; margin:0px; padding:0px; font-size:14px; font-weight:bold; color:#000000; top:0; white-space:nowrap;}
	.menu ul{ background-color: #c8c8c8; height:30px;list-style:none;margin-left:0;margin-top:0; padding:10px 0px 0px 0px; text-align:left; }
	.menu li{ float:left; padding:0px 22px 0px 2px;}
	.menu li:hover{ background-color:#b8b8b8; color:#000000; text-decoration:none; }
	.menu li a{color:#000000; display:block; text-align:left; text-decoration:none; }
	.menu li a:hover{ background-color:#b8b8b8; color:#000000; text-decoration:none; }
	.menu li ul{ background-color:#b8b8b8; border-left:1pt solid black; border-right:1pt solid black; border-bottom:1pt solid black; display:none; height:auto; position:absolute; z-index:200; }
	.menu li:hover ul{ display:block; }
	.menu li li { display:block; float:none; }
	.menu li ul a{ color:#000000; display:block; font-size:13px; font-style:normal; font-weight:normal; padding:0px 0px 5px 0px; text-align:left; }
	.menu li ul a:hover{ background-color:#989898; color:#000000; }
	.menu p{ clear:left; }
	.pagecontrol { background-color:#b8b8b8;
	border-style:solid; border-color:black; border-width:1px;}
	.pagecontrol tr:hover{ background-color:#989898; cursor: pointer;}
	.pagecontrol td a{ color:#000000; }
*/
	.addbutton {font-style:italic; border-style: solid; border-color:darkgrey;border-top-width: 1pt; border-left-width:1pt; border-right-width: 3pt;border-bottom-width:3pt;}
	.addbutton:hover {font-style:italic; border-style: solid;border-color:darkgrey; border-top-width: 3pt; border-left-width:3pt; border-right-width: 1pt;border-bottom-width:1pt;cursor:pointer;}
	form {margin-top: 0}
	h1 {margin-top: .1cm; margin-bottom: .1cm; font-size: 200%}
	h2 {margin-top: .1cm; margin-bottom: .1cm; font-size: 150%}
	h3 {margin-top: .1cm; margin-bottom: .1cm; font-size: 160%}
	h4 {margin-top: .1cm; margin-bottom: .1cm; font-size: 140%}
	h5 {margin-top: .1cm; margin-bottom: .1cm; font-size: 120%}
	h6 {margin-top: .1cm; margin-bottom: .1cm; font-size: 100%}
	a {font-size: 100%}
	input {font-size: 100%}
	.gridheader {border-style: solid; border-color: #d8d8d8; background-color: #d8d8d8;}
	.noborder {border-style: solid; border-color: #d8d8d8; background-color: #d8d8d8;}
/*
	select {font-family: "arial"; font-size: 110%}
	.dropdown {font-family: "courier new"; font-size: 100%}
	.list {font-family: "courier new"; font-size: 100%}
	.dropdown80 {font-family: "courier new"; font-size: 80%;}
	.dropdown80list {font-family: "courier new"; font-size: 9pt;}
*/
	.dropdownsmall {font-family: "courier new"; font-size: 90%;}
	.dropdownlarge {font-family: "courier new"; font-size: 110%;}
/*	.dropdownarial {font-family: "arial"; font-size: 100%;} */
	.dropdownsmallarial {font-family: "arial"; font-size: 90%;}
	.dropdownlargearial {font-family: "arial"; font-size: 110%;}
	.dropdowntinyarial {font-family: "arial"; font-size: 70%;}
	table {font-size: 90%; border-collapse:collapse;}
	table.buttonstart {font-size: 100%; border-collapse:collapse;}
	table.pagecontrol {font-size: 10pt; border-collapse:collapse;}
	table #pagecontrol {font-size: 10pt; border-collapse:collapse;}
	table.grid {font-size: 90%}
	table.list {position: absolute;  top: 50%;}
/*	td input {background-color: #FFFFFF;} */
	td {text-align: left; vertical-align: top; padding-right: .2cm; white-space: nowrap}
	.hint {font-size: 150%; background-color: white;}
	th {text-align: left; vertical-align: top; padding-right: .2cm;}
/*	textarea {font-family: "courier new"; font-size: 110%;white-space:pre-wrap;} */
	.textareaarial {font-family: "arial"; font-size: 110%;white-space:pre-wrap;}
	.textareasmallarial {font-family: "arial"; font-size: 100%;white-space:pre-wrap;}
	.textarealargearial {font-family: "arial"; font-size: 120%;white-space:pre-wrap;}
	.zoom {overflow-x: hidden; overflow-y: hidden; height: 11pt;}
	div.body {left: 0; top: 0;}
	div.list {position: absolute; left: 0; top: 50%; width: 100%;}
	.caption {font-size: 80%;}
}
@media print {
	.displayonly {display: none;}
	.menu {display: none;}
	textarea {display: none;}
	input {border: none;}
	body {background-color: white; font-family: "arial"; font-size: 10pt; margin-left: 0; margin-top: 0; margin-bottom: 0; margin-right: 0}
	.gridheader {border-style: solid; border-color: #d8d8d8; background-color: #d8d8d8;}
	.noborder {border-style: solid; border-color: #d8d8d8; background-color: #d8d8d8;}
	select {font-family: "arial"; font-size: 110%}
	.dropdown {font-family: "courier new"; font-size: 100%}
	.list {font-family: "courier new"; font-size: 100%}
	.dropdownsmall {font-family: "courier new"; font-size: 90%;}
	.dropdownlarge {font-family: "courier new"; font-size: 110%;}
	.dropdownarial {font-family: "arial"; font-size: 100%;}
	.dropdownsmallarial {font-family: "arial"; font-size: 90%;}
	.dropdownlargearial {font-family: "arial"; font-size: 110%;}
	table {font-size: 90%}
	td {text-align: left; vertical-align: top; padding-right: .2cm;}
	.hint {font-size: 150%; background-color: white;}
	th {text-align: left; vertical-align: top; padding-right: .2cm;}
	.caption {font-size: 80%;}
}


/* debugging things */
/*
* {
	border: 1px dashed red;
}
.contentstyle-dashboard-test .contentstyle-dashboard-item.note .notepreview div,
.contentstyle-dashboard-test .contentstyle-dashboard-item.note textarea,
.contentstyle-dashboard-test .contentstyle-dashboard-item .item table tr th,
.contentstyle-dashboard-test .contentstyle-dashboard-item .item table tr td {
	border: 1px solid green;
}
.contentstyle-dashboard-test .contentstyle-dashboard-item .item table tr td.item div {
	border: 1px dashed red;
}
.contentstyle-dashboard-test .contentstyle-dashboard-item .item table tr td.item div span {
	background-color: #CCFFFF;
}
*/