body,html {
 margin : 0px;
 background : #c8d3DC;
 font-family : Trebuchet MS;
 font-size : 8pt;
 overflow : auto;
 vertical-align : middle;
 height:100%;
}

html {
 overFlow : hidden;
}

form {
 display:inline;
}

code {
 display: block;
 color: #a6003b;
 background-color:#b0c4d4;
 white-space : pre;
 margin-top:5px;
 margin-bottom:5px;
 margin-left:10px;
 padding:3px;
 min-height : 20px;
 max-height : 200px;
 height: expression(1!=2?200+'px':this.currentStyle.height);
 /*expression(parseInt(this.currentStyle.bottom,10)-parseInt(this.currentStyle.top,10) > 200 ? 200 +'px' : parseInt(this.currentStyle.height,10) +'px');*/
 width:600px;
 overFlow:auto;
 border:1px solid black;
}

div.codeTitle {
 display: block;
 color: #c8d3DC;
 background-color:#3c5b7b;
 white-space : nowrap;
 margin-top:5px;
 margin-bottom:-5px;
 margin-left:10px;
 padding:3px;
 width:50px;
 border:1px solid black;
 border-bottom : 0px;
}

/* MB_layout styles */

/* Div LAyout */
div.page_header {
 position : absolute;
 left : 0px;
 right : 0px;
 top : 0px;
 height : 50px;
}

div.page_vertMenu {
 position : absolute;
 left : 0px;
 right : 0px;
 top : 50px;
 height : 16px;
}

div.page_content {
 position : absolute;
 left : 0px;
 right : 0px;
 top : 68px;
 bottom : 17px;
 overflow : auto;
 text-align : center;
 height:expression(document.body.clientHeight-parseInt(this.currentStyle.top,10)-
       parseInt(this.currentStyle.bottom,10)+'px');
 width: expression(document.body.clientWidth-parseInt(this.currentStyle.left,10)-
       parseInt(this.currentStyle.right,10)+'px');
 /*overflow-x:auto;*/
}

div.page_footer {
 position : absolute;
 left : 0px;
 right : 0px;
 bottom : 0px;
 height : 16px;
 vertical-align : bottom;
}

div.page_content_sideBar {
 display : inline;
 height : 100%;
}

div.page_content_mainContent {
 display : inline;
 height : 100%;
}
/* end of Div Layout */


.page_header {
 text-align:left;
 height : 50px;
 font-size : 24pt;
 color : #FFFFFF;
 width : 100%;
 background-color : #4A4A4A;
}

TABLE.mainBodyTable {
 width : 100%;
 height : 100%;
}

TD {
 vertical-align:top;
}

TD.mainBody {
 padding : 0px;
 text-align : center;
 vertical-align : top;
 width : 100%;
 height : inherit;
 overflow : auto;
}

.topMenu {
 background : #000000;
 font-size : 8pt;
 color : #96B5DA;
 height : 10px;
 padding : 0px;
 padding-left : 5px;
 padding-right : 5px;
 white-space : nowrap;
}
.topMenu A {
 color : #96B5DA;
 text-decoration : none;
}
.topMenu A:hover {
 text-decoration : underline;
}

.welcome {
 font-size : 8pt;
 color : #FF0000;
 white-space : nowrap;
}
TD.menuBar {
 font-size : 8pt;
 text-align : right;
 width : 100%;
 height:10px;
}
.bottomRow {
 font-size : 8pt;
 font-weight : bold;
 text-align : right;
 color : #FF0000;
 background : #000000;
}

/* General tag specifications */

TABLE {
 padding : 0px;
 margin : 0px;
 border : 0px;
}
/* data tables: for displaying query returns such as users */

/* alternating row classes */
.light_row {
 background : #ffffff;
}
.dark_row {
 background : #c0c0c0;
}
.highlight_row {
 background : pink;
}

/* table header */
.headerTable {
 width : 100%;
}

.tableHeader {
 font-size: 18pt;
 font-weight: bold;
 text-align: center;
 font-family : Trebuchet MS;
 color : #FFFFFF;
 text-shadow: #FFFFFF 0px 0px 5px;
 background : url(../testing/grfx/header_background.gif);
 border-bottom : 1px solid #000000;
}
.tableHeader_l {
 background : url(../testing/grfx/header_background.gif);
 border-bottom : 1px solid #000000;
 width : 10%;
}
.tableHeader_r {
 background : url(../testing/grfx/header_background.gif);
 border-bottom : 1px solid #000000;
 text-align : center;
 width : 10%;
}

