body {
	background-color: #e8fffe;
}

h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font: 24px arial, sans-serif;
	color: #0deb44;
	margin-left: 0px;
	text-align: left;
	background-color: #ffff00;
}

h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font: 18px arial, sans-serif;
	color: #09f845;
	margin-left: 0px;
	background-color: #ffff00;
}

table {
	background-color: #e8fffe;
	border-collapse: collapse;
	border-spacing: 0px;
	padding-right: 0px;
	width: auto;
	table-layout: auto;
	}

th {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font: 12px arial, sans-serif bold;
	background-color: #ffeaff;
	color: #008221;
	border-bottom: 2px solid #400040;
	padding: 1px;
	padding-left: 1px;
	padding-right: 1px;
	white-space: wrap;
}

td {
	background-color: #ddeff7;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font: 12px arial, sans-serif;
	color: #004080;
	border-bottom: 1px solid #400040;
	vertical-align: top;
	padding: 1px;
	padding-left: 1px;
	padding-right: 1px;
	width:auto;
}

tr {
	color: #004080;
}

id {
	padding: 0;
}

a {
	color: #400040;
}

input {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font: 12px arial, sans-serif;
	color: #004080;
	border-bottom: 1px solid #400040;
	vertical-align: top;
	padding: 1px;
	padding-left: 1px;
	padding-right: 1px;
	width:auto;
}

button {
	color: #ff8040;
	background-color: #ffffa8;
}
[type=text] {
	color: #630af1;
	text-align: left;
	border-bottom: 1px solid #2a06f5;
	vertical-align: top;
	padding: 1px;
	padding-left: 1px;
	padding-right: 1px;
	width:auto;
}

[type=date] {
	color: #3131d1;
	text-align: Left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font: 12px arial, sans-serif;
	border-bottom: 1px solid #060040;
	vertical-align: top;
	padding: 1px;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 0px;
	width:auto;
}
[type=number] {
	color: #000080;
	text-align: Right;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font: 12px arial, sans-serif;
	color: #004080;
	border-bottom: 1px solid #400040;
	vertical-align: top;
	padding: 1px;
	padding-left: 1px;
	padding-right: 1px;
	width:auto;
}


[type=int] {
	color: #000080;
	text-align: right;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font: 12px arial, sans-serif;
	vertical-align: top;
	padding: 1px;
	padding-left: 1px;
	padding-right: 1px;
}
.tab {
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
  }
  
  /* Style the buttons inside the tab */
  .tab button {
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
	font-size: 17px;
  }
  
  /* Change background color of buttons on hover */
  .tab button:hover {
	background-color: #ddd;
  }
  
  /* Create an active/current tablink class */
  .tab button.active {
	background-color: #ccc;
  }
  
  /* Style the tab content */
  .tabcontent {
	display: none;
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-top: none;
  }