/*
   Stylesheet to be used by the all.html file. The same stylesheet will be used by all
   generated HTML files, and contains the general style definitions.
   I. Herman
   $Date: 2002/11/15 17:21:38 $
*/

/* Note that most of the font sizes are set in percentages!!!!! */

/* The CSS file relies on some conventions to be used by the source XHTML file and
   the generated files. These are:

   div.slide encloses a full slide in the source file
   div.projSlide encloses each slide in the 'projection ready' Overview file;
   div.genSlide encloses each slide when individual XHTML files are generated

   In both cases, the real slide content (ie, not the title and the link images) is
   enclosed into a div.slideContent
*/

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

/* Size of slides and slide content... */
div.genSlide {
    position: absolute;
    width:  100%;
    height: 730;
    margin: 0;
    padding: 0;
    text-align: center;
}

/* The real 'meat' on a slide. This setting is valid for all media  */
div.slideContent {
    text-align: left;
    overflow: auto;
    border: ridge 3pt;
    padding: 0.5em;
    background: white;
    color: black;
    margin-left: 2pt;
    margin-top: 0;
}

body {
    background:  white; /* #ffcc99; #eeeeff; */
/*    font-family:  georgia, verdana, trebuchet, arial, helvetica, sans-serif;   */
	font-family: arial, helvetica, sans-serif;
    color: #00135f;
    /* font-size: 10pt; */
    font-size-adjust: 0.5;
    margin: 0;
    padding: 0;
}

/* ============================================================= */
/* General CSS statements, regardless of the divs and the media  */
/* ============================================================= */

img { border: 0; }

