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

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

@media only screen and (orientation: landscape) {
	.content {
		padding-left: 1%;
		padding-right: 1%;
		overflow: auto;
	}
	
	.nav_main {
		padding-left: 1%;
		padding-right: 1%;
		overflow: auto;
		/** COLOR_NAV_BG */
		background-color: #F3F3F3;   
	}
}

@media only screen and (orientation: portrait) {
	.nav_main {
		padding-left: 1%;
		/** COLOR_NAV_BG */
		background-color: #F3F3F3; 
	}

	.content {
		padding-left: 1%;
		padding-right: 1%;
	}
}

div.linebreak {
	height: 10px;
	white-space: pre;
}

.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: 1%;
	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%;
	color: blue;
}

.help {
	font-size: smaller;
}

.sred {
	padding-left: 1%;
	padding-right: 1%;
	background-color: red;
	font-weight: bold;
	color: white;
}

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

ul {
	padding-left: 1%;
	padding-bottom: 1%;
}

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

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

button {
	margin: 5px auto 5px auto;
	border: 1px solid #7F7F7F; 
	background-color: white;
	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 {
	background-color: yellow;
}

button[disabled] {
	border: 1px  #7F7F7F solid;
	background-color: #BFBFBF;
	color: #7F7F7F;
}

button[disabled]:active {
	background-color: #4D4D4D;
}

/* 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;
	background: url('checkbox.png') no-repeat 0 0;
	line-height: 20px;
}

input[type=checkbox]:checked + label {
	background-position: 0 -20px;
}

input[type=checkbox]:hover + label {
	background-color: #F3F3F3;
	cursor: pointer;
}

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

input[type=radio] + label {
	display: inline-block;
	margin-left: -20px;
	padding-left: 22px;
	background: url('radio.png') no-repeat 0 0;
	line-height: 20px;
}

input[type=radio]:checked + label {
	background-position: 0 -20px;
}

input[type=radio]:hover + label {
	background-color: #F3F3F3;
	cursor: pointer;
}

input[disabled=true] + label {
	color: #7F7F7F;
}

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

h1 {
	font-size: 16px;
	margin-top: 0.5%;
	margin-bottom: 0.5%;
}

h2 {
	font-size: 14px;
	margin-bottom: 0.5%;
}

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

div p {
	padding-bottom: 0.5%;
}

div.help p {
	padding-left: 1%;
	padding-bottom: 0.5%;
}

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

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

table.simple tr.selected {
	background-color: #4D4D4D;
	color: white;
}

table.simple tr:not(.selected):nth-child(even) {
    background-color: #F2F2F2;
}

table.simple td {
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle;
}

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

table.simple tr.selected td a {
	text-decoration: none;
	color: white;
}

table.simple td a {
	text-decoration: none;
	color: black;
}

table.simple tr[disabled=true] td a {
	text-decoration: none;
	color: #7F7F7F;
}

table#log {
	margin-top: 10px;
	font-size: 13px;
	font-family: monospace; 
	border-collapse: collapse;
	border: 1px solid #126DDE; 
}

table#log td {
	padding: 2px 2px 2px 2px;  
	border: 1px solid #126DDE; 
	white-space: nowrap;
}

table#log th {
	border: 1px solid #126DDE;  
	font-weight: bold;
}

table#log thead tr {
	background-color: #EDEDED;
	color: black;
}

table.date-input {
	margin-left: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	border-collapse: collapse;
}

table.date-input td {
	padding-left: 10px;
}