/*
CSS stuff
Format for each of the screen regions
*/

/* Clear the browser default styles */
* {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: sans-serif;
  font-size: 1em;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

body {
  margin : 0;
}

div#header_box{
  /* Container for the controls and info, above the map */
  height  : 98px;
/*  width   : 100%; */
  padding : 0;
  border  : 1px solid gray;
  margin  : 0 0 0 0;
  overflow:hidden;
}

div#controls_box{
  height  : 98px;
  width   : 29%;
  padding : 4px;
  border  : 1px solid gray;
  margin  : 0 0 0 0;
  float   : left;
  background-color : red;
  overflow :hidden;
}

#controls p{
  font-size   : 10pt;
/*  line-height : 100%; */
  text-align  : center;
}

div#controls {
  height  : 91px;
  width   : 100%;
  padding : 4px;
  border  : 0px solid gray;
  margin  : 0 0 0 0;
  float   : left;
  background-color : red;
  overflow :auto;
}

div#controls * {
  margin            : 1px;
}


div#info {
  height  : 68px;
  width   : auto;
  padding : 3px;
  border  : 1px solid gray;
  margin  : 0 0 0 0;
  overflow:auto;
}

div#copyright {
  height  : 16px;
  width   : auto;
  padding : 4px;
  border  : 0px; /* solid gray; */
  margin  : 0 0 0 0;
  background-color:gray;
  overflow:auto;
}

div#map_canvas {
  color:white;
/*
  clear:left;
  height:600px;
  width:98%;
*/
  height:700px;
  width:auto;
  overflow:auto;
  margin  : 0 0 0 0;
  border  : 0;
  padding : 0;
}

div#debug {
  color:white;
  background-color:blue;
  overflow:auto;
  height:200px;
}

input[type="button"] {
  background-color  : #B0C4DE; /* LightSteelBlue */
  border            : 2px outset buttonface;
  text-align        : center;
  margin            : 2px;
}