/*-------------------------------------------------------------------------
| SAE - Scripted Amiga Emulator
| https://github.com/naTmeg/ScriptedAmigaEmulator
|
| Copyright (C) 2012-2016 Rupert Hausberger
|
| This program is free software; you can redistribute it and/or
| modify it under the terms of the GNU General Public License
| as published by the Free Software Foundation; either version 2
| of the License, or (at your option) any later version.
|
| This program is distributed in the hope that it will be useful,
| but WITHOUT ANY WARRANTY; without even the implied warranty of
| MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
| GNU General Public License for more details.
-------------------------------------------------------------------------*/

a:link		{ color:#24c; text-decoration:none; }
a:visited	{ color:#24c; text-decoration:none; }
a:hover		{ color:#24c; text-decoration:underline; }

body {
	top:0;
	left:0;
	margin:0;
	padding:0;
	font-family:Verdana;
	font-size:13px;
	background-color:#ffffff;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

#config_bootscreen {
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	min-height:100vh;
	background-color:#ffffff;
}
#config_bootscreen img {
	max-width:100%;
	display:block;
	border:none;
	outline:none;
	animation:bootscreen-float 8s steps(8, end) infinite;
}

#bootscreen_text {
	margin-top:32px;
	text-align:center;
	font-family:'Press Start 2P', monospace;
	letter-spacing:0.05em;
	-webkit-font-smoothing:none;
	font-smooth:never;
}
#bootscreen_text p {
	margin:12px 0;
	font-size:24px;
	color:#222;
	text-transform:uppercase;
}
#bootscreen_text p:last-child {
	font-size:12px;
	color:#666;
}

@keyframes bootscreen-float {
	from { transform: translateY(0); }
	to   { transform: translateY(-80px); }
}

table {
	white-space:nowrap;
}
td {
	text-align:left;
	vertical-align:top;
}

textarea {
	resize:none;
	font-size:13px;
	font-family:monospace;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}

input[type=text] {
	font-size:13px;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}

/*---------------------------------*/

.gray { color:gray; }
.green { color:green; }
.orange { color:orange; }
.red { color:red; }

.alt { text-align:left; vertical-align:top; }
.alm { text-align:left; vertical-align:middle; }
.alb { text-align:left; vertical-align:bottom; }

.act { text-align:center; vertical-align:top; }
.acm { text-align:center; vertical-align:middle; }
.acb { text-align:center; vertical-align:bottom; }

.art { text-align:right; vertical-align:top; }
.arm { text-align:right; vertical-align:middle; }
.arb { text-align:right; vertical-align:bottom; }

.label {
	font-size:11px;
	font-weight:bold;
	color:#333;
}
.info {
	font-size:11px;
	color:dimgray;
}
.warn {
	font-size:11px;
	color:red;
}

.noscript {
	margin:auto;
	padding:4px;
	font-size:17px;
	font-weight:bold;
	text-align:center;
	color:red;
}

.head {
	display:none;
	width:100%;
	margin:auto;
	text-align:center;
}

.foot {
	width:100%;
	margin:auto;
	font-size:11px;
	text-align:center;
}

.linehoriz {
	width:100%;
	border-top:1px solid #bbb;
}

.text {
	border-left:1px solid #bbb;
	border-top:1px solid #bbb;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	background-color:#fff;
	-webkit-touch-callout:text;
	-webkit-user-select:text;
	-khtml-user-select:text;
	-moz-user-select:text;
	-ms-user-select:text;
	user-select:text;
}

/*---------------------------------*/

#myVideo {
	margin:auto;
}
#myVideo:-webkit-full-screen {
  width: 100%;
  height: 100%;
}

/*---------------------------------*/

