body {
  margin: 0;
  /*background: url('tile_baseTemplate.png');*/
}

h1 {
  margin: 0.67em 0;
  display: block;
  font-size: 2em;
  font-weight: bold;
}

p, dl, multicol {
  margin: 1em 0;
  display: block;
}

#game {
  top: 20px;
  left: 20px;
}

#helpIcon {
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  z-index: 102;
  position: absolute;
  background: transparent url('help.png');
}

#help {
  top: 60px;
  left: 20px;
  width: 278px;
  border: 1px solid darkgray;
  padding: 3px;
  z-index: 102;
  position: absolute;
  background: transparent url('transparent.png');
}

#help h1 {
  color: white;
  margin: 0.3em 0;
  font-size: 1.2em;
  text-align: center;
  font-family: monospace;
}

#help .toggleLanguage {
  color: white;
  cursor: pointer;
}

#help p {
  color: white;
  margin: 0.3em 0;
  font-size: 1em;
  font-family: monospace;
}

#creditName {
  display: block;
  text-align: center;
}

#creditName a {
  color: white;
}

#creditName a:hover {
  color: blue;
}

#board > div {
	z-index: 1;
}


/* editor */
#gameEditor {
  left: 320px;
  display: inline;
  position: relative;
}

#changeBoardSize {
  float: left;
  margin: 10px 0;
}
#generateMapArray {
  float: right;
  margin: 10px 0;
}

#mapPos {
  float: right;
  clear: both;
}

#options,
#tiles {
  padding: 0.5em 5px;
}

#tiles {
  text-align: right;
}

#currentTile {
  float: right;
}

#tileList {
  clear: both;
  padding: 10px 0 0;
}

#tiles img {
  border: 2px outset darkgray;
}

#tiles img:hover {
  margin: 0;
  border: 2px inset darkgray;
}

img:hover#currentTile {
  border: 2px outset darkgray;
}

#gameEditor #game #board div {
  margin: 1px;
}

#gameEditor #game #board div:hover {
  margin: 0;
  z-index: 2;
  border: 1px inset red;
}

#mapData {
  display: none;
}

#mapArrayText {
  width: 100%;
  height: 98%;
}