/* Always set the map height explicitly to define the size of the div
* element that contains the map. */
#map {
	height: 83%;
	width: 90;
	float: bottom;
	clear: both;
}

  /* Optional: Makes the sample page fill the window. */
  html, body {
	height: 100%;
	width: 99%;
	margin: 0;
	padding: 0;

  }
  
  #DeleteButtons{
  display: inline-block;
  float: left;
  padding-left: 10px;
  padding-top: 5px;
  width: 100%

  }
  
  #LineThickness{
  display: inline-block;
  float: left;
  padding-left: 10px;
  padding-top: 5px;

  }
  
  #ColourOpacity{
  display: inline-block;
  float: left;
  padding-left: 10px;
  padding-top: 5px;

  }
  
  #buttons3{
  display: inline-block;
  float: left;
  padding-left: 10px;
  padding-top: 5px;

  }	  
  
  #FillColour {
  display: inline-block;
  float: left;
  padding-left: 10px;
  padding-top: 5px;
  }
  
  #color-palette1 {
  clear: both;
  }
  
  .color-buttons1 {
  width: 14px;
  height: 14px;
  font-size: 0;
  margin: 2px;
  float: left;
  cursor: pointer;
  }