/* Column Headers */
TR.columnHeader, DIV.columnHeader {
 background : url(../testing/grfx/tr_background.gif);
 height : 20px;
}
.columnHeader, .rowHeader, .rowheader_err {
 font-weight : bold;
 font-size : 10pt;
 padding : 0px 3px 0px 3px;
 border-bottom : 1px solid #000000;
 border-right : 1px solid #000000;
 border-top : 1px solid #FFFFFF;
 border-left : 1px solid #FFFFFF;
 color : #000000;
 vertical-align: top;
}
.columnHeader A {
 color : black;
 text-decoration : none;
}
.columnHeader A:hover {
 text-decoration : underline;
}
/* row headers */
.rowHeader {
 //background : url(../testing/grfx/tr_background.gif);
 border : 0px;
 //border-right : 1px solid #000000;
 height:20px;
 background-repeat: repeat-x;
 /*background-color : white;*/
}
.rowHeader_err {
 color : #FFFFFF;
 background : url(../testing/grfx/tr_background_err.gif);
 height:20px;
 background-repeat: repeat-x;
}

/* data cells */
.dataTable {
 border-bottom : 1px solid black;
 border-top : 1px solid #FFFFFF;
 border-right : 1px solid #000000;
 border-left : 1px solid #FFFFFF;
}
/* 
 data cells and rows:
  data-l - left most cell
  data-c - center cells
  data-r - right most cell
  data-f - for cells that span the whole table
*/
.data_l, .data_c, .data_r, .data_f {
 padding: 2px 3px 0px 3px;
 font-family : Trebuchet MS;
 font-size : 8pt;
 font-weight : normal;
}

/* for record set navigation*/
.tableNavigation {
 background-color : #4A4A4A;
 color : #FFFFFF;
 font-family : Trebuchet MS;
 font-size : 8pt;
 font-weight : bold;
 border : 1px solid #000000;
 border-left : 0px;
 border-bottom : 0px;
 padding-left : 3px;
 padding-right : 3px;
 width : 100%;
}
A.tableNavigation {
 border : 0px;
 color : #FF0000;
 text-decoration : none;
}
 
 
 /* Form Styles */
 td.loginTD input {
  border:1px solid #b0c4d4;
  background-color:#c8d3DC;
  font-size:8pt;
  margin-left:2px;
  margin-right:2px;
  height:12px;
 }
 
 td.loginTD .inputText,td.loginTD .inputPassword{
  width:75px;
 }
 
 td.loginTD  .inputPassword{
  font-family:Courier,monospace;
 }
 
 td.loginTD .inputSubmit{
  height:16px;
 }
 
 input.text {
  height : 18px;
  border : 0px;
  border-bottom : 1px solid #000000;
  background : transparent;
  text-align : right;
  font : 8pt Trebuchet MS;
  margin : 0px;
  width : 150;
 }
 
 A.mainMenu_link {
  font-size : 12pt;
  color : #000000;
  text-decoration: none;
 }
 A.mainMenu_link:hover {
  font-size : 12pt;
  color : #000000;
  text-decoration: underline;
 }
 
 .contentSide {
  width : 5px;
  background : #e1e1e1;
  text-align : left;
 }
 
 .contentTitle {
  font-size : 16pt;
  font-weight : bolder;
  background : #e1e1e1;
  text-align : right;
  padding-right : 10px
 }
 
 .contentSubTitle {
  font-size : 12pt;
  font-weight : bold;
  padding-left : 10px;
  text-align : left;
 }
 
 .byLine {
  padding-left : 10px;
  font-size : 8pt;
  font-weight : normal;
  text-align : left;
 }
 
 .contentDataSummary {
  padding-left : 25px;
  padding-top : 10px;
  font-style : italic;
  text-indent: 2em;
  text-align : left;
 }
 
 .contentData {
  padding-left : 25px;
  padding-top : 10px;
  text-align : left;
 }
 
 .contentData p {
  text-indent: 2em;
  text-align : left;
 }
 
 textarea.contentData {
  border : 1px solid #000000;
  padding : 0px;
  text-indent : 0em; 
 }
 
 .contentDataBottom {
  height : 25px;
  border-bottom : 1px solid #e1e1e1;
  text-align : right;
  vertical-align : top;
  padding-right : 10px;
  vertical-align:top;
 }
 
 .contentContainer {
  width : 75%;
  margin : 25px;
  border : 0px;
 }
 
 a {
  text-decoration:none;
  color:black;
 }
 a:hover {
  text-decoration:underline;
 }
 td {
  font-family: Trebuchet MS;
  font-size: 8pt;
 }