/*
'' ----------------------------------------------------------------------
'' Copyright (C) Revolux S.àR.L and IDEP.WEB & SFO.WEB CNAs - 2014-2019.
'' All Rights Reserved.
''
'' Written by Revolux S.àR.L.
''
''  No part of this software may be copied or distributed in any form or by
''  any means without prior written permission of the Copyright owners.
''
''  This file is part of IDEP.WEB and SFO.WEB. IDEP.WEB and SFO.WEB is 
''  software written For IDEP.WEB And SFO.WEB CNAs
''
''  IDEP.WEB & SFO.WEB remains property of Revolux' client CNAs
''  Revolux has the right to change any part of the software without notice.
''
''  The Intellectual Property Right is retained by Revolux S.àR.L. Luxembourg.
''    ( This program is -NOT- in the public domain. )
''
''  These copyright and copying conditions cover the all the programs and 
''  utilities of IDEP.NET and IDEP.WEB and SFO.WEB written by Revolux.
'' ----------------------------------------------------------------------
''
'' CBS' basic styles (unfortunately we still have to live with this
'' old VIRK heritage :| )
''
'' ----------------------------------------------------------------------
''
''~[20140025] 24/03/2014 Marius Groenendijk
''~IDEP.WEB for CBS Initialisation
''
'' ~[20170057] Indented, Renamed Basic_NL to Basic (this file) and used by all MS
'' If an MS does not want the default Arial font, find a better way to override in the rvl-MS file.

~[20170057] Increase base width and HEIGHT of application
~[20180105] New colour scheme for STATECTEC

TODO: Need cleaning up after compare w/ original file

'' ----------------------------------------------------------------------
*/

/*NOTE: We ought to be using px (exact height) vs. pt (computed height)

    don't unnecessarily tweak line-height, and if you do, use % or em
    ditto for font-size, preferably use 'smaller'

    https://websemantics.uk/articles/font-size-conversion/
    https://www.joomlasrilanka.com/web-design-development-blog/web-design-font-size-measurements-convert-points-pixelsems-percentages-web-designing/
*/

/*old doc - please don't delete
@import url(http://fonts.cbs.nl/cbs_vooruwbedrijf.css);
 Start file $Id: basic.css 5678 2008-01-28 13:22:51Z jronn 
letter-spacing:0.0625em; doe maar niet
*/

/* styling of text */

/*NOTE: must use the * selector iso html or body because otherwise the browser built-in style sheet starts overriding things. Arggh */

* {
    font-family: Arial, sans-serif;
    font-size: 14px; /* was 11. 15 is just a bit too big ? Statec has 13.3 which looks pretty OK */
    line-height: 18px;
}

/* Styling of headers */

h1 {
    font-size: large;
}

h2 {
    font-size: larger;
    margin: 0 0 10px 0;
}

h3 {
    font-size: larger;
    margin: 0 0 4px 0;
}

/* Styling of lists */

ol {
    margin-left: 10px;
    padding: 0;
}

    ol li {
        padding-left: 2px;
        margin-left: 10px;
    }

/* Hack to enable correct vertical position of list-style-image in IE6 */
ul {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

    ul li {
        margin: 0;
        padding: 0;
        padding-left: 16px;
        background-image: url('../Images/bluedot.png');
        background-repeat: no-repeat;
        background-position: 0 7px;
    }

    ul ul li {
        margin: 0;
        padding: 0;
        padding-left: 16px;
        list-style-image: none;
        background-image: url('../Images/graydot.png');
        background-repeat: no-repeat;
        background-position: 0 7px;
    }

/* LINKS */

a {
    color: #0080a5;
}

    a:visited {
        color: #7b736c;
    }

    a:hover {
        text-decoration: underline;
        /*~[MG 01/03/2012] Slowly display link in normal link color*/
        color: #0080a5;
        -webkit-transition: color 400ms ease-in;
        -moz-transition: color 400ms ease-in;
        -o-transition: color 400ms ease-in;
        /*-khtml-transition: color 400ms ease-in;
        -ms-transition: color 400ms ease-in;*/
        transition: color 400ms ease-in;
    }

    a img {
        border: 0;
    }


/* Styling of tables */

table {
    margin: 0 0 16px 0;
    border-collapse: collapse;
    border: solid 1px #dcdad8;
    background-color: white;
}

caption {
    font-weight: normal;
    color: black;
    text-align: right;
    padding: 8px 16px;
}

th {
    margin: 0;
    font-weight: bold;
    background-color: #d9eff6;
    border-bottom: dotted 1px #bbb5b1;
    padding: 4px 8px; /*8px 16px; was wel erg veel */
}


td {
    margin: 0;
    border: dotted 1px #dcdad8; /* dotted works in IE7, FF4 but not in FF3.6 ... */
    padding: 1px 6px 1px 6px;
    /* Next 2 make it behave better during FF zoom */
    border-left-width: 0;
    border-top-width: 0;
}


/*~[20120101] remove auto clear dinges in IE10 */
input[type=text]::-ms-clear {
    display: none;
}

/* ---------------------------------------------------------------------- */
/* [EOF_BASIC_CSS] */
/* ~[20170057] + [20180105] Height/Width STATEC restyling a.s.o. ~~ MG ~~ 11/07/2019 16:07*/
/* ~[20170057] 20190061 20190060 20190059 ~~ MG ~~ 17/10/2019 11:26*/
/* tag ~~ MG ~~ 30/06/2020 11:15*/