@font-face {
    font-family: 'AmigaGuide-Topaz'; 
    src: url('topaz.ttf'); 
}

.amigaguide_container, .amigaguide_container *, .amigaguide_container > * {
	text-align: left;
	font-family: 'AmigaGuide-Topaz';
	font-size: 16pt;
}

.amigaguide_container .errormessage {
	color: #FF0000;
	font-weight: bold;
}

.amigaguide_container {
	width: 100%;
	height: calc(100vh - 1em);
	border: 0.1em solid;
}

.amigaguide_container a {
	text-decoration: none;
	cursor: pointer;
}

.amigaguide_container > header {
	-webkit-user-select: none;
    user-select: none;
	overflow: hidden;
}

.amigaguide_container > header > span {
	white-space: nowrap;
}

.amigaguide_container > div > nav {
	height: 2.2em;
	overflow: hidden;	
	position: fixed;
	width: calc(100% - 2em);	
	-webkit-user-select: none;
    user-select: none;
	white-space: nowrap;
}

.amigaguide_container > div > nav hr {
	border-top: 0.2em solid #FFF;
	border-bottom: 0.2em solid #000;
	height: 0;
	padding: 0;
	margin: 0.1em;
	margin-top: 0;
}

.amigaguide_container > div > nav button {
	display: inline;
	text-align: center !important;
	font-size: 16pt;
	font-family: 'AmigaGuide-Topaz';
	padding: 0.1em;
	margin: 0.1em;
	width: 5em;
}

.amigaguide_container > div > div {
	padding: 0.3em;
	padding-top: 2.6em;
	white-space: pre;
}

.amigaguide_wordwrap {
	white-space: pre-wrap !important; 
    white-space: -moz-pre-wrap !important;
    white-space: -o-pre-wrap !important;
}

.amigaguide_container button, .amigaguide_container a {
	text-align: left;	
	cursor: pointer;
	background-color: transparent;
	margin: 0;
	padding: 0;
	vertical-align: 0em;
	padding-block: 0;
	padding-inline: 0;
}

.amigaguide_container a {
	display: inline-block;
}

.amigaguide_container_v13 {
	border-color: #FFF;
	background-color: #05A;
	color: #FFFFFF;
}

.amigaguide_container_v13 > div > nav {
	background-color: #05A;
}
.amigaguide_container_v31> div > nav {
	background-color: #BBB;
}
.amigaguide_container_v13 > div > nav hr {
	border-bottom: 0.2em solid #FFF;
}

