<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.z1green {
  color: rgb(89,195,205); /* z1 green */
}

body {
	background-color: #DADADA;
  font-family:      verdana, "trebuchet MS", helvetica, sans-serif;
  font-size:        10pt;
  margin:           0px;
  color:            #444;
  height:           95%;
}
td {
  background-color: white;
  font-family:      verdana, "trebuchet MS", helvetica, sans-serif;
  font-size:        10pt;
  color:            #444;
}

p {
  margin-top: 0px;
  max-width:  40em;
  min-width:  18em;
}

img {
	border: 0;
}
a:visited, a:hover, a {
	color: rgb(0, 111, 112); /* dark green */
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	margin:         0px;
	color:          #555;
  padding-bottom: 2px;
	font-weight:    bold;
	height:         20px;
}
h2 { font-size: 12pt; }
h4 { font-size: 10pt; }

.hlogo {
  float: left;
  background-image:    url(/img/hh-z1-logo-24x24.gif);
  background-repeat:   no-repeat;
  background-position: left;
  width:  24px;
  height: 24px;
  vertical-align: bottom;
}


.background {
	background-color: rgb(231, 231, 231); /* a gray */
}
.clear {
	clear:       both;
	line-height: 0;
	height:      0;
}

#footer {
  margin: -3px 0px 0px 0px;
  text-align: right;
  font-size:  9pt;
  padding:    3px;
  color:      #999;
	background-color: #EFEFEF;
}
#footer a, #footer a:visited {
  color:      #999;
}


div.pagebox {
  border: 1px solid #999;
  margin: 16px 32px 16px 32px;
	background-color: white;
}



div#banner {
  height:              42px !important;
  padding:             8px 24px 6px 6px;
  border-bottom:       1px solid #999;
  
  background-color:    white;
  background-image:    url(/img/hh-bubbles-logo-cut-148x56.gif);
  background-repeat:   no-repeat;
  background-position: right;
}
div#banner h1 {
	margin:         0px;
	color:          #777;
  padding-bottom: 2px;
	font-size:      18px;
	font-weight:    bold;
	height:         20px;
}

div#pagecontent {
  padding: 1em 1em 1em 1em;
  background-color: #FAFAFA;
}


#content p {
  line-height: 1.8em;
}
#content ul { /* remember: ul is never nested in p */
  line-height:  1.8em;
  padding-left: 1em; 
  list-style:   none;
}

div.bannermenu {
  padding-left:     30px;
  margin:           7px 0px 0px 0px;
  border:           0px;
  height:           12px;
  /* background-color: rgb(89,195,205); */ /* z1 green */ 
}
div.bannermenu a {
  display:          block;
  float:            left;
  margin-right:     6px;
  text-decoration:  none;
  padding:          2px 5px 2px 5px;
  color:            #666;
}
div.bannermenu a:hover, div.bannermenu a.selected {
  background-color: #FAFAFA;
  border-top:    1px solid #999;
  border-left:   1px solid #999;
  border-right:  1px solid #999;
  border-bottom: 1px solid #FAFAFA;
  padding:       1px 4px 1px 4px;
}


.intro {
  float:        left;
  width:        17em;
  margin-right: 5em;
  height:       80%;
  border-bottom: 1px solid #EFEFEF;
  border-right:  1px solid #EFEFEF;
}



.sectionlist ul {
  list-style:   none;
  margin-top:   0px;
	margin-left:  0px;
	padding-top:  0px;
	padding-left: 1.5em;
	text-indent:  1.5em;
}
.sectionlist ul li {
  margin-top:   0px;
	padding-top:  0px;
}

.section {
  padding-bottom: 12px;
  margin-bottom:  20px;
  border-bottom:  1px solid #EFEFEF;
  border-right:   1px solid #EFEFEF;
}

.section p {
  margin: 8px 2px 2px 8px;
  padding-left: 8px;
  line-height: 1.6em;
}

.screenshots a {
  display: block;
  float:   left;
  margin:  0px 4px 8px 0px;
  border:  1px solid #777;
}


.pagemenu {
  border-bottom: 1px solid #AAA;
  margin-bottom: 16px;
}


pre.code {
  margin-left:      2em;
  color:            white;
  background-color: #555;
  padding:          1em;
  border:           1px solid #000;
  min-width:  18em;
  width: 60%;
}
pre.code a {
  color: white;
  text-decoration: none;
}
</pre></body></html>