/*  www.daube.ch/z_styles.css 
  Docu + Design Daube, Zürich

  Colour scheme:     D+DD aqua
		background                     white         #FFFFFF  
		header text                    black teal    #006666    
		selected category (image-map)  dark teal     #339999  
		category background            teal          #66CCCC  
		category indicator on bg.      light teal    #99CCCC  
		table headings                 teal          #66CCCC  
		table body, shaded background  light cyan    #CCFFFF  
		background in citations        light cyan    #CCFFFF  
  History
    2000-04-26 first issue
    2004-07-09 initial comment block closed (was lost 2004-07-07)
    2007-01-09 fonts set to Lucida Bright, Lucida Sans, Lucida Console for unicode support
    2014-01-19 remove Lucida xxx, use only generic fonts
    2016-04-20 correct xml comments !
*/

a:link {
  color: Blue;
  text-decoration: none;
  border-bottom: 1px dotted;
}
a:visited {
  color: #cc3333;
  text-decoration: none;
}
a:hover {
  color: #ff00cc;
  text-decoration: underline;
  background-color: #99ffff;
}
body {
  background-color: #FFFFFF;
  color: #000000;
  font-family :  Times, serif;
  text-align: left;
}



/*  replace the direct definition with style for flexibility */
body.b1 {
  background-image:url('z_designs/back1.gif');
  background-repeat: repeat-y;
}

body.b2 {
  background-image:url('z_designs/back2.gif');
  background-repeat: repeat-y;
}
body.b3 {
  background-image:url('z_designs/back3.gif');
  background-repeat: repeat-y;
}
body.b4 {
  background-image:url('z_designs/back4.gif');
  background-repeat: repeat-y;
}
body.b5 {
  background-image:url('z_designs/back5.gif');
  background-repeat: repeat-y;
}

.tooltip {
  cursor: help;
  border-bottom:  dashed;
}
a.tooltip {
  position:relative;
  z-index: 24;
}
a.tooltip span {
  display: none;
}
a.tooltip:hover span {
  display: block;
  position: absolute;
  left: 2em;
  top: 2em;
  width: 15em;
  font-size: smaller;
  background: #ffffcc; /* light yellow */
  text-decoration: none;
  padding: 5px;
}
a.tooltip:hover {
  z-index: 25;
}
/* ------------------------------------------------------------------- */

div.content {
  margin-left : 30px;
}

div.shaded {
  background-color : #CCFFFF;
}

div.toc {
  margin-left : 0px;
}

.inframe {
  background-color : Yellow;
}
/* Quotations */
blockquote {
  background-color : #CCFFFF;
  font-style : italic;
}

/* Headings with exception for TOC */

h1 {
  margin-left : -30px;
  border-top-width : medium;
  color : #006666;
  font-family : sans-serif;
  font-size : x-large;
  font-weight : bold;
}


h2 {
  margin-left : -30px;
  border-top-width : medium;
  color : #006666;
  font-family : sans-serif;
  font-size : large;
  font-weight : bold;
}

h3 {
  margin-left : -30px;
  border-top-width : thin;
  color : #006666;
  font-family : sans-serif;
  font-size : medium;
  font-weight : bold;
}

h3.toc {
  margin-left : 0px;
  color : #006666;
}

h4 {
  color : #006666;
  font-family : sans-serif;
  font-size : small;
  font-weight : bold;
  margin-bottom: 5px;
}

.inline-heading {
  color : #006666;
  font-family : sans-serif;
  font-weight : bold;
}

h5 {
  color : #006666;
  font-family : sans-serif;
  font-size : small;
  font-style: italic;
}

p {
  color : #000000;
  font-family :  Times, serif;
}

ol,ul,li,div,address,blockquote,nobr,b,i {
  color : #000000;
  font-family :  Times, serif;
}

p.remark {
  font-family : sans-serif;
  font-size : x-small;
}

/* Table of Contents TOC */
p.toc {
  color : #006666;
  font-family : sans-serif;
  font-size : medium;
  font-weight : bold;
}

pre {
  font-family : Consolas, monospace;
  border: 1px dotted #666; 
  padding: .5em;}
  
code {
  font-family : Consolas, monospace;
  font-size: medium;
}
  
img {
  margin-top: 0.5em;
}
  
table {
  margin-bottom: 0.5em;
  padding: 2px;
  border: 1px White;
}

td {
  background-color : #CCFFFF;
  font-family : sans-serif;
  vertical-align : top;
}

td ol li{
  background-color : #CCFFFF;
  font-family : sans-serif;
}

td p {
  background-color : #CCFFFF;
  font-family : sans-serif;
}

td ul li{
  background-color : #CCFFFF;
  font-family : sans-serif;
}

/* table for citations - blockquote not displayed properly in NS */
td.citation {
  background-color : #CCFFFF;
  vertical-align : top;
  text-align : center;
}

td.info {
  background-color : #CCFFFF;
  font-size : x-small;
  vertical-align : top;
  text-align : left;
}

td.layout {
  background-color : #FFFFFF;
  vertical-align : top;
}

td.toc {
  background-color : #99CCCC;
  font-size : medium;
  font-weight : bold;
  vertical-align : top;
}

/* Table for title area */
td.top {
  background-color : #CCFFFF;
  vertical-align : top;
  text-align : left;
}

/* Tables */
th {
  background-color : #66CCCC;
  font-family : sans-serif;
}

th.info {
  background-color : #66CCCC;
  font-size : x-small;
  font-weight : bold;
}

th.layout {
  background-color : #FFFFFF;
}

/* Lists */
/* do not indent the lists relative to its container !*/
ol, ul {
  margin-left:1.2em;
  padding-left: 0em;
  text-indent: 0em;
  list-style-position: outside;
}

ul {
  list-style-type : square;
}

ul li ul {
  list-style-type: disc;
}
ul.two {
  list-style-type : circle;
}
ul.triangle {
  list-style-image: url(z_designs/pointing-right.gif);
}

dl {
  text-align: left;
  line-height: 130%;
  }
dt {
  width: 9em;
  font-weight: bold;
  text-align: left;
}
dd {
  margin-left: 10em;
  position: relative; top: -1.2em;
}

/* rules - not much does work in current browsers */
hr.thick {
  color : #006666;
  border-width : thick;
}
  
/* Large items to show shape of glyphs 
   symbolic sizes (4, 5) do not work in MS_IE and NS    */
.centered {
    text-align: center;
}
.large {
  font-size : xx-large;
}

.red {
  color : #FF0000;
}
.nonav{
  margin-left: 0px;
    text-indent: 0px;
}
/* Small print for meta information and TOC 
   relative values (symbolic sizes (2, 1) do not work in MS_IE and NS */
.small {
  font-size : x-small;
}
.invisible {
  visibility: hidden;
  color: Fuchsia;
}