@font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        src: local('Roboto'), local('Roboto-Regular'), url(https://cdn.weatherstats.ca/res/roboto.ttf) format('truetype');
}

BODY {
	font-family: Roboto, Verdana, Arial, Helvetica, sans-serif;
	xfont-size: 12px;
	xfont-weight: normal;
	background: #FFFFFF;
	margin: 0px;
}

HTML {
	margin: 0px;
}

A:link {
	text-decoration: none;
	color: blue;
}

A:visited {
	text-decoration: none;
	color: blue;
}

A:active {
	text-decoration: none;
	color: blue;
}

.Hover {
	border-bottom: 1px dashed blue;
}

/* ---------- Alerts and Forecast */

.AlertWarning {
	background-color: #FF0000;
	opacity: 0.8;
}

.AlertWatch {
	background-color: #FFFF00;
	opacity: 0.8;
}

.AlertEnded {
	background-color: green;
	opacity: 0.8;
}

.AlertAdvisory {
	background-color: #FFCC00;
	opacity: 0.8;
}

.AlertStatement {
	background-color: blue;
	opacity: 0.8;
}

.AlertContainer {
	display: flex;
	flex-direction: row;
	width: 100%;
}

.AlertBorder {
	width: 25px;
}

.AlertContent {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.AlertBody {
	padding: 5px;
}

.AlertHeader {
	display: flex;
	flex-direction: row;
}

.AlertIcon {
	vertical-align: middle;
	padding: 2px;
}

.AlertHeaderDetail {
	font-size: 120%;
	font-weight: bold;
	padding: 5px;
}

.AlertLocations {
	padding-left: 5px;
}

.AlertTime {
}

.AlertHeadlineContainer {
}

.AlertHeadlineIcon {
	display: table-cell;
}

.AlertHeadlineDetail {
	display: table-cell;
	vertical-align: middle;
	padding-left: 5px;
}

.ForecastHeader, .AlertHeader {
	background: #CCCCCC;
	opacity: 0.8;
}
.ForecastBody {
}


/* ---------- Standard stuff */

H1 {
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 0px;
}

H2 {
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 0px;
}

H3 {
	font-size: 14px;
	margin-top: 6px;
	margin-bottom: 4px;
}

.ValueTable TH {
	background: #336699;
	color: #FFFFFF;
}

.ValueTable TR:nth-child(even), .MenuTable TR:nth-child(even) {
	background: #F6F6F6;
}

.ValueTable TR:nth-child(odd), .MenuTable TR:nth-child(odd) {
	background: #F0F0F0;
}

TABLE.TwitterTable {
	border-collapse: collapse;
	border: 1px solid black;
}

TABLE.TwitterTable TD {
	border: 1px solid black;
	padding: 3px;
}

TABLE.TwitterTable TR:nth-child(odd) {
	background: #C6C6C6;
}

.ConditionsMetricLine {
	/* create hanging labels once supported */
}

.ForecastTemperature {
}

.HourlyForecastBlock {
	margin: 0px 3px 0px 3px;
	padding: 3px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}

@media print {
	.NoPrint {
		display: none;
	}
}

.HistoricalTime {
	font-weight: bold;
	text-decoration: blink;
}

.RangeMismatch {
	font-weight: bold;
	color: red;
}

.smallmap {
	width: 545px;
	height: 450px;
	border: 1px solid #ccc;
}

.ElementLabel {
	font-weight: bold;
}

.ElementSelection {
	margin-left: 20px;
	margin-bottom: 10px;
}

.NavigatorButton .dijitButtonNode {
	min-width: 80px;
}

/* ---------- AQHI */

.aqhi-scale-current, .aqhi-scale-current-c {
	width: 11px;
	height: 20px;
	vertical-align: bottom;
	font-size: 150%;
	display: inline-block;
	text-align: center;
}
.aqhi-scale-spacer, .aqhi-scale-spacer-c {
	width: 44px;
	height: 20px;
	display: inline-block;
}
.aqhi-scale-pic, .aqhi-scale-pic-c {
	width: 42px;
	height: 20px;
	border: 1px solid #999;
	padding: 0px;
	display: inline-block;
}
.aqhi-scale-text, .aqhi-scale-text-c {
	width: 44px;
	text-align: center;
	vertical-align: top;
	display: inline-block;
}
.aqhi-scale-text2, .aqhi-scale-text2-c {
	width: 128px;
	margin: 2px;
	border-top: 2px solid #999;
	text-align:center;
	vertical-align: top;
	display: inline-block;
}
.aqhi-scale-text3, .aqhi-scale-text3-c {
	width: 172px;
	margin: 2px;
	border-top: 2px solid #999;
	text-align:center;
	vertical-align: top;
	display: inline-block;
}
.aqhi-scale-text4, .aqhi-scale-text4-c {
	width: 40px;
	margin: 2px;
	border-top: 2px solid #999;
	text-align:center;
	vertical-align: top;
	display: inline-block;
}

.aqhi-scale-current-c {
	width: 9px;
}
.aqhi-scale-spacer-c {
	width: 36px;
}
.aqhi-scale-pic-c {
	width: 34px;
}
.aqhi-scale-text-c {
	width: 36px;
}

.aqhi-1 {
	background-color: #97cbff !important;
}
.aqhi-2 {
	background-color: #61cbff !important;
}
.aqhi-3 {
	background-color: #00cbff !important;
}
.aqhi-4 {
	background-color: #97cccd !important;
}
.aqhi-5 {
	background-color: #999999 !important;
}
.aqhi-6 {
	background-color: #999a63 !important;
}
.aqhi-7 {
	background-color: #9a6700 !important;
}
.aqhi-8 {
	background-color: #9a662e !important;
}
.aqhi-9 {
	background-color: #9b3300 !important;
}
.aqhi-10 {
	background-color: #670000 !important;
}
.aqhi-11 {
	background-color: #ff0000 !important;
}

/* ---------- Main */

#Header {
	background-color: #CCCCFF;
	padding: 5px;
}

