/* ----------------------------------------------------------------------------
 * Name: div.window
 * Standard window class, gives the style options for the main form of the
 * displayed window.
 */
div.window {
  position: absolute;
  font-size: 10px;
  z-index: 100;
  background-color: #99B3CC;
  border: 4px solid white;
}

/* ----------------------------------------------------------------------------
 * Name: div.windowHandle
 * Specifies the options for the handle (portion of the window that is
 * dragable).
 */
div.windowHandle {
  background-color: white;
  border-top: 1px solid lightblue;
  border-left: 1px solid lightblue;
  border-bottom: 1px solid grey;
  border-right: 1px solid grey;
  padding: 4px;
}

/* ----------------------------------------------------------------------------
 * Name: div.windowContainer
 * Sub window container to hold the content container.
 */
div.windowContainer {
  padding: 5px;
  background-color: white;
  color: black;
  border: 1px solid black;
  margin: 4px;
}

/* ----------------------------------------------------------------------------
 * Name: div.windowContentContainer
 * Container that all actual content is in.
 */
div.windowContentContainer {
  overflow: auto;
  height: 200px;
}

/* ----------------------------------------------------------------------------
 * Name: table.windowTable
 * Standard table class for use with window overlays.
 */
table.windowTable {
  width: 100%;
  border-collapse: collapse;
}

/* ----------------------------------------------------------------------------
 * Name: div.windowContentContainer
 * Status bar for windows that have AJAX action in the background.
 */
div.windowAjaxStatus {
  background-color: #330099;
  width: 100%;
  height: 20px;
  border-top: 2px solid black;
  border-bottom: 2px solid black;
  color: white;
}