{% set baseFontSize = "1em" %}
@viewport {
    height: device-height;
    width: device-width;
    zoom: 1.0;
}

@-ms-viewport {
    height: device-height;
    width: device-width;
    zoom: 1.0;
}

html {
    position: fixed;
    height: 100%;
    width: 100%;
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    height: -moz-available;
    width: -moz-available;
    height: fill-available;
    width: fill-available;
    background-color: rgb(225, 231, 255);
    background: -webkit-gradient(linear, left top, right bottom, from(rgb(11, 22, 137)), to(rgb(18, 35, 222)));
    background: -webkit-linear-gradient(left top, right bottom, rgb(11, 22, 137), rgb(18, 35, 222));
    background: -moz-linear-gradient(left top, right bottom, rgb(11, 22, 137), rgb(18, 35, 222));
    background: -ms-linear-gradient(left top, right bottom, rgb(11, 22, 137), rgb(18, 35, 222));
    background: -o-linear-gradient(left top, right bottom, rgb(11, 22, 137), rgb(18, 35, 222));
}

body {
    position: fixed;
    overflow: hidden;
    opacity: .9;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    height: 100%;
    width: 100%;
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    height: -moz-available;
    width: -moz-available;
    height: fill-available;
    width: fill-available;

    background: rgb(35, 69, 128);
    border-color: rgb(145, 173, 222) rgb(35, 69, 128) rgb(35, 69, 128) rgb(145, 173, 222);
    background: -webkit-gradient(linear, left top, right bottom, from(rgb(35, 69, 128)), to(rgb(160, 182, 216)));
    background: -webkit-linear-gradient(left top, right bottom, rgb(35, 69, 128), rgb(160, 182, 216));
    background: -moz-linear-gradient(left top, right bottom, rgb(35, 69, 128), rgb(160, 182, 216));
    background: -ms-linear-gradient(left top, right bottom, rgb(35, 69, 128), rgb(160, 182, 216));
    background: -o-linear-gradient(left top, right bottom, rgb(35, 69, 128), rgb(160, 182, 216));
}

li, ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    position: absolute;
    visibility: hidden;
    width: 22.5em;
    height: 5em;
    background: rgb(11, 22, 137);
    background-color: rgb(225, 231, 255);
    background: -webkit-gradient(linear, left top, right bottom, from(rgb(11, 22, 137)), to(rgb(18, 35, 222)));
    background: -webkit-linear-gradient(left top, right bottom, rgb(11, 22, 137), rgb(18, 35, 222));
    background: -moz-linear-gradient(left top, right bottom, rgb(11, 22, 137), rgb(18, 35, 222));
    background: -ms-linear-gradient(left top, right bottom, rgb(11, 22, 137), rgb(18, 35, 222));
    background: -o-linear-gradient(left top, right bottom, rgb(11, 22, 137), rgb(18, 35, 222));
    color: rgb(217, 242, 228);
    text-align: center;
    border-radius: 0.375em;
    border-width: 0.125em;
    font-size: 1.125em;
    z-index: 1;
    bottom: 190%;
    left: -21%;
    margin-left: -3.75em;
    opacity: 0;
    transition: opacity .3s;
    padding: 0.3125em;
    border-radius: 0.3125em;
    -webkit-border-radius: 0.3125em;
    -moz-border-radius: 0.3125em;
    font-variant: small-caps;
    border-color: rgb(39, 73, 130) rgb(39, 73, 130) rgb(145, 173, 222) rgb(145, 173, 222);
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -0.3125em;
    border-width: 0.3125em;
    border-style: solid;
    border-color: rgb(39, 73, 130) rgb(39, 73, 130) transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

#hilight {
    color: rgb(255, 0, 0);
    text-decoration: underline;
}

#metar1, #station_id, a, body, html {
    width: 49.45em
}

#text, body, html {
    font-family: Roboto, sans-serif;
}

#Link { 
    position: relative;
    width: auto; 
    font-family: Roboto, sans-serif;
    top: -35.525em;
    left: 21.025em;
    font-weight: 900;
    color: rgb(255, 0, 0);
    text-decoration: green wavy underline overline;
    font-variant: small-caps;
}

#link, a { 
    position: relative;
    width: auto; 
    font-family: Roboto, sans-serif;
    top: 0.88em;
    left: 0.94em;
    text-decoration: green wavy underline overline;;
}

