/* Popup Menu styles */
input, select, .customPopFont {
  font-size: 14px;
}


/* Styles for Top Toolbar Menu */
div.topMenuBar
{
    border-top: #f0f0f0 2px solid;
    border-right: #909090 2px solid;
    border-bottom: #909090 2px solid;
    border-left: #f0f0f0 2px solid;
	padding: 4px 2px 3px 2px;
    background-color: #d0d0d0;
    text-align: left;
    width: 100%;
}

div.topMenuBar a.menuButton {
  background-color: transparent;
  border: 1px solid #d0d0d0;
  color: #000000;
  cursor: default;
  left: 0px;
  margin: 1px;
  padding: 1px 6px 0px 6px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}

div.topMenuBar a.menuButton:hover {
  background-color: transparent;
  border-color: #f0f0f0 #909090 #909090 #f0f0f0;
  color: #000000;
}



/* stuff used in the Navbar */
.ml
{
   font-size: 14px;
   margin-left: 8px;
}
A.ml:link,
A.ml:active,
A.ml:visited
{
    COLOR: black
}
.md
{
    font-weight: bold;
    font-size: 14px;
    margin-left: 2px
}



/* Title used in the app area for each screen */
.scrnTitle
{
    font-weight: bold;
    font-size: 160%;
}

/* "filter" summary area */
.summary, .summary input, .summary select {
 font-size: 100%;
}


/* Used to format the captions on "filter" combo's on summary screens */
tr.filterHead
{
    text-align: left;
    font-weight: bold;
    font-size: 95%;  
}


/* GDSS2 standard table grid style  */
table.grid {
  border-color: #000000;
  border-spacing: 0px;
  border-style: solid;
  border-width: 2px;
  cell-spacing: 0px;
  background-Color: white;
  font-size: 100%; 
}


table.grid th {
  cursor: hand; 
  font-family: Arial, Helvetica, sans-serif;
  padding: 2px 0.5em;
  white-space: normal;
}

table.grid THEAD
{
	padding-right: 0.5em;
	padding-left: 0.5em;
	font-weight: bold;
	background-image: url(../gph/headerBkgX.jpg);
	padding-bottom: 2px;
	cursor: hand;
	color: darkslategray;
	padding-top: 2px;
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	white-space: normal;
	background-color: #c0c0c0;
	text-align: center;
}

table.grid th.nosort {
  cursor: default;
}

table.grid td {
  font-family: Arial, Helvetica, sans-serif;
  padding: 2px 0.5em;
  white-space: nowrap; 
}

table.grid td.editable {
	border:solid;
  	border-width:2;
  	border-left-color: threedshadow;
	border-top-color: threedshadow;  
  	border-right-color: threedlightshadow;
	border-bottom-color: threedlightshadow;  
}

table.grid tr.wrap, table.grid td.wrap {
  white-space: normal;
}

table.grid td.numeric {
  text-align: right;
}

table.grid th {
  background-image: url(../gph/headerBkgX.jpg);   
  background-repeat: repeat-x;
  color: darkslategray;
  background-color: #c0c0c0; 
}

table.grid tr.alternate {
  background-color: #e0e0e0;
}

table.grid td.timeline {
   padding: 1;
   border-top: gray 1 solid;
   font-weight: bold; 
   border-bottom: gray 1 solid;
   background-image: url(../gph/TimeLineBkgX.jpg);
   background-repeat: repeat-x;
   text-align: center;
}

@media print { table.grid th { font-weight: bold; text-decoration: underline } }


/* Special "noprint" class hides during print */
@media print { .noprint { visibility: hidden } }


/* Misc styles */
.queryerr {
    font-weight: bold;
    font-size: 18;
}

.wingdings {
  font-family: WingDings 3;
}
body.gdss2body {
  background-color: #f7f7f7;
  font-size: 100%;
  margin-top: 6px;
}
@media print { body.gdss2body { font-size: 80% } }

div.scroll {
  overflow: auto;
}
@media print { div.scroll { overflow: visible } }

img.middle {
  vertical-align: middle;
  cursor: hand;
}

img.toolIcon {
 cursor: hand;
}
@media print { img.toolIcon { visibility: hidden } }

.mid {
  vertical-align: middle;
}
.modified {
  background-color: #c0f0f8;
}