#HeaderMasthead {
	display: flex;
	flex-direction: row;
	align-items: center;
}

#HeaderLogo {
	padding: 5px;
}

#HeaderTitle {
	padding: 5px;
	flex-grow: 1
}

#HeaderClockContainer {
	padding: 5px;
}

#HeaderClockMain, #HeaderClockButton {
	display: inline-block;
}

#debug {
	padding: 10px;
	background-color: #FF0000;
	clear: both;
}

#interaction, #timewarp {
	padding: 10px;
	background-color: #CCCCCC;
	clear: both;
}

#timewarp {
	display: none;
}

#footer {
	background-color: #CCCCCC;
	padding: 20px;
	clear: both;
}

#loading {
	position: fixed; /* forces the element to stay fixed in relation to the viewport */
	top: 50%; /* sets the top of the image 50% of the page height */
	left: 50%; /* sets the left side of the image 50% across the page */
	margin-left: -100px; /* moves the image half of its own width to the left-side of the page */
	margin-top: -93px; /* moves the image half its height 'up' the page */
	box-shadow: 0.5em 0.5em 0.7em #333; /* to give the illusion of 'floating' */
	border-radius: 1em;
	background: white;
	z-index: 100;
}

.VisiblePane, .HiddenPane {
	border: 1px solid #ccc;
	padding: 5px;
	margin: 5px;
}

.HiddenPane {
	display: none;
}

.TitlePane {
	display: none;
	padding: 5px;
}

.ContentVisualize {
	display: table;
	width: 100%;
}

.ContentChartAndTable {
	display: table-cell;
	vertical-align: top;
	width: 100%;
}

.ContentDatePicker {
	display: table-cell;
	vertical-align: top;
}

.ContentColumn {
	float: left;
	width: 50%;
}

.ContentColumnNotUsed {
	display: inline-block;
	vertical-align: top;
}

.ContentNormal {
	width: 100%;
}

.ContentWinnersLeft {
	float: left;
	width: 70%;
}
.ContentWinnersRight {
	float: left;
	width: 30%
}

#winners_chart {
	height: 400px;
	clear: both;
}

.AboutDetail {
	display: inline-block;
	vertical-align: top;
}

#forecast_div {
	overflow: auto;
}

.dijitTitlePaneTextNode {
	font-size: larger;
	font-weight: bold;
}

.wi-wind-format {
	font-size: 500%;
	color: orange;
}

.VerticalLine {
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	width: 1px;
	background-color: #CCCCCC;
}

.TimeWarpElement {
	display: inline-block;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
}
.TimeWarpInput {
	width: 5ch;
}

/* ---------- Twitter */

#TwitterContentAlert, #TwitterContentAlmanac {
        font-size: 16px;
        background: #EEEEEE;
}

#TwitterContentConditions, #TwitterContentAirQuality {
	padding: 20px;
        background: #EEEEEE;
}

/* --------- Markers */

.MarkerIconNormal {
	width: 32px;
	height: 32px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -16px 0 0 -16px;
}

.MarkerContainer {
	width: 32px;
	height: 32px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -16px 0 0 -16px;
	background-color: #95c7f4;
	border-radius: 50%;
	text-align: center;
	font-size: 13px;
}

.MarkerBorderAlert {
	border-color: red;
	border-width: 2px;
	border-style: solid;
}

.MarkerBorderNormal {
	border-color: #666666;
	border-width: 2px;
	border-style: solid;
}

