/* $Header: /srv/sources/pkg/salbabixware/web-salbaba-presentation/static/s.screen.css 31.1 2023/12/16 18:17:22 +0000 martin Exp $ */
/*
**  FACILITY:  WEB-SALBABA
**
**      Copyright (c) Martin Salbaba $RelFromTo: 2019-2023$
**
**      All  Rights Reserved. Unpublished rights reserved under the copyright laws
**      of Austria.
**
**      The software contained on this media is proprietary to  and  embodies  the
**      confidential  technology  of  Martin Salbaba. Possession, use, duplication or
**      dissemination of the software and media is authorized only pursuant  to  a
**      valid written license from Martin Salbaba.
**
**  MODULE DESCRIPTION:
**
**      screen.css:
**        style definitions for on screen display
**
**  MODIFICATION HISTORY:
**
**      $Log$
**
*/

body {
   color: #000000;
   background-color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12pt;
   font-style: normal;
/*   text-align: justify; */
 }

.shade {
   font-size: 20pt;
   font-weight: bold;
   font-style: normal;
   color: #000000;
   background-color: #e0e0e0;
   border-width: 1px;
}

.header {
   font-size: 22pt;
   font-weight: bold;
   text-align: center;
}

.big {
   font-size: 14pt;
   font-weight: bold;
}

.normal {
   font-size: 12pt;
   font-weight: normal;
   font-style: normal;
}

.small {
   font-size: 8pt;
}

.pic {
   font-size: 8pt;
   text-align: center;
}

.green {
   color: #0072a3;
}

.greybox {
   font-size: 13pt;
   font-weight: bold;
   background-color: #e0e0e0;
   color: #ff0000;
   border-width: 1px;
   border-color: #000000;
}

.imdm {
   font-weight: bold;
}

/*
**--
**    D E L I M I T E R S
**--
*/

hr.space {
   margin: 3pt;
}

/*
**--
**    H E A D I N G S
**--
*/

h1 {
   font-size: 16pt;
   font-weight: bold;
}

h2 {
   font-size: 15pt;
   font-weight: bold;
}

h3 {
   font-size: 14pt;
   font-weight: bold;
}

h4 {
   font-size: 13pt;
   font-weight: bold;
}

h5 {
   font-size: 12pt;
   font-weight: bold;
}

h6 {
   font-size: 12pt;
   font-weight: bold;
}

/*
**--
**    T A B L E S
**--
*/

table {
   border-width: 0;
   border-style: none;
   text-align: left;
}

table.grey {
   border-width: 1px;
   border-color: #FFFFCC;
   padding: 4px;
}

tr.grey {
   background-color: #dedfdf;
}

tr.grey2 {
   background-color: #c5c6c6;
}

td.error {
   color: #ff0000;
}

td.tabh {
   color: #000000;
   background-color: #AEB7D6;
   font-size: 14pt;
   font-weight: bold;
}

td.tabd {
   color: #000000;
   background-color: #FFFFFF;
   font-size: 12pt;
 }

td.date {
   color: #000000;
   background-color: #F0F0F0;
   white-space: nowrap;
   font-style: normal;
   text-align: center;
   vertical-align: top;
}

.infocontent {
   color: #000000;
   background-color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12pt;
   font-style: normal;
   margin-top: 0;
   margin-bottom: 0;
/*   text-align: justify; */
 }

.toptable {
   color: #000000;
   background-color: #e0e0e0;

   font-size: 20pt;
   font-weight: bold;
   font-style: normal;

   width: 100%;
   margin-top: 0;
   margin-bottom: 10px;

   border-width: 0px 0px 1px 0px;
   border-style: solid;
   border-color: #000000;
}

.toplogocolumn {
   visibility: hidden;
   width: 1px;
   height: 1px;
}

.contenttable {
   width: 100%;
   margin: 0px;
}

.menucolumn {
   visibility: visible;
   border-width: 0 0 0 0;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-align: left;
   left: 0;
   vertical-align: top;
}

.menulogo {
   border-width: 0 0 0 0;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}

.menuentry {
   text-align: left;
   background-color: #e0e0e0;
   font-size: 12pt;
}

