@import url("/Assets/CSS/Lesson.css");

table td {
	text-align: center;
}

div[id^="Thumb"] ul li {
	padding-top: 0.5rem;
}
	div[id^="Thumb"] ul li:first-child,
	div[id^="Thumb"] ul ul li,
	table.notes ul li {
		padding-top: 0;
	}

ul.example {
	margin-bottom: 0;
}
	ul + table {
		margin: 0.5rem 0 1rem 5rem;
	}
	ul + table td:first-child {
		font-weight: 700;
	}

table.middle {
	overflow: hidden;
}
table.middle td, th {
	position: relative;
}

table.middle th {
	font-size: 1.2rem;
	border-left: thin solid white;
	border-bottom: thin solid white;
}
	table.middle th:first-child {
		border-left: none;
	}

table.middle tbody tr:nth-child(1) td,
table.middle tbody tr:nth-child(3) td,
table.middle tbody tr:nth-child(5) td {
	padding-top: 0.5rem;
	padding-bottom: 0;
}
table.middle tbody tr:nth-child(2) td,
table.middle tbody tr:nth-child(4) td {
	padding-top: 0;
	padding-bottom: 0.5rem;
	border-bottom: thin solid white;
}
table.middle tr td:not([rowspan="2"]) {
	border-left: thin solid white;
}
table.middle td[rowspan="2"], table.middle td.num {
	color: white !important;
	font-weight: 700;
}
table.middle td[rowspan="2"] {
	border-top: thin solid white;
}

table.middle td:not(.num):hover::after {
	background-color: rgba(255, 255, 255, 0.1);
	content: "\00A0";
	position: absolute;
	left: 0;
	top: -50rem;
	width: 100%;
	height: 100rem;
}

#Thumb-1 table.middle td {
	color: #8888FF;
}
#Thumb-2 table.middle td {
	color: #FF8888;
}

#Thumb-3 p {
	text-align: center;
	font-size: 1.2rem;
}
#Thumb-3 p.left {
	text-align: left;
	font-size: 1rem;
}

#Thumb-3 table:not(.notes) tr:hover {
	background-color: rgba(255, 255, 255, 0.1);
}
	#Thumb-3 table:not(.notes) tr:hover td {
		color: #FFFFFF;
	}
	#Thumb-3 table tr:first-child:hover {
		background: none;
	}
		#Thumb-3 th {
			border-bottom: thin solid white;
		}
		#Thumb-3 table:not(.notes) td {
			padding: 0.05rem 1rem;
			text-align: center;
		}
			#Thumb-3 table:not(.notes) td:nth-child(1), #Thumb-3 th:nth-child(1) {
				color: #8888FF;
			}
			#Thumb-3 table:not(.notes) td:nth-child(2), #Thumb-3 th:nth-child(2) {
				color: #FF8888;
				border-left: thin solid white;
				border-right: thin solid white;
			}
			#Thumb-3 td:nth-child(3), #Thumb-3 th:nth-child(3) {
				color: #FFFFFF;
			}