.newsmonth {
  font-style:italic;
  font-weight: bold;
  font-size: 11px;
  margin: 10px 0px;
  color: black;
  font-family: verdana, tahoma, arial, helvetica;
  }

.newsmonth A:link {
    color: black;
    text-decoration: none;
  }

.newsmonth A:hover {
    color: black;
    text-decoration: underline;
  }

.newsmonth A:visited {
    color: black;
    text-decoration: none;
  }

.newsmonth A:active {
    color: red;
    text-decoration: none;
  }

.newsdate {
  font-style:italic;
  font-weight: bold;
  font-size: 11px;
  margin: 10px 0px;
  color: red;
  font-family: verdana, tahoma, arial, helvetica;
  }

.newsitem {
    background-color: #ffffff;
    font-family: verdana,tahoma,arial,helvetica;
    font-size: 10px;
    color: black;
  }

.newsitem A:link {
    color: black;
    text-decoration: none;
  }

.newsitem A:hover {
    color: black;
    text-decoration: underline;
  }

.newsitem A:visited {
    color: black;
    text-decoration: none;
  }

.newsitem A:active {
    color: red;
    text-decoration: none;
  }

.footer {
  background-color: #000099;
  font-family: verdana,tahoma,arial,helvetica;
  font-size: 8pt;
  font-weight: normal;
  color: white;
  }

.menu {
  background-color: #3333ff;
  font-family: verdana,tahoma,arial,helvetica;
  font-size: 8pt;
  font-weight: normal;
  color: white;
  }

.clearmenu {
  background-color: transparent;
  font-family: verdana,tahoma,arial,helvetica;
  font-size: 8pt;
  font-weight: bold;
  color: black;
  }

.mbb {
  color: white;
  background-color: 004080;
  text-decoration :none;
  font-family: verdana,tahoma,arial,helvetica;
  font-size: 8pt;
  font-weight: normal;
  }

.mh1a {
  font-weight: bold;
  font-size: 20px;
  COLOR: FFFFFF;
  font-family: "Times New Roman", Times, serif;
  background-color: transparent;
  text-decoration: none;
  font-style: italic;
}

.mh1i {
  font-weight: normal;
  font-size: 11px;
  cursor: hand;
  color: FFFFFF;
  font-family: verdana,tahoma,arial,helvetica;
  text-decoration: none
}

.mh1i a:link {
  color: #FFFFFF;
  text-decoration: none
}

.mh1i a:hover {
  color: #FFFFFF;
  text-decoration: none
}

<--! tab1a is used for active tabs -->
.tab1a {
  color: white;
  background-color: 0080FF;
  text-decoration :none;
  font-family: verdana,tahoma,arial,helvetica;
  font-size: 8pt;
  font-weight: normal;
  height: 17x;
  cursor: pointer; cursor: hand;
}

<--! tab1i is used for inactive tabs -->
.tab1i {
  color: white;
  background-color: 0060C0;
  text-decoration :none;
  font-family: verdana,tahoma,arial,helvetica;
  font-size: 8pt;
  font-weight: normal;
  height: 17x;
  cursor: pointer; cursor: hand;
}

body {
  background: FFFFFF;
  margin: 3px;
  padding:3px;
  font-family: verdana,tahoma,arial,helvetica;
  font-size: 10pt;
  }

.btn1 {
   background-color: 7878D2;
   font-family: verdana,tahoma,arial,helvetica;
   font-size: 12pt;
   color: blue;
   font-weight: bold;
   cursor: hand;
 }

.h1 {
      background-color: 7878D2;
      font-family: verdana,tahoma,arial,helvetica;
      font-size: 12pt;
      color: white;
      font-weight: bold;
  }
h1 {
      background-color: A0AAC2;
      font-family: verdana,tahoma,arial,helvetica;
      font-size: 12pt;
      color: white;
      font-weight: bold;
  }

<--! h2 is used for form section headers -->
.h2 {
      background-color: B4BACE;
      font-family: verdana,tahoma,arial,helvetica;
      font-size: 10pt;
      color: black;
      font-weight: bold;
  }
h2 {
      background-color: B4BACE;
      font-family: verdana,tahoma,arial,helvetica;
      font-size: 10pt;
      color: black;
      font-weight: bold;
  }