#link {
    display: inline-block;
    top: -0.1em;
    height: 1em;
    width: 14.5em;
    white-space: normal;
    border: outset;
    border-width: 0.125em;
    -webkit-border-radius: 0.3125em;
    -moz-border-radius: 0.3125em;
    border-radius: 0.3125em;
    border-color: red;
    background: -webkit-gradient(linear, left top, right bottom, from(rgb(239, 239, 239)), to(rgb(176, 198, 232)));
    background: -webkit-linear-gradient(left top, right bottom, rgb(239, 239, 239), rgb(176, 198, 232));
    background: -moz-linear-gradient(left top, right bottom, rgb(239, 239, 239), rgb(176, 198, 232));
    background: -ms-linear-gradient(left top, right bottom, rgb(239, 239, 239), rgb(176, 198, 232));
    background: -o-linear-gradient(left top, right bottom, rgb(239, 239, 239), rgb(176, 198, 232));
    text-align: center;
    vertical-align: middle;
    / margin-top: -1.725em;
    font-size: 1em;
    padding: 0.25em 0.375em 0.25em;
    text-decoration: rgb(0, 128, 0) wavy underline overline;
    z-index: 10;
}

.modal, .modal-content, body {
    border-radius: 0.3125em;
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxP.ttf) format('truetype');
}

@viewport {
    width: device-width;
    zoom: 4;
    initial-scale: 1.5;
    min-zoom: 1;
    max-zoom: 10;
    user-zoom: fixed;
}

#sep {
    position: relative;
    top: -36.4em;
    width: 47.875em;
}

#sep1 {
    position: relative;
    top: -30.075em;
    width: 47.875em;
}

#sep2 {
    position: relative;
    top: -27.8em;
    width: 47.875em;
}

#sep3 {
    position: relative;
    top: -24.8em;
    width: 47.875em;
}

textarea.break {
    word-wrap: break-word;
    word-break: break-all;
    height: 5em;
}

input.break {
    word-wrap: break-word;
    word-break: break-all;
    height: 5em;
}

#line {
    position: relative;
    left: 3.3125em;
    top: 0.375em;
    font-size: 1.125em;
    font-weight: 900;
    z-index: 3;
}

#logo {
    overflow: hidden;
    left: 32.1875em;
    top: -2.9375em;
    border: 0.125em solid #eee;
    border-radius: 50%;
    z-index: 3;
}

#content, #tempC, #RH, #tempCdew, #cloud_base, #message, #msg, #barometric, #baro, #DA, #field, #elevation, #pressure, #rwy, #windS, #windD, #Head, #Hwind, #Cross, #Xwind, #WindSpeed_m, #WindSpeed_kph, #WindSpeed_mph, #WindSpeed_kts, #Inches_Hg, #Hectopascal, #ws_m, #ws_kph, #ws_mph, #ws_kts, #inhg, #hPa {
    position: relative;
    overflow: visible;
    top: 0.125em;
    left: 0;
    width: 48.0em;
    height: 30.425em;
    font-size: 0.975em;
    color: #04047c;
    white-space: nowrap;
    border: outset;
    border-width: 0.125em;
    -webkit-border-radius: 0.3125em;
    -moz-border-radius: 0.3125em;
    border-radius: 0.3125em;
    border-color: rgb(39, 73, 130) rgb(39, 73, 130) rgb(145, 173, 222) rgb(145, 173, 222);
    background: -webkit-gradient(linear, left top, right bottom, from(rgb(239, 239, 239)), to(rgb(176, 198, 232)));
    background: -webkit-linear-gradient(left top, right bottom, rgb(239, 239, 239), rgb(176, 198, 232));
    background: -moz-linear-gradient(left top, right bottom, rgb(239, 239, 239), rgb(176, 198, 232));
    background: -ms-linear-gradient(left top, right bottom, rgb(239, 239, 239), rgb(176, 198, 232));
    background: -o-linear-gradient(left top, right bottom, rgb(239, 239, 239), rgb(176, 198, 232));
    z-index: 5;
}

