html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px ; background-color: #000; }
#mcmap { height: 100% }

.infoWindow {
    height: 100px;
}

.infoWindow>img {
    width:80px;
    float: left;

}

.infoWindow>p {
    text-align: center;
    font-family: monospace;
}
.showbox {
        z-index: 100;
        padding: 3px;
        font-family: arial, verdana, helvetica;
        font-size: 9pt;
        background: rgb(111,111,111);
        background: rgba(0, 0, 0, 0.5);
        color: #fff;
        text-align: right;
		border-right: 1px white solid;
		border-left: 1px white solid;
		float: left;
}

  #players, #info, #link,#showregions, #showpublicwarps, #showmywarps {
        z-index: 100;
        padding: 3px;
        font-family: arial, verdana, helvetica;
        font-size: 9pt;
        background: rgb(111,111,111);
        background: rgba(0, 0, 0, 0.5);
        color: #fff;
        text-align: right;
		border-right: 1px white solid;
		border-left: 1px white solid;
  }
  
#players {
	margin-right: 5px;
}
  #info, #link {
        color: #bbb;
  }
  
  #players p {
        margin: 1px;
		width: 130px;
  }
  #players span {
        cursor: pointer;
        color: #fff;
        text-decoration: none;
  }
  #players span.idle {
        color: #bbb;
  }
  
  
.controlUI {
  background-color: white;
  border-style: solid;
  border-width: 2px;
  cursor: pointer;
  text-align: center;
  
}

 
.controlUI-selected {
  background-color: grey;
  border-style: solid;
  border-width: 2px;
  cursor: pointer;
  text-align: center;
  
}

.controlText {
  font-family : arial, sans-serif;
  font-size : 12px;
  padding-left : 4px;
  padding-right : 4px;
}