<--! h3 is used for query list column headers -->
.h3 {
      background-color: BEC5D6;
      font-family: verdana,tahoma,arial,helvetica;
      font-size: 8pt;
      color: black;
      font-weight: bold;
  }
h3 {
      background-color: BEC5D6;
      font-family: verdana,tahoma,arial,helvetica;
      font-size: 8pt;
      color: black;
      font-weight: bold;
  }

<--! h4 use is reserved -->
.h4 {
      background-color: CFD3E0;
      font-family: verdana,tahoma,arial,helvetica;
      font-size: 8pt;
      color: black;
  }
h4 {
      background-color: CFD3E0;
      font-family: verdana,tahoma,arial,helvetica;
      font-size: 8pt;
      color: black;
  }

.ul {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  list-style-type: square;
  line-height: 15px
  }

ul {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  list-style-type: square;
  line-height: 15px
  }

.sans {
   background-color: #ffffff;
   font-family: verdana,tahoma,arial,helvetica;
   font-size: 10pt;
   color: #000066;
  }

.sans A:link {
    color: black;
    text-decoration: none;
  }

.sans A:hover {
    color: black;
    text-decoration: underline;
  }

.sans A:visited {
    color: black;
    text-decoration: none;
  }

.sans A:active {
    color: red;
    text-decoration: none;
  }

.sans2 {
   background-color: #ffffff;
   font-family: verdana,tahoma,arial,helvetica;
   font-size: 10pt;
   color: #000066;
   text-decoration: underline;
   cursor: hand;
  }

.sans2 A:link {
    color: black;
    text-decoration: none;
  }

.sans2 A:hover {
    color: black;
    text-decoration: underline;
    cursor: hand;
  }

.sans2 A:visited {
    color: black;
    text-decoration: none;
  }

.sans2 A:active {
    color: red;
    text-decoration: none;
  }

<--! hr5 use is reserved for reports -->
.hr5 {
  background-color: #0000CC;
  font-family: verdana,tahoma,arial,helvetica;
  font-size: 8pt;
  color: white;
  }

<--! input is used for input and select boxes -->
.input {
  font-size: 8pt;
  color: black;
  font-family: verdana,tahoma,arial,helvetica;
  }

.inputr {
  font-size: 8pt;
  color: black;
  font-family: verdana,tahoma,arial,helvetica;
  text-align: right;
  }

<--! label is used for form labels -->
.label {
      font-size: 8pt;
      color: black;
      font-family: verdana,tahoma,arial,helvetica;
      background-color: DADADA;
  }

.labelr {
      font-size: 8pt;
      color: black;
      font-family: verdana,tahoma,arial,helvetica;
      background-color: DADADA;
      text-align: right;
  }

.labelc {
      font-size: 8pt;
      color: black;
      font-family: verdana,tahoma,arial,helvetica;
      background-color: DADADA;
      text-align: center;
  }

.labell {
      font-size: 8pt;
      color: black;
      font-family: verdana,tahoma,arial,helvetica;
      background-color: DADADA;
      text-align: left;
  }

<--! disp is used as background for table data containing input fields and for displayed data -->
.disp {
      font-size: 8pt;
      color: black;
      font-family: verdana,tahoma,arial,helvetica;
      background-color: E7E7E7;
  }

.displ {
      font-size: 8pt;
      color: black;
      font-family: verdana,tahoma,arial,helvetica;
      background-color: E7E7E7;
      text-align: left;
  }

<--! tree1 is used for first level -->
.tree1 {
      font-size: 8pt;
      color: black;
      font-family: verdana,tahoma,arial,helvetica;
      background-color: 8787D2;
  }
<--! tree2 is used for 2nd level -->
.tree2 {
      font-size: 8pt;
      color: black;
      font-family: verdana,tahoma,arial,helvetica;
      background-color: B4BACE;
  }
<--! tree3 is used for 3rd level -->
.tree3 {
      font-size: 8pt;
      color: black;
      font-family: verdana,tahoma,arial,helvetica;
      background-color: BEC5D6;
  }
<--! tree4 is used for 4th level -->
.tree4 {
      font-size: 8pt;
      color: black;
      font-family: verdana,tahoma,arial,helvetica;
      background-color: CFD3E0;
  }