#tc, #RelHum, #dewpt, #cloudbase, #message, #msg, #baro, #densityaltitude, #elevation, #altitude, #heading, #speed, #direction, #WindSpeed_m, #WindSpeed_kph, #WindSpeed_mph, #WindSpeed_kts, #Inches_Hg, #Hectopascal {
    position: relative;
    top: 0.125em;
    left: 0;
    width: 50.0em;
    height: 24.375em;
    font-size: 0.975em;
    color: #4d0000;
    white-space: nowrap;
    border: outset;
    border-width: 0.125em;
    -webkit-border-radius: 0.3125em;
    -moz-border-radius: 0.3125em;
    border-radius: 0.3125em;
    border-color: rgb(39, 73, 130) rgb(39, 73, 130) rgb(145, 173, 222) rgb(145, 173, 222);
    background: -webkit-gradient(linear, left top, right bottom, from(rgb(253, 254, 227)), to(rgb(243, 246, 232)));
    background: -webkit-linear-gradient(left top, right bottom, rgb(253, 254, 227), rgb(243, 246, 232));
    background: -moz-linear-gradient(left top, right bottom, rgb(253, 254, 227), rgb(243, 246, 232));
    background: -ms-linear-gradient(left top, right bottom, rgb(253, 254, 227), rgb(243, 246, 232));
    background: -o-linear-gradient(left top, right bottom, rgb(253, 254, 227), rgb(243, 246, 232));
    z-index: 5;
}

#cloudbase, #densityaltitude, #altitude,  #Hwind, #Xwind {
    position: relative;
    top: 0.25em;
    left: 0;
    white-space: nowrap;
    font-size: 1.1em;
    color: #006600;
    border: outset;
    border-width: 0.125em;
    -webkit-border-radius: 0.3125em;
    -moz-border-radius: 0.3125em;
    border-radius: 0.3125em;
    border-color: rgb(39, 73, 130) rgb(39, 73, 130) rgb(145, 173, 222) rgb(145, 173, 222);
    background: -webkit-gradient(linear, left top, right bottom, from(rgb(239, 239, 239)), to(rgb(176, 198, 232)));
    background: -webkit-linear-gradient(left top, right bottom, rgb(239, 239, 239), rgb(176, 198, 232));
    background: -moz-linear-gradient(left top, right bottom, rgb(239, 239, 239), rgb(176, 198, 232));
    background: -ms-linear-gradient(left top, right bottom, rgb(239, 239, 239), rgb(176, 198, 232));
    background: -o-linear-gradient(left top, right bottom, rgb(239, 239, 239), rgb(176, 198, 232));
    z-index: 5;
}

#line1 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: 0.95em;
    left: 0.25em;
    height: 1.55em;
    width: 13.675em;
    border: outset;
    border-radius: 0.3125em;
    margin-bottom: 0.05em;
    z-index: 6;
}

#tempC {
    top: 0.2em;
    left: 0em;
    height: 17px;
    width: 130.2px;
    z-index: 7;
}

#tc {
    float: center;
    top: -1.1em;
    left: 9.5625em;
    height: 14.6px;
    width: 35px;
    z-index: 7;
}

#units1 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: -36px;
    left: 181px;
    height: 16px;
    width: 35px;
    z-index: 9;
}

#line2 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: 0.95em;
    left: 0.25em;
    height: 1.55em;
    width: 13.675em;
    border: outset;
    border-radius: 0.3125em;
    margin-bottom: 0.05em;
    z-index: 6;
}

#RH {
    top: 0px;
    left: 0px;
    height: 17px;
    width: 130px;
    z-index: 7;
}

#RelHum {
    top: -19.7px;
    left: 139.1px;
    height: 16px;
    width: 35px;
    z-index: 7;
}

#units2 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: -39px;
    left: 185px;
    height: 16px;
    width: 35px;
    z-index: 9;
}

#line3 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: 0.95em;
    left: 0.25em;
    height: 1.55em;
    width: 13.675em;
    border: outset;
    border-radius: 0.3125em;
    margin-bottom: 0.05em;
    z-index: 6;
}

#tempCdew {
    top: 0px;
    left: 0px;
    height: 17px;
    width: 129px;
    z-index: 7;
}

#dewpt {
    top: -19px;
    left: 139px;
    height: 16px;
    width: 35px;
    z-index: 7;
}

#units3 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: -37px;
    left: 182px;
    height: 16px;
    width: 35px;
    z-index: 9;
}

#line4 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: 0.95em;
    left: 0.25em;
    height: 1.55em;
    width: 17.55em;
    border: outset;
    border-radius: 0.3125em;
    margin-bottom: 0.05em;
    z-index: 6;
}

#cloud_base {
    top: 0px;
    left: 0px;
    height: 17px;
    width: 140px;
    z-index: 7;
}

#cloudbase {
    top: -19.7px;
    left: 146.5px;
    height: 0.98125em;
    width: 55px;
    z-index: 7;
}

#units4 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: -40px;
    left: 14.375em;
    height: 16px;
    width: 35px;
    z-index: 9;
}

