|  | /* http://www.w3.org/Talks/Tools/Slidy/slidy.css | 
|  |  | 
|  | Copyright (c) 2005 W3C (MIT, ERCIM, Keio), All Rights Reserved. | 
|  | W3C liability, trademark, document use and software licensing | 
|  | rules apply, see: | 
|  |  | 
|  | http://www.w3.org/Consortium/Legal/copyright-documents | 
|  | http://www.w3.org/Consortium/Legal/copyright-software | 
|  | */ | 
|  | body | 
|  | { | 
|  | margin: 0 0 0 0; | 
|  | padding: 0 0 0 0; | 
|  | width: 100%; | 
|  | height: 100%; | 
|  | color: black; | 
|  | background-color: white; | 
|  | font-family: "Lucida Sans", "Lucida Grande", Lucida, sans-serif; | 
|  | font-size: 14pt; | 
|  | } | 
|  |  | 
|  | .hidden { display: none; visibility: hidden } | 
|  |  | 
|  | div.toolbar { | 
|  | position: fixed; z-index: 200; | 
|  | top: auto; bottom: 0; left: 0; right: 0; | 
|  | height: 1.2em; text-align: right; | 
|  | padding-left: 1em; | 
|  | padding-right: 1em; | 
|  | font-size: 60%; | 
|  | color: red; background: rgb(240,240,240); | 
|  | } | 
|  |  | 
|  | div.background { | 
|  | display: none; | 
|  | } | 
|  |  | 
|  | div.handout { | 
|  | margin-left: 20px; | 
|  | margin-right: 20px; | 
|  | } | 
|  |  | 
|  | div.slide.titlepage { | 
|  | color: white; | 
|  | background: black; | 
|  | text-align: center; | 
|  | } | 
|  |  | 
|  | div.slide { | 
|  | z-index: 20; | 
|  | margin: 0 0 0 0; | 
|  | padding-top: 0; | 
|  | padding-bottom: 0; | 
|  | padding-left: 20px; | 
|  | padding-right: 20px; | 
|  | border-width: 0; | 
|  | top: 0; | 
|  | bottom: 0; | 
|  | left: 0; | 
|  | right: 0; | 
|  | line-height: 120%; | 
|  | background-color: transparent; | 
|  | } | 
|  |  | 
|  | /* this rule is hidden from IE 6 and below which don't support + selector */ | 
|  | div.slide + div[class].slide { page-break-before: always;} | 
|  |  | 
|  | div.slide h1 { | 
|  | padding-left: 20px; | 
|  | padding-right: 20px; | 
|  | padding-top: 10px; | 
|  | padding-bottom: 10px; | 
|  | margin-top: 0; | 
|  | margin-left: 0; | 
|  | margin-right: 0; | 
|  | margin-bottom: 0.5em; | 
|  | border-bottom: 4px solid #36c; | 
|  | display: block; | 
|  | font-size: 160%; | 
|  | line-height: 1.2em; | 
|  | } | 
|  |  | 
|  | div.slide h2 { | 
|  | font-size:120%; | 
|  | line-height: 1.2em; | 
|  | } | 
|  |  | 
|  | div.toc { | 
|  | position: absolute; | 
|  | top: auto; | 
|  | bottom: 4em; | 
|  | left: 4em; | 
|  | right: auto; | 
|  | width: 60%; | 
|  | max-width: 30em; | 
|  | height: 30em; | 
|  | border: solid thin black; | 
|  | padding: 1em; | 
|  | background: rgb(240,240,240); | 
|  | color: black; | 
|  | z-index: 300; | 
|  | overflow: auto; | 
|  | display: block; | 
|  | visibility: visible; | 
|  | } | 
|  |  | 
|  | div.toc-heading { | 
|  | width: 100%; | 
|  | border-bottom: solid 1px rgb(180,180,180); | 
|  | margin-bottom: 1em; | 
|  | text-align: center; | 
|  | } | 
|  |  | 
|  | pre { | 
|  | font-size: 120%; | 
|  | font-weight: bold; | 
|  | line-height: 140%; | 
|  | padding-top: 0.2em; | 
|  | padding-bottom: 0.2em; | 
|  | padding-left: 1em; | 
|  | padding-right: 1em; | 
|  | /* | 
|  | border-style: solid; | 
|  | border-left-width: 1em; | 
|  | border-top-width: thin; | 
|  | border-right-width: thin; | 
|  | border-bottom-width: thin; | 
|  | border-color: #95ABD0; | 
|  | */ | 
|  | color: #0F398D; | 
|  | background-color: #fff8f8; | 
|  | } | 
|  |  | 
|  | @media print { | 
|  | div.slide { | 
|  | display: block; | 
|  | visibility: visible; | 
|  | position: relative; | 
|  | border-top-style: solid; | 
|  | border-top-width: thin; | 
|  | border-top-color: black; | 
|  | } | 
|  | div.slide pre { font-size: 60%; padding-left: 0.5em; } | 
|  | div.handout { display: block; visibility: visible; } | 
|  | } | 
|  |  | 
|  | blockquote { font-style: italic } | 
|  |  | 
|  | img { background-color: transparent } | 
|  |  | 
|  | p.copyright { font-size: smaller } | 
|  |  | 
|  | .center { text-align: center } | 
|  | .footnote { font-size: smaller; margin-left: 2em; } | 
|  |  | 
|  | a img { border-width: 0; border-style: none } | 
|  |  | 
|  | a:visited { color: navy } | 
|  | a:link { color: navy } | 
|  | a:hover { color: red; text-decoration: underline } | 
|  | a:active { color: red; text-decoration: underline } | 
|  |  | 
|  | a {text-decoration: none} | 
|  | .navbar a:link {color: white} | 
|  | .navbar a:visited {color: yellow} | 
|  | .navbar a:active {color: red} | 
|  | .navbar a:hover {color: red} | 
|  |  | 
|  | ul { list-style-type: square; } | 
|  | ul ul { list-style-type: disc; } | 
|  | ul ul ul { list-style-type: circle; } | 
|  | ul ul ul ul { list-style-type: disc; } | 
|  | li { margin-left: 2em; margin-top: 0.5em; } | 
|  | li li { font-size: 85%; font-style: italic } | 
|  | li li li { font-size: 85%; font-style: normal } | 
|  |  | 
|  | div dt | 
|  | { | 
|  | margin-left: 0; | 
|  | margin-top: 1em; | 
|  | margin-bottom: 0.5em; | 
|  | font-weight: bold; | 
|  | } | 
|  | div dd | 
|  | { | 
|  | margin-left: 2em; | 
|  | margin-bottom: 0.5em; | 
|  | } | 
|  |  | 
|  |  | 
|  | p,pre,ul,ol,blockquote,h2,h3,h4,h5,h6,dl,table { | 
|  | margin-left: 1em; | 
|  | margin-right: 1em; | 
|  | } | 
|  |  | 
|  | p.subhead { font-weight: bold; margin-top: 2em; } | 
|  |  | 
|  | p.smaller { font-size: smaller } | 
|  |  | 
|  | td,th { padding: 0.2em } | 
|  |  | 
|  | ul { | 
|  | margin: 0.5em 1.5em 0.5em 1.5em; | 
|  | padding: 0; | 
|  | } | 
|  |  | 
|  | ol { | 
|  | margin: 0.5em 1.5em 0.5em 1.5em; | 
|  | padding: 0; | 
|  | } | 
|  |  | 
|  | ul { list-style-type: square; } | 
|  | ul ul { list-style-type: disc; } | 
|  | ul ul ul { list-style-type: circle; } | 
|  | ul ul ul ul { list-style-type: disc; } | 
|  |  | 
|  | ul li { | 
|  | list-style: square; | 
|  | //margin: 0.1em 0em 0.6em 0; | 
|  | padding: 0 0 0 0; | 
|  | line-height: 140%; | 
|  | } | 
|  |  | 
|  | ol li { | 
|  | margin: 0.1em 0em 0.6em 1.5em; | 
|  | padding: 0 0 0 0px; | 
|  | line-height: 140%; | 
|  | list-style-type: decimal; | 
|  | } | 
|  |  | 
|  | li ul li { | 
|  | font-size: 85%; | 
|  | font-style: italic; | 
|  | list-style-type: disc; | 
|  | background: transparent; | 
|  | padding: 0 0 0 0; | 
|  | } | 
|  | li li ul li { | 
|  | font-size: 85%; | 
|  | font-style: normal; | 
|  | list-style-type: circle; | 
|  | background: transparent; | 
|  | padding: 0 0 0 0; | 
|  | } | 
|  | li li li ul li { | 
|  | list-style-type: disc; | 
|  | background: transparent; | 
|  | padding: 0 0 0 0; | 
|  | } | 
|  |  | 
|  | li ol li { | 
|  | list-style-type: decimal; | 
|  | } | 
|  |  | 
|  |  | 
|  | li li ol li { | 
|  | list-style-type: decimal; | 
|  | } | 
|  |  | 
|  | /* | 
|  | setting class="outline on ol or ul makes it behave as an | 
|  | ouline list where blocklevel content in li elements is | 
|  | hidden by default and can be expanded or collapsed with | 
|  | mouse click. Set class="expand" on li to override default | 
|  | */ | 
|  |  | 
|  | ol.outline li:hover { cursor: pointer } | 
|  | ol.outline li.nofold:hover { cursor: default } | 
|  |  | 
|  | ul.outline li:hover { cursor: pointer } | 
|  | ul.outline li.nofold:hover { cursor: default } | 
|  |  | 
|  | ol.outline { list-style:decimal; } | 
|  | ol.outline ol { list-style-type:lower-alpha } | 
|  |  | 
|  | /* for slides with class "title" in table of contents */ | 
|  | a.titleslide { font-weight: bold; font-style: italic } |