.addMarkerPopup {
	border-radius: 15px;
	background-color:#FFF;
	border:4px solid #888;
	width:auto; }

.addPointLabel {
	text-align:right; }

table.markerInfoTable {
	margin:4px;
	height:auto;
	width:auto; }

td.addPointLabel, td.addPointInput {
	padding: 6px 6px 6px 12px; }

body, .leaflet-tile {
	background-color:#000 !important; }

li.noBullet {
	list-style: none; }

div#Coords {
	padding:5px;
	position: absolute;
	bottom: 50px;
	left: 50%;
	z-index:1;
	width: 130px;
	height: 60px;
	line-height: 20px;
	text-align: center;
	font-family: "Lucida Console",monospace;
	background-color: rgba(0, 0, 0, 0.5);
	color: white;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px; }

div#xCoord, div#yCoord {
	float:left;
	margin:4px; }

div#discord {
	padding:5px;
	position: absolute;
	top: 20px;
	left: 50%;
	z-index:1;
	width: 120px;
	line-height: 20px;
	text-align: center;
	font-family: "Lucida Console",monospace;
	background-color: rgba(0, 0, 0, 0.5);
	color: white;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px; }

div#discord-link {
	float:left;
	margin:4px; }

div.mapPane {
	width:80% }

div.mapPaneWide {
	width:100% !important; }

h2 {
	text-align: center;
	margin: 0 0 10px 0;
		}

ul {
	/*-webkit-padding-start: 20px !important; */}

.controlPane {
	width:300px;
	height: 200px;
	position: absolute;
	/* padding: 0 0 0 20px; */
	top: 0px;
	right: 0%;
	/* background-color: #474747; */
	/* background-color: rgba(0, 0, 0, 0.5);
	color: #FFF;
	opacity:0.9;
	border:0px solid Black;
	border-radius:9px; */
	margin:20px 20px 0 0;  }

div.controlPaneCollapsed {
	width:15px;
	height:30px; }

table#layerControls {
	width:100%;
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 8px;
	padding: 2px 2px 2px 2px;	}

div#markerInfo {
	position: absolute;
	width: 265px;
	bottom: 0px;
	left: 1.5%;
	margin:0 20px 20px 0;
	word-break: break-word;
	white-space: normal;
	padding: 15px;
	background-color: rgba(0, 0, 0, 0.7);
	color: #DDD;
	text-align: left;
	border-radius: 4px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px; }

 div#markerInfoz:after { /* triangle nub */
  content:"";
  position:relative;
  border-style:solid;
	/* reduce the damage in FF3.0 */
  display:block;
  width:0;
	/* left triangle */
  top:-72px; /* controls vertical position */
  left:-30px; /* value = - border-left-width - border-right-width */
  border-width:10px 15px 10px 0;
  border-color:transparent rgba(0,0,0, 0.7); }

.pane-title {
}

.subheader {
	padding:5px;
}

table.layerControlTable {
	border:1px solid Black;
	width:100%; }

label{
	font-family: Helvetica, Arial, sans-serif;
	color: #ffffff;
}