#line5 {
    display: block;
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: -77px;
    left: 257px;
    height: 54px;
    width: 255px;
    border: outset;
    border-radius: 0.3125em;
    padding-bottom: 1px;
    margin-bottom: 0.05em;
    z-index: 6;
}

#messages {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    display: block;
    top: 0px;
    left: 0px;
    height: 17px;
    width: 140px;
    z-index: 9;
}

#msg {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    display: display;
    top: -25.5em;
    left: 418px;
    height: 54px;
    width: 253px;
    font-size: .8em;
    color: #0404fb;
    white-space: nowrap;
    border: outset;
    border-width: 0.125em;
    -webkit-border-radius: 0.3125em;
    -moz-border-radius: 0.3125em;
    border-radius: 0.3125em;
    border-color: rgb(39, 73, 130) rgb(39, 73, 130) rgb(145, 173, 222) rgb(145, 173, 222);
    background: -webkit-gradient(linear, left top, right bottom, from(rgb(239, 239, 239)), to(rgb(176, 198, 232)));
    background: -webkit-linear-gradient(left top, right bottom, rgb(239, 239, 239), rgb(176, 198, 232));
    background: -moz-linear-gradient(left top, right bottom, rgb(239, 239, 239), rgb(176, 198, 232));
    background: -ms-linear-gradient(left top, right bottom, rgb(239, 239, 239), rgb(176, 198, 232));
    background: -o-linear-gradient(left top, right bottom, rgb(239, 239, 239), rgb(176, 198, 232));

    overflow-y: hidden;
    overflow-x: hidden;
    white-space: normal;
    z-index: 14;
}

#myBtn {
    position: relative;
    top: -281px;
    left: 626px;
    height: 27px;
    width: 48px;
    overflow-y: hidden;
    overflow-x: hidden;
    white-space: normal;
    font-size: 16px;
    padding-left: 0.125em;
    border: outset;
    border-width: 3px;
    -webkit-border-radius: 0.3125em;
    -moz-border-radius: 0.3125em;
    border-radius: 0.3125em;
    border-color: rgb(39, 73, 130) rgb(39, 73, 130) rgb(145, 173, 222) rgb(145, 173, 222);
    background: -webkit-gradient(linear, left top, right bottom, from(rgb(239, 239, 239)), to(rgb(176, 198, 232)));
    background: -webkit-linear-gradient(left top, right bottom, rgb(239, 239, 239), rgb(176, 198, 232));
    background: -moz-linear-gradient(left top, right bottom, rgb(239, 239, 239), rgb(176, 198, 232));
    background: -ms-linear-gradient(left top, right bottom, rgb(239, 239, 239), rgb(176, 198, 232));
    background: -o-linear-gradient(left top, right bottom, rgb(239, 239, 239), rgb(176, 198, 232));
    z-index: 7;
}

#t-rule {
    position: relative;
    top: 1.0em;
    left: -360px;
    height: 106px;
    width: 600px;
    overflow-y: hidden;
    overflow-x: hidden;
    white-space: normal;
    z-index: 6;
}

#line6 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    top: -12.55em;
    left: 365px;
    height: 27px;
    width: 218px;
    margin-bottom: 0.05em;
    z-index: 6;
}

#line7 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: -7.3em;
    left: 285px;
    height: 1.55em;
    width: 296px;
    border: outset;
    border-radius: 0.3125em;
    padding-bottom: 1px;
    margin-bottom: 0.05em;
    z-index: 6;
}

#barometric {
    top: 2px;
    left: 0px;
    height: 17px;
    width: 185px;
    z-index: 7;
}

#baro {
    top: -17.2px;
    left: 192px;
    height: 16px;
    width: 55px;
    z-index: 7;
}

#units7 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: -37.8px;
    left: 260.1px;
    height: 16px;
    width: 228px;
    z-index: 9;
}

#line8 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: -7.2em;
    left: 285px;
    height: 1.55em;
    width: 296px;
    border: outset;
    border-radius: 0.3125em;
    padding-bottom: 1px;
    margin-bottom: 0.05em;
    z-index: 6;
}

#DA {
    top: 2px;
    left: 0px;
    height: 17px;
    width: 185px;
    z-index: 7;
}

#densityaltitude {
    top: -18.7px;
    left: 192px;
    height: 16px;
    width: 55px;
    z-index: 7;
}

#units8 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: -37px;
    left: 262px;
    height: 16px;
    width: 228px;
    z-index: 9;
}

