#body_th9 {
     background-color: #FFFFFF;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     font-family: Arial, Calibri, Candara, Segoe, Segoe UI, Optima, sans-serif;
     font-size: calc(51vw/19.20);
     height: calc(1080vh/10.80);
     margin: 0;
     padding: 0;
     text-align: left;
     width: calc(1920vw/19.20);
}

#backgroundimage_th9 {
     background-color: #ffffff;
     background-repeat: no-repeat;
     background-size: cover;
     height: 100%;
     opacity: 0.25;
     position: fixed;
     width: 100%;
     width: 100%;
}

/* #topnav {
     height: calc(100vh/10.80);
} */

/* .image1 {
     float: right;
     margin-left: calc(10vw/19.20);
     clear: both;
} */

#bcontent3_th9 {
     margin-top: calc(0vh/10.80);
     flex-grow: 1;
 }

#hourstable_th9 {
     color: #002564;
     border: calc(3vw/19.20) blue solid;
}

#elaptime_th9 {
     color: white;
}

#svg_th9 {
     transform: rotate(-90deg);
}

#imagediv_th9 {
     z-index: 20;
}

#progress_th9 {
     z-index: 500;
}

#hours_th9 {
     color: #808080;
     background-color: #004400;
     display: none;
     text-align: center;
     position: absolute;
     top: calc(135vh/10.80);
     left: calc(82vw/19.20);
     font-size: calc(40vw/19.20);
     font-weight: 700;
     height: calc(82vh/10.80);
     line-height: calc(82vh/10.80);
     width: calc(375vw/19.20);
}

#hourstable_th9 {
     position: absolute;
     font-size: calc(42vw/19.20);
     top: calc(215vh/10.80);
     left: calc(82vw/19.20);
     font-weight: 500;
     width: calc(375vw/19.20);
}

#jputdotwshort {
     padding-right: calc(25vw/19.20);
     font-weight: 700;
}

#progress_th9 {
     width: calc(100vw/19.20);
     height: calc(100vh/10.80);
     display: flex;
     text-align: center;
     justify-content: center;
}

.item_th9 {
     display: flex;
     flex-direction: column;
     justify-content: center;
     position: relative;
     text-align: center;
     width: calc(69vw/19.20);
}

.item_th9 h2 {
     color: rgb(0, 37, 100);
     font-size: calc(20vw/19.20);
     height: calc(70vh/10.80);
     line-height: calc(70vh/10.80);
     margin: 0;
     position: absolute;
     text-align: center;
     width: 100%;
}

.circle_animation {
     transition: all 1s linear;
     cx: 50%;
     cy: 50%;
     r: 45%;
     fill: none;
     stroke-width: calc(5vw/19.20);
     stroke-dasharray: calc( 6.283 * 45%);
}

#logodiv_th9 {
     height: calc(90vh/10.80);
     left: calc(1469vw/19.20);
     position: fixed;
     text-align: center;
     top: calc(0vh/10.80);
     width: calc(360vw/19.20);
}

#toplogoimg_th9 {
     max-height: calc(100vh/10.80);
     max-width: calc(360vw/19.20);
}

#imagediv_th9 {
     height: calc(662vh/10.80);
     width: calc(410vw/19.20);
     position: fixed;
     top: calc(119vh/10.80);
     left: calc(1429vw/19.20);
}

#page_th9 {
     display: flex;
     flex-direction: column;
     height: calc(1080vh/10.80);
     justify-content: space-between;
     left: calc(0vw/19.20);
     overflow: hidden;
     position: absolute;
     top: calc(0vh/10.80);
     width: calc(1920vw/19.20);
}

#infobar_th9 {
     border-bottom: grey solid 1px;
     display: flex;
     flex-direction: row;
     height: calc(100vh/10.80);
     justify-content: space-between;
     min-height: calc(100vh/10.80);
     z-index: 100;
}

#todaytime_th9 {
     border-left: calc(1vw/19.20) solid white;
     border-right: calc(1vw/19.20) solid white;
     font-size: 80%;
     height: calc(99vw/19.20);
     line-height: calc(100vh/10.80);
     margin: 0 0 0 0;
     padding: 0;
     text-align: center;;
     width: calc(120vw/19.20);
 }

#todaydate_th9 {
     border-left: calc(1vw/19.20) solid white;
     border-right: calc(1vw/19.20) solid white;
     font-size: 88%;
     height: calc(99vh/10.80);
     left: calc(1209vw/19.20);
     line-height: calc(45vh/10.80);
     padding-top: calc(2vh/10.80);
     text-align: center;
     top: calc(0vh/10.80);
     width: calc(120vw/19.20);
}

#weather_th9 {
     border-left: calc(1vw/19.20) solid white;
     border-right: calc(1vw/19.20) solid white;
     top: calc(-4vh/10.80);
     text-align: center;
     height: calc(99vh/10.80);
     width: calc(120vw/19.20);
}

#weather_temp_th9 {
     position: relative;
     font-size: 62%;
     text-align: center;
     top: calc(-9vh/10.80);
}

#weather_img_th9 {
     width: calc(70vw/19.20);
}

#logo_th9 {
     height: calc(99vh/10.80);
     padding-left: calc(20vw/19.20);
     padding-right: calc(20vw/19.20);
}

#logo_img_th9 {
     max-width: calc(360vw/19.20);
     min-height: calc(99vh/10.80);
     max-height: calc(99vh/10.80);
}

#themelogo_th9 {
     left: calc(1506vw/19.20);
     position: absolute;
     top: calc(120vh/10.80);
}

#themelogoimg_th9 {
     max-height: calc(750vh/10.80);
     max-width: calc(384vw/19.20);
}

#mainbody_th9 {
     display: flex;
     flex-direction: row;
     flex-grow: 1;
     justify-content: flex-end;
     overflow: hidden;
     padding-bottom: calc(10vh/10.80);
}

#tickerbar_th9 {
     height: calc(80vh/10.80);
}
