:root {
  --tabbga: #fcfcfc;
  --tabbgh: #ddd;
  --tabborder: #888;
  }
.tabh { height:1.75em; margin:0; position:relative; }
.tabh li {
        z-index:10;
        white-space: nowrap;
        font-size: 1em;
        list-style:none;
        height: 1.21em;
        margin-left: 0.2em;
        padding: 0.25em 1em;
        display:block;
        float:left;
        color:#226;
        user-select: none;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        background-color: var(--tabbgh);
        border: 2px solid var(--tabbgh);
	border-bottom: 1px solid var(--tabborder);
}
.tabh li:hover {
	background-color: #ff0;
	border-color: #ff0;
	cursor:pointer;
	color: #333;
}
.tabh li.tabActiveHeader {
        background-color: var(--tabbga);
        cursor:pointer;
        color: #000;
        border: 2px solid var(--tabborder);
        border-bottom: 2px solid var(--tabbga);
}
.tabv { margin:0; padding:0; font-size: 1em; }
.tabv li {
        z-index:10;
        margin-right:-1px;
        white-space: nowrap;
        list-style:none;
        padding: 0.2em;
        display:block;
        color:#000;
        user-select: none;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        background-color: var(--tabbgh);
        border: 1px solid var(--tabborder);
        border-right: 2px solid var(--tabborder);
}
.tabv li:hover {
	background-color: #ff0;
	cursor:pointer;
	color: #333;
}
.tabv li.tabActiveHeader {
	margin-right: -2px;
        cursor:pointer;
        color: #000;
        background-color: var(--tabbga);
        border-top: 1px solid var(--tabborder);
        border-left: 1px solid var(--tabborder);
        border-bottom: 1px solid var(--tabborder);
        border-right: none;
}

li.tabspace { border:none; opacity:0; height:0.25em; width:0.25em; }
.tabvpage1 { display:table-cell; vertical-align:top; padding-top:1em; position:relative; }
.tabvpage2 { display:table-cell; margin:0; padding:0; width:100%; }
.tabContainer { width:95%; margin:auto; }
.tabpage {
        margin:0;
	margin-top: 1px;
        padding: 1em;
        border: 2px solid var(--tabborder);
        border-radius: .5em;
        color: #000;
        background-color: var(--tabbga);
        min-height:25em;
	text-align:left;
	max-width:100%;
}
.tabpage .sidebar2 tr:not(:last-child) { border-bottom: none; }
.tabpage h1 { clear:both; }
.tabpage a { color:#00f; }
.tabpage a:hover { color:#f00; }

@media print {
  .page { width:100%; }
  .tabpage { display:block !important; }
  .tabpagetutorial { display:block !important; }
  .privapikey { max-width:8.5ch !important; white-space: nowrap !important; overflow:hidden !important; vertical-align:bottom; }
  }
