html, body, #AppMainContainer {
  min-height: 99%; /* Not supported by IE 5/6, but required for Firefox/Opera */
  width: 100%;
  height: 100%;
}
/***************************************************************************
* The "height" above is a hack for IE5+/Win. Below it's adjusted using
* the child selector to hide from IE5+/Win.
* Without this, Moz1.0 adds a vertical scrollbar, & Firefox1.0/Opera7.54
* cover everything with the footer when the viewport gets too small.
***************************************************************************/
html>body, html>body #AppMainContainer {
  height: auto;
}
body {
  margin:0px;
}
#AppMainContainer {
  position: absolute;
  top: 0;
  left: 0;
  background-color:white;
}
div #AppContainer {
  width:960px;
  margin-top:0px;
  margin-bottom: 50px;
  margin-left:auto;
  margin-right:auto;
  padding:0px;
  height: auto;
  background-color:white;
}
div #AppHeaderContainer {
  width: 960px;
  height: 52px;  
  background-color:white;
}
div #AppContentContainer {
  width: 960px;
  overflow: auto;
  background-color:white;
}
div #AppFooterContainer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px;  
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  background-color: white;
}

/*******************************************************************************
* Style sheet regarding regular page layout starts
*/
body, textarea, input {
  font-family: arial, tahoma, sans-serif;
  font-size: small;
  font-weight: normal;
  color: #707070;
}

table.cnt {
  margin-left: auto;
  margin-right: auto;
}
      
td.bodycontent {
  text-align:center; 
  background:#ffffff;
  border:none;
}

table.layout_maintable {
  width:100%; 
  height:100%; 
  background:none; 
  border:none; 
  margin:0px; 
  padding:0px;
}

table.layout_contenttable {
  width:960px !important; 
  height:100% !important; 
  background:#ffffff; 
  border:none; 
  padding:0px;
  margin-left:  auto;
  margin-right: auto;
}

table.layout_innercontenttable {
  width:960px !important; 
  height:100% !important; 
  background:#509999; 
  border:none;
  padding:0px;
  margin-left:  auto;
  margin-right: auto;
}

div.Help
{
  color: InfoText;
  background-color: InfoBackground;

  font: small Tahoma, sans-serif;
  text-align: left;
  cursor: pointer;

  padding: 5px;
  border: 2px outset;
}

th {
  font-weight: normal;
  text-align: left;
}

form, p {
  margin: 0;
}

fieldset {
  padding: 0.5em;
}

ul {
  margin: 0;
  padding-left: 1.5em;
}

li {
  line-height: 130%;
}

input {
  padding: 0 1px;
}

.Portal {
  width: 960px;
  height: 100% ! important;
  margin: auto;
  text-align: left;
}

.BannerBar {
  background-color: #E6E6E6;
}

.MenuBar {
  border-top: 2px solid white;
  border-bottom: 2px solid white;
  padding: 0 1em;
  
  color: white;
  background-color: rgb(80,153,153);

  height: 4ex;
  vertical-align: middle
}

.MenuBar a:link, .MenuBar a:visited {
  color: white;
}

.AppWorkSpace {
  color: black;
  background-color: #f0f0f0;
  border-left: 1px solid #f5f5f5;
  border-right: 1px solid #f5f5f5;
  
  vertical-align: middle;
  
  height: 100%;
}

.Window {
  margin: auto;
  border: 1px solid #bfbfbf;
}

.WindowTitle {
  color: #404040;
  background-color: #e0e0e0;
  padding: 0.25em 0.5em; 
  border-bottom: 1px solid #bfbfbf;
  text-align: left;
}

.WindowTitle a:link, .WindowTitle a:visited {
  /*color: CaptionText;*/
  background-color: #f0f0f0;
}

.WindowPane {
  color:#707070;
  background-color: #f0f0f0;
  padding: 0.5em;
  text-align: left;
}

#AppContentContainer a:visited {
  color: #707070; 
  text-decoration: underline;
}
#AppContentContainer a:link {
  color: #707070; 
  text-decoration: underline;
}
#AppContentContainer a:active {
  color: #e67036; 
  text-decoration: underline;
}
#AppContentContainer a:hover {
  cursor: pointer;
  color: #e67036;
  text-decoration: underline;
}

.WindowPane input.Generic, .WindowPane textarea.Generic {
  width: 98%;
}

.WindowPane select.Generic {
  width: 100%;
}

.ActionMessages { 
  color: blue;
}

.ButtonBar {
  text-align: right;
  padding-top: 1em;
}

.ReadOnly {
  background-color: ButtonFace;
}

table.DataGrid {
  width: 100%;
  border-width: 1px 1px 0px 1px;
  border-style: inset;
}

table.DataGridNoDiv {
  border-bottom-width: 1px;
}

div.DataGrid {
  background-color: white;
  overflow: auto;
  border-width: 0px 1px 1px 1px;
  border-style: inset;
}

.DataGrid th {
  border-style: outset; 
  border-width: 2px;
  padding-bottom: 1px;
}

.DataGrid th,
.DataGrid td {
  padding-left: 2px;
  padding-right: 2px;
  white-space: nowrap;
}

.DataGrid td {
  /*background-color: white;*/
  border-width: 0px 2px;
  border-style: solid;
  border-color: white;
  border-bottom-width: 1px; 
  border-bottom-color: #eee;
  border-right-color: #eee;
  border-right-style: dotted; 
  border-bottom-style: dotted; 
}

#AppContentContainer input, #AppContentContainer textarea, #AppContentContainer select, #AppContentContainer input.button, #AppContentContainer input.submit {
  color: #509999 ! important;
  border:1px solid #92b0b2;
  background-color:white;
}

#AppContentContainer textarea, #AppContentContainer select, #AppContentContainer input[type="radio"], #AppContentContainer input[type="checkbox"], #AppContentContainer input[type="text"], #AppContentContainer input[type="password"] {
  color: #509999 ! important;
  border:1px solid #92b0b2;
  background-color:white;
}