@font-face {
  //font-family: EngineerHand;
  font-family: WC_RoughTrad;
  //font-family: 3rd Man;
  //src: url('EngineerHand.ttf') format('truetype');
  src: url('WC_RoughTrad.ttf') format('truetype');
  //src: url('3rd Man.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

#pageheader {
/* display: inline-block;*/
border: 3px solid #006699;
border-collapse: collapse;
-webkit-border-radius: 10px; 
-moz-border-radius: 10px; 
border-radius: 10px;
width: 99.5%;
margin-right: 6px; !important
height: auto; !important 
/* margin: 5; 
-webkit-filter: brightness(1);
filter: brightness(1);*/
overflow-x: hidden;
}

#pageheader img {
display: block;
/* opacity: .5; */
width: 100%;
height: 100%;
}

#pageheader span {
display: table;
position: absolute; /* this makes it go on top of the image */
right: 5.5vmin;
z-index:1;
//font-family: EngineerHand, Tahoma, serif;
font-family: WC_RoughTrad, Tahoma, serif;
//font-family: 3rd Man, Tahoma, serif;
/* font-family:"Comic Sans MS", cursive; */
font-size:3vmin;
color: white; //lightyellow;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
padding:10px;
/* text-shadow: 3px 2px #4CAF50; */
text-shadow:
    -1.5px -1.5px 0 Gray,
    1.5px -1.5px 0 Gray,
    -1.5px 1.5px 0 Gray,
    1.5px 1.5px 0 Gray;
}

#pageheader table {
padding: 2px 4px;
text-align: center;
border: none
border-spacing: 0;
border-collapse: collapse;
}

#pageheader table tr td {
  border: 1px solid black;
  background: white;
  border-collapse: collapse; 
}

#pageheader table tr td:first-child { 
	-webkit-border-radius: 0px 0px 0px 10px; 
	-moz-border-radius: 0px 0px 0px 10px; 
	border-radius: 0px 0px 0px 10px; 
}

#pageheader table tr td:last-child { 
	-webkit-border-radius: 0px 0px 10px 0px; 
	-moz-border-radius: 0px 0px 10px 0px; 
	border-radius: 0px 0px 10px 0px; 
}
	
#pageheader table tbody td a {
/*background: white;*/
font-size: 2vmin;
font-family: Georgia, "Times New Roman", Times, serif;
text-decoration:none;
border:none;
display: block;
width: "100%";
height: "100%";
}

#pageheader table td a:link { 
  /* background-color: lightblue; */
  color: black;
}

#pageheader table td a:visited { 
  /* background-color: lightblue; */
  color: black;
}

#pageheader table td a:hover { 
  /* background-color: lightblue; */
  color: blue;
}

#pageheader table td a:active { 
  /* background-color: lightblue; */
  color: black;
}

#pageheader #selected {
  color: #4CAF50; /* !important */
  /* background-color : lightblue; */
  padding: 0;
}

.inputdiv {
width: 99.6%; 
overflow-x:hidden;
left: 0;
right: 0;
margin-right: auto;
margin-left: auto;
}

#InputTable {
font: normal 2vmin Georgia, Times New Roman, Times, serif; 
background: #fffff; 
overflow: hidden;
border: none;
width: 100%;
border-spacing:0px;
left: 0;
right: 0;
margin-right: auto;
margin-left: auto;
}

.resultsdiv {
width: 99.6%; 
overflow-x:hidden;
left: 0;
right: 0;
margin-right: auto;
margin-left: auto;
}

#ResultsTable {
font: normal 2vmin Georgia, Times New Roman, Times, serif; 
background: #fffff; 
overflow: hidden;
border: none;
width: 100%;
border-spacing:0px;
left: 0;
right: 0;
margin-right: auto;
margin-left: auto;
}

.datadiv {
width: 99.6%; 
overflow: hidden;
left: 0;
right: 0;
margin-right: auto;
margin-left: auto;
}

#DataTable {
font: normal 2vmin Georgia, Times New Roman, Times, serif; 
background: #fffff; 
overflow: hidden;
border: none;
width: 100%;
border-spacing:0px;
left: 0;
right: 0;
margin-right: auto;
margin-left: auto;
}
	


#InputTable thead tr th, #ResultsTable thead th, #DataTable thead th {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, lightblue), color-stop(1, #00557F) );
	background:-moz-linear-gradient( center top, lightblue 5%, #00557F 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='lightblue', endColorstr='#00557F');
	background-color:lightblue;
	color:#000000; 
	font-size: 2vmin; 
	font-weight: bold; 
	border-left: 1.5px solid #0070A8;
	border-right: 1.5px solid #0070A8;
	border-top: 3px solid #0070A8;
	border-bottom: 1.5px solid #0070A8;
	text-transform: capitalise;
	padding-top: 7.5px;
    padding-bottom: 7.5px;
    line-height:120%;
	} 

#InputTable tbody tr th, #ResultsTable tbody tr th, #DataTable tbody tr th {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, lightblue), color-stop(1, #00557F) );
	background:-moz-linear-gradient( center top, lightblue 5%, #00557F 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='lightblue', endColorstr='#00557F');
	background-color:lightblue;
	color:#000000;
    font-weight: normal;
    font-size: 1.5vmin;
    overflow: hidden;
	border-right: 1.5px solid #006699;
    border-bottom: 1.5px solid #006699;
    text-transform: capitalise;
	padding-top: 7.5px;
    padding-bottom: 7.5px; 
      
}

