  /* -----------------------------------------------------------------------*/
  /* printing specific */
  div#printbanner {
    display: none;
  }
  /* -----------------------------------------------------------------------*/

  div#outerdiv {
	padding:0;
	margin:0;
	text-align: left;
	width: 800px;
        border: 1px gray solid;
        background-color: white;
  }
  div#content {
	margin: 0; 
	padding : 0.7cm 10px 1.5cm 0.5cm;
	background-color: white;
  }

  body{
    font-family: Arial, helvetica;
    background-color: #E3ECFF;
    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:#7600E4;
  }

  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: #042DD0;
    font-size:9pt;
  }

  td.leftnav a:hover {
    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: #E4E7F2;
  }
  td.bgpurple {
    	background-color: #CCCCFA;
  }

  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;
    color: #505050;
  }

  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;
    color: #505050;
    background-color: #E4E7F2;
    padding: 3px 15px;
  }

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

  a.symbol:hover {
    background-color: #042DD0;
    color: #FFFFFF;
    border: solid 1px;
  }

  /* 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: #505050;
  }

  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: #505050;
  }

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

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

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

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

  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" */
	margin-top: 10px;
	margin-bottom : 10px;
  }
  li.rnd {
  	background-image: url(/images/point_rnd.gif);
	background-position: 0 6px; /* positioning from "left", "top" */
  }

  div#banner {
    background: url(/images/newgrad2.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;
      margin-bottom: 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: 18px;
      /* 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: #042DD0;
      text-decoration: none;
      border-left: 1px solid #042DD0;
      /*
      border-left: 1px solid #fff;
      */
      }
      
      #secondnav ul li a:hover
      {
      /* background-color: #d2dbff; */
      background-color: #042DD0;
      color: #FFFFFF;
      }
      
      #secondnav #active a {
         /* border-left: 1px solid #fff; */

         background-color: #E3ECFF;
         color: #042DD0;
      }

      /* 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;
      }

      p.pt1 {
      margin:0pt;
      margin-bottom: 0pt;
      font-size:11pt;
      font-family:Arial;
      color: #777777;
      font-weight: bold;
      margin-left:18pt;
      text-indent:-18pt;
      }
      
      p.pt2 {
      margin:0pt;
      margin-bottom: 0pt;
      font-size:11pt;
      font-family:Arial;
      margin-left:36pt;
      text-indent:-18pt;
      }
      p.pt3 {
      margin:0pt;
      margin-bottom: 0pt;
      font-size:11pt;
      font-family:Arial;
      margin-left:54pt;
      text-indent:-18pt;
      }
      p.doc1 {
      margin:0pt;
      margin-bottom: 0pt;
      font-size:11pt;
      font-family: Arial;
      margin-left:18pt;
      }
      p.doc2 {
      margin:0pt;
      margin-bottom: 0pt;
      font-size:11pt;
      font-family: Arial;
      margin-left: 36pt;
      }

      font.quote {
      margin:0pt;
      margin-bottom: 0pt;
      font-size:11pt;
      font-family:Arial;
      color: #777777;
      font-style: italic;
      }
      
      #cleardiv
      {
      clear: both;
      }
