/******************************************************************************
 *
 * Copyright (C) 2006 - 2007, John L Lawler and Incode Systems, Inc.
 *   (unless otherwise noted)
 *   All rights reserved.
 *
 * CHANGELOG
 *
 * 2006
 * 05-19 First creation of common style sheet for all web systems.
 * 12-11 Added tab class for tab frames
 * 2007
 * 01-02 Added GridBackground class
 * 05-02 Added GridColumnHeader class
 * 05-09 Added NavBar class
 * 10-04 Added StatusBar class
 *****************************************************************************/

/********************************** classes ***********************************/

.ControlsContainer {
  width: 80px;
  padding-top: 5px;
  text-align: center;
}

.Hidden {
  display: none;
}

.menuItem {

  cursor: default;
  height: 18px;

  padding-top: 1px;
  padding-left: 8px;
  padding-right: 8px;

}

.menuItemRoot {

  background-color: #eceded; /* light gray */

}

.menuItemNonRoot {

  background-color: white;

}

.menuItemSelected {

  background-color: #0080ff; /* blue */
  color: white;

}

/* 2006-08-16 jll;  Most of this taken from examples here:
 *   http://www.wingo.com/dialogbox/index.html */
.modalBackground {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #6a74cb;
  cursor: "not-allowed";
  filter:alpha(opacity=20);
  -moz-opacity:0.20;
  opacity: 0.20;
  /* background-image:url(modal-background.gif); */
}

.NavBar {
  border-bottom: 1px black solid;
  background-color: #eceded;
  height: 18px;
  width: 100%;
}

.StatusBar {
  text-align: left;
  background-color: #dfdfdf;
  padding: 5px;
  border-top: 1px darkgray solid;
}

/********************************** elements **********************************/

body {
  /* background-color: #3a63a5; /* classic Windows blue desktop color */
  /* background-color: #ff9f9f; /* light red */
  font-family: tahoma, sans-serif;
  font-size: 12px;
  /* font-family: verdana, arial, sans-serif;
  font-size: 13px; */
  margin: 0;
}

/* ALPHABETIZED ABOVE ********************/

/* 2007-10-02 jll; Added after making the NavBar flush with the edges of the
 *   viewport */
.AppForm {
  margin-left: 8px;
}

.AppForm, .defaultBackground {
  background-color: #eceded; /* very light gray */
}

.AppFormBorder {
  border: 2px blue solid;
}

.AppFormTitle {
  background-color: blue;
  color: white;
  padding: 2px;
  padding-left: 5px;
  font-size: 13px;
  text-align: left;
  font-weight: bold;
  height: 20px;
}

.default { background-color: #eceded; /* very light gray */ }
.defaultBorder { border: 2px blue solid; }
.defaultTitle {
  background-color: blue;
  color: white;
}

.warning { background-color: #ff9f9f; /* light red */ }
.warningBorder { border: 2px #ff6464 solid; }
.warningTitle {
  background-color: #ff6464;
  color: white;
}

.info { background-color: #86d76f; /* light green */ }
.infoBorder { border: 2px green solid; }
.infoTitle {
  background-color: green;
  color: white;
}

.HelpButton {
  float: right;
  font-weight: bold;
  border: 1px white solid;
  background-color: green;
  cursor: help;
}

.groupBox {
  border: 1px solid gray;
  overflow: auto;
  height: 80px;
  margin-left: -3px;
  margin-top: -1px;
  padding: 5px;
}

.tab {
  border: 1px solid gray;
  padding: 10px;
  height: 100%;
}

.menuBackground {
  background-color: white;
}

td {
  /* 2009-02-03 jll; Removed padding on tds to conserve on space in tables
   *   for headers, especially on WShipmentMgmt.  Reverse or tweak if there're
   *   problems;
   *   ... and immediately put it back once I noticed that jllGrid was probably
   *   the primary use for this.  I might make a new class just for grid cells
   *   to handle this problem. */
  padding: 2px;
  padding-left: 3px;
  padding-right: 3px;
}

/* 2006-12-12 jll;  Nice, I stumbled upon this syntax somewhere that allows one
 *   to (e.g.) set the class on the table, and have all of the TDs (and only
 *   the TDs) pickup the CSS in this class.  Saves on redundant CSS on the TDs.
 */
.jg td, .criteriaTable td, .headerTable {
  white-space: nowrap;
}

.fieldDisplay {
  border: 1px darkgray solid;
  padding: 1px;
  overflow: hidden;
  white-space: nowrap;
}

/* 2006-10-26 jll;  The reason for these simple classes is that IE & FF
 *   apparently use different notation in JavaScript for setting float
 *   styles.  This approach may be simpler for now.
 */
.FloatLeft {
  float: left;
}

.FloatRight {
  float: right;
}

.GridBackground {
  background-color: silver;
}

.GridColumnHeader {
  white-space: normal;
  text-align: center;
  vertical-align: bottom;
  /* 2007-06-22 jll; Added these to support the LockedHeaderRow feature in
   *   jllGrid */
  padding-left: 0;
  padding-right: 0;
}

.ControlHighlight1 {
  background-color: #cdffa8;
}

div.Grid {
  border: 1px gray solid;
  background-color: white;
  overflow: auto;
}

div.GridContainer {
  margin: 5px;
  margin-top: 0;
}

div.GridSmall {
  border: 1px gray solid;
  background-color: white;
  width: 100%;
  margin-top: -1px;
  overflow: auto;
}

div.MsgPopup {
  position: absolute;
  left: 100px;
  top: 100px;
  width: 300px;
  padding: 5px;
}

.center {
  text-align: center;
}

.GridTitle {
  font-weight: bold;
}

.functionA {
  background-color: #b7ffb7; /* very light green */
}

.functionB {
  background-color: #ffbbbb; /* very light green */
}