#InputTable tbody tr td, #ResultsTable tbody tr td, #DataTable tbody tr td { 
	color: #00496B;
	font-weight: normal;
	font-size: 1.5vmin;
	overflow: hidden;
	background-color: White;
	border-spacing: 0;
	border-bottom: 1.5px solid #006699;
	border-right: 1.5px solid #006699; 
    text-align: center;
    line-height:120%;
    padding-top: 7.5px;
    padding-bottom: 7.5px;
	/* style="height:auto; 
	display: flex; 
	*/
}
    
#InputTable thead tr:first-child th:first-of-type , #ResultsTable thead tr:first-child th:first-of-type, #DataTable thead tr:first-child th:first-of-type {
	border-top-left-radius: 10px; 
	border-left: 3px solid #006699;	
	}
	
#InputTable thead tr:first-child th:last-of-type, #ResultsTable thead tr:first-child th:last-of-type, #DataTable thead tr:first-child th:last-of-type {
	border-top-right-radius: 10px;
    border-right: 3px solid #006699; 
	}
	
#InputTable tbody tr th:first-of-type, #ResultsTable tbody tr th:first-of-type, #DataTable tbody tr th:first-of-type {
    border-left: 3px solid #006699;
    border-top-left-radius: 0px;
    }
    
#InputTable tbody tr th:last-of-type, #ResultsTable tbody tr th:last-of-type, #DataTable tbody tr th:last-of-type {
    border-right: 3px solid #006699;
    border-top-right-radius: 0px;
    }
	
#InputTable tbody tr:last-child td:first-of-type , #ResultsTable tbody tr:last-child td:first-of-type, #DataTable tbody tr:last-child td:first-of-type {
	border-bottom-left-radius: 10px; 
	border-left: 3px solid #006699;	
	}
	
#InputTable tbody tr:last-child td:last-of-type, #ResultsTable tbody tr:last-child td:last-of-type, #DataTable tbody tr:last-child td:last-of-type {
	border-bottom-right-radius: 10px;
    border-right: 3px solid #006699; 
    }

#InputTable tbody tr:not(last-child) td:first-of-type, #ResultsTable tbody tr:not(last-child) td:first-of-type, #DataTable tbody tr:not(last-child) td:first-of-type {
    border-left: 3px solid #006699;
    text-align: left;
    font-weight: bold;
    padding-left: 5px;
	}
	       
#InputTable tbody tr:not(last-child) td:last-of-type, #ResultsTable tbody tr:not(last-child) td:last-of-type, #DataTable tbody tr:not(last-child) td:last-of-type {
    border-right: 3px solid #006699;
	}
	
#InputTable tbody tr:not(last-child) td:nth-child(3) {
    border-left: 0.5px solid #006699;
    text-align: left;
    font-weight: bold;
    padding-left: 5px;  
	}
	
label {
  width: 100%;
  Height: 100%;
  min-height:100%
  outline: none;
  border: none;
  text-align: left;
  vertical-align: middle;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: black;
  font-size: 2vmin;
  /*background-color: white;*/
  font-weight: bold; 
}

label.border {
  border: 1px solid black;
  text-align: center;
  vertical-align: middle;
  color: black;
  font-size: 2vmin;
  overflow:hidden;
}

input {
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	-webkit-box-sizing:content-box; 
}
  
input[type=text] {
	display: inline-block;
	height: 100%;
	width: 80%;
	border: 1px solid black;
	border-radius: 1vmin;
	text-align: center;
	vertical-align: middle;
	color: black;
	font-size: 2vmin;
	background-color: LightYellow;
	overflow:hidden;
} 

input[type=button] {
	display: inline-block;
	/* Width: 100%;
	height: 100%; */
	size: calc(100% + 1vmin);
	border: 1px solid black;
	border-radius: 1vmin;
	text-align: center; 
	vertical-align: middle;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 2vmin;
	background: LightYellow;
	overflow:hidden;
	/* margin: auto; */
		
}

.selectWrapper {
		width: calc(80% + 10px);
		border: 1px solid black;
		border-radius: 1vmin;
		display: inline-block;
		overflow:hidden;
		background: LightYellow;
		vertical-align: middle; 
		
}

.selectWrapper .dropdown {
		font-size: 2vmin;
		width: 100%;
		border: 0px;
		overflow:hidden;
		outline:none;
		background: transparent; 
		vertical-align: middle;
		background-color: LightYellow; 
}


#myGraphContainer {
		-webkit-border-radius: 10px; 
		-moz-border-radius: 10px; 
		border-radius: 10px; 
		border: 3px solid #006699;
        width: 98%;
        /* 98.8 */
        height: 100%;
        position: relative;
        left: 0;
        right: 0;
        margin-left: auto;
		margin-right: auto;
        font: normal 1.5vmin Georgia, Times New Roman, Times, serif;
        background: #fffff; 
        overflow-x:hidden;
}

#myCanvas {
		/* -webkit-border-radius: 10px; 
		-moz-border-radius: 10px; 
		border-radius: 10px; 
		border: 3px solid #006699;
        overflow:hidden; */
        /* width: 100%; */
        /* margin-right: -15px; */
        /* background-color: #00557F; */
        background-color: #FFFFFF;
        
}