body, html {
  color: white;
  font-size:small;
  font-family: arial, sans-serif;
  background: #05307F;

	
  
  margin:0px; 	
  	scrollbar-face-color: black;
	scrollbar-shadow-color: white;
	scrollbar-highlight-color: black;
	scrollbar-3dlight-color: white;
	scrollbar-darkshadow-color: black;
	scrollbar-track-color: #222222;
	scrollbar-arrow-color: white;
}

a {text-decoration: none;color:#ffffff;}

a:hover {text-decoration: underline;color:#D0670A;}

#banner {
  border: 1px #ccc dashed;
  margin:10px;
}

#banner h1 {
  text-align:center;
  margin:5px;
  padding:0;
  font-size:1.1em;
}

/************* layout      *******/
#leftbar {
  position: absolute;
  left: 5px;
  top: 140px;
  width: 265px;
  padding:0;
  z-index: 3;
}

#leftbar p {text-align:center;margin:10px;}




#keymap {text-align:center;margin:10px;}
#keymap input, #mainmapCell {border:1px solid #eee;}

#layerscmd {text-align:center;padding:5px;}


#clear {
  clear: both;
}

#loadbar {
  width:170px;
  padding:10px;
  background-color:#999;
  border:1px solid #eee;
  font-weight:bold;
}
#loadbar img {border:0;margin-top:10px;}

pre {border: 1px #ccc dashed;padding:20px;margin-right:10px;}

.separator {
  background-color:#eee;
  height:1px;
  width:100%;
  text-align:center;
  margin-top:10px;
}

.form_button {
  height:20px;
  border:1px solid #fff;
  border-bottom-color: #aaa;
  border-right-color: #aaa;
  background-color:#eee;
  color:black;
/*   font-size:0.8em; */
  margin:2px;
}

#dummy {
  width:0;
  height:0;
}


#floatDistance {
  position: absolute;
  color: #555;
  display: none;
  padding: 2px;
  margin: 5px;
  background-color: white;
  border: 1px solid #dfdfdf;
  z-index: 4;
/*  display: none; */
}

#toolbar_row {
  padding:2px;
  text-align:center;
}

#toolbar {
  line-height:25px;
}

.toolbar_on {

  border: 2px solid #fff;
  cursor: pointer;
}

.toolbar_off {
  border: 1px solid #05307F;
  cursor: pointer;
}