/* www.daube.ch/z_styles.css 
   Docu + Design Daube, Zürich
   First issue    2000-04-26 
   Last update    2004-07-09 initial comment block closed (was lost 07-07)

  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  
	 2007-01-09: fonts set to Lucida Bright, Lucida Sans, Lucida Console for unicode support
*/ 

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: "Lucida Bright", Times, serif;
	text-align: left;
	scrollbar-base-color: #339999;
	scrollbar-arrow-color: #99CCCC;
	scrollbar-face-color: #339999;
	scrollbar-track-color: #CCFFFF;
}

/* 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;
}

/* --- internet world 2004-06, p 62 ff and further experiments 
       IE 6 displays the tooltip text with hover-properties of a:hover 
		 In tables, this will be truncated to the left                     */
.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 {
	color : #006666;
	font-size : x-large;
	font-weight : bold;
}

/* netscape needs this explicitly... */
h1,h2,h3,h4,h5 {
	color : #336666;
	font-family : "Lucida Sans",sans-serif;
	font-size: x-large;
}

h2 {
	margin-left : -30px;
	border-top-width : medium;
	color : #006666;
	font-size : large;
	font-weight : bold;
}

h3 {
	margin-left : -30px;
	border-top-width : thin;
	color : #006666;
	font-size : medium;
	font-weight : bold;
}

h3.toc {
	margin-left : 0px;
	color : #006666;
}

h4 {
	color : #006666;
	font-size : small;
	font-weight : bold;
	margin-bottom: 5px;
}

.inline-heading {
	color : #006666;
	font-family : "Lucida Sans",sans-serif;
	font-size : small;
	font-weight : bold;
}

h5 {
	color : #006666;
	font-size : small;
	font-style: italic;
}

p,ol,ul,li,div,address,blockquote,nobr,b,i {
	color : #000000;
	font-family : "Lucida Bright", Times, serif;
}

p.remark {
	font-family : "Lucida Sans",sans-serif;
	font-size : x-small;
}

/* Table of Contents TOC */
p.toc {
	color : #006666;
	font-family : "Lucida Sans",sans-serif;
	font-size : medium;
	font-weight : bold;
}

pre {
	font-family : "Lucida Console", monospace;
	border: 1px dotted #666; 
	padding: .5em;}
	
code {
	font-family: Consolas, "Lucida Console", "Courier New", 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 : "Lucida Sans",sans-serif;
	vertical-align : top;
}

td ol li{
	background-color : #CCFFFF;
	font-family : "Lucida Sans",sans-serif;
}

td p {
	background-color : #CCFFFF;
	font-family : "Lucida Sans",sans-serif;
}

td ul li{
	background-color : #CCFFFF;
	font-family : "Lucida Sans",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 : "Lucida Sans",sans-serif;
	text-align : left;
}

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.one {
	list-style-type : square;
}

ul.two {
	list-style-type : circle;
}
ul.triangle {
  list-style-image: url(z_designs/pointing-right.gif);
}

dl {
	display: compact;
	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;
}
