/*
    TITLE:          main.css
    VERSION:        1-001
    FACILITY:       CSS for the microsite WUR/TCO
    AUTHOR(S):      Dr Hlaszny, Edit (HED)
                    +36-30/3116516,
                    dr.hlaszny.edit@gmail.com
    SUPERVISED BY:  -
    CREATION DATE:  25-NOV-2023

    ENVIRONMENT:    Firefox V.82.0.2 (64 bit)
                    Google Chrome Version 86.0.4240.111 (Official Build) (x86_64)
                    Safari Version 13.1 (15609.1.20.111.8)
                    on iMAC macOS Catalina (10.15.4)

    DESIGN ISSUES:  1) http://www.w3.org/TR/REC-CSS1 Cascading Style Sheets, level 1
    PORTABILITY ISSUES:     see DESIGN ISSUES
    SUBSYSTEM:              none
    MODIFICATION HISTORY:
        date        version  modified by  modification
        25-NOV-2023 1-001    HED          first draw
 */

    div.base
    {
        margin-top: 14px;
        position:   relative;

        text-align:   left;
        width:      720px;
        border:       0px solid;
        border-color: #F00;

        background-size: contain;
        background-repeat: no-repeat;

        height:    300px;

    }   /* end of class base */

        div.logo
        {
            position: relative;
            top:     10px;
            left:   2px;
            width: 170px;
            border:  0px solid;
            border-color: #0F0;

            font-family:  tahoma;
            font-size:    12px;
            line-height:  14px;
            font-stretch: ultra-condensed;
            color:        #680;
        }

        div.flags
        {
            position: relative;
            top:   -82px;
            left: 635px;
            width:  84px;
            border:  0px solid;
            border-color: #F00;

            font-family:  tahoma;
            font-size:     6px;
            line-height:   6px;
            font-stretch: ultra-condensed;
            color:        #888;
        }

        div.title
        {
            position: relative;
            top:   -52px;
            left:  180px;
            width: 530px;
            border:  0px solid;
            border-color: #DDD;

            font-family:  tahoma;
            font-size:    20px;
            line-height:  24px;
            font-stretch: ultra-condensed;
            color:        #444;
        }

        div.CDD
        {
            position: relative;
            top:     14px;
            left:     0px;
            width:  608px;
            border:   1
            px solid;
            border-color: #FF0;

            font-family:  tahoma;
            font-size:    24px;
            line-height:  26px;
            font-stretch: ultra-condensed;
            color:        #888;
        }

        div.footer
        {
            position: relative;
            top:        -64px;
            left:         2px;
            width:      710px;
            border:       0px solid;
            border-color: #F00;

            font-family:  tahoma;
            font-size:     8px;
            line-height:  10px;
            font-stretch: ultra-condensed;
            color:        #888;

        }

        div.dataTable
        {
            position: relative;
            top:        -72px;
            left:         -2px;
            width:      720px;
            border:       0px solid;
            border-color: #00F;
        }

    table
    {
        border:  0px solid #DDD;
        padding: 0px;
    }

    tr.trDark
    {
        background-color: #E0FADA;
    }

    tr.trBright
    {
        background-color: #FFF;
    }

    td
    {
        font-family:  tahoma;
        font-size:    14px;
        line-height:  18px;
        font-stretch: ultra-condensed;

        padding: 5px;
    }

    td.code
    {
        font-family:  tahoma;
        font-size:    9px;
        line-height:  11px;
        font-stretch: ultra-condensed;

        padding: 5px;
    }

    td.ontoTableLeft
    {
        font-family:  tahoma;
        font-size:    12px;
        line-height:  12px;
        font-stretch: ultra-condensed;

        padding:      0px;
        width:        180px;
        align:        right;
        valign:       "top";
    }
    td.ontoTableRight
    {
        font-family:  tahoma;
        font-size:    12px;
        line-height:  12px;
        font-stretch: ultra-condensed;

        padding:      0px;
    }

    td.title
    {
        font-family:  'Helvetica Neue Ultra-Light', sans-serif;
        font-weight: 500;
        font-size:    18px;
        line-height:  20px;

        color:        #0043B3; /* #00B333; */

        font-stretch: ultra-condensed;

        padding: 2px;
    }


    span.smallVertSpace
    {
        line-height:  4px;
    }

    span.smallVertSpace2
    {
        line-height:  12px;
    }

    span.smallVertSpace3
    {
        line-height: 16px;
    }

    span.microVertSpace
    {
        line-height:  2px;
    }

    p.small
    {
        font-size:    3px;
        line-height:  1px;
    }

    span.rowHead
    {
        font-family:  tahoma;
        font-size:    16px;
        line-height:  18px;
        font-stretch: ultra-condensed;
        color:        #666;
    }


    li
    {
        padding-bottom:  6px;
        padding-left:    2px;
        list-style-type: disc;
    }

    pre.code
    {
            font-family:  tahoma;
            font-size:     8px;
            line-height:  20px;
            font-stretch: ultra-condensed;
            color:        #FFF;
    }

    a
    {
        color: #00F; // #E06231 ;
        text-decoration: none ;
    }

    a:hover
/*
    a:active
    a:link
    a.visited
*/

/*
    end of main.css
 */