body{
    font-size:1em;
    font-family:Arial
}
h1{background-color:#f1f1f1;
   padding:8px
}
h2{
    background-color:#f1f1f1
}
h3,h4{
    width:50%;
    background-color:#f1f1f1;
}
.withsub{
    margin-bottom:0px ;
}
.subhead{
    padding-left:8px;
    font-size:1em;
    font-weight:bold;
    background-color: #f1f1f1;
}
main{
    max-width: 820px;
    padding-left: 4px;
    padding-right: 10px;
    margin: auto;
    background-color:white;
    padding-bottom:100px
}
div{
    max-width:820px
}
code{
    font-family:Courier;
    font-size:1em;
    background-color:#e6e6e6;
    padding-left:4px;
    padding-right:4px;

}
.y{
    background-color:black;
    color:white;
}
.x{
    background-color:black;
    color:yellow;
}
.bh{
    background-color:#f1f1f1;
}
pre{
    /*background-color:#f7f7f7;*/
    font-family:Courier;
    font-size:0.9em;
    text-align:left;
    /*font-weight:bolder;*/
    color:#141415;
    margin:0;

}
.comm{
    background-color:#f1f1f1;
    display:inline-block;
}
table{
    border-collapse:collapse;
}
tr,th,td{
    border:1px solid black;
}
.note{
    padding-left:40px;
    border-left:8px solid #cbcce0;;
}
.detour{
    /*background-color: ghostwhite;*/
    border:1px solid black;
    /*border-right:0px;*/
    padding-left:16px;
    display:block;
    /*box-shadow: 13px 1em 2em 0em;*/
    overflow-x:auto;

}
.fade{
    box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
    overflow-y: auto;  
}
.detouroff{
    display:none;
}
.pheader
{
    text-align:right;
    margin-top:0px;
    font-size:0.8em;
    font-weight:bold;
    border-bottom:1px solid blue;
    border-left:1px solid blue;
    background-color:#f1f1f1

}
@media all {
    .page-break { display: none; }
}

@media print {
    .page-break { display: block; page-break-before: always; }
}