.modifiedBkg {
  background-image: url(../gph/modifiedBkgX.jpg);
}

.uppercase {
   text-transform: uppercase;
}
.lowercase
{
    text-transform: lowercase;
}

.sortieBar {
   line-height: 6px; 
   background-image: url(../gph/gridSeparatorBkg.jpg); 
   background-repeat: repeat-x;
}

/* Forces input boxes to 3D appearance */
.editbkg {
  background-color: #fefefe;
}
.editSmallFont {
  font-family: serif, sans-serif, arial, helvetica;
  font-size: 7pt;
}
.readonlytxtbox {
  border-right: white 2px solid;
  border-top: white 1px solid;
  border-left: white 2px solid;
  border-bottom: white 1px solid;
}
.darkBodyStyle {
  background-color: #d0d0d0;
}
img.button3D {
   border-right: darkgray 1px solid; 
   border-top: white 1px solid; 
   border-left: white 1px solid; 
   border-bottom: darkgray 1px solid;
   cursor: hand;
   background-color: gainsboro;
}
img.button3Dpressed {
   border-right: white 1px solid; 
   border-top: darkgray 1px solid; 
   border-left: darkgray 1px solid; 
   border-bottom: white 1px solid;
   cursor: hand;
   background-color: gainsboro;
}
.cancel {
  TEXT-DECORATION: line-through;
  color: #808080;
}
.dataPresent {
  font-weight: bold;
}

.center {
  text-align: center;
}

input.cmdButton {
  width: 80px;
  font-size: 14px;
}

input.cmdWideButton {
  width: 160px;
  font-size: 14px;
}

form.gdss2form {
   MARGIN-TOP: 3px;
}

.dateBoundary {
    border: lightgrey 1px solid; 
    margin: 0px;
    padding-right: 3px; 
    padding-left: 3px; 
    padding-top: 2px; 
    padding-bottom: 2px; 
    font-size: 90%; 
    background-color: white;
}   



/* Popup tooltip style */
.tooltip {
   font-size: 90%;
   border-right: black 1px solid; 
   padding-right: 5px; 
   border-top: white 1px solid; 
   padding-left: 5px; 
   visibility: hidden; 
   border-left: white 1px solid; 
   border-bottom: black 1px solid; 
   position: absolute; 
   background-color: lightyellow;
   white-space: nowrap;
}

/* Tab styles */
span.tab {
  width: 76px;
  color: black;
  background-color: white; 
  font-size: 100%;
  text-align: center;
  border: darkgray 1 solid;
  cursor: hand;
  white-space: nowrap;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 130%;
}
span.tabActive {
  width: 76px;
  font-size: 100%;
  text-align: center;
  color: black;
  border-top: #ffc73c 3 solid;
  border-right: darkgray 1 solid;
  border-left: darkgray 1 solid;
  border-bottom: gainsboro 1 solid;
  white-space: nowrap;
  cursor: hand;
  padding-left: 5px;
  padding-right: 5px;
}
div.tabBody {
  width: 100%;
  padding: 8px; 
  background-color: gainsboro;
  border: gainsboro 1 solid;
  overflow: visible; 
  height: 260px;
}

span.xScrollArea {
   padding-bottom: 17px; 
   width: 100%; 
   overflow-X: auto; 
}
@media print { span.xScrollArea { overflow-X: visible; font-size: 80% } }

/* Collapsable section bars */
.sectionBar {
   padding-left: 5px; 
   width: 100%;
   color: lightyellow;
   font-size: 90%; 
   font-weight: bold;
   background-image: url(../gph/SectionBkgX.jpg);   
   background-repeat: repeat-x;
   font-family: arial;
   border: darkgray 1 solid;
}

div.sectionBody {
   padding: 10px; 
   border: lightgrey 1px solid; 
   background-image: url(../gph/sectionBodybkg.jpg); 
   width: 100%;  
   background-color: darkgray;
}

.sectionBar a:link, .sectionBar a:active, .sectionBar a:visited{
	padding-left: 5px;
	font-size: 75%;
	color: black;
}



/* Detail form data panel */
table.detailPanel, div.detailPanel {
  width: 100%;
  font-family: arial, helvetica, sans-serif;
  font-size: 100%; 
  background-color: gainsboro;
  border-color: dimgray;
  border-spacing: 0px;
  border-style: solid;
  border-width: 1px;  
}

