/* Style the tab */
.TabArea {
	float: left;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	clear: left;
	margin: 6px 5px 0 0;
}

	/* Style the buttons that are used to open the tab content */
.TabBtn,
.TabBtn:link{
	display: block;
	background-color: inherit;
	color: black !important;
	text-decoration:none;
	padding: 8px 8px;
	height: 2.5em;
	width: 94%;
	float: left;
	border: outset;
	border-top-left-radius: 15%;
	border-bottom-left-radius: 15%;
	border-top-right-radius: 5%;
	border-bottom-right-radius: 5%;
	outline: solid;
	border-color:white;
	font-size: var(--btnFntSze);
	text-align: left;

	align-items:center;
	vertical-align: middle;
	cursor: pointer;
	box-sizing: border-box;
	margin: 0px 4px 0px 8px;
}

		/* Change background color of buttons on hover */
	.TabBtn:hover {
		background-color: #ddd;
		box-sizing: border-box
	}

		/* Create an active/current "tab button" class */
	.TabBtn.active {
		background-color: #ccc;
		box-sizing: border-box
	}

/* Style the tab content */
/*
.tabcontent {
	float: left;
	padding: 0px 12px;
	border: 1px solid #ccc;
	width: 70%;
	border-left: none;
	height: 300px;
	box-sizing: border-box
}
*/
.tabcontent {
	grid-column: 1 / 3;
	grid-row: 2;
	display:contents;
	float: none;
	padding: 5px;
	margin: 0 0 0 0;
	border: none;
	border-left: none;
	box-sizing: revert;
	text-align: left;
	overflow: auto;
	padding-left: 1em;
}
.tabcontents {
	grid-column: 1 / 3;
	grid-row: 2;
	display: contents;
	float: none;
	padding: 5px;
	margin: 0 0 0 0;
	border: none;
	border-left: none;
	box-sizing: revert;
	text-align: left;
	overflow: auto;
	padding-left: 1em;
}
/* Tab style content, but visible on load.*/
.topcontent {
	grid-column: 1 / 3;
	grid-row: 2;
	display: contents;
	float: none;
	padding: 0;
	margin: 0 0 0 0;
	border: none;
	border-left: none;
	box-sizing: revert;
	text-align: left;
	overflow: auto;
	padding-left: 1em;
}
.JrkTabBtn {
	background-color: inherit;
	color: black;
	padding: 8px 8px;
	height: 2em;
	width: 14%;
	border: outset;
	border-radius: 20%;
	outline: solid;
	text-align: left;
	vertical-align: middle;
	cursor: pointer;
	box-sizing: border-box;
	margin: 0px 0px 0px 0px;
}

	/* Change background color of buttons on hover */
	.JrkTabBtn:hover {
		background-color: #ddd;
		box-sizing: border-box
	}