/* -----------------------------------------------------------------------*/
  /* printing specific */
  #banner, #secondnav, .noprint {
	display: none;
  }

 /* Page Definitions */
 @page 
	{size: 21cm 29.7cm; }

  h3.title {
	text-transform: uppercase;
  }
  div#printbanner {
    background: url(/images/newgrad2.png) #fff repeat-x;
    margin-top: 1px;
    margin-bottom: 1px;
    padding-top: 2px;
    padding-bottom: 2px;
  }
  div#content {
        margin: 0 0.5cm 0 0.5cm;
  }

  /* -----------------------------------------------------------------------
 * */
  /* standard css */
  body{
    font-family: Arial, helvetica;
    background-color: #FFFFFF;
    color: #000000;
    margin: 0;
    padding: 0;
    /* font-size:10pt; */
    scrollbar-base-color:#FFFFFF;
    scrollbar-face-color:#FFFFFF;
    scrollbar-track-color:#D2DBFF;
    scrollbar-highlight-color:#0033FF;
    scrollbar-arrow-color:#0033FF;
    scrollbar-shadow-color:#0033FF;
    scrollbar-darkshadow-color:#0033FF
  }

  /* These doesnt seem to be inherited from BODY */
  select, input {
    font-family: Arial, helvetica;
  }


  /* input.small - report input fields e.g search and url */

  .small, .replabel, .button, 
  .buttonhover, .readonly {
    font-size:8pt;
  }

  font.smallblue {
    color: #0033FF;
    /* text-decoration: underline; */
    text-decoration: none;
    font-weight: bold;
  }

  font.tiny {
    font-size:7pt;
  }

  /* class of tiny notes - green color */
  font.tinynotes {
    font-size:7pt;
    color:#009999;
  }

  font.smallblue a {
    font-size:8pt;
  }

  font.susp_query {
    color: #C80000;
    font-weight: bold;
  }

  /* input.pos - Used by all normal input fields - eg chg passwd */

  .pos, .neg, .error, .mesg, .q, .a, .neghover, 
  h4.title {
    font-size:10pt;
  }

  td.leftnav {
	line-height: 35px;
	margin: 0;
  }

  /* works on Firefox, *not* MSIE 
  td.leftnav:hover {
    vertical-align: center;
    background-color:#042DD0;
  }
  */
  td.leftnav a {
    display : block;
    text-decoration: none;
    font-weight: bold;
    color: #FFFFFF;
    font-size:8pt;
  }

  td.leftnav a:hover {
    background-color:#6060F0;
    /*
    background-color:#042DD0;
    */
  }

  td.pos {
    vertical-align: center;
  }

  td.neg {
    vertical-align: center;
    text-align: left;
    font-weight: bold;
  }

  .right {
    text-align: right;
  }

  td.bggray {
  	background-color: #C0C0C0;
  }
  td.bgpurple {
    	background-color: #9999FF;
  }

  td.bgwhite {
  	background-color: #FFFFFF;
  }

  td.error, td.mesg {
    vertical-align: center;
    text-align: left;
    font-weight: bold;
    background-color: #FFEDBD;
  }

  td.error {
    color: #C80000;
  }

  td.replabel {
    font-weight: bold;
  }

  .q {
    color: #0033FF;
    border: solid 1px #0033FF;
    padding: 3px 15px;
  }

  .a {
    padding-left: 15px;
    padding-right: 15px;
  }

  p.copyright {
    font-size:8pt;
    font-family: arial narrow, Arial, helvetica;
    text-align: center;
    vertical-align: center;
  }

  h3.title, h3.rpt_title {
    /* added for h3.title - spacing in doc_terminology */
    font-size:12pt;
    font-weight:bold;
  }

  h3.rpt_title {
    text-align: center;
    text-decoration: underline;
    margin-top: 1px;
    margin-bottom: 1px;
  }

  /* purple title used in docs, and admin screen as separator */
  h4.title {
    font-weight:bold;
    font-style:italic;
    color: #FFFFFF;
    background-color: #9999FF;
    padding: 3px 15px;
  }

  /* for symbols - such as path analysis link */
  a.symbol {
        color: #fff;
        background-color: #9999FF;
        font-size: 12pt;
        margin: 0;
        padding:0 3px 0 3px;
        text-decoration: none;
  }

  a.symbol:hover {
        background-color: #0033FF;
  }

  /* a.hlp class - used for tooltip help. Musnt look like link.
     Cannot clickthrough to anywhere, Hence, make it black as <a> class by 
     default blue
   */
  a.hlp, a.image {
	text-decoration: none;
  }

  a.hlp:link, a.hlp:visited {
    color: #000000;
  }

  a.hlp:hover {
    color:#660099;
    background:#ececec;
  }

  a.pos {
    text-decoration: none;
  }

  a.pos:link, a.pos:visited {
    color: #0033FF;   /* color of text - blue */
  }

  a.pos:hover {
    color:#660099;
    background:#ececec;
  }

  /* white color text */
  .neg, .neghover {
    color: #FFFFFF;
  }

  font.neg, input.button, input.buttonhover {
    font-weight: bold;
  }

  /* purple background */
  input.button, input.neg {
    color:#FFFFFF;
    background-color:#9999FF;
    border:1px;
  } 

  /* blue hover - JS function hov() sets to this class for hover */
  input.buttonhover, input.neghover {
    color:#FFFFFF;
    background-color:#6060F0;
    border:1px;
  } 

  /* The following used for display date readonly field */
  input.readonly {
    border-width: 0;
    text-align: center;
  }

  div.i1 {
      margin-left: 0.5cm;
  }

  div.i2 {
      margin-left: 1cm;
  }

  ol.decimal {
    list-style-type: decimal;
  }

  ol.lroman {
    list-style-type: lower-roman;
  }

  ol.lalpha {
    list-style-type: lower-alpha;
  }

  ul.nostyle {
    list-style: none;
    margin: 0;
    padding: 0;
    /* if indentation required
    margin-left: 1em;
    */
    margin-left: 0.5cm;
  }

  li.arrow, li.sq, li.rnd {
	background-repeat: no-repeat;
        padding: 0 0 0 0.5cm; /* move text right */
	margin: 0;
  }
  
  li.arrow {
  	background-image: url(/images/point_arrow.gif);
	background-position: 0 1px; /* positioning from "left", "top" */
  }
  li.sq {
  	background-image: url(/images/point_sq.gif);
	background-position: 0 7px; /* positioning from "left", "top" */
  }
  li.rnd {
  	background-image: url(/images/point_rnd.gif);
	background-position: 0 6px; /* positioning from "left", "top" */
  }

  div#banner {
    background: url(/images/purple_grad2.png) #fff repeat-x;
    margin-top: 1px;
    margin-bottom: 1px;
    padding-top: 2px;
    padding-bottom: 2px;