blockquote, q { color: #aa4444; fill: #aa4444; font-style: italic; }

/* Headers: in general, h1 is used for the slide title, and is treated later.
   Having said that, it is probably not a good idea to use these in a slide
   anyway!
*/
h2 { font-size: 130%; font-weight: bold;}
h3 { font-size: 110%; font-weight: bold;}
h4 { font-size: 100%; font-weight: bold;}
h5 { font-size: 100%; font-style: italic;}
h6 { font-size: 100% }

h1 { clear:both }

/* Try to save some space on the slides... */
div.slide p, div.projSlide p, div.genSlide p { margin-top: 0; clear:both; }

/* Lists */
/* dt  { font-weight: bold; color:darkGreen; fill: darkGreen; } */
dt     { font-weight: bold; color:navy; fill: navy; }
li li  { font-size: 95% } /* 90% -> 95%*/
dl dl  { font-size: 95% }
dd     { font-size: 95% }

/* I use paragraphs quite often within lists, but they should not take too much space... */
dl p, ul p, ol p,
dl ol, dl ul, dl dl,
ol ol, ol dl, ol ul,
ul dl, ul ol, ul ul {
    margin-top: 0;
    margin-bottom: 0;
}

/* These are for CS slides ;-) controlling the code type text is important... */
pre,tt,samp  {
          color: maroon; fill:maroon;
          font-weight: bold;
          font-family: "Courier New", courier, monospace;
          margin-bottom: 0; margin-top: 0;
          font-size-adjust: 0.4;
}

code {
          color: maroon; fill: maroon;
          font-weight: bold;
          font-family: "Courier New", courier, monospace;
          font-size-adjust: 0.4;
}
pre, tt, samp { font-size: 70% }

/* Emphasis */
em { color: maroon; font-style:italic; fill: maroon }

/* Various emphasis colours. Note the fill values; these are for the SVG usage! */
.emph1 { color: blue;  font-weight: bold; }
.emph2 { color: #006400;  font-weight: bold; }
.emph3 { color: #cc0066;  }
.emph4 { color: #ff00cc;  }
.emph5 { color:red;  }

/* margin-left 18pt -> 1.5em */
ul, ol { margin-left: 1.5em; margin-top: 0.5em; margin-bottom: 0.5em; }

/* Tables. The table colouring reflect my taste, obviously... */
table.full { width: 85%; }
th { text-align: center; font-weight: bold; }
tspan.th { text-anchor: middle; font-weight: bold;  }
table.coloured td, td.coloured, table.colored td, td.colored  { background: #CCFFFF; }
table.coloured th, table.colored th  { background: #c0c0c4; }
tspan.colored tspan.th, tspan.coloured tspan.th { font-style: italic; fill:green; }

/* Link control */
a:link, a:visited, a:active { color: #006699; text-decoration: none; }
a:hover, a.focus { background: #FFA; }

/* I always mix up the British and US spelling... */
.center, .centre { text-align: center; }

/* This filters out svg only portions from the XHTML output! */
div.svgOnly { display: none; }

/* ===================================================================================== */
/* The generated signature for a slide is enclosed into a div.signature                  */
/* The signature itself is a table; the table elements have all their specific classes:
   td.authorSig      is the author field, left cell of the table
   td.dateSig        is the date, middle cell of the table
   td.slideNumberSig is the number, right cell of the table
/* ===================================================================================== */

/* Signature. Contains one table with three elements. */
div.signature {
    margin-top: 0.2em;
    font-style: italic;
    font-size: 10pt;
}

div.signature table {
    width: 100%;
}

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

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

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

/* ======================================================================== */
/* The table of content is enclosed into a div.toc                          */
/* ======================================================================== */

div.toc { padding-left: 1em; }
div.tocTitle h1 { color: navy; font-size: 220%; }
div.tocTitle h2 { color: navy; font-size: 120%; text-align: center; }

div.prologue {
			text-align: justify;
			margin-bottom: 1em;
			margin-top: 1em;
			padding: 1em;
			}

div.tocTitle {
    margin-top:-2em;
    font-weight: bold;
    text-align: center;
    padding-left:0.3em;
    border-bottom-width: medium;
    border-bottom-color: navy;
    border-bottom-style: ridge;
}

@media projection, print {
    div.toc { display: none }
    div.prologue { display: none }
}

/* ===================================================================================== */
/* ===================================================================================== */
/* Font size settings for the generated slides.                                          */
/* Note that percentages are used, ie, the browser's font setting should influence the   */
/* final outlook!!!                                                                      */

/* Note also the usage of the media selector for the projection mode!                    */

/* nabe: 240->220->200, 220->200->180 */

div.genSlide { font-size: 200%; }
div.genSlide td, div.genSlide th { font-size: 180%; }

@media projection {
    div.projSlide {
	font-size: 180%;
	/* nabe line-height*/
	line-height: 120%;
	font-family: sans-serif, serif; /* georgia, verdana, trebuchet, arial, helvetica, sans-serif : */
	}
    div.projSlide td, div.projSlide th { font-size: 160%; }
}

@media print {
    div.projSlide { font-size: 220%; }
    div.projSlide td, div.projSlide th { font-size: 200%; }
}

@media screen {
    div.projSlide, div.slide {
       margin-bottom: 1em;
    }
}

/* ===================================================================================== */
/* The slide's title is set by the h1 element                                            */

div.slide h1, div.projSlide h1, div.genSlide h1 {
    color: navy;
    text-align: center;
    font-weight: bold;
    margin-top:-20px; /* -44px */
    padding-left: 0em;
    padding: 0;
}

div.slide h1, div.projSlide h1 {
    font-size: 140%;
}

@media screen {
    div.projSlide h1 {
        border-bottom-width: thin;
    }
}

/* Slide title */
div.genSlide h1 {
    font-size: 110%;
}

@media screen {
    div.projSlide h1 { margin-top: -1.2em; }
}

/* ===================================================================================== */
/* The title area is enclosed into a div.header and includes a table with the logo and
   the navigational images.
   Note that this header is generated for standalone slides only,
   projHeader for projection mode/printer mode only
*/
div.projHeader {
    background: yellow;
}

div.header {
    font-size: 24pt;
    background: yellow;
}

div.header table {
    width: 100%;
}

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

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

/* ================================================================ */
/*  Styles for the title page                                       */
/* ================================================================ */

p.TitleMajor {
    text-align: center;
    font-size: 150%;
    font-weight: bold;
    padding-top: 2em;
    margin-bottom: 2em;
    font-style: italic;
}

p.TitleMinor{
    text-align: center;
    font-size: 90%;
    font-weight: bold;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-style: italic;
}

p.TitleMinor2, p.TitleMinor3, p.TitleMinor4 {
    text-align: center;
    font-size: 70%;
    font-weight: bold;
    margin-bottom: 0.5em;
}

p.TitleMinor2{
    padding-top: 2em;
}

p.TitleMinor4{
    padding-top: 3em;
}

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

@media print {
    div.projSlide {
	/* nabe*/
		margin-top: 2em;
		font-size: 120%;  /* 140% -> 120% */
        page-break-before: always;
    }
    div.slide {
        margin-top: 2em;
        border: none;
    }
}

/* nabe */
ul.no-bullet {
	list-style-type: none;
	margin-left: 2em;
}

dd { margin-left: 1.5em;}

div.JISquote {
	font-style: italic;
	margin: 1em 0em;
	padding: 1em 0.5em;
	border-style: solid;
}