

      body
      {
          margin-top: 0px;
          margin-left: 0px;
          /*color:#444444;*/
          font-family:Arial,"Helvetica Neue",Helvetica,Geneva,sans-serif;
          font-size:0.75em;
          line-height:1.5;
          text-align:center;
      }

      img
      {
          border: 0pt none;
      }

      h1 {font-size: 24px;}
      h2 {font-size: 20px;}
      h3 {font-size: 16px;}
      h4 {font-size: 14px;}
      h5 {font-size: 12px;}

      div.ucr_banner
      {
          width: 990px;
          margin-left: auto;
          margin-right: auto;
          text-align:right;
          background:url('docs/ucr_name.gif') no-repeat;
      }

      div.application_banner
      {
          width: 100%;
          height: 70px;
          background-color: #2D6CC0;
      }



      div.main_menu
      {
          background-color:#003066;
      }

      div.main_menu div
      {
          padding-top:7px;
          margin-left:auto;
          margin-right:auto;
          width: 990px;
          text-align:right;
          height:25px;
          color:white;
      }

      div.main_menu a
      {
          font-family: Calibri, Verdana;
          color:orange;
          text-transform:uppercase;
          text-decoration:none;
          font-size: 1.12em;
          margin-left:0px;
          margin-right:14px;
      }

      div.main_menu a.last_link
      {
          margin-right:0px;
      }

      div.main_menu a:hover
      {
          color:#FF7200;
      }

      div.breadcrumbs
      {
          background-color:#D7D3C3;
          font-size:.833em;
          line-height:2.4em;
      }

      div.content a, a:visited
      {
          color:#000000;
          text-decoration:underline;
      }

      div.content a:hover
      {
          color:#000099;
          text-decoration:underline;
      }

      ul.nav_menu a, a:visited
      {
        color:#736760;
        text-decoration:none;
      }

      div.breadcrumbs a:hover
      {
          text-decoration:underline;
      }

      div.breadcrumbs div
      {
          width:975px;
          margin-left:auto;
          margin-right:auto;
          text-align:left;
      }

      .last_item
      {
          font-weight:bold;
      }

      div.content
      {
          margin-left: auto;
          margin-right: auto;
          /*margin-left:10px;*/
          margin-top:20px;
          width:975px;
          text-align:left;
      }

      table
      {
          border-collapse:collapse;
      }

      div.content .title
      {
          border-bottom: solid 1px #999999;
      }

      div.content ul.nav_menu
      {
          margin:0pt;
          padding:0pt;
          float:left;
      }

      ul.nav_menu li
      {
          border-bottom:1px solid #999999;
          font-size:1.083em;
          font-weight:bold;
          line-height:1.2em;
          list-style-image:none;
          list-style-position:outside;
          list-style-type:none;
          margin:0pt;
          padding:0pt;
      }

      ul.nav_menu a, ul.nav_menu a:visited
      {
          color:#396AB7;
          display:block;
          margin:0pt;
          padding:5px;
      }

      ul.overview_anchor li
      {
         list-style-position:outside;
          font-size:1.00em;
          list-style-type:none;
          padding:1px;
      }


      ul.nav_menu a:hover
      {
          background-color:#F0F8FF;
          color:#F1AB00;
      }

      div.content td
      {
          padding-left:5px;
          padding-right:5px;
          padding-top:4px;
          padding-bottom:4px;
          border:solid 0px #999999;
          vertical-align: top;
      }

      div.content th
      {
          padding-left:5px;
          padding-right:5px;
          border:solid 1px #999999;
          border-bottom:solid 2px #003066;
          font-weight:bold;
          background-color:#2D6CC0;
          color:White;
      }

      div.content th a, div.content th a:visited
      {
          color:White;
          text-decoration:none;
      }

      div.content tr.even
      {
          background: #FFFFFF repeat-x left top;
      }

      div.content tr.odd
      {
          background: #DDF4FF repeat-x left top;
      }

      div.content tr.blue
      {
        background-color: #F0F8FF;
      }

      table.invisible
      {
          background-color: Transparent;
          padding: 5px;
          border:solid 0px;
      }

      table.invisible tr
      {
          background-color: Transparent;
          border:solid 0px;
      }

      table.invisible th
      {
          border:solid 0px;
          background-color: Transparent;
      }

      table.invisible td
      {
          border:solid 0px;
          background-color: Transparent;
      }




      div.container
      {
          border:solid 1px #999999;

          /*background-color: #F3F2ED;*/
          padding: 3px 3px 3px 3px;
      }

      div.title
      {
          border:solid 1px #999999;
          background: white url('docs/shim.gif') repeat-x left top;
          /*background-color: #97A7BF;*/
          /*background-color:#2D6CC0;*/
          padding: 2px;
          /*color:#FFFFFF;*/
          font-weight:bold;
          font-size:larger;
      }


      .required
      {
          color:Red;
          font-style:italic;
      }

      input.disabled
      {
          background-color: #E3E8EE;
      }


     .success_msg
      {
          width:100%;
          text-align: middle;
          margin-left: auto;
          margin-right: auto;
          font-size:12px;
          border:1px solid #003066;
          background-color:#FFF2CF;
          color:#003066;
          padding:1px;
          font-weight:bold;
          font-style:italic;
      }
      .error_msg
      {
          width:100%;
          text-align: middle;
          margin-left: auto;
          margin-right: auto;
          font-size:12px;
          border:1px solid red;
          color:red;
          padding:2px;
          font-style:italic;
      }

      .comment_msg
      {
          color:red;
          font-style:italic;
      }


      .alert_route_link
      {
          color:red;
          font-weight: bold;
      }

      label.error
      {
          display: none;
      }

      .error_field
      {

      background-color: #FFFFFF;
      margin: 0px;
      color: red;


      }

      #footer { font-size: 0.75em; margin: 1.0em 0 1em 0; }
      #footer ul { margin: 0; }
      #footer li {
         display: inline; list-style: none; margin: 0; padding-right: 0.7em;
      }

      #footer li+li { padding-left: 1em; }



      .ui-tabs-hide { display: none; }



