/* 
Styles used for the slides, both for projection and screen media
The full slide content is enclosed in a div in both cases, of class 'projectionSlide' and
of 'standaloneSlide', respectively.
*/

body {
    font-size: 280%;
}

/* I am not sure why it is necessary to put the size here, it seems that IE screws it up
   otherwise
*/
td, th { font-size: 280%; }

pre {
    font-size: 60%;
}

code.small { 
    font-size: 60%;
}

/* ===================================================================================== */

/* The header is the logo and the navigation elements. The div contains one single table.
   Note that this header is generated for standalone slides only.
*/
div.header table { 
    width: 100%;
}

/* Table cell in the header for the logo */
td.logoHd {
    text-align: left;
    width: 48%;
    vertical-align: top;
}

/* Table cell in the header for the navigation arrows */
td.navigationHd {
    text-align: right;
    width: 48%;
    vertical-align: top;
}

/* ===================================================================================== */

/* Slide title */
div.genSlide h1, div.slide h1 {
    color: navy;
    font-size: 120%;
    font-weight: bold;
    border-bottom-width: medium;
    border-bottom-color: navy;
    border-bottom-style: ridge;
    text-align: center;
    margin-top: -0.5em;
}

/* The real 'meat' on the slide */
div.slideContent {
    border: ridge 2pt;
    padding: 0.5em;
    background: white;
    color: black;
}

/* ===================================================================================== */

/* Signature. Contains one table with three elements. */
div.signature { 
    margin-top: 1em;
    border-top-width: thin;
    border-top-color: navy;
    border-top-style: ridge;  
    font-style: italic;
    font-size: 12pt;
}

div.signature table { 
    width: 100%;    
}

/* Styles for the three table cells of the signature */
td.authorSig { 
    text-align: left; 
    width: 33%;
    font-style: italic;
    font-size: 12pt;
}

td.dateSig { 
    text-align: center; 
    width: 33%;
    font-style: italic;
    font-size: 12pt;
}

td.slideNumberSig { 
    text-align: right; 
    width: 33%;
    font-style: italic;
    font-size: 12pt;
}

p { 
    margin-top: 0;
}

/* ================================================================================== */
/* This is to ensure the separation of the slides when projection mode is used...     */
@media projection {
    div.slide, div.genSlide { 
        page-break-before: always;
    }
    div.slide, div.genSlide { 
        margin-top: 1em;
    }
    div.slide { 
        margin-top: 2em;
        border: none;
    }
}