.amigaguide_container_v31 > div > div .fgText 		{ color: #000; }
.amigaguide_container_v31 > div > div .fgShine 		{ color: #FFF; }
.amigaguide_container_v31 > div > div .fgShadow 	{ color: #444; }
.amigaguide_container_v31 > div > div .fgFill 		{ color: #68C; }
.amigaguide_container_v31 > div > div .fgFilltext 	{ color: #000; }
.amigaguide_container_v31 > div > div .fgBack 		{ color: #BBB; }
.amigaguide_container_v31 > div > div .fgHighlight 	{ color: #FFF; }
.amigaguide_container_v31 > div > div .bgText 		{ background-color: #000; }
.amigaguide_container_v31 > div > div .bgShine 		{ background-color: #FFF; }
.amigaguide_container_v31 > div > div .bgShadow 	{ background-color: #444; }
.amigaguide_container_v31 > div > div .bgFill 		{ background-color: #68C; }
.amigaguide_container_v31 > div > div .bgFilltext 	{ background-color: #000; }
.amigaguide_container_v31 > div > div .bgBack 		{ background-color: transparent; }
.amigaguide_container_v31 > div > div .bgHighlight 	{ background-color: #FFF; }
.amigaguide_container_v13 > div > div .fgText 		{ color: #FFF; }
.amigaguide_container_v13 > div > div .fgShine 		{ color: #000; }
.amigaguide_container_v13 > div > div .fgShadow 	{ color: #888; }
.amigaguide_container_v13 > div > div .fgFill 		{ color: #F80; }
.amigaguide_container_v13 > div > div .fgFilltext 	{ color: #FFF; }
.amigaguide_container_v13 > div > div .fgBack 		{ color: #05A; }
.amigaguide_container_v13 > div > div .fgHighlight 	{ color: #000; }
.amigaguide_container_v13 > div > div .bgText 		{ background-color: #FFF; }
.amigaguide_container_v13 > div > div .bgShine 		{ background-color: #000; }
.amigaguide_container_v13 > div > div .bgShadow 	{ background-color: #888; }
.amigaguide_container_v13 > div > div .bgFill 		{ background-color: #05A; }
.amigaguide_container_v13 > div > div .bgFilltext 	{ background-color: #FFF; }
.amigaguide_container_v13 > div > div .bgBack 		{ background-color: transparent; }
.amigaguide_container_v13 > div > div .bgHighlight 	{ background-color: #000; }


.amigaguide_container_v13 button, .amigaguide_container_v13 a {
	border: 0.1em solid #FFF;
	color: #FFF;
	background-color: #05A;
}

.amigaguide_container_v13 button:active:enabled, .amigaguide_container_v13 button:hover:enabled, .amigaguide_container_v13 a:active, .amigaguide_container_v13 a:hover {
	background-color: #F80;
	color: #000;
}

.amigaguide_container_v31 button, .amigaguide_container_v31 a {
	border-left: 0.2em solid #FFF;
	border-top: 0.2em solid #FFF;
	border-right: 0.2em solid #000;
	border-bottom: 0.2em solid #000;
	color: #000;
}

.amigaguide_container_v13 button:disabled {
	cursor: default;
	color: #000;
	background: radial-gradient(circle at center, black 0.075rem, transparent 0), radial-gradient(circle at center, black 0.075rem, transparent 0);
	background-size: 0.3rem 0.3rem;
    background-position: 0 0, 0.15rem 0.15rem;
}

.amigaguide_container_v31 button:active:enabled, .amigaguide_container_v31 button:hover:enabled, .amigaguide_container_v31 a:active, .amigaguide_container_v31 a:hover {
	background-color: #68C;
}

.amigaguide_container_v31 button:active:enabled, .amigaguide_container_v31 a:active {
	border-left: 0.2em solid #000;
	border-top: 0.2em solid #000;
	border-right: 0.2em solid #FFF;
	border-bottom: 0.2em solid #FFF;
}

.amigaguide_container_v31 button:disabled {
	cursor: default;
	background: radial-gradient(circle at center, black 0.075rem, transparent 0), radial-gradient(circle at center, black 0.075rem, transparent 0);
	background-size: 0.3rem 0.3rem;
    background-position: 0 0, 0.15rem 0.15rem;
}

.amigaguide_container_v13 > header {
	color: #05A;
	background: repeating-linear-gradient(
	  #05A, #05A 4px,
	  #FFF 4px, #FFF 8px
	);
	overflowx-: hidden;	
	border-bottom: 2px solid #FFF;
	height: 1em;
}

.amigaguide_container_v13 > header > span {
	background-color: #FFF;
	padding-right: 3px;
}

.amigaguide_container_v13 > div  {
	width: 100%;
	height: calc(100% - 1em - 1px);
	overflow: scroll;
	scrollbar-width: thin;
    scrollbar-color: #FFF #05A;
}

.amigaguide_container_v13 > div::-webkit-scrollbar {
	width: 1em;
	height: 1em;
}

.amigaguide_container_v13 > div::-webkit-scrollbar-track {
	background-color: #05A;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border: 0.1em solid #FFF;
}

.amigaguide_container_v13 > div::-webkit-scrollbar-thumb {
	background-color: #FFF;
    background-clip: padding-box;
    border: 0.25em solid rgba(0, 0, 0, 0);
}

.amigaguide_container_v13 > div::-webkit-scrollbar-button {
  background-color: #FFF;
  color: #05A;
  width: 1em;
  height: 1em;
}

.amigaguide_container_v13 > div::-webkit-scrollbar-button:single-button {
    background-size: 0.8em;
	background-repeat: no-repeat;
	background-position: center center;
}

.amigaguide_container_v13 > div::-webkit-scrollbar-button:single-button:horizontal:decrement { background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M 10.5 1.5 L 1.5 12 L 10.5 23 M 1.5 12 L 23 12' stroke='rgb(0,80,160)' stroke-width='5'/></svg>");}
.amigaguide_container_v13 > div::-webkit-scrollbar-button:single-button:horizontal:increment { background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M 13.5 1.5 L 22.5 12 L 13.5 23 M 1.5 12 L 23 12' stroke='rgb(0,80,160)' stroke-width='5'/></svg>");}
.amigaguide_container_v13 > div::-webkit-scrollbar-button:single-button:vertical:decrement { background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M 1.5 10.5 L 12 1.5 L 23 10.5 M 12 1.5 L 12 23' stroke='rgb(0,80,160)' stroke-width='5'/></svg>");}
.amigaguide_container_v13 > div::-webkit-scrollbar-button:single-button:vertical:increment { background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M 1.5 13.5 L 12 22.5 L 23 13.5 M 12 1.5 L 12 23' stroke='rgb(0,80,160)' stroke-width='5'/></svg>");}

.amigaguide_container_v31 {
	border-left: 0.1em solid #FFF;
	border-top: 0.1em solid #FFF;
	border-right: 0.1em solid #000;
	border-bottom: 0.1em solid #000;
	background-color: #BBB;
	color: #000;
}

.amigaguide_container_v31 > header {	
	overflowx-: hidden;	
	background-color: #68C;
	border-bottom: 0.1em solid #000;
	height: 1em;
}

.amigaguide_container_v31 > div  {
	width: 100%;
	height: calc(100% - 1em - 1px);
	overflow: scroll;
	scrollbar-width: thin;
    scrollbar-color: #68C #BBB;
}

.amigaguide_container_v31 > div::-webkit-scrollbar {
	width: 1em;
	height: 1em;
	border-left: 0.1em solid #FFF;
	border-top: 0.1em solid #FFF;
	border-right: 0.1em solid #000;
	border-bottom: 0.1em solid #000;	
}

.amigaguide_container_v31 > div::-webkit-scrollbar-track {
	background-color: #347;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-left: 0.1em solid #FFF;
	border-top: 0.1em solid #FFF;
	border-right: 0.1em solid #000;
	border-bottom: 0.1em solid #000;		
}

.amigaguide_container_v31 > div::-webkit-scrollbar-thumb {
	background-color: #68C;
	border-right: 0.1em solid #000;
	border-bottom: 0.1em solid #000;	
	border-left: 0.1em solid #FFF;
	border-top: 0.1em solid #FFF;  
}

.amigaguide_container_v31 > div::-webkit-scrollbar-button {
	border-left: 0.1em solid #FFF;
	border-top: 0.1em solid #FFF;
	border-right: 0.1em solid #000;
	border-bottom: 0.1em solid #000;	
	background-color: #68C;
	color: #68C;
	width: 1em;
	height: 1em;
}
.amigaguide_container_v31 > div::-webkit-scrollbar-button:single-button {
    background-size: 0.6em;
	background-repeat: no-repeat;
	background-position: center center;
}

.amigaguide_container_v31 > div::-webkit-scrollbar-corner {
	background-color: #68C;
}

.amigaguide_container_v31 > div::-webkit-scrollbar-button:single-button:vertical:decrement {background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(0,0,0)'><polygon points='50,20 0,80 50,60 100,80'/></svg>");}
.amigaguide_container_v31 > div::-webkit-scrollbar-button:single-button:vertical:increment {background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(0,0,0)'><polygon points='50,80 0,20 50,40 100,20'/></svg>");}
.amigaguide_container_v31 > div::-webkit-scrollbar-button:single-button:horizontal:decrement {background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(0,0,0)'><polygon points='20,50 80,100 60,50 80,0'/></svg>");}
.amigaguide_container_v31 > div::-webkit-scrollbar-button:single-button:horizontal:increment {background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(0,0,0)'><polygon points='80,50 20,100 40,50 20,0'/></svg>");}