body { font-family:arial,sans-serif; font-size:16px; background-color: #bbddff; padding: 8px 8px 8px 8px; margin: 0px 0px 0px 0px; }
table { font-size:14px; }
th { color:#bb0000; text-align:left; font-size:16px; }
a { text-decoration:none; color:0000dd; }
a:visited { color:0000dd; }

h3 { color: black; }

br + ul {
	margin: 0px;
	padding: 0px;
}

hr {
  border: 1px solid #bbb;
}

ul li {
	background-image: none;
	list-style-type: circle;
	list-style-position: inside;
}
			
.container {
  position: relative;
  height: 0px;
  width:100%; 
}

.menucol0 {
  position: absolute;
  left: 0;
  width: 30%;
}

.menucol1 {
  position: absolute;
  left: 390;
  width: 30%;
  text-align: left; /* depends on element width */
} 			
			
			
/* Style the list */
ul.tab {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #ccc;
  xbackground-color: #f1f1f1;
}

/* Float the list items side by side */
ul.tab li {float: left;}

/* Style the links inside the list items */
ul.tab li a {
  display: inline-block;
  xcolor: black;
  text-align: center;
  padding: 4px 8px;
  text-decoration: underline;
  transition: 0.3s;
  xfont-size: 17px;
  text-indent: -16px;
}

/* Change background color of links on hover */
ul.tab li a:hover {background-color: #eee;}

/* Create an active/current tablink class */
ul.tab li a:focus, .active {background-color: #bbb;}


/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
  xbackground-color: #f1f1f1;
}

/* Style the tab anchor menu items */
.tab a {
	color:#bb0000;
	text-align:left;
	font-size:16px;
	font-weight: bold;
}

/* alternative to img is put in  style="width:20px;height:20px;border:0;" */
img {
	width:20px;
	height:20px;
	border:0;
}

.theme {
  xfloat:right;
  position:absolute;
  top:5px;
  right:5px;
  text-align:right;
  font-size:10px;
}

.vers {
	xfloat:right;
	position:absolute;
	bottom:5px;
	right:5px;
	text-align:right;
	font-size:10px;
}
	

/* Accordian Menu */
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #aaccee;
  color: #444;
  cursor: pointer;
  padding: 9px;
  width: 75%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #99bbdd; 
}


.accpanel {
  padding: 0 9px;
  display: none;
  background-color: #bbddff;
  overflow: hidden;
}


/* Settings for SD View Ticket */
/* Button used to open the contact form - fixed at the bottom of the page */
.open-button {
  background-color: #bbddff;
  color: #000000;
  padding: 1px 1px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
}

/* The popup form - hidden by default */
.form-popup {
  display: none;
  z-index: 9;
}

/* Add styles to the form container */
.form-container {
  max-width: 300px;
  padding: 6px;
}

/* Full-width input fields */
.form-container input[type=text] {
  width: 100%;
  padding: 7px;
  margin: 2px 0 2px 0;
  border: none;
  background: #f1f1f1;
}

/* When the inputs get focus, do something */
.form-container input[type=text]:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/login button */
.form-container .btn {
  background-color: #04AA6D;
  color: white;
  padding: 4px 5px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:5px;
  opacity: 0.8;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
  background-color: red;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}