#line9 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: -7.3em;
    left: 285px;
    height: 1.55em;
    width: 296px;
    border: outset;
    border-radius: 0.3125em;
    padding-bottom: 1px;
    margin-bottom: 0.05em;
    z-index: 6;
}

#field {
    top: 2px;
    left: 0px;
    height: 17px;
    width: 185px;
    z-index: 7;
}

#elevation {
    top: -18px;
    left: 192px;
    height: 16px;
    width: 55px;
    z-index: 7;
}

#units9 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: -36px;
    left: 262px;
    height: 16px;
    width: 228px;
    z-index: 9;
}

#line10 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: -7.3em;
    left: 285px;
    height: 1.55em;
    width: 296px;
    border: outset;
    border-radius: 0.3125em;
    padding-bottom: 1px;
    margin-bottom: 0.05em;
    z-index: 6;
}

#pressure {
    top: 2px;
    left: 0px;
    height: 17px;
    width: 185px;
    z-index: 7;
}

#altitude {
    top: -19px;
    left: 192px;
    height: 16px;
    width: 55px;
    z-index: 7;
}

#units10 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: -36px;
    left: 262px;
    height: 16px;
    width: 228px;
    z-index: 9;
}

#line11 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: -6.7em;
    left: 0.3125em;
    height: 1.55em;
    width: 304px;
    border: outset;
    border-radius: 0.3125em;
    padding-bottom: 1px;
    margin-bottom: 0.05em;
    z-index: 6;
}

#rwy {
    top: 1px;
    left: 0px;
    height: 17px;
    width: 185px;
    z-index: 7;
}

#heading {
    top: -19px;
    left: 192px;
    height: 16px;
    width: 55px;
    z-index: 7;
}

#units11 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: -37px;
    left: 262px;
    height: 16px;
    width: 228px;
    z-index: 9;
}

#line12 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: -6.7em;
    left: 0.3125em;
    height: 1.55em;
    width: 304px;
    border: outset;
    border-radius: 0.3125em;
    padding-bottom: 1px;
    margin-bottom: 0.05em;
    z-index: 6;
}

#windS {
    top: 1px;
    left: 0px;
    height: 17px;
    width: 185px;
    z-index: 7;
}

#speed {
    top: -18px;
    left: 192px;
    height: 16px;
    width: 55px;
    z-index: 7;
}

#units12 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: -37px;
    left: 262px;
    height: 16px;
    width: 228px;
    z-index: 9;
}

#line13 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: -6.7em;
    left: 0.3125em;
    height: 1.55em;
    width: 304px;
    border: outset;
    border-radius: 0.3125em;
    padding-bottom: 1px;
    margin-bottom: 0.05em;
    z-index: 6;
}

#windD {
    top: 1px;
    left: 0px;
    height: 17px;
    width: 185px;
    z-index: 7;
}

#direction {
    top: -19px;
    left: 192px;
    height: 16px;
    width: 55px;
    z-index: 7;
}

#units13 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: -37px;
    left: 262px;
    height: 16px;
    width: 228px;
    z-index: 9;
}

#line14 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: -12.875em;
    left: 320px;
    height: 1.55em;
    width: 296px;
    border: outset;
    border-radius: 0.3125em;
    padding-bottom: 1px;
    margin-bottom: 0.05em;
    z-index: 6;
}

#Head {
    top: 0px;
    left: 0px;
    height: 17px;
    width: 185px;
    z-index: 7;
}

#Hwind {
    top: -21px;
    left: 192px;
    height: 16px;
    width: 55px;
    z-index: 7;
}

#units14 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: -40px;
    left: 262px;
    height: 16px;
    width: 228px;
    z-index: 9;
}

#line15 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: -12.875em;
    left: 320px;
    height: 1.55em;
    width: 296px;
    border: outset;
    border-radius: 0.3125em;
    padding-bottom: 1px;
    margin-bottom: 0.05em;
    z-index: 6;
}

#Cross {
    top: 0px;
    left: 0px;
    height: 17px;
    width: 185px;
    z-index: 7;
}

#Xwind {
    top: -21px;
    left: 192px;
    height: 16px;
    width: 55px;
    z-index: 7;
}

#units15 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: -40px;
    left: 262px;
    height: 16px;
    width: 228px;
    z-index: 9;
}

#line16 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: -8.25em;
    left: 0.3125em;
    height: 1.55em;
    width: 196px;
    border: outset;
    border-radius: 0.3125em;
    padding-bottom: 1px;
    margin-bottom: 0.05em;
    z-index: 6;
}

