.slide {
    position: absolute;
    bottom: -100vh;
	transition: bottom 1s;
	text-align: center;
    font-size: 1.8vh;
    width: 100%;
}
/*#day0-details.slide {
	-webkit-transition: top 1s;
	height: auto;
	top: 0px;
	z-index: 1000;
}*/

.slide.active {
	bottom: 0px;
}
/*#day0-details.slide.active {
	top: -450px;
}*/

/*#day0-details table, #day0-details table tr td,*/
.dayx-details table, .dayx-details table tr td {
	margin: auto;
	border-collapse: collapse;
	padding: 0.25em;
	border: 0px none;
}

.day-row td span.forecast-day {
	font-style: italic;
}
.day-row {
	height: 40%;
}

.white { color: white; }

#detailed-weather-table {
	/*width: 100%;
	height: 100%;*/
	border-collapse: collapse;
}
.detailed-weather-image {
	float: left;
}

#detailed-weather-table th {
	min-width:100px;
	/*font-size: 1.5em;*/
}
.detail-value {
	color: white;
	font-size: 130%;
}
/*
.detailed-weather-cell {
	text-align: center;
	padding: 1.5em;
	vertical-align: top;
}
*/
#detailed-weather-table th {
	margin: 0; margin-bottom: 0.5em;
	font-size: 1.5em;
	font-style: italic;
	color: white;
	font-variant: small-caps;
}
#detailed-weather-table tr:first-of-type {
	border-bottom: 1px dotted white;
}

.align-right { text-align: right !important; }
.align-left { text-align: left !important;
}
.align-dot { text-align: '.';
}
.no-wrap { white-space: nowrap !important; }

.vertical-text {
/*	display: inline-block;
	overflow: hidden; */
	width: 1em;
	padding-top: 5px;
	padding-bottom: 5px;
}

.vertical-text__inner {
	display: inline-block;
	white-space: nowrap;
	line-height: 1.5;
	-webkit-transform: translate(0,100%) rotate(-90deg);
	-webkit-transform-origin: 0 0;
	transform: translate(0,100%) rotate(-90deg);
	transform-origin: 0 0;
	font-size: 90%;
}

/* This element stretches the parent to be square
   by using the mechanics of vertical margins  */
.vertical-text__inner:after {
	content: "";
	display: block;
	margin: -1.5em 0 100%;
}

.day-table {
	width: 100%;
	background-color: #22262F;
}
.day-table thead td.dayPart[style*="display: none"] + td.nightPart {
	width: 70% !important;
}
.day-table tbody {
	border-top: 1px dotted gray;
	/*border-bottom: 1px dotted gray;*/
	border-spacing: 0;
}
.day-table img.detail-img {
	max-width: 4em;
	display: block;
	margin: auto;
}
.transparent { background: transparent; }
div[id $='details'] {
	position: absolute;
	width: 100%;
}

.top { vertical-align: top; }

#top-slide-container {
	border-collapse: collapse;
	border: 0px none;
}


table#detailed-weather-table {
	background-color: #454A57;
	font-size: 14px;
}
table#detailed-weather-table tr th {
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #3e434f;
}
table#detailed-weather-table tr th.empty {
	background-color: #454a57;
}
table#detailed-weather-table tr td {
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #22262F;
}
table#detailed-weather-table tr td.color {
	padding-left: 5px;
	padding-right: 5px;
}

.unit-small {
	font-size: 75%;
	opacity: 0.5;
}