/*
    TITLE:          main.css
    VERSION:        1-002
    FACILITY:       CSS for the microsite "Software Quality Assurance"
    AUTHOR(S):      Dr Hlaszny, Edit (HED)
                    +36-30/3116516,
                    dr.hlaszny.edit@gmail.com
    SUPERVISED BY:  -
    CREATION DATE:  16-OCT-2021

    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
        16-OCT-2021 1-002    HED          first draw
 */

    div.WHYSQA
    {
        position: relative;
        top:    -40px;
        left:    100px;
        width:   680px;
        border:   0px solid;
        border-color: #F00;

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

    span.WHYSQA
    {
        font-family:  tahoma;
        font-size:    10px;
        line-height:  12px;
        font-stretch: ultra-condensed;
        color:        #888;
        vertical-align: 20px;

    }

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

        text-align:   left;
        width:      802px;
        border:       0px solid;
        border-color: #DDD;

        background-image: url(../pics/currBackground.png);
        background-size: contain;
        background-repeat: no-repeat;

        height:    108px;

    }   /* end of class base */

        div.nebih
        {
            position: relative;
            top:     10px;
            left:   10px;
            width: 280px;
            border:  0px solid;
            border-color: #F00;

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

        td.mainMenu
        {
            font-family:  tahoma;
            font-size:    18px;
            line-height:  22px;
            font-stretch: ultra-condensed;
            color:        #666;
        }

        td.subMenu
        {
            font-family:  tahoma;
            font-size:    14px;
            line-height:  16px;
            font-stretch: ultra-condensed;
            color:        #666;
        }

        div.SQAtitle
        {
            position: relative;
            top:   -76px;
            left:  310px;
            width: 609px;
            border:  0px solid;
            border-color: #DDD;
        }

        div.SQA
        {
            position: relative;
            top:    -10px;
            left:     0px;
            width:  608px;
            border:   0px solid;
            border-color: #F00;

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

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

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

        div.footer
        {
            position: relative;
            top:        -50px;
            left:        10px;
            width:      900px;
            border:       0px solid;
            border-color: #DDD;

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

        }

        div.baseContent
        {
            position: relative;
            top:            0px;
            width:        708px;
            padding-left: 20px;
            font-family:  tahoma;
            font-size:    12px;
            line-height:  14px;
            font-stretch: ultra-condensed;
            color:        #666;

            border:       0px solid;
            border-color: #DDD;

        }

        div.contentTitle
        {
            position: relative;
            top:            0px;
            width:        707px;
            padding-top:   10px;
            padding-left: 0px;
            font-family:  tahoma;
            font-size:    12px;
            font-weight:  bold;
            line-height:  14px;
            font-stretch: ultra-condensed;
            color:        #666;

            border:       0px solid;
            border-color: #00F;
        }

        div.indentedContent
        {
            position: relative;
            top:            0px;
            width:        687px;
            padding-top:   4px;
            padding-left: 20px;
            font-family:  tahoma;
            font-size:    12px;
            line-height:  14px;
            font-stretch: ultra-condensed;
            color:        #666;

            border:       0px solid;
            border-color: #F00;
        }

        div.superIndentedContent
        {
            position: relative;
            top:            0px;
            width:        687px;
            padding-top:   4px;
            padding-left: 40px;
            font-family:  tahoma;
            font-size:    12px;
            line-height:  14px;
            font-stretch: ultra-condensed;
            color:        #666;

            border:       0px solid;
            border-color: #F00;
        }

        div.indentedGlossary
        {
            position: relative;
            top:            0px;
            width:        750px;
            padding-top:   4px;
            padding-left: 20px;
            font-family:  tahoma;
            font-size:    12px;
            line-height:  14px;
            font-stretch: ultra-condensed;
            color:        #666;

            border:       0px solid;
            border-color: #F00;

        }

        div.indentedPic
        {
            padding-left: 20px;
            border:       0px solid;
            border-color: #F00;

        }

        div.dataTable
        {
            position: relative;
            top:        -62px;
            left:        -1px;
            width:      920px;
            border:       0px solid;
            border-color: #DDD;

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

        div.subTitle
        {
            position: relative;
            top:         -2px;
            padding-left: 20px;
            padding-bottom: 4px;
            font-family:  tahoma;
            font-size:    30px;
            line-height:  32px;
            font-stretch: ultra-condensed;
            color:        #666;
        }


        span.grey
        {
            color:        #BBB;
        }

        span.courier
        {
            font-family:  courier;
        }

        span.nonpareille
        {
            font-family:  tahoma;
            font-size:     8px;
            line-height:  10px;
            font-stretch: ultra-condensed;
        }

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

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

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

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

        padding: 5px;
    }

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

    a:hover
    {
        color: #E06231 ;
        text-decoration: none ;
    }

    p.small
    {
        font-size: 4px;
    }

    p.average
    {
        font-size: 12px;
    }

    p.middle
    {
        font-size: 20px;
    }

    p.large
    {
        font-size: 20px;
    }

    span.red
    {
        color: #FF0000 ;
    }

    span.grey
    {
        color: #C0C0C0 ;
    }

    span.title
    {
        position:     relative;
        top:          -16px;
        font-family:  tahoma;
        font-size:     8px;
        line-height:  10px;
        font-weight:  normal;
        font-stretch: ultra-condensed;
        color:        #666;
    }

    span.samples
    {
        position:     relative;
        top:          -4px;
        font-family:  tahoma;
        font-size:     8px;
        line-height:  10px;
        font-weight:  normal;
        font-stretch: ultra-condensed;
        color:        #888;
    }

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

    ul
    {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    ul.no-bullets
    {
        list-style-type: none; /* Remove bullets */
        margin-top: 2px;
        margin-bottom: 2px;
        margin-left: -18px;
    }

    li
    {
        padding: 1px;
        margin-top: 1px;
    }

    ul.middle
    {
        margin-top: 4px;
        margin-bottom: 4px;
    }

    ol.middle
    {
        margin-top: 4px;
        margin-bottom: 4px;
    }

    li.middle
    {
        padding: 2px;
        margin-top: 2px;
    }



ol.special
{
  margin-top: 4px;
  margin-bottom: 4px;
  counter-reset: item;
  margin-left: 0;
  padding-left: 0;
}

li.specialSmallGap
{
  display: block;
  margin-bottom: .1em;
  margin-left: 67px;
}

li.specialSmallGap::before
{
  display: inline-block;
  content: counter(item) ") ";
  counter-increment: item;
  width: 2em;
  margin-left: -28px;
}

li.special
{
  display: block;
  margin-bottom: .5em;
  margin-left: 67px;
}

li.special::before
{
  display: inline-block;
  content: counter(item) ") ";
  counter-increment: item;
  width: 2em;
  margin-left: -28px;
}

/*
    end of main.css
 */