<--! derr is used in place of disp to highlight an error field on a form -->
.derr {
      font-size: 8pt;
      color: white;
      font-family: verdana,tahoma,arial,helvetica;
      background-color: RED;
  }

<--! disphr is used as background for table data containing report headers -->
.disphr {
  background-color: 9AAFD1;
  }

<--! msg is used for informational messages -->
.msg {
  font-size: 10pt;
  color: black;
  font-family: verdana,tahoma,arial,helvetica;
  height: 24px;
  }

<--! error is used by Utl_Pak.Message -->
.error {
  font-size: 10pt;
  color: red;
  font-family: verdana,tahoma,arial,helvetica;
  height: 24px;
  }

<--! pshbtn is used for input type=submit -->
.pshbtn {
      border-top:2px outset lightblue;
      border-left: 2px outset lightblue;
      border-bottom: 2px outset lightblue;
      border-right: 2px outset lightblue;
      color: darkblue;
      background: lightgrey;
      height: 24px;
      cursor: pointer; cursor: hand;
      font-size: 12px;
      font-family: Verdana,Tahoma,Arial,Helvetica;
      text-decoration: none;
  }

<--! lnkbtn is used for a href tags so that links will look like buttons -->
.lnkbtn {
      border-top: 2px outset lightblue;
      border-left: 2px outset lightblue;
      border-bottom: 2px outset lightblue;
      border-right: 2px outset lightblue;
      color: darkblue;
      background: lightgrey;
      height: 24px;
      padding-left: 18px;
      padding-right: 17px;
      padding-top: 2px;
      cursor: pointer; cursor: hand;
      font-size: 12px;
      font-family: Verdana,Tahoma,Arial,Helvetica;
      text-decoration :none;
  }

<--! lnkbtnh3 combines h3 and lnkbtn to be used as a link in a column header -->
.lnkbtnh3 {
  border-top: 2px outset lightblue;
  border-left: 2px outset lightblue;
  border-bottom: 2px outset lightblue;
  border-right: 2px outset lightblue;
  color: white;
  background-color: #6699CC;
  padding-left: 18px;
  padding-right: 17px;
  padding-top: 2px;
  cursor: pointer; cursor: hand;
  font-size: 12px;
  font-family: Verdana,Tahoma,Arial,Helvetica;
  text-decoration :none;
  }

<--! mrnavbtn (M&R) combines h3 and lnkbtn to be used as a link in a column header -->
.mrnavbtn {
  border-top: 2px outset lightgray;
  border-left: 2px outset lightgray;
  border-bottom: 2px outset lightgray;
  border-right: 2px outset lightgray;
  color: black;
  background-color: #bbbbbb;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 1px;
  cursor: pointer; cursor: hand;
  font-size: 10px;
  font-family: Verdana,Tahoma,Arial,Helvetica;
  text-decoration :none;
  }

<--! mrnavbtn2 (M&R) combines h3 and lnkbtn to be used as a link in a column header -->
.mrnavbtn2 {
  border-top: 2px outset lightgray;
  border-left: 2px outset lightgray;
  border-bottom: 2px outset lightgray;
  border-right: 2px outset lightgray;
  color: gray;
  background-color: lightgray;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 1px;
  cursor: default;
  font-size: 10px;
  font-family: Verdana,Tahoma,Arial,Helvetica;
  text-decoration :none;
  }

<--! mrhiddenbtn (M&R) creates a hidden button -->
.mrhiddenbtn {
  border-top: 0px outset lightgray;
  border-left: 0px outset lightgray;
  border-bottom: 0px outset lightgray;
  border-right: 0px outset lightgray;
  color:  lightgray;
  background-color:  lightgray;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  cursor: default;
  font-size: 10px;
  font-family: Verdana,Tahoma,Arial,Helvetica;
  text-decoration :none;
  }

<--! Bsbttn obsoleted. Included for backwards compatability -->
.Bsbttn {
  font-family:Verdana,Tahoma,Arial,Helvetica;
  font-size:13px;
  background: #D6E7EF;
  border-bottom: 1px solid #104A7B;
  border-right: 1px solid #104A7B;
  border-left: 1px solid #AFC4D5;
  border-top:1px solid #AFC4D5;
  color:#003366;
  text-decoration:none;
  cursor: pointer; cursor: hand;
  }

