body {
  color:black; 
  background-color: #fffff0; /* #ffe8ff; */
  font-size:140%;
  }

h1,h2,h3,h4,h5 {
  text-align:left; 
  color: #400040; 
  max-width: 30em;
  scroll-margin-top: 80px;
  }
h2 { margin-left: 0.25em; }
h3 { margin-left: 0.50em; }
h4 { margin-left: 0.75em; }
h5 { margin-left: 1.00em; }

div.home {
  position: sticky;
  top: 0;
  background-color: #fffff0;
  padding-bottom: 0.2em;
  }

p.home {
  max-width: 50em;
  margin-left: 0em;
  margin-top: 0.5em;
  margin-right: 0em;
  margin-bottom: 0.2em;
  font-size: 100%;
  background-color: #fffff0;
  opacity: 1;
  font-family: sans-serif;
  font-weight: 560;
  }

p {
  max-width: 30em;
  margin-left: 1em;
  }
p.ventura_instruction:before,
p.ventura_key_note:before {
  content: "\00BB";
  color:red;
  margin-right: 0.25em;
  }
p.ventura_instruction,
p.ventura_key_note {
  max-width: 29em;
  margin-left: 2em;
  text-indent: -1em;
  }
p.citation {
  padding-left: 3em;
  text-indent: -3em;
}

ol,ul {
  padding-left: 1em;
}

div.quantity { text-align:right; }
div.item, div.description,div.version,div.serial,div.shipmedium {
    }

div.total { text-align:center; }

div.command {
  padding-left: 5em;
  text-indent: -5em;
  color: green;
}

span.si {
  font-family: Times;
  font-style: normal;
  color: #520;
  }

span.red {
    color: red
    }


li {
  max-width: 25em;
}

li.command {
  width: 75%; /* to cure problem with hovers off screen */
}

dl { /* definition list */
 max-width: 30em;
 margin-left: 1em;
}
dt { /* item being defined */
  font-weight: bold;
}
dd { /* definition */
}

.align-right { float:right; margin: 0 0 15px 15px; }
.align-left { float:left; margin: 0 0 15px 15px; width: 30em; }

blockquote.document, blockquote.letter {
  margin-left: 1em;
  max-width: 25em;
  background-color: #ffffe0;
  border: 1px solid Black;
  padding: 1em;
}

blockquote.book {
  margin-left: 0.25em;
  max-width: 29.75em;
  background-color: #fffff0;
  border: 1px solid Black;
  padding-right: 1em;
  padding-left: 0.5em;
}

blockquote.letter {
 font-family: cursive;
 font-style: oblique;
}

kbd {
  font-size: 85%;
  color: green;
  }

pre {
  font-size: 80%;
  color: green;
}

pre.script {
  font-size: 80%;
}

pre.ventura_kbd {
  margin-left: 2em;
  }
pre.ventura_file {
  margin-left: 1em;
  }
pre.ventura_screen {
  padding:5px;
  border-width:1px;
  border-color: #008;
  border-style:solid;
  margin:5px;
  width:110ex;
  }
pre.screen,pre.file {
  padding:10px;
  border-width:2px;
  border-color: black;
  border-style:solid;
  margin:5px;
  }
pre.screen {
  width:110ex;
  }


img {
  width: 100%;
  }  

img.thumb {
  width: 15em;
}

table.ventura {
    border: 1px solid black;
    border-collapse:collapse;
    color: black;
    padding: 0.5em;
    }
td.ventura,tr.ventura {
    border: 1px solid black;
    padding-left: 0.5em;
    padding-right: 0.5em;
    }
td.ventura {
   vertical-align:bottom;
    }
table.packlist {
    width:100%; 
    color: black; /*#000020;  */
    }
table.orders {
    color: black;
    }
tr.encumber { background-color: #d0d0d0; }
tr.totalencumber { background-color: #b0b0b0; }
tr.total { background-color: #ffffc0; }

td {vertical-align: top; }

td.heading { font-size:150%; text-align:center;}
td.heading1 { font-size:100%; text-align:center;}
td.packcol { font-size: 100%; text-align:center }

td.jnldate { font-size: 100%; text-align:right }
td.amt { font-size: 100%; text-align:right }
td.shippo { font-size: 100%; text-align:left }
td.shipinvoice { font-size: 100%; text-align:left }

td.left,td.warn {text-align: left; position: relative;}
td.center {text-align: center; position: relative;}
td.right {text-align: right; position: relative;}
td.warn {color: red }
th.left {text-align: left}
th.center {text-align: center; position: relative;}
th.right {text-align: right; position: relative;}


a.info{
    position:relative; /*this is the key*/
    text-indent:0; padding-left:0; /* fix mess of parent hanging indent */
    color:blue;
    text-decoration: underline;
    z-index:24; /*background-color:#ccc; */
    /* text-decoration:none */}

a.info:hover{z-index:25; 
    /* background-color:#ff8 */}

a.info span{display: none}

a.info:hover span{ 
    /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:-2em; width:15em;
    border:1px solid #000;
    background-color:#ffb; color:#000;
    text-align: center; /* center */
    padding-left:1em;
    padding-right:0.75em;
    padding-top:0.25em;
    padding-bottom:0.5em;
    margin-left: 2em;
    margin-right: 0em;
    margin-top: 0.5em;
    }

a.typo{
    position:relative; /*this is the key*/
    z-index:24; /* z-index:24; */ /*background-color:#ccc; */
    color:#FF0000;
    text-decoration:underline;
    /* text-decoration:none */}

a.typo:hover{z-index:0 /* 25 */; color:#ffd;
    /* background-color:#ff8 */}

a.typo span{display: none}

a.typo:hover span{ 
    /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-1px; left:-1px; /* width:180%;*/ /* left:-2em; width:15em; */
    border:1px solid #000;
    background-color:#ffd; color:#0000ff;
    text-align: left; /* center */
    padding-left:0.00em;
    padding-right:0.2em;
    padding-top:0em;
    padding-bottom:0em;
    margin-left: 0em;
    margin-right: 0em;
    margin-top: 0em;
    }

a.xtypo:hover span{ 
    /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1.5em;  /* top:-1px; */
    left:0em; width:150%; /* left:-2em; width:15em; */
    border:1px solid #000;
    background-color:#ffd; color:#0000ff;
    text-align: left; /* center */
    padding-left:0.00em;
    padding-right:0.25em;
    padding-top:0.25em;
    padding-bottom:0.50em;
    margin-left: 0em;
    margin-right: 0em;
    margin-top: 0em;
    }