/* Overlay properties for a 3D rendering of overlapping canvases. */

/* The "container" element that has the overlaid elements as its children.
   Notice that the height of this "container" needs to be larger enough
   to contain all of its children. */
#W3_my_overlay {
  position: relative;
  height: 400px;
}

/* The main canvas for the large rendering. */
#W3_main_canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 400px;
  height: 400px;
  z-index: 0;
}

/* A smaller canvas in the upper-right corner of the larger canvas. */
#W3_small_canvas {
  position: absolute;
  top: 0;
  left: 300px;
  width: 100px;
  height: 100px;
  z-index: 1;
}