/*
**    Help style sheet
**    Copyright Hvam & Co 2018
*/

/***********************
**     DEFAULTS       **
***********************/
html, p, div, h1, h2, h3, h4, h5, h6, form
{
	color: black;
	margin: 0;
	padding: 0;
	border: none;
	font-family: Arial, Verdana, sans-serif;
}

html, body
{
	background-color: #333;
}

a[href]:link, a[href]:visited
{
	text-decoration: underline;
	color: black;
}

a[href]:hover
{
	text-decoration: underline;
	background-color: inherit;
	color: #d00;
}

h1
{
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 160%;
}

h2
{
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 120%;
}
/***********************
**   MAIN SECTIONS    **
***********************/
body
{
	background-color: #eee;
	width: auto;
	margin: 50px 25px 50px 25px;
	padding: 1em 3em;
	text-align: left;
	color: black;
	border: solid 2px #333;
}

table
{
	margin:0;
	border:0;
	padding:0;
	height:100%; 
	max-height:100%; 
	background:#eee; 
	font-family:arial, verdana, sans-serif; 
	font-size:76%;
	overflow: hidden; 
	border: solid 2px #333;
}

table.normal
{
	text-align: left;
	width: auto;
	height: 164px;
	font-family: arial, verdana, sans-serif;
	overflow: hidden; 
	border: solid 2px #333;
}

table.form
{
	background-color: #ddd;
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #101010; 
	overflow: hidden; 	
    border: solid 1px #333;
}

table.picture
{
	background-color: #aaa;
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #101010; 
	overflow: hidden; 	
        border: solid 1px #333;
}

td.leftside
{ 
	vertical-align: top;
	width: 15%;
	margin:0;
	border:0;
	padding:0;
	height:100%; 
	max-height:100%; 
	background: #eee;
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
	font-size: 100%;
	overflow: hidden; 
    border: solid 2px #333;
}

td.main
{
	vertical-align: top;
	width: 85%;
	margin:0;
	border:0;
	padding:0;
	height:100%; 
	max-height:100%; 
	background: #eee;
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
	font-size: 90%;
	overflow: hidden; 	
    border: solid 2px #333;
}

#header
{
/*  background-color: #888; */
	border-bottom: solid 2px #333;
	text-align: left;
	padding: 3px 8px;
	margin: 0 0 2em 0;
}

#header p
{
	display: block;
	float: right;
	margin: 0;
	padding: 0;
}

/***********************
**  MENU ELEMENTS     **
***********************/
#nav-menu ul
{
	list-style: none;
	padding: 0;
	margin: 0;
} 

#nav-menu li
{
	float: left;
	margin: 0.30em;
}

#nav-menu li a
{
	background: url(background.gif) #eee bottom left repeat-x;
	height: 2em;
	line-height: 2em;
	float: left;
	width: 9em;
	display: block;
	overflow: hidden; 
	border: solid 1px #333;
	color: #0d2474;
	text-decoration: none;
	text-align: center;
}

/* Navbar container */
.navbar 
{
  overflow: hidden;
/*  background-color: #333; */
/*  font-family: Arial; */
}

/* Links inside the navbar */
.navbar a 
{
  float: left;
/*  font-size: 16px; */
/*  color: white; */
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* The dropdown container */
.dropdown 
{
  float: left;
  overflow: hidden;
}

/* Dropdown button */
.dropdown .dropbtn 
{
/*  font-size: 16px; */ 
  border: none;
  outline: none;
/*  color: white; */
  padding: 14px 16px;
/*  background-color: inherit; */
/*  font-family: inherit; */ /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn 
{
/*  background-color: red;*/
}

/* Dropdown content (hidden by default) */
.dropdown-content 
{
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a 
{
  float: none;
/*  color: black; */
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover 
{
/*  background-color: #ddd; */
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content 
{
  display: block;
}

/***********************
**  TEXT ELEMENTS     **
***********************/
table
{
	font-size: 14px;
	border: solid 2px #333;
	margin: 5px auto;
	border-collapse: collapse;
}

th, td
{
	vertical-align: top;
	border: solid 1px #333;
	margin: 0;
	padding: 2px;
}

th
{
	background-color: #ccc;
	font-weight: bold;
	text-align: center;
}

caption
{
	caption-side: top;
	margin: 0;
	padding: 12px 0 4px 0;
	width: auto;
	text-align: center;
}

pre
{
	border: solid 2px #333;
	margin: 8px;
	padding: 8px;
}

td input, th input
{
	display: block;
	margin: 0 auto;
}

input 
{
	background-color: #000000;
	color: #00aa00;
}

select 
{
	background-color: #000000;
	color: #00aa00;
}