@font-face {
			font-family: Arial;
			src: url("https://www.onewayup.net/fonts/arial.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
			 url("https://www.onewayup.net/fonts/arial.woff") format("woff"), /* Modern Browsers */
			 url("https://www.onewayup.net/fonts/arial.ttf")  format("truetype"), /* Safari, Android, iOS */
			 url("https://www.onewayup.net/fonts/arial.svg#Arial") format("svg"); /* Legacy iOS */
		}

	@font-face {
			font-family: "Arial Narrow";
			src: url("https://www.onewayup.net/fonts/ArialNarrow.eot?#iefix") format("embedded-opentype"),
			 url("https://www.onewayup.net/fonts/ArialNarrow.woff2") format("woff2"),
			 url("https://www.onewayup.net/fonts/ArialNarrow.woff") format("woff"),
			 url("https://www.onewayup.net/fonts/ArialNarrow.ttf") format("truetype"),
			 url("https://www.onewayup.net/fonts/ArialNarrow.svg#ArialNarrow") format("svg");
	}

	#rcorners1 {
		border-radius: 10px;
		border: 1px solid #a8a8a8;
		padding: 0px; 
		width: 180px;
		height: 45px;  
	}

	#rcorners2 {
		border-radius: 10px;
		border: 1px solid #a8a8a8;
		padding: 0px; 
		width: 180px;
		height: 100px;  
	}

	#window {
		position: absolute;
		width: 490px;
		height: 660px;
		margin: 0px;
	}

	#border {
		border-radius: 10px;
		border: 2px solid #a8a8a8;
		padding: 0px;
		margin: 2px 2px 2px 2px;
		width: 99%;
		height: 100%;  
	}
	
	#floatTL{
		position:absolute;
		overflow:hidden;
		top:0px;
		left:0px;
	}

	#floatTLbase{
		position:absolute;
		overflow:hidden;
		border-radius: 0px 10px 0px 0px;
		border-top: 1px solid #a8a8a8;
		border-right: 1px solid #a8a8a8;
		padding: 0px;
		top:0px;
		left:0px;
	}
	
	#windDirN{
		position: absolute;
		top: 8px;
		left: 75px;
		font-family: Arial, sans-serif;
		font-size: 18px;
		color: #000077;
		text-shadow: 0.1em 0.1em 0.2em #888888;
	}
	
	#windDirS{
		position: absolute;
		top: 136px;
		left: 75px;
		font-family: Arial, sans-serif;
		font-size: 18px;
		color: #000077;
		text-shadow: 0.1em 0.1em 0.2em #888888;
	}
	
	#windDirE{
		position: absolute;
		top: 70px;
		left: 138px;
		font-family: Arial, sans-serif;
		font-size: 18px;
		color: #000077;
		text-shadow: 0.1em 0.1em 0.2em #888888;
	}
	
	#windDirW{
		position: absolute;
		top: 70px;
		left: 8px;
		font-family: Arial, sans-serif;
		font-size: 18px;
		color: #000077;
		text-shadow: 0.1em 0.1em 0.2em #888888;
	}
	
	#border0{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 165px;
		height: 196px;
		border: 1px gray solid;
	}
	
	#windSpeedTextContainer{
		position:absolute;
		width:165px;
		height:162px;
		top:58px;
		text-align:center;
		margin:auto;
	}
	
	#gust-top-border{
		position:absolute;
		left:0px;
		width:162px;
		height:5px;
		border-top: 1px solid #a8a8a8;
		top:165px;	
	}

	#windGustTextContainer{
		position:absolute;
		width:148px;
		height:41px;
		top:171px;
		border-right: 1px solid #a8a8a8;
		padding-top: 6px;
	}
		
	#windSpeedUOMContainer{
		position:absolute;
		width:165px;
		height:162px;
		top:90px;
		text-align:center;
		margin:auto;
	}
	
	#windCalmTextContainer{
		position:absolute;
		width:165px;
		height:162px;
		top:65px;
		text-align:center;
		margin:auto;
	}
	
	#windSpeedText{
		font-family:Arial,Roboto,sans-serif;
		font-size:26px;
		font-weight:bold;
		letter-spacing:0.5px;
		color:#000077;
		text-shadow:0.1em 0.1em 0.2em #888888;
	}
	
	#windSpeedUOMText{
		font-family:Arial,Roboto,sans-serif;
		font-size:9.5px;
		font-weight:bold;
		letter-spacing:0;
		color:#000077;
		text-shadow:0.1em 0.1em 0.2em #dddddd;
	}
	
	#windCalmText{
		font-family:Arial,Roboto,sans-serif;
		font-size:24px;
		font-weight:bold;
		letter-spacing:0.5px;
		color:#000077;
		text-shadow:0.1em 0.1em 0.2em #888888;
	}
	
	#windGustText{
		text-align:center;
		font-family:Arial,Roboto,sans-serif;
		font-size:16px;
		font-weight:bold;
		letter-spacing:0;
		text-align: left;
		color:#f00208;
		text-shadow:0.1em 0.1em 0.2em #dddddd;
	}

	#wxdata {
			position: relative;
			border: none;
			width: 270px;
			height: 210px;
			}
			
	#dewptBox {
			position:absolute;
			border: none;
			top: 2px;
			width: 90px;
			height: 240px;
			padding: 8px;
			}		
	#dewptTube {	
			position: absolute;
			border-left: 12px solid #dddddd;
			top: 40px;
			height: 120px;
			margin-left: 40px;
			}
	#dewptTubeRadius {
			position: absolute;
			border-radius: 6px;
			border-left: 12px solid #dddddd;
			top: 34px;
			height: 12px;
			margin-left: 40px;
			}

	#dewptFillRadius {
			position: absolute;
			border-radius: 6px;
			border-left: 12px solid #ff0000;
			top: 154px;
			height: 12px;
			margin-left: 40px;
			}
	#dewlabel100pct {
			position: absolute;
			font-family: Arial;
			font-size: 12px;
			font-weight: bold;
			color: #000088;
			top: 33px;
			left: 16px;
			}
	#dewline100pct {
			position: absolute;
			width: 4px;
			height: 1px;
			border-bottom: 1px solid #000088;
			top: 40px;
			left: 41px;
			}
	#dewlabel87pct {
			position: absolute;
			font-family: Arial;
			font-size: 12px;
			font-weight: bold;
			color: #000088;
			top: 48px;
			left: 16px;
			}
	#dewline87pct {
			position: absolute;
			width: 4px;
			height: 1px;
			border-bottom: 1px solid #000088;
			top: 55px;
			left: 41px;
			}
	#dewlabel75pct {
			position: absolute;
			font-family: Arial;
			font-size: 12px;
			font-weight: bold;
			color: #000088;
			top: 63px;
			left: 16px;
			}
	#dewline75pct {
			position: absolute;
			width: 4px;
			height: 1px;
			border-top: 1px solid #000088;
			top: 70px;
			left: 41px;
			}
	#dewlabel62pct {
			position: absolute;
			font-family: Arial;
			font-size: 12px;
			font-weight: bold;
			color: #000088;
			top: 78px;
			left: 16px;
			}
	#dewline62pct {
			position: absolute;
			width: 4px;
			height: 1px;
			border-top: 1px solid #000088;
			top: 85px;
			left: 41px;
			}
	#dewlabel50pct {
			position: absolute;
			font-family: Arial;
			font-size: 12px;
			font-weight: bold;
			color: #000088;
			top: 93px;
			left: 16px;
			}
	#dewline50pct {
			position: absolute;
			width: 4px;
			height: 1px;
			border-top: 1px solid #000088;
			top: 100px;
			left: 41px;
			}
	#dewlabel37pct {
			position: absolute;
			font-family: Arial;
			font-size: 12px;
			font-weight: bold;
			color: #000088;
			top: 108px;
			left: 16px;
			}
	#dewline37pct {
			position: absolute;
			width: 4px;
			height: 1px;
			border-top: 1px solid #000088;
			top: 115px;
			left: 41px;
			}
	#dewlabel25pct {
			position: absolute;
			font-family: Arial;
			font-size: 12px;
			font-weight: bold;
			color: #000088;
			top: 123px;
			left: 16px;
			}
	#dewline25pct {
			position: absolute;
			width: 4px;
			height: 1px;
			border-top: 1px solid #000088;
			top: 130px;
			left: 41px;
			}
	#dewlabel12pct {
			position: absolute;
			font-family: Arial;
			font-size: 12px;
			font-weight: bold;
			color: #000088;
			top: 138px;
			left: 16px;
			}
	#dewline12pct {
			position: absolute;
			width: 4px;
			height: 1px;
			border-top: 1px solid #000088;
			top: 145px;
			left: 41px;
			}
	#dewlabel0pct {
			position: absolute;
			font-family: Arial;
			font-size: 12px;
			font-weight: bold;
			color: #000088;
			top: 153px;
			left: 16px;
			}
	#dewline0pct {
			position: absolute;
			width: 4px;
			height: 1px;
			border-top: 1px solid #000088;
			top: 160px;
			left: 41px;
			}
	#dewpoint {
			position: absolute;
			font-family: Arial;
			font-size: 16px;
			font-weight: normal;
			color: #000088;
			top: 6px;
			height: 30px;
			left: 6px;
			}
	#dewptValue {
			position: absolute;
			font-family: Arial;
			font-size: 20px;
			font-weight: 600;
			color: #232388;
			top: 174px;
			height: 24px;
			left: 28px;
			}
	#humidityBox{
			position:absolute;
			border: none;
			top: 2px;
			left: 99px;
			width: 90px;
			height: 240px;
			padding: 8px;
			}
	#humidityTube {	
			position: absolute;
			border-left: 12px solid #dddddd;
			top: 40px;
			height: 120px;
			margin-left: 40px;
			}
	#humidityTubeRadius {
			position: absolute;
			border-radius: 6px;
			border-left: 12px solid #dddddd;
			top: 34px;
			height: 12px;
			margin-left: 40px;
			}

	#humidityFillRadius {
			position: absolute;
			border-radius: 6px;
			border-left: 12px solid blue;
			top: 154px;
			height: 12px;
			margin-left: 40px;
			}
	#humidlabel100pct {
			position: absolute;
			font-family: Arial;
			font-size: 12px;
			font-weight: bold;
			color: #000088;
			top: 33px;
			left: 3px;
			}
	#humidline100pct {
			position: absolute;
			width: 4px;
			height: 1px;
			border-bottom: 1px solid #000088;
			top: 40px;
			left: 41px;
			}
	#humidlabel80pct {
			position: absolute;
			font-family: Arial;
			font-size: 12px;
			font-weight: bold;
			color: #000088;
			top: 57px;
			left: 7px;
			}
	#humidline80pct {
			position: absolute;
			width: 4px;
			height: 1px;
			border-top: 1px solid #000088;
			top: 64px;
			left: 41px;
			}
	#humidlabel60pct {
			position: absolute;
			font-family: Arial;
			font-size: 12px;
			font-weight: bold;
			color: #000088;
			top: 81px;
			left: 7px;
			}
	#humidline60pct {
			position: absolute;
			width: 4px;
			height: 1px;
			border-top: 1px solid #000088;
			top: 88px;
			left: 41px;
			}
	#humidlabel40pct {
			position: absolute;
			font-family: Arial;
			font-size: 12px;
			font-weight: bold;
			color: #000088;
			top: 105px;
			left: 7px;
			}
	#humidline40pct {
			position: absolute;
			width: 4px;
			height: 1px;
			border-top: 1px solid #000088;
			top: 112px;
			left: 41px;
			}
	#humidlabel20pct {
			position: absolute;
			font-family: Arial;
			font-size: 12px;
			font-weight: bold;
			color: #000088;
			top: 129px;
			left: 7px;
			}
	#humidline20pct {
			position: absolute;
			width: 4px;
			height: 1px;
			border-top: 1px solid #000088;
			top: 136px;
			left: 41px;
			}
	#humidlabel0pct {
			position: absolute;
			font-family: Arial;
			font-size: 12px;
			font-weight: bold;
			color: #000088;
			top: 153px;
			left: 11px;
			}
	#humidline0pct {
			position: absolute;
			width: 4px;
			height: 1px;
			border-top: 1px solid #000088;
			top: 160px;
			left: 41px;
			}
	#humidity {
			position: absolute;
			font-family: Arial;
			font-size: 16px;
			font-weight: normal;
			color: #000088;
			top: 6px;
			height: 30px;
			left: 2px;
			}
	#humidityValue {
			position: absolute;
			font-family: Arial;
			font-size: 20px;
			font-weight: 600;
			color: #232388;
			top: 174px;
			height: 24px;
			left: 26px;
			}
	#baroBox{
			position:absolute;
			border: none;
			top: 2px;
			left: 190px;
			width: 90px;
			height: 240px;
			padding: 8px;
			}
	#baroTube {	
			position: absolute;
			border-left: 12px solid #dddddd;
			top: 40px;
			height: 120px;
			margin-left: 40px;
			}
	#baroTubeRadius {
			position: absolute;
			border-radius: 6px;
			border-left: 12px solid #dddddd;
			top: 34px;
			height: 12px;
			margin-left: 40px;
			}

	#barolabel1050hPa {
			position: absolute;
			font-family: Arial;
			font-size: 12px;
			font-weight: bold;
			color: #000088;
			top: 33px;
			left: 6px;
			}
	#baroline1050hPa {
			position: absolute;
			width: 4px;
			height: 1px;
			border-bottom: 1px solid #000088;
			top: 40px;
			left: 41px;
			}
	#baroline1040hPa {
			position: absolute;
			width: 4px;
			height: 1px;
			border-top: 1px solid #000088;
			top: 52px;
			left: 41px;
			}
	#barolabel1030hPa {
			position: absolute;
			font-family: Arial;
			font-size: 12px;
			font-weight: bold;
			color: #000088;
			top: 56px;
			left: 6px;
			}
	#baroline1030hPa {
			position: absolute;
			width: 4px;
			height: 1px;
			border-top: 1px solid #000088;
			top: 64px;
			left: 41px;
			}
	#baroline1020hPa {
			position: absolute;
			width: 4px;
			height: 1px;
			border-top: 1px solid #000088;
			top: 76px;
			left: 41px;
			}
	#barolabel1010hPa {
			position: absolute;
			font-family: Arial;
			font-size: 12px;
			font-weight: bold;
			color: #000088;
			top: 81px;
			left: 6px;
			}
	#baroline1010hPa {
			position: absolute;
			width: 4px;
			height: 1px;
			border-top: 1px solid #000088;
			top: 88px;
			left: 41px;
			}
	#baroline1000hPa {
			position: absolute;
			width: 4px;
			height: 1px;
			border-top: 1px solid #000088;
			top: 100px;
			left: 41px;
			}
	#barolabel990hPa {
			position: absolute;
			font-family: Arial;
			font-size: 12px;
			font-weight: bold;
			color: #000088;
			top: 105px;
			left: 13px;
			}
	#baroline990hPa {
			position: absolute;
			width: 4px;
			height: 1px;
			border-top: 1px solid #000088;
			top: 112px;
			left: 41px;
			}
	#baroline980hPa {
			position: absolute;
			width: 4px;
			height: 1px;
			border-top: 1px solid #000088;
			top: 124px;
			left: 41px;
			}
	#barolabel970hPa {
			position: absolute;
			font-family: Arial;
			font-size: 12px;
			font-weight: bold;
			color: #000088;
			top: 129px;
			left: 13px;
			}
	#baroline970hPa {
			position: absolute;
			width: 4px;
			height: 1px;
			border-top: 1px solid #000088;
			top: 136px;
			left: 41px;
			}
	#baroline960hPa {
			position: absolute;
			width: 4px;
			height: 1px;
			border-top: 1px solid #000088;
			top: 148px;
			left: 41px;
			}
	#barolabel950hPa {
			position: absolute;
			font-family: Arial;
			font-size: 12px;
			font-weight: bold;
			color: #000088;
			top: 153px;
			left: 13px;
			}
	#baroline950hPa {
			position: absolute;
			width: 4px;
			height: 1px;
			border-top: 1px solid #000088;
			top: 160px;
			left: 41px;
			}

	#barometer {
			position: absolute;
			font-family: Arial;
			font-size: 16px;
			font-weight: normal;
			color: #000088;
			top: 6px;
			height: 30px;
			left: 2px;
			}
	#baroValue {
			position: absolute;
			font-family: Arial Narrow;
			font-size: 20px;
			font-weight: 600;
			text-align: left;
			color: #232388;
			top: 174px;
			height: 24px;
			left: 0px;
			}
	.barGaugeUnits {
			font-size: 70%;
			font-weight: normal;
			position: relative;
			bottom: 0.35em;		
			}
	.baroUnits {
			font-face: Arial;
			font-size: 60%;
			font-weight: normal;
			position: relative;
			color: #000088;
			bottom: 0.4em;
			}
	.units {
			font-size: 70%;
			font-weight: normal;
			position: relative;
			bottom: 0.2em;
			}