<--! Headings obsoleted. Included for backwards compatability -->
.Headings {
  border-right: black 1px groove;
  border-top: black 1px groove;
  font-weight: bold;
  font-size: x-small;
  border-left: black 1px groove;
  color: #003366;
  border-bottom: black 1px groove;
  font-family: verdana,tahoma,arial,helvetica;
  background-color: #EAEAEA
  }

<--! pbttn obsoleted. Included for backwards compatability -->
.pbttn {
  font-family:tahoma,sans-serif;
  font-size:11px;background: #D6E7EF;
  border-bottom: 1px solid #104A7B;
  border-right: 1px solid #104A7B;
  border-left: 1px solid #AFC4D5;
  border-top: 1px solid #AFC4D5;
  color:#000066;height: 19px;
  text-decoration:none;
  padding-left: 4px;
  padding-right: 4px;
  padding-top:2px;
  cursor: pointer; cursor: hand;
  }

<--! styles for menubar -->
.itemText {
  text-decoration: none;
  color: #FFFFFF;
  font: 12px Arial, Helvetica
  }

.itemHover {
  text-decoration: none;
  color: #FFFF99;
  font: 12px Arial, Helvetica
  }

.itemBorder {
  border: 1px solid black
  }

<--! styles for tree folder -->
.divFoldCont {
  position: absolute;
  left: 10px;
  top: 0px;
  width: 148px;
  visibility: hidden;
  }

.clFold {
  position: absolute;
  width: 148px;
  }

.clFoldSub {
  position: absolute;
  left: 15px;
  width: 130px;
  visibility: hidden;
  }

.clFoldSub2 {
  position: absolute;
  left: 15px;
  width: 130px;
  visibility: hidden;
  }

.clFoldLinks {
  font-family: Arial, Helvetica;
  font-size: 12px;
  text-decoration: none;
  color: white;
  }

.clSubLinks {
  font-family: Arial, Helvetica;
  font-size: 12px;
  text-decoration: none;
  color: white;
  }

.clSubLinks2 {
  font-family: Arial, Helvetica;
  font-size: 12px;
  text-decoration: none;
  color: white;
  }

.defRowEvenB {
  border: 0;
  background: #A0C8D8;
  color: black;
  font-size: 8pt;
  font-family: verdana,tahoma,arial,helvetica;
  }

.defRowEven {
  border: 0;
  background: white;
  color: black;
  font-size: 8pt;
  font-family: verdana,tahoma,arial,helvetica;
  }
.defRowOdd {
  border: 0;
  background: #CFCFCF;
  color: black;
  font-size: 8pt;
  font-family: verdana,tahoma,arial,helvetica;
  }
.defRowSelected {
  border: 0;
  background-color: #004080;
  color: #FFFFFF;
  font-size: 8pt;
  font-family: verdana,tahoma,arial,helvetica;
  }
.defRowHead {
  border: 0;
  background: #2B7CBC;
  color: white;
  font-size: 8pt;
  font-family: verdana,tahoma,arial,helvetica;
  }
.defFont {
  color: #003366;
  font-size: 8pt;
  font-family: verdana,tahoma,arial,helvetica;
  }
.defFontNote {
  color: #FF0000;
  font-size: 8pt;
  font-family: verdana,tahoma,arial,helvetica;
  }
.defFontEmpty {
  font-size: 1;
  }
.defHeadFont {
  color: #003366;
  font-size: 8pt;
  font-family: verdana,tahoma,arial,helvetica;
  }
.defButton {
  font-family:Verdana,Tahoma,Arial,Helvetica;
  font-size:13px;
  background: #D6E7EF;
  border-bottom: 1px solid #104A7B;
  border-right: 1px solid #104A7B;
  border-left: 1px solid #AFC4D5;
  border-top:1px solid #AFC4D5;
  color:#003366;
  text-decoration:none;
  cursor: pointer; cursor: hand;
  }
.defTextMono {
  font-size: 8pt;
  font-family: monospace;
  }
.defTextMonoCap {
  font-size: 8pt;
  text-transform: uppercase;
  font-family: monospace;
  }
.emlhed {
  background-color: #77AADD;
  }

.emllbl {
  font-family: tahoma;
  font-size: 12;
  }

