* {
	margin: auto;
	box-sizing: border-box;
}

body { 
	font-family: sans-serif;
	font-weight: normal;
	background-color: white; 
	/** COLOR_BODY */
	color: black;  
}

.nav_main {
	display: none; 
}

.content {
	width: 100%;
	padding-left: 1%;
}

div.linebreak {
	white-space: pre;
}

.disabled {
	/** COLOR_DISABLED_TEXT */
	border: 1px  #7F7F7F solid;
	/** COLOR_DISABLED_BG */ 
	background-color: #BFBFBF;
	/** COLOR_DISABLED_TEXT */
	color: #7F7F7F;
}

.invisible {
	display: none;
}

.f_smaller {
	font-size: smaller;
}

span#id_title {
	padding-right: 1%;
	font-weight: bold;
}

span#id_title_suppl {
	font-weight: normal;
}

.title {
	margin-top: 2%;
	padding-bottom: 1%;
	/** COLOR_SPACER_LINE */
	border-bottom-color: #F3F3F3;
	border-bottom-style: solid;
	border-bottom-width: 5px;
}

.info {
	padding-top: 1%;
	padding-bottom: 1%;
}

.input-field {
	margin: 5px auto 5px auto;
}

fieldset {
	display: inline-block;
	border: none;
	padding: 5px;
}	

input[type="text"] {
	font-size: larger;
}

button {
	margin: 5px auto 5px auto;	
	/** COLOR_BUTTON_BORDER */
	border: 1px solid #7F7F7F; 
	/** COLOR_BUTTON_BG */
	background-color: white;
	/** COLOR_BUTTON_TEXT */
	color: black;
}

button.text {
	padding: 5px 6px 7px 6px;
	font-size: smaller;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
}

button.icon {
	height: 30px;
	padding: 4px;
}

.vmiddle {
	vertical-align: middle; 
}

button img {
	vertical-align: text-top;
}

button:hover {
	cursor: pointer;
}

button:active {
	/** COLOR_BUTTON_ACTIVE */
	background-color: yellow;
}

/* CHECKBOX */
input[type=checkbox] {
	width: 20px;
	margin: 0;
	padding: 0;
	opacity: 0;
}

input[type=checkbox] + label {
	display: inline-block;
	margin-left: -20px;
	padding-left: 22px;
	line-height: 20px;
}

input[type=checkbox]:checked + label {
	padding-left: 12px;
	border-left: 10px solid black;
}

/* RADIO */
input[type=radio] {
	width: 20px;
	margin: 0;
	padding: 0;
	opacity: 0;
}

input[type=radio] + label {
	display: inline-block;
	margin-left: -20px;
	padding-left: 22px;
	line-height: 20px;
}

input[type=radio]:checked + label {
	padding-left: 12px;
	border-left: 10px solid black;
}

div#id_msg {
	/** COLOR_MSG */
	color: red;
	margin: 1%;
}

h1 {
	font-size: smaller;
	font-weight: bold;
}

p.summary {
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 0; 
}

div p {
	padding-bottom: 0.5%;
}

table.simple {
	margin-left: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	border-collapse: collapse;	
	/** COLOR_TABLE_BORDER */
	border: 1px solid #7F7F7F; 
}

table.simple th {
	/** COLOR_TABLE_BORDER */
	border: 1px solid #7F7F7F; 
	font-size: smaller;
	font-weight: normal;
}

table.simple tr.selected {
	/** COLOR_SELECTED */
	background-color: #E5E5E5;
}

table.simple td {
	vertical-align: middle;
}

table.simple td img {
	vertical-align: middle;
}

tabl.simple td a {
	text-decoration: none;
	/** COLOR_TABLE_TEXT */
	color: black;
}