#ws_m {
    top: 3px;
    left: 0px;
    height: 17px;
    width: 85px;
    z-index: 7;
}

#WindSpeed_m {
    top: -17px;
    left: 92px;
    height: 15px;
    width: 55px;
    z-index: 7;
}

#units16 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: -36px;
    left: 160px;
    height: 16px;
    width: 228px;
    z-index: 9;
}

#line17 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: -8.25em;
    left: 0.3125em;
    height: 1.55em;
    width: 196px;
    border: outset;
    border-radius: 0.3125em;
    padding-bottom: 1px;
    margin-bottom: 0.05em;
    z-index: 6;
}

#ws_kph {
    top: 2px;
    left: 0px;
    height: 17px;
    width: 85px;
    z-index: 7;
}

#WindSpeed_kph {
    top: -17px;
    left: 92px;
    height: 15px;
    width: 55px;
    z-index: 7;
}

#units17 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: -36px;
    left: 160px;
    height: 16px;
    width: 228px;
    z-index: 9;
}

#line18 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: -12.3em;
    left: 210px;
    height: 1.55em;
    width: 196px;
    border: outset;
    border-radius: 0.3125em;
    padding-bottom: 1px;
    margin-bottom: 0.05em;
    z-index: 6;
}

#ws_mph {
    top: 2px;
    left: 0px;
    height: 17px;
    width: 85px;
    z-index: 7;
}

#WindSpeed_mph {
    top: -17px;
    left: 92px;
    height: 15px;
    width: 55px;
    z-index: 7;
}

#units18 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: -36px;
    left: 160px;
    height: 16px;
    width: 228px;
    z-index: 9;
}

#line19 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: -12.3em;
    left: 210px;
    height: 1.55em;
    width: 196px;
    border: outset;
    border-radius: 0.3125em;
    padding-bottom: 1px;
    margin-bottom: 0.05em;
    z-index: 6;
}

#ws_kts {
    top: 2px;
    left: 0px;
    height: 17px;
    width: 85px;
    z-index: 7;
}

#WindSpeed_kts {
    top: -17px;
    left: 92px;
    height: 15px;
    width: 55px;
    z-index: 7;
}

#units19 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: -36px;
    left: 160px;
    height: 16px;
    width: 228px;
    z-index: 9;
}

#line20 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: -11.5em;
    left: 0.375em;
    height: 1.55em;
    width: 240px;
    border: outset;
    border-radius: 0.3125em;
    padding-bottom: 1px;
    margin-bottom: 0.05em;
    z-index: 6;
}

#inhg {
    top: 3px;
    left: 0px;
    height: 17px;
    width: 132px;
    z-index: 7;
}

#Inches_Hg {
    top: -16px;
    left: 138px;
    height: 15px;
    width: 55px;
    z-index: 7;
}

#units20 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: -35px;
    left: 205px;
    height: 16px;
    width: 228px;
    z-index: 9;
}

#line21 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: -13.5em;
    left: 256px;
    height: 1.55em;
    width: 240px;
    border: outset;
    border-radius: 0.3125em;
    padding-bottom: 1px;
    margin-bottom: 0.05em;
    z-index: 6;
}

#hPa {
    top: 3px;
    left: 0px;
    height: 17px;
    width: 132px;
    z-index: 7;
}

#Hectopascal {
    top: -16px;
    left: 138px;
    height: 15px;
    width: 55px;
    z-index: 7;
}

#units21 {
    position: relative;
    overflow: visible;
    white-space: nowrap;
    top: -35px;
    left: 205px;
    height: 16px;
    width: 228px;
    z-index: 9;
}

#Btn1 {
    position: relative;
    display: block;
    overflow: hidden;
    top: -20.6875em;
    left: 43.425em;
    height: 25px;
    width: 59px;
    border: outset;
    line-height: 0.975em;
    border-radius: 0.375em;
    padding-bottom: 1px;
    padding-left: 0.25em;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word; 
    word-break: break-all;
    z-index: 999;
}

img {
    border: inset;
    border-width: 0.25em;
    -webkit-border-radius: 0.375em;
    -moz-border-radius: 0.375em;
    border-radius: 0.375em;
}

#images, #img1a, #img1,  #img2a, #img2 {
    position: relative;
    top: -6px;
    left: 0px;
    // width: 500px;
}

#img1 {
    opacity: .7;
}

#img2 {
    opacity: .7;
}

#img1a {
    width: 538px;
    height: 139px;
}

#img2a {
    width: 538px;
    height: 109px;
}