table.detailPanelPlain {
  width: 100%;
  font-family: arial, helvetica, sans-serif;
  font-size: 100%; 
}

table.detailPanel td.caption, table.detailPanelPlain td.caption {
  font-family: sans-serif;
  text-align: right;
  white-space: nowrap;
}

table.detailPanel td.captionwrap, table.detailPanelPlain td.captionwrap {
  font-family: sans-serif;
  text-align: right;
  white-space: wrap;
}
table.detailPanel td.wrap {
  white-space: normal
}

table.detailPanel td.title {}

table.detailPanel div.data {
  background-color: white;
  white-space: nowrap;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  width: 100%;
}

table.detailPanel td.data {
  background-color: white;
  white-space: nowrap;
  padding-left: 4px;
  padding-right: 4px;
}
@media print { table.detailPanel td.data, table.detailPanel td.widedata { border-bottom: 1px solid gray;}}

table.detailPanel span.data {
  background-color: white;
  white-space: nowrap;
  padding: 5px;
}



table.detailPanel td.widedata {
  background-color: white;
  white-space: normal
  padding-left: 4px;
}

table.detailPanel tr.spacer {
  height: 10px;
}


/* Page title and links at the top of a page styles */
table.pageTop {
 width: 100%;
}
table.pageTop td {
  padding-bottom: 3px;
  white-space: nowrap;
  width: 5%;
}
table.pageTop td.title {
  padding-bottom: 0px;
  padding-right: 0px; 
  vertical-align: bottom;
  width: 5%;
  font-size: 154%;
  font-weight: bold;
}
table.pageTop td.context {
  width: 5%;
  padding-bottom: 2px; 
  vertical-align: bottom;
  padding-right: 2px; 
  padding-left: 4px;
  font-size: 100%;
  font-weight: bold;
}
table.pageTop td.refresh {
  width: 60%;
  text-align: right; 
  FONT-SIZE: 70%;
  font-weight: bold;
}
table.pageTop td.subtitle {
  padding-bottom: 1px;  
  vertical-align: text-bottom;
  padding-right: 0px; 
  font-size: 140%;
  font-weight: bold;
}
table.pageTop td.link {
  vertical-align: text-bottom;
  padding-bottom: 3px; 
/*  font-weight: bold; */
  font-size: 11pt;
}
@media print { table.pageTop td.link { visibility: hidden } }

table.pageTop td.subcontext {
  width: 5%;
  padding-bottom: 2px; 
  vertical-align: bottom;
  padding-right: 6px; 
  font-size: 100%;
  font-weight: bold;
}
table.pageTop a:link, a:visited, a:active {
  color: mediumblue;
}



/* Child grid style */
table.grdChild {
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 100%;
}
table.grdChild th {
  background-image: url("../gph/childBkgX.jpg"); 
  background-repeat: repeat-x;
  color: darkslategray;
  font-weight: bold;
  background-color: #ddd7c5;
}
img.grdExpand, img.grdExpandAll  {
  width: 16px; 
  cursor: hand; 
  height: 16px;
}
.grdCollapsable {
  display: none;
}


/* New improved tab stuff */
table.tabTbl {
   width: 100%;
   padding: 5px; 
   margin: 0px;
   font-size: 100%;
   line-height: 110%;
   padding-top: 3px;
   padding-bottom: 1px;
}
table.tabTbl td.active {
   background-color: white;
   border: 1px solid darkgray; 
   border-bottom: 0px; 
   border-top: 2px solid #ffc73c; 
   padding-top: 1px;
   padding-bottom: 1px;
}
table.tabTbl td.inActive {
   font-style: helvetica;
   border: 1px solid darkgray; 
   background-image: url(../gph/tabCapBkg.jpg); 
   background-color: lightgrey;
   padding-top: 1px;
   padding-bottom: 0px;
}
table.tabTbl td.preActive {
   font-style: helvetica;
   border: 1px solid darkgray; 
   background-image: url(../gph/tabCapBkg.jpg); 
   background-color: lightgrey;
   border-top: 2px solid #ffc73c; 
   padding-top: 1px;
   padding-bottom: 0px;
   cursor: hand;
}
table.tabTbl td.empty {
  border-bottom: 1px solid darkgray;
}
table.tabTbl td.body {
  background-color: white;
  border: 1px solid darkgray; 
  border-top: 0px;
}
table.tabTbl span.tabCaption {
  white-space: nowrap; 
  width: 76px; 
  text-align: center;
}
table.tabTbl td.activeTabTop {
  padding: 0px; 
  border: 0px; 
  border-bottom: 2px solid orange;
}
div.tabData {
  height: 400px; 
  width: 100%;
  display: none;
  padding: 6px;
}

