body {
        width:100%;
        height:100%;
    	  margin: 0 0 0 0;
    	  font-family: Arial,"Helvetica Neue",Helvetica,Geneva,sans-serif;
    	  font-size: 12px;
        line-height: 1.5;
    }
    
   a.menu-item
   {
      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;
      text-decoration: none !important;
   }
   
   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;
      text-decoration: underline;
   }
   
   ul.nav_menu li
   {
        margin-bottom: 0.8em; 
    	  margin-right: 0;
        padding:1px;
        font-size:1.00em;
        list-style-type:none;
    }
   /*========================================================== */

    p {
    	color: #2f4561;
    }
    
    td {
    	font-size: 12px;
    	color: #2f4561;
      vertical-align: top;
    	padding: 0;
    }
    
    th {
    	font-size: 12px;
      font-weight: bold;
    	text-align: left;
      vertical-align: top;
    	color: #2f4561;
    }
    
    img {
      border:0;
    }
    
    div {
    	color: #2f4561;    
    }
    
    h2 {
    	font-size: 18px;
    	color: #2f4561;
    }
    
    h3 {
    	font-size: 15px;
    	color: #2f4561;
    }
    
    h4 {
    	font-size: 13px;
    	color: #2f4561;
    }

    h4.underline {
    	padding: 10px 0 10px 0;
    	border-bottom: 1px solid #DCC588;
    }
    
    h4.overline {
    	padding: 10px 0 0 0;
    	border-top: 1px solid #DCC588;
    }

    a {
    	color: #2f4561;
      text-decoration: none;
    }
    
    a:hover {
    	color: #A6662A;
    }
    
    table#main {
      width:100%;
    	height:100%;
    }
    
    td#topbar {
    	background: #111C54;
    	white-space: nowrap;
     	vertical-align: middle;
    	width: 100%;
    	height: 85px;
    }
    
    td#goldbar {
    	background: #C79411;
    	height: 20px;
    	padding: 2px 15px 2px 0;
    	text-align: right;
    	font-weight: bold;
    	color: #FFF3E1;
    }
   
    td#menu {
        background: #9fccff;
    	  width: 108px;
    }
    
    div.new-menu {
       background-image: url(docs/nav_inline_back.jpg);
       background-size: 100% 100%;
       background-position: bottom;
       background-repeat:no-repeat;
    }
     
    div.menu {
    	padding: 6px 5px 6px 15px;
    }
    
    div.menuselected {
    	padding: 6px 5px 6px 5px;
    	background: #04081C;
    }
    
    div.steps {
    	padding: 6px 0 6px 0;
    }
    
    /*==========================================================
    08/09/2014 New UCR banner 
    ============================================================= */
    div.ucr_banner
    {
       width: 95%;
       margin-right: auto;
       margin-left: 10px;
       text-align:right;
       background-image: url(docs/NewUCRLogo.png);
       background-position: left;
       background-repeat:no-repeat; 
       
    }

    .application_banner .banner-text
    {
       margin-left: auto;
       margin-right: auto;
       text-align: left;
       max-width:940px;
       height: 70px;
       background-image: url(docs/TAShipApp3.gif);
       background-position: center;
       background-repeat:no-repeat;
    }

    .application_banner h1 a
    {
       font-size: 25px;
       color: #fff;
       font-family: "Open Sans Condensed", sans-serif;
       margin-top: 4px;
       text-decoration: none;
    }

    div.application_banner
    {
      width: 100%;
      height: 70px;
      background-color: #2d6cc0;
      padding-top: 0px;
    }
    
    td#menu a {
    	color: #003399;
    	font-weight: bold;
    	text-decoration: none;
    }
    
    td#menu a:hover {
    	color: #A6662A;
    	font-weight: bold;
    }
    
    td#spotlight {
    	width: 18px;
    	height: 100%;
    	background: #000000 url(getImage?ImageName=spotlight_bg.jpg) top left repeat-y;
    }
    
    td#content {
    	width: 100%;
    	height: 100%;
    	background: url(getImage?ImageName=content_top.gif) top left no-repeat;
    	padding: 1em;
    }
    
    div.info {
    	color: #ffffff;
    	padding: 5px 5px 5px 15px;
    }
    
    div.infotitle {
    	font-weight: bold;
    	color: #ffffff;
    	padding: 5px 5px 0 5px;
    }
    
    table.formtable {
      width: auto;
      text-align: left;
    }
          
    table.formtable th {
      padding: 3px 10px 3px 0;
      text-align: left;
    	font-weight:bold;
    }
          
    table.formtable td {
      padding: 3px 10px 3px 10px;
      vertical-align: top;
    }
          
    table.regulartable {
      text-align: left;
    }
    
    table.regulartable th {
      white-space: nowrap;
      padding: 3px;
      text-align: left;
    	font-weight:bold;
    }
          
    table.regulartable td {
      padding: 3px;
    }
    
    table.regulartable2 {
      text-align: center;
    }
    
    table.regulartable2 th {
      white-space: nowrap;
      padding: 3px;
      text-align: center;
    	font-weight:bold;
      vertical-align:bottom;
    }
          
    table.regulartable2 td {
      padding: 3px;
    }
    
    table.data2 caption, table.greenbar caption
       {text-align:left;
       font-size:70%;
       caption-side:bottom;
       margin-top: .5em;
       padding:0 4px}
 
    table.data2,table.greenbar
         {width:100%;
         border-spacing:0;
         border-collapse:collapse;
         border:1px solid #b7c3cc}

    table.data2 thead th, table.greenbar thead th
         {text-align:center;
          border:1px solid #666600;
          font-weight: bold;
          font-size: 9pt;
          background-color:#aaaaff;
          font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
          border-collapse:collapse;
          color:#003300}
          
     table.greenbar, table.greenbar th, table.greenbar td
       {border-collapse:collapse;
        background-color:#e7ff9d;
        border:1px solid #bdb}
        
     table.data2, table.data2 th, table.data2 td
       {border-collapse:collapse;
        background-color:#fbfbff;
        border:1px solid #bdb}
        
    table.data2 td strong
       {color:#2d6cc0}
       
    table.data2 tr.even td
       {background-color:#c8d2da}
       
    table.data2 tbody tr.even td
       {background-color:#c8d2da}

    table.data2 tbody tr.odd td
       {background-color:#bad0ef}

    table.data2 .ruled
       {color:#4444;background-color:#ddd !important}
       
    table.greenbar .striped tr
       {background-color:#cfc}

    table.greenbar .striped tr.odd
       {background-color:#fff}

    table.greenbar .striped tr th
       {background-color:#9c9;color:#008060}

    table.greenbar .striped tr.odd th
       {background-color:#cfc;color:#008060}

    table.greenbar .ruled
       {color:#444;background-color:#ddd !important}
     
    select {
    	font-family: Arial,Helvetica,sans-serif;
    	font-size: 12px;
    	color: #2f4561;
    }

    textarea {
    	font-family: Arial,Helvetica,sans-serif;
    	font-size: 12px;
    	color: #2f4561;
    }

    input {
    	font-family: Arial,Helvetica,sans-serif;
    	font-size: 12px;
    	color: #2f4561;
      vertical-align: bottom;
    }
       
    input.readonly {
    	background: #E7E9F4;
    }
    
    input.underlined {
    	border: 1px solid #2f4561; 
    	border-width: 0 0 1px 0; 
    	text-align:center; 
    	margin: 0; 
    	padding: 0;
    }
    
    .required {
    	color: #FF0000;
    	font-style:italic;
    }
    
    .optional {
    	color: #000000;
    }
    
    .confirm {
    	color:#3366FF;
      font-size: 10pt;
    	padding: 5px;
    	border: 1px solid #3366FF;
    	margin-bottom: 10px;
      font-weight:normal;
      line-height: 1.5;
    }
   
    .instruction {
    	width: 800px;
    }
    
    .alert {
      color: #FF0000;
    }
    
    .example {
    	font-style:italic;
    	padding:5px;
    }
    
    td#poptop {
    	height: 23px;
    	vertical-align: top;
    	background: #415B88;
    	border: 1px solid #D6AD23;
    	border-width: 0 0 5px 0;
    	padding: 0;
    }
    
    td#popfooter {
    	text-align: right;
    	padding: 10px;
    }
    
    td#popcontent {
    	padding: 10px;
    }
    
    ul {
      margin-left: 1.5em; 
    	padding-left: 0;
    	margin-right: 0;
    	padding-right: 0;
    }
    
    ul li{
      margin-bottom: 0.8em; 
    	padding-left: 0;
    	list-style:square;
    	margin-right: 0;
    	padding-right: 0;
    	color: #2f4561;
    }
    
    ol {
      margin-left: 1.5em; 
    	padding-left: 0;
    	margin-right: 0;
    	padding-right: 0;
    }
    
    ol li{
      margin-bottom: 0.8em; 
    	padding-left: 0;
    	margin-right: 0;
    	padding-right: 0;
    	color: #2f4561;
    }

    div.tab {
      border: 1px solid #9BABC2;
    	border-width: 0 0 1px 0;
      margin: 0;
    	padding: 0;
      white-space: nowrap;
    }
    
    div.tab a {
      margin: 0;
    	padding: 0;
    }
    
    div.tab img {
      margin: 0;
    	padding: 0;
    }
    
    td.buttonmiddle {
      background-image:url(getImage?ImageName=button_stretch.gif);
      background-repeat: repeat-x;
      background-position: top left;
      padding: 0;
      vertical-align: middle;
      padding-bottom: 1px;
      white-space: nowrap;
    	color: #8A8D8B;
    	font-weight: bold;
    } 
    
    td.buttonside {
      padding: 0;
    }
    
    table.regulartable td.buttonside {
      padding: 0;
    }
    
    table.regulartable td.buttonmiddle {
      background-image:url(getImage?ImageName=button_stretch.gif);
      background-repeat: repeat-x;
      background-position: top left;
      padding: 0;
      padding-bottom: 1px;
      white-space: nowrap;
    } 
    
    table.formtable td.buttonside {
      padding: 0;
    }
    
    table.formtable td.buttonmiddle {
      background-image:url(getImage?ImageName=button_stretch.gif);
      background-repeat: repeat-x;
      background-position: top left;
      padding: 0;
      padding-bottom: 1px;
      white-space: nowrap;
    } 
    
    .buttonLink {
    	color: #003399;
    	font-weight: bold;
    	text-decoration: none;
    }
    
    .buttonLink:hover {
    	color: #CC9933;
    }

    div.errorMsg {
      border:1px solid #ff9999;
      background-color:#fff6f6;
      color:#FF0000;
      padding:6px;
    }
    
    .floatBtn {
      float: left;
      padding-right: 3px;
    }
    
    .inactive {
      color: #999999;
    }
    
    .highlight {
      color: #3366ff;
      padding: 0 0 10px 0;
    }
    
    form {
      margin: 0;
    }
    
    .update {
    	border:1px solid #9999ff;
      background-color:#f6f6ff;
    	color:#0000FF;
    	padding:6px;
    }
    
    div.steps {
    	padding: 6px 0 6px 0;
    }
    
    .required {
    	color: #FF0000;
    	font-style:italic;
    }
    
    .smallerblue{
      color: #000099;
      font-weight:normal;
      font-size: 8pt;
      line-height: 1.5;
    }
    
    .smallblue{
      color: #000099;
      font-weight:normal;
      font-size: 10pt;
      line-height: 1.5;
    }
    
    .middleblue{
      color: #000099;
      font-weight:normal;
      font-size: 12pt;
      line-height: 1.5;
    }
    
    .middlewhite{
      color: #ffffff;
      font-weight:normal;
      font-size: 12pt;
      line-height: 1.5;
    }
    
    .smallwhite{
      color: #ffffff;
      font-weight:bold;
      font-size: 10pt;
      text-decoration: none;
    }
    
    table.tablesorter tbody tr.highlight-row td {
       color: #FF0000;
       background: #ffd9ec;
    }
    
    table.tablesorter tbody tr.light-row td {
       color: #339900;
    }
    
    /*==========================================================
    <UL> Tab parameters
    ============================================================= */
    .tab-header { margin-top: 18px;     /* position: relative; top: -58px;*/ }

    .tab-control, .imagetab-control {
	     /*position: relative; top: 198px; but only for imagetabs*/
	     font-size: 0px; 
       margin-bottom: -1px; 
       margin-top: 18px;
     }
     .tab-control li, .imagetab-control li, .texttab-control li {
	      margin: 0; 
        list-style-type: none; 
        list-style-image: none;
	      display: inline;
     }
    
     .tab-control li a, .tab-control li a:link, .tab-control li a:visited,
     .tab-control li a:hover, .tab-control li a:active,
     .imagetab-control li a, .imagetab-control li a:link, .imagetab-control li a:visited,
     .imagetab-control li a:hover, .imagetab-control li a:active {
	      display: -moz-inline-box;
	      display: inline-block;
	      height: 58px; 
        border: none; 
        overflow: hidden;
	      background-position: 0 0; 
        background-repeat: no-repeat;
     }
 
     .texttab-control { 
        margin-bottom: -1px; 
        margin-top: 1.5em; }

     .texttab-control li { margin-right: 2px; }

     .texttab-control li a, .texttab-control li a:link, .texttab-control li a:visited,
     .texttab-control li a:hover, .texttab-control li a:active {
	      display: -moz-inline-box;
	      display: inline-block;
	      text-decoration: none; 
        font-weight:bold; 
        padding: 4px 10px;
        border: 1px solid #666666;
     }
     .texttab-control li a.active {
	      color: #2d6cc0 !important; 
        background-color: #e0ecf3 !important;
     }
     
     .texttab-column { 
        padding: 0 1px 12px; 
        background-color: #e0ecf3;
        position: relative;
     }
 
     .tab-control li a.active, .imagetab-control li a.active {
   	    background-position: 0 -58px !important;
     }

     .tab-column { padding: 1px 15px 15px; }
     
      /* ==================================================================
       Customize popup window from www.dynamicdrive.com
       =================================================================*/
     .dhtmlwindow{
       position: absolute;
       border: 2px solid #336699;
       visibility: hidden;
       background-color: white;
     }
     
     .drag-handle{  /*CSS for Drag Handle*/
       padding: 1px;
       text-indent: 3px;
       font: bold 14px Arial;
       background-color: #0033CC;
       color: white;
       overflow: hidden;
       width: auto;
       opacity: 1;
       cursor: move; 
     }

     .drag-handle .drag-controls{  /*CSS for controls (min, close etc) within Drag Handle*/
       position: absolute;
       right: 1px;
       top: 2px;
       /* cursor: hand; */
       cursor: pointer;
     }

     * html .drag-handle{ 
       width: 100%;
     }

     .drag-contentarea{  /*CSS for Content Display Area div*/
       border-top: 1px solid #000066;
       background-color: white;
       color: black;
       height: 550px;
       padding: 2px;
       overflow: auto;
     }

     .drag-statusarea{   /*CSS for Status Bar div (includes resizearea)*/
       border-top: 1px solid gray;
       background-color: #F8F8F8;
       height: 13px; /*height of resize image*/
     }
    
     .drag-resizearea{ /*CSS for Resize Area itself*/
       float: right;
       width: 13px;   /*width of resize image*/
       height: 13px;  /*height of resize image*/
       font-size: 0;
       cursor: nw-resize;
     }
    
     #interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
       position: absolute;
       background: #e0ecf3 url(docs/blackdot.gif);
       /* filter:progid:DXImageTransform.Microsoft.alpha(opacity=50); */
       background: #e0ecf3;
       width: 10px;
       left: 0;
       top: 0;
       z-index: 5;
       visibility: hidden;
       opacity: 0.5;
     }