@media screen, projection 
{
  BODY {
    margin-left:8px;
    margin-right:8px;
    margin-top:8px;
    margin-bottom:8px;
    SCROLLBAR-FACE-COLOR: #bbbbbb;
    SCROLLBAR-HIGHLIGHT-COLOR: #bbbbbb;
    SCROLLBAR-SHADOW-COLOR: #bbbbbb;
    SCROLLBAR-3DLIGHT-COLOR: #bbbbbb;
    SCROLLBAR-ARROW-COLOR: #eeeeee;
    SCROLLBAR-TRACK-COLOR: #eeeeee;
    SCROLLBAR-DARKSHADOW-COLOR: #bbbbbb;
    FONT-FAMILY: Arial;
    FONT-SIZE: 10pt;
    background: url(/images/bg_full.jpg);
  }
}

@media print 
{
  BODY {
    margin-left:8px;
    margin-right:8px;
    margin-top:8px;
    margin-bottom:8px;
    SCROLLBAR-FACE-COLOR: #bbbbbb;
    SCROLLBAR-HIGHLIGHT-COLOR: #bbbbbb;
    SCROLLBAR-SHADOW-COLOR: #bbbbbb;
    SCROLLBAR-3DLIGHT-COLOR: #bbbbbb;
    SCROLLBAR-ARROW-COLOR: #eeeeee;
    SCROLLBAR-TRACK-COLOR: #eeeeee;
    SCROLLBAR-DARKSHADOW-COLOR: #bbbbbb;
    FONT-FAMILY: Arial;
    FONT-SIZE: 10pt;
    background-color:#ffffff;
  }
}  

  h1
  {
    FONT-FAMILY: Arial;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bold;
    color: #e18917;    
  }
  
  h2
  {
    FONT-FAMILY: Arial;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold;
    color: #e18917;    
  }

  th { FONT-SIZE: 9pt;
       COLOR: #000000;
       FONT-WEIGHT: normal;
       TEXT-ALIGN: right; }
  td { FONT-SIZE: 9pt;
       COLOR: #000000 }
  a:link    { font-family:Arial; color:black; }
  a:visited { font-family:Arial; color:black; }
  a:hover   { font-family:Arial; color:#e18917; }
  a:active  { font-family:Arial; color:black; }
  
             
  img.mouseover  { cursor:hand; }

@media screen, projection 
{
  div.top_header
  {  
    background: url(/images/header.png);
    border-width: 0px;
    padding: 0px;
    width: 800px;
    height: 70px;
    margin-top:8px;
  }
}

@media print
{
  div.top_header
  {  
    display:none;
  }
}

  div.title_header
  {
    background: url(/images/gmk_header.png);
    background-color: #ffffff;
    border-width: 0px;
    padding: 0px;
    width: 800px;
    height: 70px;
    margin-top:8px;
  }
}

  .error_message
  {
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    COLOR: red;
  }

  
  
/*  ============================================================================
    Tab-Control
    ============================================================================*/   
      
@media screen, projection 
{
  .tab_control
  {
    background-color: #ffffff;
    border-width: 0px;
    padding: 0px;
    width: 800px;
    margin-top:0px;
    overflow: hidden;
    border-bottom-style: solid;
    border-bottom-color: #e18917;
    border-bottom-width: 1px;
  }
}

@media print
{
  .tab_control
  {
    display: none;
  }
}

  .active_tab
  {
    float: left;
    padding: 5px;
    color: #444444;
    background-color: #ffb444;
    text-decoration: none; 
    border-style: solid;
    border-color: #e18917;
    border-width: 1px;
    border-bottom-width: 0px;
  }
    
  .tab_control ul
  {
    margin: 0;
    padding: 0;
    font-family: Arial; 
    font-size: 9pt; 
    text-decoration: none; 
    font-weight: bold; 
    list-style-type: none;
  }

  .tab_control li
  {
    float: left;
    display: inline;
    color: #ffb444; 
    background-color:#ffffff;
    text-decoration: none; 
    margin-left: 4px;
  }

  .tab_control li a,
  .tab_control li a:visited
  {
    padding: 5px;
    float: left;
    display: block;
    color: #444444; 
    background-color: #ffffff;
    text-decoration: none; 
    border-style: solid;
    border-color: #e18917;
    border-width: 1px;
    border-bottom-width: 0px;
  }

  .tab_control li a:hover
  {
    float: left;
    padding: 5px;
    color: #444444; 
    background-color:#ffb444;
    text-decoration: none; 
    border-style: solid;
    border-color: #e18917;
    border-width: 1px;
    border-bottom-width: 0px;
  }

      
/*  ============================================================================
    Content
    ============================================================================*/   
  
@media screen, projection 
{
  div.content
  {
    clear: left;
    background-color: #ffffff;
    border-width: 0px;
    padding: 0px;
    width: 800px;
    text-align: left;
    margin-top: 0px;
    border-top-style: solid;
    border-top-color: #ffb444;
    border-top-width: 7px;
    border-bottom-style: solid;
    border-bottom-color: #ffb444;
    border-bottom-width: 7px;
  }
}
  
@media print 
{
  div.content
  {
    background-color: #ffffff;
    border-width: 0px;
    padding: 0px;
    width: 700px;
    text-align: left;
    margin-top: 8px;
  }
}

  .LoginField { background-color: #ffffff;
               border-color: #e18917;
               border-style: solid;
               border-width: 1px;
               color: #000000;
               font-size: 9pt;
               font-family: arial;
             }
  .CodeArea  { background-color: #dddddd;
               border-color: #666666;
               border-style: solid;
               border-width: 1px;
               color: #000000;
               font-size: 9pt;
               font-family: arial;
             }

             
/*  ============================================================================
    Footer
    ============================================================================*/   
  div.footer
  {
    background-color: #ffffff;
    border-width: 0px;
    padding: 2px;
    width: 800px;
    text-align: left;
    margin-top: 0px;
    border-top-style: solid;
    border-top-color: #e18917;
    border-top-width: 1px;
    text-align: center;
  }
         
  .footer a,
  .footer a:visited
  {
    color: #e18917; 
    text-decoration: none; 
  }      

  .footer a:hover
  {
    color: #e18917; 
    text-decoration: underline; 
  }      
               
/*  ============================================================================
    Login
    ============================================================================*/   
  .login
  {
    background-color: #ffb444;
    padding: 0px;
    border-style: solid;
    border-color: #e18917;
    border-width: 1px;
    width: 245px;
    float: right;
  }
  
  .login th
  {
    color: #000000;
    text-align: right;
    font-weight: normal; 
  }

  .login td
  {
    color: #000000;
  }

          
  
/*  ============================================================================
    Bookmarks
    ============================================================================*/   
  
@media screen, projection 
{
  div.bookmarks
  {
    padding: 5px;
    font-family:Arial; 
    font-size:8pt; 
    text-decoration:none; 
    font-weight:normal; 
    color:#ffffff; 
  }  
}

@media print 
{
  div.bookmarks
  {
    display: none;
  }
}


  td.menu_default
  { 
    font-family:Arial; 
    font-size:9pt; 
    text-decoration:none; 
    font-weight:normal; 
    color:#000000; 
    background-color:#a5d8ff;
  }
  
  td.menu_mouseover
  {
    font-family:Arial; 
    font-size:9pt; 
    text-decoration:none; 
    font-weight:normal; 
    color:#000000; 
    cursor:hand;
    background-color:#e1f2ff;
  }

  
/*  ============================================================================
    Fineprint
    ============================================================================*/   
  
@media screen, projection 
{
  div.fine_print
  {
    padding: 5px;
    font-family:Arial; 
    font-size:8pt; 
    text-decoration:none; 
    font-weight:normal; 
    color:#ffffff; 
  }  
  a.fine_print:link    { font-family:Arial; color:white; }
  a.fine_print:visited { font-family:Arial; color:white; }
  a.fine_print:hover   { font-family:Arial; color:red; }
  a.fine_print:active  { font-family:Arial; color:white; }
}
  
@media print 
{
  div.fine_print
  {
    padding: 5px;
    font-family:Arial; 
    font-size:8pt; 
    text-decoration:none; 
    font-weight:normal; 
    color:#000000;
  }
  a.fine_print:link    { font-family:Arial; color:black; }
  a.fine_print:visited { font-family:Arial; color:black; }
  a.fine_print:hover   { font-family:Arial; color:black; }
  a.fine_print:active  { font-family:Arial; color:black; }
}