BODY, TD, TH {
	font-family: sans-serif;
	font-size: 10pt;
}
TABLE {
	border-collapse: collapse;
}
IMG {
	border-width: 0px;
}
BUTTON,INPUT,TEXTAREA {
	border-width: 1px;
	background-color: #EEEEFF;
}
INPUT.submit {
	font-size: 10pt;
	border-width: 1px;
	background-color: #CCCCCC;
}
A {
	text-decoration: none;
}
A:hover {
	text-decoration: underline;
}
DIV.warningerror {
	color: red;
	font-size: 1.2em;
	font-weight: bold;
	padding: 10px;
	margin: 10px;
	border: 2px red dashed;
	display: inline-block;
}
.inlinecode {
	display: inline-block;
	color: darkgreen;
	background-color: #EEEEEE;
	padding: 2px 4px;
	font-family: monospace;
}
#dhtmltooltip {
	font-family: sans-serif;
	font-size: 10pt;
	position: absolute;
	left: -300px;
	/*width: 150px;*/
	border: 1px solid black;
	padding: 2px;
	background-color: #FFFFE0;
	visibility: hidden;
	z-index: 100;
}
#dhtmlpointer {
	position: absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}
.icon16 {
	width:  16px;
	height: 16px;
	border:  0px;
}
TABLE.data_export_table TH {
	background-color: #EEEEEE;
}


/* https://verpex.com/blog/website-tips/how-to-style-a-progress-bar-using-css */
#uploaded_file_progress[value] {
  --color: #0077FF;
  --background: lightgrey;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
/*  width: 500px; */
  margin: 5px 5px;
  border-radius: 10em;
  background: var(--background);
}
#uploaded_file_progress[value]::-webkit-progress-bar {
  border-radius: 10em;
  background: var(--background);
}
#uploaded_file_progress[value]::-webkit-progress-value {
  border-radius: 10em;
  background: var(--color);
}
#uploaded_file_progress[value]::-moz-progress-bar {
  border-radius: 10em;
  background: var(--color);
}