.spec {
	position: absolute;
	left: -1000px;
	top: 0px;
}

body {
	background-color: black;
	color: silver;
	/*background-image: url(/images/stone.jpg);*/
	/*background: url(/images/flowers.png);*/
	margin: 0px;
	padding: 0px;
}

html, body {
	height: 100%;
}

textarea {
	white-space: normal !important;
}

body, td {
	font-family: Verdana, sans-serif; font-size: 14px;
}

.sep {
	padding: 0px 5px;
	color: gray;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.leftBar {
	background-image: url(/images/left_bar.gif);
}

.topBar {
	/*border-top: solid 1px black;
	border-bottom: solid 1px black;
	background: url(/images/panel_bg.gif);*/
	background: silver;/*#dde2dd;*/
	font-family: Verdana, sans-serif;
	font-size: 13px;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	padding: 1px 0;
	white-space: nowrap;
}

.topBar div {
	overflow: visible;
}

.topBar a:first-child {
	color: transparent !important;
  background-image: url(/images/logo_small.png);
  background-size: contain;
  background-repeat: no-repeat;
	background-position: center;
  height: 25px;
  display: block;
  margin-top: 2px;
  float: left;
  width: 170px;
}

.topBar a, .topBar b {
	line-height: 18px;
	height: 20px;
	padding: 0 10px;
	text-align: center;
	display: inline-block;
	/*width: 105px;*/
	/*background: url(/images/button.gif);*/
	color: black;
	text-decoration: none;
	cursor: default;
	/*border: solid 1px #e0e0e0;*/
	margin-right: 5px;
}

.topBar b, .topBar a.selected {
	font-weight: bold;
	/*background: #e0e0e0;*/
	/*background: url(/images/button_on.gif);*/
}

.topBar a:hover {
	/*background: url(/images/button_on.gif);*/
	cursor: pointer;
	text-decoration: none;
	/*border: solid 1px gray;*/
	color: gray;
}

.leftCol {
	top: 20px;
	position: absolute;
	height: calc(100% - 30px);
	overflow: hidden;
	width: 160px;
	margin: 0 10px;
	top: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mainCol {
	padding-top: 3px;
	padding-left: 180px;
	height: 100%;
}

.infoBox {
	font-size: 13px;
	line-height: 12px;
	background-color: #DADADA;
	padding: 4px;
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	border-bottom: solid 3px black;
}

.infoBox a {
	color: darkblue;
}

.startImage {
	width: 80px;
	height: 80px;
	border: solid 1px gray;
	margin-right: 10px;
}

.round {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webikit-border-radius: 5px;
}

a:hover .startImage {
	border: solid 1px black;
}

.header {
	color: black;
	font-family: 'Chewy';
	font-size: 20px;
	margin-bottom: 10px;
	border-bottom: solid 3px #E0E0E0;
}

.inputsubmit {
	background-color: silver !important;
}

.page { position: relative; height: 100%; }
.menu { line-height: 30px; padding-left: 10px; display: none; position: relative; z-index: 1; border-bottom: solid 1px black; }
.ref { display: none; position: absolute; font-size: 14px; line-height: 1; right: 4px; top: 4px; color: white; background: rgba(0,0,0,.3); border-radius: 3px; padding: 5px; z-index: 1; }

@media (min-width: 916px), (min-height: 916px) {
	.page { height: calc(100% - 30px) !important; }
	.menu, .ref { display: block; }
}

.banner-left { display: none; padding-bottom: 30px; position: absolute; height: 100%; align-items: center; padding-left: 10px; padding-right: 10px; background: black; }

/*@media (min-width: 1024px) {
  .banner-left.small { width: 140px; justify-content: center; display: flex; }
  .banner-left.small + .page { margin-left: 140px; }
}*/
@media (min-width: 1024px) {
  .banner-left.small { width: 180px; justify-content: center; display: flex; }
  .banner-left.small + .page { margin-left: 180px; }
}
@media (min-width: 1024px) {
  .banner-left.large { display: flex; }
  .banner-left.large + .page { margin-left: 310px; }
}

.banner-top { display: none; background: black; padding-top: 10px; padding-bottom: 10px; text-align: center; }

@media (orientation: portrait) and (min-width: 768px) and (max-width: 1023px) {
  .banner-top { display: block; }
  .page { height: calc(100% - 150px) !important; }
}

.share-box { gap: 5px; xfilter: drop-shadow(0px 0px 1px white); display: flex; white-space: nowrap; width: 350px; max-width: 100%; left: 0; right: 0; margin-left: auto; margin-right: auto; padding: 10px 0; z-index: 0; }
.share-box.explore { display: none; }
/*@media (max-height: 414px) {
	.share-box { display: none; }
}*/
@media (min-width: 768px) {
	.share-box.explore { display: flex; }
}

@media (min-width: 1024px), (min-width: 768px) and (min-height: 768px) {
	.share-box { position: absolute; bottom: 0px; }
}


.top-button { font-family: Verdana; font-size: 13px; color: white; border-radius: 999px; background: #888; padding: 5px 10px; }
.top-button:hover { text-decoration: none; background: #6a6a6a; }
.top-button i { vertical-align: middle; margin-right: 6px; margin-top: -3px; font-size: 17px; }
.top-button svg { width: 12px; height: 12px; fill: currentColor; vertical-align: middle; margin-right: 6px; margin-top: -3px; }


html.fullscreen .banner-left { display: none; }
html.fullscreen .banner-top { display: none; }
html.fullscreen body > .menu { display: none; }
html.fullscreen .page { margin-left: 0 !important; height: 100% !important; }


.terms-policy-link-container { display: none; position: absolute; right: 0; bottom: 0; padding: 10px 20px; z-index: 1; }
.terms-policy-link-container a { font-size: 12px; color: gray; }
@media (min-width: 768px) {
	.terms-policy-link-container { display: block; }
}

.page-container { max-width: 728px; padding: 0 10px; padding-bottom: 30px; margin: auto; position: relative; }

.cookie-popup { text-align: center; font-size: 15px; font-family: Verdana,sans-serif; position: fixed; left: 0; bottom: 0; width: 100%; padding: 10px; background: rgba(0,0,0,.7); backdrop-filter: blur(10px); color: white; z-index: 9999; line-height: 20px; }
.cookie-popup a { color: white; text-decoration: underline; white-space: nowrap; }
.cookie-popup button { line-height: 1; font-size: 15px; margin-top: 5px; padding-left: 20px; padding-right: 20px; }

@media (min-width: 768px) {
	.cookie-popup { padding-left: 15%; padding-right: 15%; }
}

.cookie-consent { font-size: 14px; z-index: 9999; line-height: 1.5; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7); display: flex; align-items: center; justify-content: center; }
.cookie-consent-box { max-width: 600px; border-radius: 5px; color: black; background: #AAA; padding: 15px; width: 100%; width: calc(100% - 10px); }
.cookie-consent-box button { border: solid 1px rgba(0,0,0,.5); border-radius: 3px; padding-left: 20px; padding-right: 20px; }
.cookie-consent-box h2 { font-size: 20px; display: block; margin-bottom: 10px; }
.cookie-consent-box a { text-decoration: underline; color: black; }
.cookie-consent-box .primary-button { background: #8a8; color: white; }

@media (min-width: 768px) {
	.cookie-consent-box { padding: 30px; }
}