body {
			background-color: #ddd;
			margin: 0;
			font-family: verdana;
			font-size: 13px;
			padding: 0;
		}
		div#container {
			position: relative;
			padding: 0;
			margin: 0 auto;
			width: 1600px;
		}
		div#wrapper {
			position: relative;
			float: left;
			padding: 0;
			margin: 0;
			width: 1600px;
			text-align: left;
			overflow: hidden;
		}
		h1 {
			background-color: #4373a4;
			width: 100%;
			text-align: center;
			color: #fff;
			padding: 0;
			margin: 12px;
		}
		h2 {
			background-color: #060;
			width: 99%;
			text-align: center;
			color: #fff;
			padding: 0;
			margin: 12px;
			padding: 4px;
			font-size: 16px;
			font-weight: normal;
		}
		h2.error {
			background-color: #a00;
		}
		span#verbinding {
			float: left;
			margin-left: 24px;
		}
		span#clock {
			float: right;
			margin-right: 32px;
		}
		span#title {
			text-align: center;
		}
		div#layout {
			position: relative;
		}
		input#userMode {
			position: absolute;
			left: 15px;
			top: 0px;
			width: 160px;
			font: 17px 'Arial', Gadget, sans-serif;
			visibility: hidden;
		}
		input#Lng {
			position: absolute;
			left: 30px;
			top: 330px;
			width: 100px;
			font: 14px 'Arial', Gadget, sans-serif;
		}
		input#Lat {
			position: absolute;
			left: 160px;
			top: 330px;
			width: 100px;
			font: 14px 'Arial', Gadget, sans-serif;
		}
		input#ReverseLookup {
			position: absolute;
			left: 30px;
			top: 365px;
			width: 230px;
			font: 14px 'Arial', Gadget, sans-serif;
		}
		input#Cog {
			position: absolute;
			left: 30px;
			top: 400px;
			width: 100px;
			font: 14px 'Arial', Gadget, sans-serif;
		}
		input#Sog {
			position: absolute;
			left: 160px;
			top: 400px;
			width: 100px;
			font: 14px 'Arial', Gadget, sans-serif;
		}
		div#tankFsUSB {
			position: absolute;
			left: 271px;
			top: 26px;
			width: 332px;
			height: 350px;
			background-color: #122;
		}
		
		div#tankFsUBB {
			position: absolute;
			left: 271px;
			top: 374px;
			width: 332px;
			height: 350px;
			background-color: #122;
		}
		
		div#tankFsLSB {
			position: absolute;
			left: 603px;
			top: 26px;
			width: 332px;
			height: 350px;
			background-color: #122;
		}
		
		div#tankFsLBB {
			position: absolute;
			left: 603px;
			top: 374px;
			width: 332px;
			height: 350px;
			background-color: #122;
		}
		
		div#tankAsSB {
			position: absolute;
			left: 940px;
			top: 26px;
			width: 332px;
			height: 350px;
			background-color: #122;
		}
		
		div#tankAsBB {
			position: absolute;
			left: 940px;
			top: 374px;
			width: 332px;
			height: 350px;
			background-color: #122;
		}
		
		div#tankAsMID {
			position: absolute;
			left: 1272px;
			top: 26px;
			width: 272px;
			height: 700px;
			background-color: #122;
		}
		
		canvas.tankGauge {
			position: absolute;
			left: 10px;
			top: 10px;
			width: 176px;
			height: 224px;
		}
		
		canvas.tankGaugeBB {
			position: absolute;
			left: 10px;
			top: 110px;
			width: 176px;
			height: 224px;
		}
		
		div#tankAsMID canvas.tankGauge {
			position: absolute;
			left: 50px;
			top: 100px;
			width: 176px;
			height: 424px;
		}
		
		div#tankAsMID div.gaugeValue {
			position: absolute;
			left: 50px;
			top: 456px;
			width: 200px;
			height: 48px;
			text-align: center;
			color: #fff;
			text-shadow: 2px 2px 0 #000;
			font: 20px 'Arial', Gadget, sans-serif;
		}
		div#tankAsMID div.trendValue {
			position: absolute;
			left: 50px;
			top: 482px;
			width: 200px;
			height: 24px;
			text-align: center;
			color: #fff;
			text-shadow: 2px 2px 0 #000;
			font: 16px 'Arial', Gadget, sans-serif;
		}
		div#tankAsMID div.emptyValue {
			position: absolute;
			left: 50px;
			top: 130px;
			width: 200px;
			height: 24px;
			text-align: center;
			color: #000;
			text-shadow: 1px 1px 0 #fff;
			font: 16px 'Arial', Gadget, sans-serif;
			font-style: italic;
		}
		
		div.tankGaugeDataFsUSB {
			position: absolute;
			left: 190px;
			top: 10px;
			width: 150px;
			height: 280px;
			color: #ffffff;
		}
		
		div.tankGaugeDataFsUBB {
			position: absolute;
			left: 190px;
			top: 110px;
			width: 150px;
			height: 280px;
			color: #ffffff;
		}
		
		div.tankGaugeDataFsLSB {
			position: absolute;
			left: 190px;
			top: 10px;
			width: 150px;
			height: 280px;
			color: #ffffff;
		}
		
		div.tankGaugeDataFsLBB {
			position: absolute;
			left: 190px;
			top: 10px;
			width: 150px;
			height: 280px;
			color: #ffffff;
		}
		
		div.tankGaugeDataAsSB {
			position: absolute;
			left: 190px;
			top: 10px;
			width: 150px;
			height: 280px;
			color: #ffffff;
		}
		
		div.tankGaugeDataAsBB {
			position: absolute;
			left: 190px;
			top: 90px;
			width: 150px;
			height: 280px;
			color: #ffffff;
		}
		
		div.tankGaugeDataAsMID {
			position: absolute;
			left: 90px;
			top: 540px;
			width: 150px;
			height: 280px;
			color: #ffffff;
		}
		
		div.tankGaugeDataFsLSB br {
			display: block;
			margin: 2px 0;
		}
		
		div.tankGaugeDataFsLBB {
			position: absolute;
			left: 190px;
			top: 110px;
			width: 150px;
			height: 280px;
			color: #ffffff;
		}
		
		div.tankGaugeDataFsLBB br {
			display: block;
			margin: 2px 0;
		}
		
		input.spinner {
			width: 50px;
			font-size: 14px;
			font-weight: bold;
			margin-left: 16px;
			color: #000;
		}
		input#calcRhoAsSB, input#calcRhoAsBB {
			width: 60px;
			font-size: 14px;
			text-align: left;
			color: #000;
		}
		input#calcTempAsSB, input#calcTempAsBB {
			width: 60px;
			font-size: 14px;
			text-align: left;
			color: #000;
		}
		input#calcWgtFsUSB, input#calcWgtFsUBB, input#calcWgtFsLSB, input#calcWgtFsLBB, input#calcWgtAsSB, input#calcWgtAsBB, input#calcWgtAsMID {
			width: 60px;
			font-size: 14px;
			text-align: left;
			color: #000;
		}
		div.gaugeValue {
			position: absolute;
			left: 10px;
			top: 166px;
			width: 200px;
			height: 48px;
			text-align: center;
			color: #fff;
			text-shadow: 2px 2px 0 #000;
			font: 20px 'Arial', Gadget, sans-serif;
		}
		div.trendValue {
			position: absolute;
			left: 10px;
			top: 192px;
			width: 200px;
			height: 24px;
			text-align: center;
			color: #fff;
			text-shadow: 2px 2px 0 #000;
			font: 16px 'Arial', Gadget, sans-serif;
		}
		div.emptyValue {
			position: absolute;
			left: 10px;
			top: 40px;
			width: 200px;
			height: 24px;
			text-align: center;
			color: #000;
			text-shadow: 1px 1px 0 #fff;
			font: 16px 'Arial', Gadget, sans-serif;
			font-style: italic;
		}
		div.gaugeValueBB {
			position: absolute;
			left: 10px;
			top: 266px;
			width: 200px;
			height: 48px;
			text-align: center;
			color: #fff;
			text-shadow: 2px 2px 0 #000;
			font: 20px 'Arial', Gadget, sans-serif;
		}
		div.trendValueBB {
			position: absolute;
			left: 10px;
			top: 292px;
			width: 200px;
			height: 24px;
			text-align: center;
			color: #fff;
			text-shadow: 2px 2px 0 #000;
			font: 16px 'Arial', Gadget, sans-serif;
		}
		div.emptyValueBB {
			position: absolute;
			left: 10px;
			top: 140px;
			width: 200px;
			height: 24px;
			text-align: center;
			color: #000;
			text-shadow: 1px 1px 0 #fff;
			font: 16px 'Arial', Gadget, sans-serif;
			font-style: italic;
		}
		input#volumeFs {
			position: absolute;
			left: 526px;
			top: 350px;
			width: 60px;
			height: 22px;
			padding: 0;
			margin: 0;
			color: #000;
		}
		
		span#labelVolumeFs {
			position: absolute;
			left: 592px;
			top: 352px;
			color: #fff;
		}
		input#trendFs {
			position: absolute;
			left: 610px;
			top: 350px;
			width: 60px;
			height: 22px;
			padding: 0;
			margin: 0;
		}
		span#labelTrendFs {
			position: absolute;
			left: 676px;
			top: 352px;
			color: #fff;
		}
		input#volumeAs {
			position: absolute;
			left: 1066px;
			top: 350px;
			width: 60px;
			height: 22px;
			padding: 0;
			margin: 0;
			color: #000;
		}
		span#labelVolumeAs {
			position: absolute;
			left: 1132px;
			top: 352px;
			color: #fff;
		}
		input#trendAs {
			position: absolute;
			left: 1152px;
			top: 350px;
			width: 60px;
			height: 22px;
			padding: 0;
			margin: 0;
		}
		span#labelTrendAs {
			position: absolute;
			left: 1218px;
			top: 352px;
			color: #fff;
		}
		input#volumeAll {
			position: absolute;
			left: 82px;
			top: 270px;
			width: 60px;
			height: 22px;
			padding: 0;
			margin: 0;
			color: #000;
		}
		span#labelVolumeAll {
			position: absolute;
			left: 148px;
			top: 272px;
			color: #fff;
		}
		input#trendAll {
			position: absolute;
			left: 164px;
			top: 270px;
			width: 60px;
			height: 22px;
			padding: 0;
			margin: 0;
		}
		span#labelTrendAll {
			position: absolute;
			left: 230px;
			top: 272px;
			color: #fff;
		}
		span#labelAllTanks {
			position: absolute;
			left: 86px;
			top: 246px;
			color: #fff;
		}
		input#recording {
			position: absolute;
			left: 30px;
			top: 660px;
			width: 236px;
			font: 14px 'Arial', Gadget, sans-serif;
		}
		table.summary {
			position: absolute;
			left: 10px;
			top: 440px;
			border-spacing: 0;
			border-right: 1px solid #888;
			border-bottom: 1px solid #888;
			background-color: #fff;
			font: 12px 'Arial', Gadget, sans-serif;
			visibility: hidden;
		}
		table.summary th {
			border-left: 1px solid #888;
			border-top: 1px solid #888;
			width: 46px;
			margin: 0;
			padding: 2px;
			background-color: #ddd;
			text-align: center;
			font-weight: normal;
		}
		table.summary td {
			border-left: 1px solid #888;
			border-top: 1px solid #888;
			margin: 0;
			padding: 2px;
			text-align: right;
			font-weight: bold;
		}
		div#ladingstanks {
			position: absolute;
			left: 150px;
			top: 186px;
			width: 1400px;
			height: 400px;
			background-color: #122;
			border-radius: 16px;
		}
		div#ladingstanks table {
			width: 100%;
		}
		div#ladingstanks table td {
			text-align: center;
		}
		div#ladingstanks table td canvas.tankGauge {
			position: relative;
			left: 0px;
			top: 0px;
			width: 120px;
			height: 162px;
		}
		div#ladingstanks table td span.gaugeValue {
			font: 20px 'Arial', Gadget, sans-serif;
			color: #fff;
			text-shadow: 2px 2px 0 #666;
		}
		div#totaalVolume {
			position: absolute;
			left: 780px;
			top: 120px;
			color: #fff;
		}
		input#totalVolume_ladingstanks {
			width: 60px;
			height: 22px;
			padding: 0;
			margin: 0;
			color: #000;
		}