/* just the tooltip */
.tooltip {
	position: absolute;
	display: none;
	background: #182c42;
	width: 20em;
	border: 2px solid black;
	padding: 0.75em;
	border-radius: 0.5em;
	z-index: 1000;
	color: #fff;
	margin-top: -4em !important;
	margin-left: -8em !important;
	left: 50%;
	right: 50%;
}

.tooltip b {
	margin-bottom: 1em;
	display: inline-block;
}

div[dir] td:hover .tooltip {
	display: block;
}

/* highlight time */
div[dir] tr:hover td:first-of-type {
	background: #182c42;
}


div[dir] table td.members {
	background: #7fa6d8;
}

/* row/col references */
div[dir] table thead,
div[dir] table tbody th {
	display: none;
}

/* Venue/Date cells (don't need to see) */
/*div[dir] table tbody:first-of-type tr:nth-of-type(-n+2) td:first-of-type {
color: transparent;
user-select: none;
background: transparent !important;
border: 0px !important;
}*/

#main {
	padding-left: 5px;
	padding-right: 5px;
}

/* table */
div[dir] table {
	table-layout: fixed; 
	width: 100%;
}


div[dir] table tbody,
div[dir] table {
	/*width: 100%;
	display: block;*/
}
div[dir] table {
	margin-top: 1em;
	background: #eee;
	border: 2px solid #000;
	overflow: auto !important;
	color: #000;
}
div[dir] table p {
	margin: 0.5em 0em;
}

/* all cells */
div[dir] table td,
div[dir] table th {
	text-align: center;
	line-height: 1.2em;
	vertical-align: middle;
	border: 1px solid #2e608f;
	padding: 0.75em 0.5em;
}

/* classes */
div[dir] table td {
	background: #fff;
}

/* classes - titles */
div[dir] table td p:nth-of-type(1) {
	font-weight: bold;
}
div[dir] table td.hoverme p:nth-of-type(1) {
	text-decoration: underline;
}
div[dir] table td.hoverme {
	background: #d3e1f1;
	cursor: pointer;
}

/* classes - speaker */
div[dir] table td p:nth-of-type(2) {
	font-weight: italic;
}

/* venue */
div[dir] tr:first-child td:not(.blank) {
	font-weight: bold;
	font-size: 1.2em;
	background: #2f3033 !important;
	border-color: #000;
	color: #fff;
}

/* times and days */
div[dir] tr td:first-of-type {
	width:  5em !important;
}
div[dir] tr td:first-of-type,
div[dir] tr:nth-of-type(2) td {
	font-weight: bold;
	background: #2e608f;
	color: #fff;
	border-color: #000;
}