#config select {
	border-left:2px solid #fff;
	border-top:2px solid #fff;
	border-right:1px solid #bbb;
	border-bottom:1px solid #bbb;
	background-color:#f8f8f8;
}
#config .button {
	width:75px;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #bbb;
	border-bottom:1px solid #bbb;
	background-color:#f8f8f8;
}
#config .button:hover {
	background-color:#e8e8e8;
}
#config .sbutton {
	width:100px;
	padding:2px;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #bbb;
	border-bottom:1px solid #bbb;
	background-color:#f8f8f8;
}
#config .sbutton:hover {
	background-color:#e8e8e8;
}

#config_database  {
	width:720px;
	padding:0;
	margin:auto;
	border:none;
	background-color:transparent;
}
#config_database_hof  {
	width:75%;
	margin:auto;
	padding:10px;
	border-left:1px solid #bbb;
	border-top:1px solid #bbb;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	background-color:#e8e8e8;
}
#config_database_hof .ctrl  {
	padding:2px;
	margin:0;
	border-left:1px solid #bbb;
	border-top:1px solid #bbb;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	background-color:#f0f0f0;
}

#config_advanced {
	width:720px;
	margin:auto;
	padding:10px;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #bbb;
	border-bottom:1px solid #bbb;
	background-color:#f0f0f0;
	display:none;
}
#config_advanced table {
	width:100%;
}

#config_advanced .menu {
	padding:10px;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	background-color:#e8e8e8;
}
#config_advanced .menu a:link {
	font-size:13px;
	color:#000;
	text-decoration:none;
}
#config_advanced .menu a:hover {
	color:#888;
	text-decoration:none;
}

#config_advanced .page {
	padding:10px;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	background-color:#e8e8e8;
	display:none;
}
#cfg_page_video  input[type="text"] {
	width:60px;
}

/*---------------------------------*/

#emul {
	display:none;
	padding-bottom:40px;
	min-height:calc(100vh - 40px);
	flex-direction:column;
	justify-content:center;
	align-items:center;
}

#emul button {
	width:75px;
	font-size:11px;
	font-weight:bold;
	color:#888;
	border:1px solid #888;
	background-color:#000;
}
#emul button:hover {
	color:#ccc;
	border:1px solid #ccc;
}

#controls_footer {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	background-color:#111;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:6px 12px;
	box-sizing:border-box;
	color:#888;
	font-size:9px;
	font-weight:bold;
	z-index:9999;
}

#controls_sw {
	background-color:#000;
	color:#888;
	border:1px solid #888;
	font-size:11px;
	font-weight:bold;
	padding:4px 10px;
	cursor:pointer;
}
#controls_sw:hover {
	color:#ccc;
	border-color:#ccc;
}

#dskchg_database, #dskchg_advanced {
	display:none;
}
#dskchg_database table, #dskchg_advanced table {
	margin:auto;
}
#dskchg_database select, #dskchg_advanced select {
	font-size:11px;
	font-weight:bold;
	color:#888;
	border:1px solid #888;
	background-color:#000;
}

/*---------------------------------*/

.readme {
	width:1080px;
	margin:auto;
	padding:10px;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #bbb;
	border-bottom:1px solid #bbb;
	background-color:#f0f0f0;
}
.readme table {
	width:100%;
}
.readme table td {
	vertical-align:top;
}
.readme li {
	padding:1px;
}

/*---------------------------------*/

#disass  {
	width:720px;
	padding:10px;
	margin:auto;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #bbb;
	border-bottom:1px solid #bbb;
	background-color:#f0f0f0;
}
#disass select {
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #bbb;
	border-bottom:1px solid #bbb;
}
#disass input {
	border-left:1px solid #bbb;
	border-top:1px solid #bbb;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}

#disass .button {
	width:100px;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #bbb;
	border-bottom:1px solid #bbb;
	background-color:#f8f8f8;
}
#disass .button:hover {
	background-color:#e8e8e8;
}

#disass_cfg  {
	border-left:1px solid #bbb;
	border-top:1px solid #bbb;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	background-color:#e8e8e8;
	display:none;
}

#disass_code {
	width:100%;
	display:none;
}