.menuentryN {
   text-align: left;
   padding-left: 9px;
   background-color: #e0e0e0;
   font-size: 12pt;
}

.menuentryNN {
   text-align: left;
   padding-left: 18px;
   background-color: #e0e0e0;
   font-size: 12pt;
}

.menuentryNNN {
   text-align: left;
   padding-left: 27px;
   background-color: #e0e0e0;
   font-size: 12pt;
}

.bottomtable {
   color: #000000;
   background-color: #e0e0e0;

   font-size: 8pt;
   font-weight: bold;
   font-style: normal;

   width: 100%;
   margin-top: 10px;
   margin-bottom: 0;
   border-width: 1px 0 0 0;
   border-style: solid;
   border-color: #000000;
}

/*
**--
**    L I S T S
**--
*/

li.space {
   padding: 5pt 0px 0px 0px;
   list-style: none;
   font-size: 12pt;
}

/*
**--
**    L I N K S
**--
*/

A:link {color: #0072a3;}
A:visited {color: #0072a3;}
A:active {color: #ffffff; background-color: #0072a3; }
A:hover {color: #ffffff; background-color: #0072a3; }

A.hidden:link {color: #000000;  background-color: transparent; text-decoration: none;}
A.hidden:visited {color: #000000; background-color: transparent; text-decoration: none;}
A.hidden:active {color: #000000; background-color: transparent; text-decoration: none;}

/*
**--
**    Push Button
**--
*/

.fbutton {
   width: 80px;
   text-decoration: none;
   color: #000000;
   border-width:1px;
   border-color: #000000;
   border-style: outset;
   text-align: center;
   vertical-align: middle;
   margin-left: 10px;
   margin-right: 10px;
   padding-left: 5px;
   padding-right: 5px;
}

/*
**--
**    Form elements
**--
*/

.prompt {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12pt;
   font-style: normal;
   text-align: left;
}

.textinput {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11pt;
    background:#E6F3FF;
    border-style:solid;
    border-width:1px;
    border-color:#003D79;
   width:400px;
}

p.error {
   font-size: 11pt;
   font-weight: bold;
   color: #ff0000;
}

/*
**--
**    imdm login elements
**--
*/

p.imdmheading {
   font-size: 150%;
   font-weight: bold;
   color: #000000;
}

table.imdmmain {
    background:#e5e5e5;
    border-style:solid;
    border-width:2px;
    border-color:#003D79;
    width:90%;
    text-align:left;
}

.imdmtext {
   font-family:trebuchet ms,verdana,arial,sans-serif;
   font-size:12px;
   font-weight:bold;
   color:#003D79;
   text-align: left;
}

.imdmhbutton {
   font-family:trebuchet ms,verdana,arial,sans-serif;
   font-size:8px;
   color:#ffffff;
   background:#fefefe;
   width:10px;
   height:10px;
   border-width:1px;
   border-color:#003D79;
   border-style:none;
}

.imdmeingabe {
    font-family:trebuchet ms,verdana,arial,sans-serif;
    font-size:11px;
    background:#E6F3FF;
    border-style:solid;
    border-width:1px;
    border-color:#003D79;
}

.imdmweiter {
   font-family:trebuchet ms,verdana,arial,sans-serif;
   font-size:11px;
   font-weight:bold;
   color:#000000;
   background:#dcdad5;
   width:100px;
   border-width:1px;
   border-color:#003D79;
   border-style:outset;
   text-decoration: none;
}

/*
** to make a href field look like a button ...
*/
.imdmweiter-wh {
   font-family:trebuchet ms,verdana,arial,sans-serif;
   font-size:11px;
   font-weight:bold;
   color:#000000;
   background:#dcdad5;
   width:100px;
   border-width:1px;
   border-color:#003D79;
   border-style:outset;
   text-decoration:none;
   margin-left:0px;
   margin-right:0px;
   margin-bottom:0px;
   margin-top:0px;
   text-rendering: optimizelegibility;
   text-align:center;
   vertical-align:baseline;
   padding: 1px 6px 1px 6px;
}

