/*
 * Splitter container. Set this to the desired width and height
 * of the combined left and right panes. In this example, the
 * height is fixed and the width is the full width of the body,
 * less the margin on the splitter itself.
 */
#MySplitter {
  /* Height is set to match window size in $().ready() below */
  border: 4px solid #ccc;
  min-width:  600px;  /* Splitter can't be too thin ... */
  min-height: 340px;  /* ... or too flat */
  margin: 1em 1em;
}
/*
 * Left-side element of the splitter. Use pixel units for the
 * min-width and max-width; the splitter plugin parses them to
 * determine the splitter movement limits. Set the width to
 * the desired initial width of the element; the plugin changes
 * the width of this element dynamically.
 */
#search {
  padding: 4px;
  overflow: auto;
  width: 340px;    /* optional, initial splitbar position */
  min-width: 50px;  /* optional */
  /* No margin or border allowed */
}
/*
 * Right-side element of the splitter.
 */
#mapContainer {
  padding: 4px;
  min-width: 100px;
  overflow: hidden;
  /* No margin or border allowed */
}
/* 
 * Splitter bar style; the .active class is added when the
 * mouse is over the splitter or the splitter is focused
 * via the keyboard taborder or an accessKey. 
 */
#MySplitter .vsplitbar {
  width: 6px;
  background: #ccc url(vgrabber.gif) no-repeat center;
}
#MySplitter .vsplitbar.active, #MySplitter .vsplitbar:hover {
  background: #e88 url(vgrabber.gif) no-repeat center;
}

html, body {
  margin: 0;      /* Remove body margin/padding */
  padding: 0;
  overflow: hidden;  /* Remove scroll bars on browser window */
  text-align:left;
}
#header { 
  padding: 1em; 
}

td {
  vertical-align : top;
  font-size: 13px;
}
 td.search-form {
  width : 340px;
}
 td.search-options {
  padding-left : 25px;
}
 #results .header {
  font-size : 16px;
  font-weight : bold;
}
 #results .gs-result {
  margin-bottom : .5em;
}
 #results div.gs-watermark {
  display : none;
}
 #mapContainer {
  width    : 700px;
  height   : 700px;
}