/*
    border-bottom: 1px solid #888888;
*/
  }

  #navcontainer ul {
    text-align: right;
    margin-top: 0;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0;
    padding: 5px 10px 0px 10px;
    /* cancels gap caused by top padding in Opera 7.54 */
    color: white;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 18px;
    /* fixes Firefox 0.9.3 */
  }
  
  #navcontainer ul li
  {
    display: inline;
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 5px;
    padding-left: 0;
    /* matches link padding except for left and right */
  }
  
  #navcontainer ul li a
  {
    font-size: 8pt;
    font-weight: bold;
    margin: 0;
    /* The reason this padding-left is larger than the padding-right is because
     * if we want the hover to cover entire box - by leaving newline in the
     * <a> link, then the right bit now looks fatter.
     * This makes the text seem more center
     */
    padding-left: 9px; 
    padding-right: 5px;
    color: #5252FD;
    text-decoration: none;
    border-left: 1px solid #5252FD;
  }
  
  #navcontainer ul li a:hover
  {
    background-color: #042DD0;
    color: white;
  }
    
  #navcontainer #active a { 
    background-color: #E4E7F2; 
  }
  
  #navcontainer #active a:hover { 
    color: #fff;
    background-color: #042DD0; 
  }
      #secondnav ul
      {
      text-align: right;
      padding-bottom: 5px;
      padding-top: 5px;
      padding-left: 0;
      margin-top: 0;
      /* cancels gap caused by top padding in Opera 7.54 */
      margin-left: 0;
   
      background-color: #1F00CA;
      color: white;
      width: 100%;
      font-family: Arial,Helvetica,sans-serif;
      font-size: 11pt;
      line-height: 20px;
      /* fixes Firefox 0.9.3 */
      }
      
      #secondnav ul li
      {
      
      display: inline;
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 5px;
      /* matches link padding except for left and right */
      padding-top: 5px;
      }
      #secondnav ul li a
      {
      padding-left: 10px;
      padding-right: 10px;
      color: white;
      text-decoration: none;
      border-left: 2px solid #fff;
      /*
      border-left: 1px solid #fff;
      */
      }
      
      #secondnav ul li a:hover
      {
      background-color: #d2dbff;
      color: black;
      }
      
      #secondnav #active a {
         /* border-left: 1px solid #fff; */
         background-color: #0033FF;
      }

      /* This gives space to top margin of image */

      /* this gives space to the bottom of image */
      .clear {
          clear: both;
          /* these 2 lines very impt in IE to work */
          font-size: 0; 
	  line-height: 0;
      }

      div.vtinyspace {
	  margin: 0;
	  padding: 5px 0 0 0;
      }
<!--
 /* Font Definitions */
 @font-face
	{font-family:Wingdings;
	panose-1:5 0 0 0 0 0 0 0 0 0;}
 /* Style Definitions */
 p.MsoNormal, li.MsoNormal, div.MsoNormal
	{margin:0pt;
	margin-bottom:.0001pt;
	font-size:12.0pt;
	font-family:"Times New Roman";}
p.MsoHeader, li.MsoHeader, div.MsoHeader
	{margin:0pt;
	margin-bottom:.0001pt;
	font-size:12.0pt;
	font-family:"Times New Roman";}
p.MsoFooter, li.MsoFooter, div.MsoFooter
	{margin:0pt;
	margin-bottom:.0001pt;
	font-size:12.0pt;
	font-family:"Times New Roman";}
 /* List Definitions */
 ol
	{margin-bottom:0pt;}
ul
	{margin-bottom:0pt;}

#cleardiv
{
  clear: both;
  }

}
-->