html, body {
  margin: 0;
  padding: 0;
  color: #351b0d;
  font-family: Arial, Verdana;
  font-size: 12pt;
  height: 100%;
}

div#head {
  margin: 0; 
  padding: 0;
  width: 100%;
  height: 38px; 
  border-bottom: 2px solid #fff;
  background-color: #c9e81b; 
  min-width: 1150px;
}

div#head form {
  float: left;
  margin: 0;
  padding: 0;
  height: 38px;
}

div#head img {
  float: left;
}

div#head #change_location {
  display: block;
  margin: 8px 0 0 6px;
  float: left;
  height: 21px;
  width: 124px;
  background-image: url(/images/change-location.gif);
}

div#head #change_location:hover {
  background-position: 0px 21px;
}

div#user {
  float: right;
  height: 32px;
  padding-top: 6px;
  padding-right: 10px;
}

div#user form {
  margin: 0;
  padding: 0;
}

#login_button {
  display: block;
  margin: 0 5px 0 5px;
  height: 21px;
  width: 56px;
  background-image: url(/images/login.png);
}

#register_button {
  display: block;
  height: 21px;
  width: 69px;
  background-image: url(/images/register.png);
}

#login_button:hover, #register_button:hover {
  background-position: 0px 21px;  
}

table#wrapper {
  height: 100%;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border: 0;
}

table#wrapper td {
  padding: 0; 
  height: 100%;
  vertical-align: top;
}

div#sidebar {
  margin: 0;
  width: 240px;
  height: 100%; 
  border-right: 2px solid #fff;
  padding-top: 2px;
  background: url(/images/sidebar.gif);
  background-color: #c9e81b;
}

div#search {
  text-align: center; 
  width: 240px; 
  height: 125px;
  padding: 0px 0px 0 0px;
  overflow: hidden;
}

div#search a#search_route {
  height: 35px;
  width: 217px;
  display: block;
  margin: 4px 0 2px 10px;
  background-image: url(/images/button-search.gif);
}

#search_route:hover {
  background-position: 0px 35px;
}

div#results {
  height: 40px; 
  font-size: 10px; 
  padding-left: 40px; 
  padding-top: 14px;
}

div#controls {
  padding-left: 10px;
}

div#controls a {
  display: block;
  width: 217px;
  height: 35px;
  margin-bottom: 6px;
}

div#controls a#create_button {
  background-image: url(/images/button-create.gif);
}

div#controls a#save_button {
  background-image: url(/images/button-save.gif);
}

div#controls a#undo_button {
  background-image: url(/images/button-undo.gif);
}

#controls a:hover, #controls a:active {
  background-position: 0px 35px;
}

div#distance {
  width: 210px;
  float: left;
  color: #351b0d;
  font-weight: bold;
  font-size: 14pt;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 5px 0 5px 30px;
  background: url(/images/green-sidebar.gif) repeat-y;
}

#report {
  margin: 0;
  background: 0px 15px url(/images/logo-icon-halo.png) no-repeat;
  padding-left: 40px;
}

div#variables {
  color: #351b0d;
  border-bottom: 1px dashed #eeeeee; 
  padding: 0 4px 0 20px; 
  font-size: 10pt;
  float: left;
  width: 210px;
}

#variables a {
  color: #351b0d;
  font-weight: bold;
}

div#points {
  padding: 4px 4px 4px 4px; 
  font-size: 8pt;
  font-weight: bold;
  font-style: italic;
  color: #000000;
}

div#map {
  width: 100%;
  height: 100%; 
}

div#login {
  font-weight: bold;
  font-size: 20px;
  float: right;
  height: 32px;
  padding: 5px 10px 0 0; 
}

h1 {
  font-size: 20pt;
  font-weight: bold;
}

h2 {
  font-size: 18pt;
  font-weight: bold;
}

h3 {
  font-size: 16pt; 
  font-weight: bold;
}

h4 {
  font-size: 14pt;
  font-weight: bold;
}

.flat {
  padding: 0;
  margin: 0; 
}

.nobullet {
  list-style-type: none;
}

.noindent {
  padding: 0; 
  margin-left: 0; 
}

/**
 * Report Stuff
 */
table.report {
  border-collapse: collapse;
  empty-cells: show;
}

table.report tr.header {
  background-color: #ddddff;
  text-align: center;
  font-weight: bold;
}

table.report tr.odd {
  background-color: #ffffff;
}

table.report tr.even {
  background-color: #eeeeee;
}

table.report td {
  margin: 0;
  border: 1px solid #aaaaaa;
  padding: 4px 4px 4px 4px;
}

.header {
  text-align: center;
  font-weight: bold;
  padding: 5px 5px 5px 5px;
}

.normal {
  padding: 4px 4px 4px 4px;
  margin: 2px 2px 2px 2px;
}

.important {
  font-weight: bold;
  font-size: 18px;
}

.dialog {
  display: none;
  width: 400px;
}

#hello_world {
  width: 200px;
  height: 200px;
  display: none;
  background-color: #ffffff;
  top: 20px;
  left: 20px;
}