.emllbl0 {
  font-family: tahoma;
  font-size: 4;
  color: #003366;
  margin-bottom: 0;
  }

.emllbl1 {
  font-family: tahoma;
  font-size: 12;
  color: #003366;
  margin-bottom: 0;
  }

.emllbl2 {
  font-family: tahoma;
  font-size: 10;
  color: #003366;
  margin-bottom: 0;
  }

.emllbl3 {
  font-family: tahoma;
  font-size: 11;
  color: #003366;
  margin-bottom: 0;
  }

.emllbl4 {
  font-family: tahoma;
  font-size: 14;
  color: #003366;
  margin-bottom: 0;
  }

.emlhlt0 {
  font-family: tahoma;
  font-size: 11;
  color: darkred;
  margin-bottom: 0;
  }

.emldsp {
  font-family: monospace;
  font-size: 14;
  }

.emltxt {
  font-family: monospace;
  font-size: 12;
  }

.emltxt2 {
  font-family: monospace;
  font-size: 10;
  padding-bottom: 0;
  }

.emllin1 {
  position: relative;
  left: 0;
  top: 0;
  border: 0;
  margin: 0;
  height: 1;
  font-size: 0;
  background-color: #9999ff;
  outline-width: 0;
  }

.emllin2 {
  position: relative;
  width: 1;
  font-size: 0;
  background-color: #9999ff;
  }

.emllin3 {
  position: relative;
  width: 1;
  font-size: 0;
  background-color: #000000;
  }

.defRowEven {
  border: 0;
  background: white;
  color: black;
  font-size: 8pt;
  font-family: verdana,tahoma,arial,helvetica;
  }
.defRowOdd {
  border: 0;
  background: #CFCFCF;
  color: black;
  font-size: 8pt;
  font-family: verdana,tahoma,arial,helvetica;
  }
.defRowSelected {
  border: 2px solid black;
  background-color: #004080;
  color: #FFFFFF;
  font-size: 8pt;
  font-family: verdana,tahoma,arial,helvetica;
  }
.defRowHead {
  border: 0;
  background: #2B7CBC;
  color: white;
  font-size: 8pt;
  font-family: verdana,tahoma,arial,helvetica;
  }
.defFont {
  color: #003366;
  font-size: 8pt;
  font-family: verdana,tahoma,arial,helvetica;
  }
.defFontNote {
  color: #FF0000;
  font-size: 8pt;
  font-family: verdana,tahoma,arial,helvetica;
  }
.defFontEmpty {
  font-size: 1;
  }
.defHeadFont {
  color: #003366;
  font-size: 8pt;
  font-family: verdana,tahoma,arial,helvetica;
  }
.defButton {
  font-family:Verdana,Tahoma,Arial,Helvetica;
  font-size:13px;
  background: #D6E7EF;
  border-bottom: 1px solid #104A7B;
  border-right: 1px solid #104A7B;
  border-left: 1px solid #AFC4D5;
  border-top:1px solid #AFC4D5;
  color:#003366;
  text-decoration:none;
  cursor: pointer; cursor: hand;
  }
.defTextMono {
  font-size: 8pt;
  font-family: monospace;
  }
.defTextMonoCap {
  font-size: 8pt;
  text-transform: uppercase;
  font-family: monospace;
  }

.verticalSpacer1 {
  font-size: 1pt;
  color: black;
  font-family: verdana,tahoma,arial,helvetica;
  margin-bottom: 0;
  }
.verticalSpacer2 {
  font-size: 2pt;
  color: black;
  font-family: verdana,tahoma,arial,helvetica;
  margin-bottom: 0;
  }
.verticalSpacer3 {
  font-size: 3pt;
  color: black;
  font-family: verdana,tahoma,arial,helvetica;
  margin-bottom: 0;
  }
.verticalSpacer4 {
  font-size: 4pt;
  color: black;
  font-family: verdana,tahoma,arial,helvetica;
  margin-bottom: 0;
  }
.verticalSpacer5 {
  font-size: 5pt;
  color: black;
  font-family: verdana,tahoma,arial,helvetica;
  margin-bottom: 0;
  }
.verticalSpacer6 {
  font-size: 6pt;
  color: black;
  font-family: verdana,tahoma,arial,helvetica;
  margin-bottom: 0;
  }
