* {
	margin:0;
	padding:0;
	font-family: 'Orbitron', sans-serif;
	color:#fff;
}
body {
  background-color:#222;
}
canvas {
  position:absolute;
  top:0;
  left:0;
  z-index:-1;
}
h1 {
  font-size:1em;
}

::-webkit-scrollbar, ::-webkit-slider {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track, ::-webkit-slider-runnable-track {
  background: #000; 
}
::-webkit-scrollbar-thumb , ::-webkit-slider-thumb{
  background: #888; 
}
::-webkit-scrollbar-thumb:hover, ::-webkit-slider-thumb:hover {
  background: #aaa; 
}



#m-top-cont {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:42px;
  background: rgb(43,43,43);
  background: linear-gradient(0deg, rgba(43,43,43,1) 0%, rgba(64,64,64,1) 100%);
  border:0;
  border-bottom:#444 solid 1px;
  font-size:0.8em;
  text-align:center;
  padding-top:8px;
  user-select: none;
  text-shadow: 2px 2px #000;
}

#m-time-controller {
  position:fixed;
  display:block;
  top:1px;
  left:1px;
  width:40px;
  height:40px;
  background: rgba(0,0,0,0.5);
  text-align:center;
  font-size:1.4em;
  user-select: none;
  cursor: pointer;
  padding-top:8px;
  padding-left:8px;
}

#m-sound-controller {
  position:fixed;
  display:block;
  top:1px;
  right:2px;
  width:70px;
  height:40px;
  background: rgba(0,0,0,0.5);
  text-align:center;
  font-size:1.4em;
  user-select: none;
  cursor: pointer;
  padding-top:8px;
}

#m-date-cont {
  position:fixed;
  top:60px;
  width:100%;
  margin:0 auto;
  text-align:center;
  user-select: none;
  font-size:1.2em;
  text-shadow: 2px 2px #000;
}

#m-warning-cont {
  position:fixed;
  display:none;
  top:60px;
  left:10px;
  font-size:0.8em;
  background: rgba(0,0,0,0.75);
  padding:10px;
  border:#444 solid 1px;
  border-radius:10px;
}

#m-warning-cont p {
  margin-bottom:5px;
}

#m-warning-cont p:last-child {
  margin:0;
}

#m-bottom-interface-cont {
  position:fixed;
  display:block;
  bottom:0;
  right:0;
  left:0;
  height:250px;
  border:0;
  border-top:#444 solid 1px;
  padding:10px;
  background: rgba(0,0,0,0.5);
}
 
#control-tab-cont {
  width:20%;
  float:left;
}  

#control-tab-cont li {
  display:block;
  list-style:none;
  text-align:center;
  background-color:#222;
  border:0;
  border-radius:5px 0px 0px 5px;
  user-select: none;
  cursor: pointer;
  margin-bottom:5px;
  height:30px;
  padding-top:5px;
  font-size:1.2em;
  text-shadow: 2px 2px #000;
}

#control-tab-cont li:hover {
  background-color:#444;
}
 
#control-cont {
  display:block;
  float:left;
  width:80%;
  height:100%;
  background-color:#111;
  overflow-y: scroll;
}

#control-cont p{
  padding:5px;
  text-shadow: 2px 2px #000;
  user-select: none;
}

#control-cont table{
  width:100%;
  padding:5px;
  text-shadow: 2px 2px #000;
  border-collapse: collapse;
  
}
#control-cont td, #control-cont th{
  text-shadow: 2px 2px #000;
  user-select: none;
}

#control-cont tr:hover {
  background-color:#444;
}

.table-btn, .table-btn-long, .table-btn-trade, .table-btn-scrap {
  display:block;
  background-color:#000;
  width:24px;
  height:24px;
  user-select: none;
  cursor: pointer;
  text-align:center;
}

.table-btn-long {
  float:left;
  width:150px;
  margin:0 auto;
}

.table-btn-trade {
  float:left;
  width:40px;
  margin:0 auto;
}
.table-btn-scrap {
  width:100px;
  margin:0 auto;
}

.table-btn:hover, .table-btn-long:hover, .table-btn-trade:hover {
  background-color:#222;
}
 
#table-btn-launch {
  display:block;
  width:75%;
  background-color:#aa2222;
  font-size:1.3em;
  text-align:center;
  border:0;
  border-radius:5px;
  user-select: none;
  cursor: pointer;
  margin:10px auto;
}
#table-btn-launch:hover {
  background-color:#ff5555;
  text-shadow: 0 0 10px #fff;
  box-shadow: 0 0 10px #f00;
}
#table-btn-launch:active {
  text-shadow:0 0 0 #111;
  box-shadow: inset 0 0 10px #000;
  background-color:#440000;
  color:#aaa;
}
 
 
#sound-settings-cont, #misc-settings-cont{
  width:48%;
  float:left;
  padding:5px;
  list-style:none;
}

#misc-settings-cont {
  float:right;
  
}
#misc-settings-cont a {
  text-decoration:none;
}

#sound-settings-cont label{
  width:100%;
  
}
 
.slider {
  -webkit-appearance: none;
  background: #000;
  width:100%;
  margin-top:10px;
}
 
 
 
.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #888;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #888;
  cursor: pointer;
}
 
.text-btn {
  user-select: none;
  cursor: pointer;
}
.text-btn:hover {
  color:#ccc;
}
.txt-green {
  color:#44ff44;
}
.txt-red {
  color:#ff4444;
}
.txt-cyan, #misc-settings-cont a {
  color:#99bbff;
}
.hidden {
  display:none;
}

.travel-cont {
  background-image: url('../img/shuttle_flight.gif');
  background-repeat: no-repeat;
  background-position: center;
  width:80%;
  height:100%;
  text-align:center;
  margin:0 auto;
  user-select: none;
}
.travel-cont div {  
  padding-top:100px;
  font-size:2em;
  text-shadow: 0 0 20px #000, 0 0 30px #000, 0 0 40px #000, 0 0 50px #000, 0 0 60px #000, 0 0 70px #000, 0 0 80px #000;
  user-select: none;
}