/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}



    div.search_grid_popup
      {
          width:330px;
          height:250px;
          padding:3px;
          margin:3px;
          border: 1px #A5ACB2 solid;

      }

     div.search_grid_popup_results
      {
        overflow:auto;
        padding:3px;
        margin:3px;
        height:155px;
      }


      div.search_grid_popup h5
      {  inline:none; font-size:12px;  font-weight: bold}


table.sortable th {
            font-weight: bold;
            font-color: black;
            font-family:  Arial,Helvetica,sans-serif;
            font-SIZE: 13px;
            text-decoration: underline;
            cursor:pointer;
}

TABLE.sortable a.sortheader {
            font-weight: bold;
            font-color: black;
            font-family:  Arial,Helvetica,sans-serif;
            font-SIZE: 12px;
            display: BLOCK;
         }
TABLE.sortable span.sortarrow {
            color: black;
            text-decoration: none;
         }

    /* Tablesorter */
   /* table.tablesorter {

      background-color: #CDCDCD;
      margin:10px 0pt 15px;
      font-size: 8pt;
      width: 100%;
      text-align: left;
    }
    table.tablesorter thead tr th, table.tablesorter tfoot tr th {
      background-color: #2D6CC0;
      border: 1px solid #FFF;
      font-size: 8pt;
      padding:  4px;


    }
    table.tablesorter thead tr .header {

      background-repeat: no-repeat;
      background-position: center right;
      cursor: pointer;
    }
   table.tablesorter tbody td, table.tablestriper tbody td {
  background-color:#FFFFFF;
  color:#3D3D3D;
  padding:4px;
  vertical-align:top;
  }
  table.tablesorter tbody tr.odd td, table.tablestriper tbody tr.odd td {
  background-color:#F0F0F6;
}


    table.tablesorter thead tr .headerSortUp {


    }
    table.tablesorter thead tr .headerSortDown {

    }
    table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #1D78EF;
    }*/

/* CR 20220111 added class for customer_feedback page */    
.asterisk_input::after 
{
    content:" *"; 
    color: #e32;
    position: absolute; 
    margin: 0px 0px 0px -15px; 
    font-size: large; 
    padding: 0 5px 0 0; 
}

/* CR 20220111 added class for customer_feedback page */
.asterisk_label::after 
{
    content:" *"; 
    color: #e32;
    position: absolute; 
    margin: 0px 0px 0px 0px; 
    font-size: large; 
    padding: 0 5px 0 0; 
}
  
