table      { width:100%; border:none; border-collapse:collapse; }
  td.le      { width:50%; text-align:left;  color:#888; }
  td.ri      { width:50%; text-align:right; color:#888; }
  a.links    { font-family:'Open Sans',sans-serif; color:#5d5b5b; font-size:60%; text-decoration:none; }
  #tab       { position:relative; width:auto; width:100%; max-width:500px; margin:2px auto 15px auto;  }
  #logo      { position:relative; width:100%; margin: 0 auto; padding-top:30px; background-color:#fff; z-index:2; }
  #osdiv     { position:relative; width:100%; height:10px; background-color:#fff; z-index:2;            }
  #os        { position:absolute; right:14px; bottom:5px; width:100px;   z-index:3;                    }
  #icons     { position:absolute; top:3px; right:3px; text-align:right;  z-index:3;                    }
  #logindata { width:100%; background-color:#f0f0f0; white-space:nowrap; z-index:2;                    }

  span.letter            { font-family:'Open Sans',sans-serif; font-size:130%; color:#999; padding-left:3px; padding-right:10px; vertical-align:middle; }
  input.loginfield       { width:80%; height:27px; vertical-align:middle; text-align:left; background-color:#fff; margin:10px 0 0 0; padding:15px 12px 15px 12px; border:1px solid #ccc; color:#555; border-radius:10px; text-transform:none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
  input.loginfield:focus { outline:none; border: 1px solid #9ecaed; box-shadow: 0 0 10px #9ecaed; }

  div#lnk_help           { display:inline-block; height:35px; width:35px; background: url(../pics/help.png);    }
  div#lnk_help:hover     {                                                background: url(../pics/help_ac.png); }
  div#lnk_back           { display:inline-block; height:35px; width:35px; background: url(../pics/back.png);    }
  div#lnk_back:hover     {                                                background: url(../pics/back_ac.png); }

  a.infobox:hover        { color:#c30; }
  a.infobox span         { display:none; position:absolute; left:-99em; background-color:#e0f6fd; margin-top:3.5em; padding:1em; text-align:left; width:12em; text-decoration:none; font-family:'Open Sans',sans-serif; font-size:75%; color:#5d5b5b; }
  a.infobox:hover span   { display:inline; left:0; width:12em; border:1px solid #5d5b5b; opacity:1; -webkit-animation: fadein 0.6s; -moz-animation: fadein 0.6s; -ms-animation: fadein 0.6s; -o-animation: fadein 0.6s; animation: fadein 0.6s; }
  a.infobox:focus span, a.infobox:active span, a.infobox:visited span { display:none; }
  
  #webappinfo            { position:fixed; top:0; display:none;  margin:0 auto; width:100%; max-width:800px; height:750px; z-index:5; background:rgba(2,149,133,0.9); color: #fafafa; font-family: Arial, Helvetica, sans-serif; }
  #errinfo               { position:fixed; top:0; display:block; margin:0 auto; width:100%; max-width:800px; height:750px; z-index:6; background:rgba(230,25,25,0.9); color: #fafafa; font-family: Arial, Helvetica, sans-serif; }
  #webappgrid            { position:relative; width:90%; max-width:750px; margin:1em auto; padding:0 5%;                                }
  #webappheadline        { font-weight:bold; font-size:1.75em; width:100%; margin:1.5em 0.5em;                                          }
  #webappimg             { position:relative; display:inline-block; cursor:pointer; width:35px; height:auto;                            }
  #webappimgdiv          { position:absolute; top:3px; left:3px;  display:block; cursor:pointer; width:35px; height:auto; z-index:3;    }
  div.row                { position:relative; font-size:1.1em; width:96%; height:auto; min-height:3em; margin:0 auto;  text-align:left; }
  .btn_close             { width:98%; background-color:#505050; font-size:1.25em; border:0; padding:4% 0; margin:1em auto 0 auto; min-height:60px; text-align:center; font-family: Arial, Helvetica, sans-serif; color:#fff; border-radius:1em; cursor:pointer; transition:background-color .3s; -webkit-transition:background-color .3s; }
  .btn_close:hover       { background-color:#333333; }

  
  div.nodisplay { display:none;      }
  div.hidden    { visibility:hidden; }
  div.padtop15  { padding-top:1.5em; }
  div.padtop05  { padding-top:0.5em; }
  
  #div_loading  { position:absolute; top:0;   left:0; margin:0 auto; width:100%; height:100%; display:none; background-color:rgba(64, 64, 64, 0.7); z-index:4; }
  #loading      { position:absolute; top:25%; left:0; margin:0 auto; width:100%; }
  #div_loadingIE{ height:20px; width:100%; margin:0 auto; }
  #loadingIE    { width:100%; margin:0 auto; text-align:center; display:inline; visibility:hidden; z-index:3; }
  #msg          { width:100%; height:18px; width:100%; margin:0 auto; text-align:center;padding-top:5px; font-family:'Open Sans',sans-serif; font-size:75%; color:#ff0000; z-index:3; }
  #msgbox       { position:absolute; bottom:2em; left:1%; width:98%; margin:0 auto; padding:0; background-color:#e0f6fd; border:1px solid #777; z-index:3; display:none; }
  #msgbox div   { position:relative; font-family:'Open Sans',sans-serif; font-size:0.75em; text-align:left; margin:0 auto; padding:0 0 20px 20px; color:#555; opacity:1; -webkit-animation: fadein 0.3s; -moz-animation: fadein 0.3s; -ms-animation: fadein 0.3s; -o-animation: fadein 0.3s; animation: fadein 0.3s; }
  #msgbox div a { font-family:'Open Sans',sans-serif; font-size:75%; color:#5d5b5b; text-decoration:none; }
  #links        { position:relative; width:96%; margin-top:6px; margin-left:auto; margin-right:auto; padding-bottom:4px; z-index:2; }
  
  @media all and (display-mode: standalone) {
      #webappimgdiv { display:none; }
      #webappimg    { display:none; }
  }