/* Customize page styles */
td.cstmzCell {
  border: 3px double #c0c0c0;
  font-size: 90%;
  display: none;
}
div.cstmzSection {
  padding-left: 8px;
}

/* Customize panel */
table.customizePanel {
  font-size: 100%;
  display: none;
}

table.customizePanel td.caption {
  text-align: right;
  white-space: nowrap;
}

table.customizePanel span.units {
  font-size: 80%;
  padding-left: 3px;
}


/* Generics style navigation/content styles */
div.navContentArea {
   BACKGROUND-COLOR: gainsboro;
   OVERFLOW: auto; 
   WIDTH: 100%; 
}
div.navContentSection {
   padding: 6px;
   display: none;
   width : 100%;
}
div.navContentSection div.contentTitle {
  margin-bottom: 0px;
  font-size: 110%;
  font-weight: bold;
}
div.navListArea {
  padding: 6px;
  padding-top: 0px;
  OVERFLOW: auto; 
  Width: 190px; 
  HEIGHT: 150px; 
  white-space: nowrap;
  font-size: 85%; 
  background-Color: white;
}
dl.navList dd {
    padding-top: 0px;
	PADDING-LEFT: 20px; 
	margin-left: 0px;
	cursor: hand;
    color: darkgray;
/*    text-decoration: underline;   */
}
dl.navList dd.hasData {
  font-weight: bold;
  color: black; 
	line-height: 50%;
}
dl.navList dt {
  padding-top: 5px;
/*  font-weight: bold; */
}

/* 3d border frame with caption */
span.frameCaption {
  padding: 0; 
  margin: 0; 
  padding-left: 3px; 
  padding-right: 3px; 
  font-size: 85%; 
  position: relative; 
  top:  10px; 
  left: 10px; 
  BACKGROUND-COLOR: gainsboro;
  color: #505050;
}
div.frameLayer {
 BORDER: 2px groove; 
 padding: 8px;
}



/* Detail form data panel for print view */
table.detailPanelPrintView {
  width: 100%;
  font-family: arial, helvetica, sans-serif;
  font-size: 80%;  
  border-spacing: 0px;
}

/* Child grid style */
table.detailPanelPrintViewChild {
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 100%;
}
table.detailPanelPrintViewChild th {
  color: darkslategray;
  font-weight: bold;  
}

table.detailPanelPrintViewPlain {
  width: 100%;
  font-family: arial, helvetica, sans-serif;
  font-size: 80%; 
}

table.detailPanelPrintView td.caption, table.detailPanelPrintViewPlain td.caption {
  font-family: sans-serif;
  text-align: right;
  white-space: nowrap;
}

table.detailPanelPrintView td.captionwrap, table.detailPanelPrintViewPlain td.captionwrap {
  font-family: sans-serif;
  text-align: right;
  white-space: wrap;
}
table.detailPanelPrintView td.wrap {
  white-space: normal
}

table.detailPanelPrintView td.title {
}

table.detailPanelPrintView div.data {
  background-color: white;
  white-space: nowrap;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  width: 100%;
}

table.detailPanelPrintView td.data {
  background-color: white;
  white-space: nowrap;
  padding-left: 4px;
  padding-right: 4px;
}
@media print { table.detailPanelPrintView td.data, table.detailPanelPrintView td.widedata { border-bottom: 1px solid gray;}}

table.detailPanelPrintView span.data {
  background-color: white;
  white-space: nowrap;
  padding: 5px;
}



table.detailPanelPrintView td.widedata {
  background-color: white;
  white-space: normal
  padding-left: 4px;
}

table.detailPanelPrintView tr.spacer {
  height: 10px;
}