* { box-sizing : content-box; line-height : normal;}html { overflow-x : hidden; scrollbar-color : #2900bb #6699ff; }body { background-color : #EEEEDD; color : #290080; font-size : 11px; margin : 0.0%; text-align : center;}input[readonly] { font-size : 11pt; border : none; background-color : #ffe9b0; color : #290080;}.numeric { text-align : right; border-radius : 0.3rem; margin-bottom : 0.25rem; margin-left : auto; margin-right : auto;}.hourlyResultsTable,.resultsTableHeader, #resultsTableHeader { margin-bottom : 0.0; margin-top : 0.5rem;}.hourlyResultsTable,.resultsTable, #resultsTable { top : -0.5em; position : relative;}.hourlyResultsTable,.resultsTableHeader, #resultsTableHeader,.resultsTable, #resultsTable { margin-left : 0.1rem; width : 10.5rem;}#resultsTable tbody th a { color : #290080; text-decoration : none; text-decoration : underline dotted 2px;}#resultsTable tbody th a:hover { color : #0000FF; text-decoration : underline double;}.hourlyResultsTable,.hourlyResultsTable td,.hourlyResultsTable th,.resultsTableHeader,#resultsTableHeader,.resultsTableHeader td,.resultsTableHeader th,#resultsTableHeader td,#resultsTableHeader th,.resultsTable td,.resultsTable th,.resultsTable,#resultsTable td,#resultsTable th,#resultsTable { border : solid 3px #f96; background-color : #ffe9b0; padding : 0.25rem 0.0rem; border-collapse : collapse; white-space : normal;}.hourlyResultsTable th[colspan="2"], .hourlyResultsTable th[colspan="3"] { max-width : 9.0rem;} #header,.hourlyResultsTable,.resultsTableHeader th,#resultsTableHeader th,.resultsTable th,#resultsTable th { text-align : left;}.hourlyResultsTable td.align-right,.resultsTable td.align-right { white-space : nowrap;}.numeric, .resultsTable th, #resultsTable th { min-width : 0.0rem; max-width : 4.0rem;}.timestampHeader { width : 9.0rem;}.timestamp { max-width : 33.33%; padding : 0.0rem; text-align : left;}#topHeader { color : #903000; font-size : 16px; font-weight : bold; margin-bottom : 0.0rem; margin-top : 0.0rem; padding : 0.0rem; white-space : normal;}.tinyBreak { display : inline; visibility : visible;}#topSubHeader, #topSubHeader a { font-family : "Arial Rounded MT Bold"; font-size : 12.75px; font-weight : bold; color : #903000; margin-bottom : 0.0rem; margin-top : 0.0rem; text-decoration : underline dotted 2px; white-space : normal;}#topSubHeader a:hover { color : #f96; text-decoration : underline double;}#topSubHeader a:visited { color : #f96;}.instructionText { display : inline; margin-top : 0.15rem; margin-bottom : 0.15rem;}#NWSicon { padding : 0rem; height : 0.75rem; margin-bottom : 0.15rem; vertical-align : middle; width : 1.5rem;}#lastUpdate { text-align : right; font-weight : normal; float : right;}#getForecast { background-color : #6699ff; border : 0.25rem outset #80F; border-radius : 0.5rem; clear : both; color : #6600dd; cursor : pointer; font-family : helvetica, arial, sans-serif; font-size : 0.93rem; font-weight : bold; float : left; height : 1.0rem; min-width : 8.3125rem; margin-left : 0.0625rem; padding-left : 0.5rem; padding-right : 0.5rem;}#getForecast:hover { color : #ddd600; color : #f0e800; text-shadow : #ff0088 0 0 0.6rem; box-shadow : #8800ff 0 0 0.3rem; margin-left : auto; margin-right : auto;}#latitude, #longitude, #getForecast { float : left; clear : both; display : block;}#latitude, #longitude { font-size : 0.83rem; background-color : #9cf; border : inset 0.18rem #80F; height : 1.0rem; margin-right : auto; min-width : 9.28rem;}.align-left { text-align : left;}.align-right { text-align : right;}.align-center { min-width : 1.5rem; text-align : center;}.align-justify { text-align : justify;}#msg { background-color : #EEEEDD; border : 0.1rem outset #F40; border-radius : 0.5rem; color : #F53; font-family : arial; font-weight : bold; padding : 0.1rem 0.2rem; text-align : left; white-space : normal;}#location { text-align : right; float : right;}#retrieving { clear : both; display : block; float : left; min-height : 0.6rem; margin : 0.2rem 0rem 0rem 0rem; text-align : left;}.iconColumn { text-align : left; white-space : nowrap !important; width : 2.02rem;}.topOfTable, .bak2Top { display : inline-block; margin : 0.0rem 0.0rem 0.0rem 0.1rem; width : 0.75rem; height : 0.75rem;}.topOfTable { background : url("../images/topOfTable.png") center/cover no-repeat; margin-left : 0.37rem;}.bak2Top { background : url("../images/bak2Top.png") center/cover no-repeat; margin-left : 0.15rem; margin-right : 0.0rem;}#disclaimer { color : #903000; font-family : "Arial Rounded MT Bold"; font-size : 8pt; line-height : 1.0rem; position : relative; top : 0.25em; white-space : normal;}@media screen and (min-width : 243px) { body { font-size : 13px; } #topHeader br.tinyBreak { display : none; visibility : hidden; } .hourlyResultsTable, .resultsTableHeader, #resultsTableHeader, .resultsTable, #resultsTable { width : 91.0vw; } #latitude, #longitude { min-width : 12.6rem; } #getForecast { min-width : 11.67rem; } .timestamp { max-width : unset; }} @media screen and (min-width : 275px) { #topSubHeader, #topSubHeader a { font-size : 14px; } .resultsTableHeader, #resultsTableHeader, .resultsTable, #resultsTable { width : 91.0vw; } .timestampHeader { white-space : nowrap !important; width : 8.0rem; }} @media screen and (min-width : 315px) { body { font-size : 14px; } .resultsTableHeader, #resultsTableHeader, .resultsTable, #resultsTable { width : 92.0vw; } .timestampHeader { width : 8.5rem; } .iconColumn { text-align : center; }} @media screen and (min-width : 483px) { .resultsTableHeader th, #resultsTableHeader th, .numeric, .resultsTable th, #resultsTable th { min-width : unset; max-width : unset; } .numeric { text-align : right; min-width : 6.75rem; border-radius : 0.3rem; margin-bottom : 0.25rem; margin-left : auto; margin-right : auto; } #topHeader { font-size : 18pt; } #topSubHeader, #topSubHeader a { font-size : 16pt; margin-top : 0.25rem; } #NWSicon { height : 1.5rem; width : 3.0rem; } .hourlyResultsTable, .resultsTable, #resultsTable { margin : 1.0rem auto; top : -1.5em; width : 28.3rem; } .resultsTableHeader, #resultsTableHeader { margin : 1.0rem auto; width : 28.3rem; } .instructionText { display : block; margin-top : 0.15rem; margin-bottom : 0.15rem; } #getForecast { float : right; min-width : unset; margin-top : -1.75rem; max-width : unset; } #latitude { float : left; margin-left : auto; } #longitude { display : inline-block; clear : unset; float : unset; margin-left : -7.25rem; } #latitude, #longitude { min-width : 8.75rem; max-width : 8.75rem; } #retrieving { clear : none; float : none; } #msg { font-family : impact; font-weight : normal; } .hourlyResultsTable, .hourlyResultsTable th, .hourlyResultsTable td, .resultsTableHeader, #resultsTableHeader, .resultsTableHeader td, .resultsTableHeader th, #resultsTableHeader td, #resultsTableHeader th, .resultsTable td, .resultsTable th, .resultsTable, #resultsTable td, #resultsTable th, #resultsTable { border-width : 6px; border-collapse : collapse; padding : 0.5rem; } .hourlyResultsTable, .resultsTableHeader, #resultsTableHeader, .resultsTable th, #resultsTable th { text-align : left; } #hourlyForecastTable > th { text-align : center; } .topOfTable, .bak2Top { width : 1.25rem; height : 1.25rem; } .iconColumn { text-align : center; width : 1.77rem; }} @media screen and (min-width : 670px) { body { font-size : 16px; } .hourlyResultsTable, .resultsTable, #resultsTable, .resultsTableHeader, #resultsTableHeader { width : 34.0rem; } .timestampHeader { width : 16.0rem; }} @media screen and (min-width : 1000px) { body { font-size : 16px; }}