* {
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
  font: normal 14px Tahoma, Arial, Helvetica, sans-serif;
}

body {
	background-color: white;
	/*font: normal 10pt Tahoma, Arial, Helvetica, sans-serif;*/
	color: black;
	width: 100%;
	height: 100%;
	background-color: #C3C3C3;
	cursor:default;
	-ms-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
  overflow: hidden;
}

header {
	top:0px;
	width:100%;
	height:40px;
	background:#F60 linear-gradient(#ff6d15, #FF6000, #f15b00 95%, #dd5401);
	box-shadow:2px 2px 5px black;
}

header table {
	height: 100%;
}

header table td h1 {
	padding-left: 10px;
	font:bold 20pt Tahoma, Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

header table td div {
	vertical-align: middle;
  text-align: center;
  background:#F60 linear-gradient(#ff6d15, #FF6000, #f15b00 95%, #dd5401);
  border-radius: 5px;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.4), -1px -1px rgba(255,255,255,0.4);
  cursor: pointer;
}

header table td div.btn {
  width: 80px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: center;
}

#btn_prefab {
  background-image: url("img/ef_config_pic.png");
}

#btn_back {
  background-image: url("img/ef_back_pic.png");
}

#btn_bottom {
  background-image: url("img/ef_bottom_pic.png");
}

header table td div.select {
  background-color: #FF9758;
  box-shadow: -1px -1px rgba(0,0,0,0.4), 1px 1px rgba(255,255,255,0.4);
}

header table td sup {
	font:normal 8pt Tahoma, Arial, Helvetica, sans-serif;
	position: relative;
	top: -0.4em;
}

.view {
  position: absolute;
	width: 100%;
	height: calc(100% - 60px);
}

.view .station,
.view #img_euro {
	position: absolute;
	width: 100%;
	height: 100%;
  
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-clip: content-box;
}

.view #img_euro {
	background-image: url("img/ef_back.png");
}

.view svg {
  position: absolute;
	width: 100%;
	height: 100%;
  fill: rgba(0,0,0,0.0);
  stroke: #00ffff;
  stroke-width: 1;
  stroke-miterlimit: 10;
}

svg .hotspot {
  cursor: pointer;
}

svg .select {
  stroke: #FF0000;
}

.popup {
  position: absolute;
  width: 300px;
  height: 310px;
  /*height: calc(100% - 120px);*/
  /*max-height: 310px;*/
  z-index: 50;
  
  background-color: #222222;
  border: 3px solid #FF6600;
  color: white;box-shadow:2px 2px 5px black;
}

.popup h1 {
  height: 30px;
  font-size: 12pt;
  font-weight: bold;
  text-align: center;
  color: black;
  padding: 5px;
  background:#F60 linear-gradient(#ff6d15, #FF6000, #f15b00 95%, #dd5401);
}

.popup div {
  height: calc(100% - 30px);
  overflow-y: hidden;
}

#menu {
  left: 0px;
  top: 80px;
}

#menu li {
  font-size: 9pt;
  list-style: none;
  padding: 5px 10px 5px 30px;
  cursor: pointer;
}

#menu li.select {
  font-weight: bold;
  color: black;
  background-color: #FFB27F; /*#FF893B;*/
}

#menu li:hover {
  color: black;
  background-color: #FF893B; /*#FF6600;*/
}

.hide {
  display: none;
}

.hide2a {
  display: none;
}

#inputs {
  right: 0px;
  top: 80px;
}

#inputs1 div {
  padding: 10px;
}

#inputs div.inp-top,
#inputs div.inp-bottom {
  width: 100%;
  height: auto;
  padding: 5px 10px 2px 10px;
}

#inputs div.inp-left,
#inputs div.inp-right {
  width: 50%;
  height: auto;
  padding: 5px 10px 5px;
  float: left;
}

#inputs div.inp-top {
  border-bottom: 2px groove #FF6600;
}

#inputs div.inp-right {
  border-left: 2px groove #FF6600;
}

#inputs div.inp-bottom {
  border-top: 2px groove #FF6600;
}


#inputs div label {
  clear: both;
  width: 80px;
  display: block;
  float: left;
  padding: 3px;
  margin-bottom: 2px;
}

#inputs div.inp-left label,
#inputs div.inp-right label {
  width: 60px;
}

#inputs div.inp-left1 label {
  width: 50px;
}

#inputs div input,
#inputs div select {
  display: block;
  float: left;
  padding: 1px;
}

#inputs div.inp-top input,
#inputs div.inp-bottom input {
  width: 60px;
}

#inputs div.inp-top select,
#inputs div.inp-bottom select {
  width: 190px;
}

#inputs div.inp-left select,
#inputs div.inp-right select {
  width: 60px;
}

#inputs div input:focus, 
#inputs div textarea:focus,
#inputs div select:focus {
    background-color: #FF9758;
}

#config {
  position: absolute;
  left: 0px;
  bottom: 0px;
}
#iconfig,
#nconfig {
  height: 22px;
  font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
  text-align: center;
}

#prefabs {
  /*position: absolute;*/
  top: 41px;
  left: calc(50% - 350px);
  width: 700px;
  height: auto;
  margin-left: auto;
}

#prefabs table {
  width: 100%;
  /*font: normal 16px Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";*/
}

#prefabs tr {
  height: 20px;
}

#prefabs th {
  height: 30px;
  font-weight: bold;
  background:#F60 linear-gradient(#ff6d15, #FF6000, #f15b00 95%, #dd5401);
}


#prefabs tr.select {
  color: black;
  background-color: #FF893B;
}

#prefabs tr:hover td {
  color: black;
  background-color: #FF9758; /*#FF6600;*/
}