.MarkerBorderDashed {
	border-style: dashed;
}

.MarkerBackgroundStriped {
	background:
		linear-gradient(115deg, transparent 75%, rgba(255,255,255,.8) 75%) 0 0,
		linear-gradient(245deg, transparent 75%, rgba(255,255,255,.8) 75%) 0 0,
		linear-gradient(115deg, transparent 75%, rgba(255,255,255,.8) 75%) 7px -15px,
		linear-gradient(245deg, transparent 75%, rgba(255,255,255,.8) 75%) 7px -15px,
	#95c7f4;
	background-size: 5px 10px;
}

/* -------- Automatic Map Styles */

.MarkerTemperatureMinus60 {
	background-color: rgb(9 0 246);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus59 {
	background-color: rgb(9 0 246);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus58 {
	background-color: rgb(9 0 246);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus57 {
	background-color: rgb(9 0 246);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus56 {
	background-color: rgb(9 0 246);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus55 {
	background-color: rgb(9 0 246);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus54 {
	background-color: rgb(9 0 246);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus53 {
	background-color: rgb(9 0 246);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus52 {
	background-color: rgb(9 0 246);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus51 {
	background-color: rgb(9 0 246);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus50 {
	background-color: rgb(9 5 246);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus49 {
	background-color: rgb(9 10 246);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus48 {
	background-color: rgb(9 15 246);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus47 {
	background-color: rgb(9 20 246);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus46 {
	background-color: rgb(9 25 246);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus45 {
	background-color: rgb(9 30 246);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus44 {
	background-color: rgb(9 35 246);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus43 {
	background-color: rgb(9 40 246);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus42 {
	background-color: rgb(9 45 246);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus41 {
	background-color: rgb(9 50 246);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus40 {
	background-color: rgb(9 55 246);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus39 {
	background-color: rgb(12 60 243);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus38 {
	background-color: rgb(15 65 240);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus37 {
	background-color: rgb(18 70 237);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus36 {
	background-color: rgb(21 75 234);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus35 {
	background-color: rgb(24 80 231);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus34 {
	background-color: rgb(27 85 228);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus33 {
	background-color: rgb(30 90 225);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus32 {
	background-color: rgb(33 95 222);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus31 {
	background-color: rgb(36 100 219);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus30 {
	background-color: rgb(39 105 216);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus29 {
	background-color: rgb(42 110 213);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus28 {
	background-color: rgb(45 115 210);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus27 {
	background-color: rgb(48 120 207);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus26 {
	background-color: rgb(51 125 204);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus25 {
	background-color: rgb(54 130 201);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus24 {
	background-color: rgb(57 135 198);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus23 {
	background-color: rgb(60 140 195);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus22 {
	background-color: rgb(63 145 192);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus21 {
	background-color: rgb(66 150 189);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus20 {
	background-color: rgb(69 155 186);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus19 {
	background-color: rgb(72 160 183);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus18 {
	background-color: rgb(75 165 180);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus17 {
	background-color: rgb(78 170 177);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus16 {
	background-color: rgb(81 175 174);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus15 {
	background-color: rgb(84 180 171);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus14 {
	background-color: rgb(87 185 168);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus13 {
	background-color: rgb(90 190 165);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus12 {
	background-color: rgb(93 195 162);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus11 {
	background-color: rgb(96 200 159);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus10 {
	background-color: rgb(99 205 156);
	color: rgb(255 255 181);
}
.MarkerTemperatureMinus9 {
	background-color: rgb(102 210 153);
	color: rgb(0 0 255);
}
.MarkerTemperatureMinus8 {
	background-color: rgb(105 215 150);
	color: rgb(0 0 255);
}
.MarkerTemperatureMinus7 {
	background-color: rgb(108 220 147);
	color: rgb(0 0 255);
}
.MarkerTemperatureMinus6 {
	background-color: rgb(111 225 144);
	color: rgb(0 0 255);
}
.MarkerTemperatureMinus5 {
	background-color: rgb(114 230 141);
	color: rgb(0 0 255);
}
.MarkerTemperatureMinus4 {
	background-color: rgb(117 235 138);
	color: rgb(0 0 255);
}
.MarkerTemperatureMinus3 {
	background-color: rgb(120 240 135);
	color: rgb(0 0 255);
}
.MarkerTemperatureMinus2 {
	background-color: rgb(123 245 132);
	color: rgb(0 0 255);
}
.MarkerTemperatureMinus1 {
	background-color: rgb(126 250 129);
	color: rgb(0 0 255);
}
.MarkerTemperatureZero {
	background-color: rgb(129 255 126);
	color: rgb(0 0 255);
}
.MarkerTemperaturePlus1 {
	background-color: rgb(132 250 123);
	color: rgb(0 0 255);
}
.MarkerTemperaturePlus2 {
	background-color: rgb(135 245 120);
	color: rgb(0 0 255);
}
.MarkerTemperaturePlus3 {
	background-color: rgb(138 240 117);
	color: rgb(0 0 255);
}
.MarkerTemperaturePlus4 {
	background-color: rgb(141 235 114);
	color: rgb(0 0 255);
}
.MarkerTemperaturePlus5 {
	background-color: rgb(144 230 111);
	color: rgb(0 0 255);
}
.MarkerTemperaturePlus6 {
	background-color: rgb(147 225 108);
	color: rgb(0 0 255);
}
.MarkerTemperaturePlus7 {
	background-color: rgb(150 220 105);
	color: rgb(0 0 255);
}
.MarkerTemperaturePlus8 {
	background-color: rgb(153 215 102);
	color: rgb(0 0 255);
}
.MarkerTemperaturePlus9 {
	background-color: rgb(156 210 99);
	color: rgb(0 0 255);
}
.MarkerTemperaturePlus10 {
	background-color: rgb(159 205 96);
	color: rgb(0 0 255);
}
.MarkerTemperaturePlus11 {
	background-color: rgb(162 200 93);
	color: rgb(0 0 255);
}
.MarkerTemperaturePlus12 {
	background-color: rgb(165 195 90);
	color: rgb(0 0 255);
}
.MarkerTemperaturePlus13 {
	background-color: rgb(168 190 87);
	color: rgb(0 0 255);
}
.MarkerTemperaturePlus14 {
	background-color: rgb(171 185 84);
	color: rgb(0 0 255);
}
.MarkerTemperaturePlus15 {
	background-color: rgb(174 180 81);
	color: rgb(0 0 255);
}
.MarkerTemperaturePlus16 {
	background-color: rgb(177 175 78);
	color: rgb(0 0 255);
}
.MarkerTemperaturePlus17 {
	background-color: rgb(180 170 75);
	color: rgb(0 0 255);
}
.MarkerTemperaturePlus18 {
	background-color: rgb(183 165 72);
	color: rgb(0 0 255);
}
.MarkerTemperaturePlus19 {
	background-color: rgb(186 160 69);
	color: rgb(0 0 255);
}
.MarkerTemperaturePlus20 {
	background-color: rgb(189 155 66);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus21 {
	background-color: rgb(192 150 63);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus22 {
	background-color: rgb(195 145 60);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus23 {
	background-color: rgb(198 140 57);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus24 {
	background-color: rgb(201 135 54);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus25 {
	background-color: rgb(204 130 51);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus26 {
	background-color: rgb(207 125 48);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus27 {
	background-color: rgb(210 120 45);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus28 {
	background-color: rgb(213 115 42);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus29 {
	background-color: rgb(216 110 39);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus30 {
	background-color: rgb(219 105 36);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus31 {
	background-color: rgb(222 100 33);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus32 {
	background-color: rgb(225 95 30);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus33 {
	background-color: rgb(228 90 27);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus34 {
	background-color: rgb(231 85 24);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus35 {
	background-color: rgb(234 80 21);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus36 {
	background-color: rgb(237 75 18);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus37 {
	background-color: rgb(240 70 15);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus38 {
	background-color: rgb(243 65 12);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus39 {
	background-color: rgb(246 60 9);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus40 {
	background-color: rgb(246 55 9);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus41 {
	background-color: rgb(246 50 9);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus42 {
	background-color: rgb(246 45 9);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus43 {
	background-color: rgb(246 40 9);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus44 {
	background-color: rgb(246 35 9);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus45 {
	background-color: rgb(246 30 9);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus46 {
	background-color: rgb(246 25 9);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus47 {
	background-color: rgb(246 20 9);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus48 {
	background-color: rgb(246 15 9);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus49 {
	background-color: rgb(246 10 9);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus50 {
	background-color: rgb(246 5 9);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus51 {
	background-color: rgb(246 0 9);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus52 {
	background-color: rgb(246 0 9);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus53 {
	background-color: rgb(246 0 9);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus54 {
	background-color: rgb(246 0 9);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus55 {
	background-color: rgb(246 0 9);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus56 {
	background-color: rgb(246 0 9);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus57 {
	background-color: rgb(246 0 9);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus58 {
	background-color: rgb(246 0 9);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus59 {
	background-color: rgb(246 0 9);
	color: rgb(255 255 181);
}
.MarkerTemperaturePlus60 {
	background-color: rgb(246 0 9);
	color: rgb(255 255 181);
}

.MarkerOutsideNight {
	background-color: rgb(0, 255, 255);
}
.MarkerOutsideDay {
	background-color: rgb(255, 255, 0);
}