.verticalSpacer7 {
  font-size: 7pt;
  color: black;
  font-family: verdana,tahoma,arial,helvetica;
  margin-bottom: 0;
  }

.labelPlain {
  font-size: 8pt;
  color: black;
  font-family: verdana,tahoma,arial,helvetica;
  }
.labelMono {
  font-size: 8pt;
  color: black;
  font-family: monospace;
  background-color: #9999FF;
  }
.inputMonoUpper {
  font-family: monospace;
  text-transform: uppercase;
  font-size: 8pt;
  color: black;
  }
.inputUpper {
  font-family: verdana,tahoma,arial,helvetica;
  text-transform: uppercase;
  font-size: 8pt;
  color: black;
  }
.inputMono {
  font-family: monospace;
  font-size: 8pt;
  color: black;
  }

<!--==================Additional styles for menubar==============-->
<--! styles for menubar -->
  .itemText { text-decoration: none; color: #FFFFFF; font: 12px Arial, Courier }
  .itemHover { text-decoration: none; color: #FFFF99; font: 12px Arial, Courier }
  .itemBorder { border: 1px solid black }
  .menubar { background-color: #0099cc }
<--! --->

<!--==================Some extra classes defined at Asia for StarNet Web Application==============-->
.fieldlabel {
      font-size: 8pt;
      color: black;
      font-family: verdana,tahoma,arial,helvetica;
      font-weight: bold;
  }

.dispfield {
      border-top: 2px inset lightgrey;
      border-left: 2px inset lightgrey;
      border-bottom: 2px inset white;
      border-right: 2px inset white;
      color: black;
      background: white;

      padding-left: 1px;
      padding-right: 1px;
      padding-top: 2px;
      font-size: 8pt;
      font-family: Verdana,Tahoma,Arial,Helvetica;
      text-decoration :none;
  }

.currentTabTop {
      border-top: 1px outset;
      border-left: 1px outset;
      border-bottom: 0px outset;
      border-right: 1px outset;
      color: black;
      background: #c0c0c0;
      font-size: 1px;
  }

.currentTab {
      border-top: 0px outset;
      border-left: 1px outset;
      border-bottom: 0px outset;
      border-right: 1px outset;
      color: black;
      background: #c0c0c0;

      font-size: 8pt;
      font-weight: bold;
      font-family: Verdana,Tahoma,Arial,Helvetica;
      text-decoration :none;
  }

.otherTabTop {
      border-top: 0px outset;
      border-left: 0px outset;
      border-bottom: 0px outset black;
      border-right: 0px outset;
      font-size: 1px;
      color: black;
      background: #c0c0c0;
  }

.otherTab {
      border-top: 1px outset;
      border-left: 1px outset;
      border-bottom: 1px outset black;
      border-right: 1px outset;

      color: black;
      background: #c0c0c0;

      font-size: 8pt;
      font-family: Verdana,Tahoma,Arial,Helvetica;
      text-decoration :none;
  }

.tabRaised {
      border-top: 0px outset;
      border-left: 1px outset;
      border-bottom: 2px outset;
      border-right: 1px outset ;
      background: #c0c0c0;
  }

.backAreaRaised {
      border-top: 1px outset;
      border-left: 1px outset;
      border-bottom: 2px outset;
      border-right: 1px outset ;
      background: #c0c0c0;
  }

.backAreaPlane {
      border: 1px solid;
      background: #c0c0c0;
  }

.backAreaLowered {
      border-top: 1px inset;
      border-left: 1px inset;
      border-bottom: 1px inset;
      border-right: 1px inset ;
      background: #c0c0c0;
  }

.blankLine {
      font-size: 5px;
      color: black;
      background: #c0c0c0;
  }

.smallbtn {
      color: black;
      height: 20px;
      cursor: pointer; cursor: hand;
      font-size: 8pt;
      font-weight: bold;
      font-family: Verdana,Tahoma,Arial,Helvetica;
      text-decoration: none;
  }

.largebtn {
      color: black;
      height: 25px;
      cursor: pointer; cursor: hand;
      font-size: 8pt;
      font-weight: bold;
      font-family: Verdana,Tahoma,Arial,Helvetica;
      text-decoration: none;
  }

.hlpLabel {
      background-color: #107099;
      font-family: verdana,tahoma,arial,helvetica;
      font-size: 8pt;
      color: white;
      font-weight: bold;
  }
.hlpLanguage {
      background-color: #408080;
      font-family: verdana,tahoma,arial,helvetica;
      font-size: 8pt;
      color: white;
      font-weight: bold;
  }
.hlpCode {
      background-color: #FDFCD7;
      font-family: monospace;
      font-size: 8pt;
      cursor: hand;
      color: black;
  }
.hlpHeader {
      background-color: #804080;
      font-family: verdana,tahoma,arial,helvetica;
      font-size: 11pt;
      cursor: hand;
      color: white;
      font-weight: bold;
  }
.hlpOptionMain {
      background-color: #004080;
      font-family: verdana,tahoma,arial,helvetica;
      font-size: 9pt;
      cursor: hand;
      color: white;
      font-weight: bold;
  }
.hlpOptionMain2 {
      background-color: #FFFF00;
      font-family: verdana,tahoma,arial,helvetica;
      font-size: 9pt;
      cursor: hand;
      color: blue;
      font-weight: bold;
  }
.hlpOptionSub {
      background-color: #408080;
      font-family: verdana,tahoma,arial,helvetica;
      font-size: 9pt;
      cursor: hand;
      color: white;
  }
.clsDemoNode, .clsDemoNode:visited{
 color: #2c3c72;
 font-weight: bold;
 font-size : 11px;
 text-decoration : none;
 cursor: hand;
 font-family : Arial, Helvetica, sans-serif;
}
.clsDemoNode:hover{
 color: #B6CA8C;
 font-weight: bold;
 font-size : 11px;
 text-decoration : none;
 cursor: hand;
 font-family : Arial, Helvetica, sans-serif;
}

.clsDemoNode1, .clsDemoNode1:visited{
 color: #2c3c72;
 font-size : 11px;
 text-decoration : none;
 cursor: hand;
 font-family : Arial, Helvetica, sans-serif;
}
.clsDemoNode1:hover{
 color: #B6CA8C;
 font-size : 11px;
 text-decoration : none;
 cursor: hand;
 font-family : Arial, Helvetica, sans-serif;
}

.dispfieldBox {
      border-top: 2px inset lightgrey;
      border-left: 2px inset lightgrey;
      border-bottom: 2px inset white;
      border-right: 2px inset white;
      background: white;
      padding-left: 1px;
      padding-right: 1px;
      padding-top: 1px;
      padding-bottom: 1px;
 }

.Header {
      background-color: 107099;
      font-family: verdana,tahoma,arial,helvetica;
      font-size: 8pt;
      color: white;
      font-weight: bold;
  }

.labelBox {
      border-top: 1px outset;
      border-left: 1px outset;
      border-bottom: 1px outset black;
      border-right: 1px outset;
      color: black;
      background: #c0c0c0;
      font-size: 8pt;
      font-weight: bold;
      font-family: Verdana,Tahoma,Arial,Helvetica;
      text-decoration :none;
  }

.defRowStatus {
      border: 0;
      background: #2B7CBC;
      color: white;
      font-size: 8pt;
      font-family: verdana,tahoma,arial,helvetica;
  }

.defRowStatusBtn {
      border-top: 1px outset;
      border-left: 1px outset;
      border-bottom: 1px outset black;
      border-right: 1px outset;
      background: #107099;
      color: white;
      font-size: 8pt;
      font-family: verdana,tahoma,arial,helvetica;
  }

.defRowSelectBtn {
      border-top: 1px inset;
      border-left: 1px inset;
      border-bottom: 1px inset black;
      border-right: 1px inset;
      background: #408080;
      color: white;
      font-size: 8pt;
      font-family: verdana,tahoma,arial,helvetica;
  }

.pshsmallbtn {
      border-top: 1px outset lightblue;
      border-left: 1px outset lightblue;
      border-bottom: 1px outset lightblue;
      border-right: 1px outset lightblue;
      color: darkblue;
      background: lightgrey;
      height: 18px;
      cursor: hand;
      font-size: 8pt;
      font-family: Verdana,Tahoma,Arial,Helvetica;
      text-decoration: none;
  }