/* tag-specific properties */

BODY {
  background-repeat: repeat-x;
  color: Black;
  font-family: Arial, Sans-Serif;
  font-size: 12px;
  margin-top: 0px;
  z-index: 1;
}
BODY.prod {
  background-image: url('../images/background_main.gif');
}
BODY.stage {
  background-image: url('../images/background_main_stage.gif');
}
BODY.dev {
  background-image: url('../images/background_main_dev.gif');
}
H1 {
  color: gray;
}
H2 {
  font-size: 14px;
  margin-top: 0px;
}
H3 {
  font-size: 12px;
  margin-top: 0px;
  margin-bottom: 0px;
}
/* positioning classes*/

.clearfix {
  zoom: 1;
}
.clearfix:before {
  content: "";
  display: table;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.center-align {
  text-align: center;
}
.inlined {
  display: inline-block;
  vertical-align: top;
}
.right {
  float: left;
}
/* container formatting classes */

.buttonbox {
  text-align: right;
}
.button-logout {
  float: right;
  margin-top: 6px;
}
.prettybox {
  display: inline-block;
  vertical-align: top;
  background-color: #f8f8f8;
  border: 1px solid;
  border-radius: 5px;
  margin-bottom: 10px;
  margin-right: 7px;
  padding: 10px;
}
/* control formatting classes */

/* text formatting classes */

.label {
  font-weight: bold;
}
.username {
  float: right;
  margin-top: 8px;
  margin-right: 8px;
}
.warning {
  color: red;
  font-weight: bold;
}
.message {
  color: red;
  font-weight: bold;
}
.message:after {
  content: "\00a0";
  white-space: pre;
}
.invisible {
  display: none;
}
/* Navigation menu classes */

header > ul.menu {
  display: none;
}
.ui-menu {
  border-color: black;
  text-align: left;
  width: 190px;
  z-index: 1;
}
ul.ui-menu > li.ui-menu-item > a.ui-corner-all,
ul > li.ui-menu-item > a.ui-state-focus,
ul > li.ui-menu-item > a.ui-state-active {
  font-size: 110%;
  font-weight: bold;
}
ul.ui-menu > li.ui-menu-item > ul.ui-menu > li.ui-menu-item > a.ui-corner-all {
  font-size: 90%;
}
/* Styles inherited from old stylesheet */

.Paragraph {
  margin-bottom: 12px;
}
.Hidden {
  display: none;
}
.Inline {
  float: left;
  margin-right: 16px;
}
.NestedItem {
  margin: 10px 10px 10px 30px;
  padding: 0px 10px 10px 10px;
  border-style: solid;
  border-width: thin;
}
.LeftTable {
  float: left;
  border-collapse: collapse;
}
.FormLabel {
  font-weight: bold;
  float: left;
  width: 150px;
}
.FormLabelLong {
  font-weight: bold;
  float: left;
  width: 256px;
}
.LabelColumnTable {
  border-collapse: collapse;
  margin-bottom: 16px;
}
.LabelColumnTable td {
  border-spacing: 0px;
  border-color: Black;
  border-style: solid;
  border-width: thin;
}
.LabelColumnTable tr td:first-child {
  background-color: #dbe6de;
  font-weight: bold;
}
.LabelColumnTable th {
  background-color: #dbe6de;
  font-weight: bold;
}
.PlainTable td {
  background-color: transparent !important;
}
.TotalsLabel {
  font-weight: bold;
  float: left;
  background-color: #dbe6de;
}
.ColumnHeading {
  font-weight: bold;
  background-color: #dbe6de;
}
.Spacer {
  clear: both;
}
/* When using overflow:auto, Firefox does not account
    for the width of vertical scrollbars when setting
    the width of the div, thus creating an unnecessary
    horizontal scrollbar. -moz-overflow will be ignored
    by IE. */

.ScrollBox div {
  position: relative;
  overflow: -moz-scrollbars-vertical;
  overflow-x: auto;
  max-width: 100%;
  max-height: 507px;
  float: left;
  clear: both;
  margin-bottom: 22px;
}
.MiniScroll div {
  position: relative;
  overflow: -moz-scrollbars-vertical;
  overflow-x: auto;
  max-width: 100%;
  max-height: 120px;
  float: left;
  clear: both;
  margin-bottom: 20px;
}
/* IE does not properly interpret CSS max-width property.
    To replace it, these functions set maximums on the
	dimensions of the div.  The 17 pixel additions are
    to account for the width of scrollbars, which IE
	fails to consider when calculating dimensions.
.ie div.ScrollBox
{
	overflow-y:auto;
	height:expression(Math.min((document.getElementById("GridView1").offsetHeight + 17), 507) + "px");
	width:722px;
} */

/* Locks table headers in place during scroll in IE.
    Firefox cannot currently use this function,
    and will ignore it.
.ScrollBox table th
{
	position:relative;
	top:expression(offsetParent.scrollTop-1);
} */

.GridHeader {
  font-weight: bold;
  background-color: #dbe6de;
  height: 30px;
}
.GridFooter {
  font-weight: bold;
  background-color: #99ccff;
}
.GridItem td,
.GridAltItem td {
  font-size: 10pt;
  padding-left: 3px;
  padding-right: 3px;
  overflow: hidden;
}
.GridItem td {
  background-color: white;
}
.GridAltItem td {
  background-color: #eeeeee;
}
.GridItemFail {
  FONT-SIZE: 12px;
  COLOR: #c04000;
}
.DataGrid_SelectedItemStyle {
  font-weight: bold;
  Color: Navy;
  background-color: #99ccff;
}
.NavBar {
  background-color: #ccffcc;
}
.Calendar {
  position: relative;
  z-index: 10;
}
.Calendar caption {
  background-color: White;
}
#btnOK {
  margin-top: 8px;
  margin-bottom: 20px;
}
#paging {
  POSITION: relative;
  TOP: -20px;
}
#grd {
  POSITION: relative;
  TOP: -15px;
}