body {
        width: 21cm;
        min-height: 29.7cm;
        padding: 1cm;
        margin: 1cm auto;
       /* border: 1px #D3D3D3 solid; */
        border-radius: 5px;
        background: white;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
        font : 12pt "Tahoma";
    }

 page {
 	}
 
 .external { background : yellow ; }
 .highlighted { background: green;}
 .maybeInvisible { display : none;}
 .notexported { color : gray}
 .centered { margin-left: auto; margin-right: auto;}
 .hiddenMethod { color : gray }


  h1 { margin-left: auto; margin-right : auto; font-size : xx-large;}
  h2 { margin-left: auto; margin-right : auto; font-size : x-large;}

@keyframes glowheader {
  from {
    background-color: #33b5e5;
    color: #000;
    border-bottom-color: #000; }

  to {
    background-color: transparent;
    color: #33b5e5;
    border-bottom-color: #33b5e5; } }

  h2:target, h3:target {
    animation-name: glowheader;
    animation-duration: 0.7s;
    animation-timing-function: ease-out;
  }

 .comment { color : green;}
body h2 {
 color: #12fb1d;

  margin: 0.5em 0 0 -4%;
  line-height: 1.3;
  border-bottom: 2px solid silver;
}


 .card { width : 350px; padding : 4px; margin-left : 10px;  border : 1px solid black ; background : white; float: right;  box-shadow : 5px 5px 2px #888;}

 .transparentTable caption { margin-left: auto; margin-right: auto; text-decoration :underline; font-weight: bold; font-size : 10pt; padding-bottom : 3px; }
 .transparentTable { width : 100% }
 .transparentTable tr td { border : 0px solid white; } 

   li { padding : 5px;}
 td code {font-size : 10pt; }

 figure + p {
   text-indent: 2em; padding-top : 20px}
 p + p {
  text-indent: 2em; }

h1+p::first-letter
{
font-size:200%;
} 



 command { font-family : Times; }

 article { font-family : Tahoma  ; font-size : 12pt; }
 figure { border : 1px solid black ; padding: 2px;}
 pathspec { font-size: smaller;font-family : Verdana; }
 path { font-size: smaller;font-family : Verdana; }

.annotation { color : yellow ; }
.annotation2 { border : 1px solid black; background: white;  color :purple ; font-weight : bold; }
 .title { font-size : larger ; text-align : center ;  } 

 .typed { color : white; font-weight : bold; }
 .emphasized { color : red; font-weight : bold; }
 .path { font-family : Verdana; font-size : smaller;}
 .pathspec { font-family : Verdana; font-size : smaller;}

.pb { page-break-before : always; } 
.pbWithMargin { page-break-before : always; padding-top : 30px;}
.newPage { page-break-before : always ; padding-top : 25px; }

 .listing { border : 1px solid black; padding-left : 10px; font-size: smaller; padding-right : 10px; padding-top: 2px; padding-bottom : 2px;overflow : auto;background-color : #ddebda; margin-left :auto; margin-right : auto; width : 90%}

 .important
	{
		border : 1px solid black;
		padding : 15px;
	}
 .caution
	{
		border : 1px solid black;
		padding : 15px;
	}

 .question
	{
		border : 1px solid black;
		padding : 15px;
	}

 .note { border : 1px solid red; padding : 10px; margin-left: auto; margin-right : auto; background-color : yellow; box-shadow : 5px 5px 2px #888;}

 .experiment { margin-left: auto; margin-right: auto;  padding: 10px; border : 1px solid black; width: 700px; }

 .output { font-size : 9pt; padding-left : 10px; padding-right: 10px; padding-top: 2px; padding-bottom : 5px; border : 1px solid black;  background-color : black ; color : #00FF00; overflow : auto; width : 55em; box-shadow : 5px 5px 2px #888; }
 table {  border-spacing : 0px; padding : 3px}
 table th { border : 1px solid black; padding-left : 20px ; padding-right : 20px; }
 table tr { border : 1px solid black;   }
 table tr  td { padding : 3px  ; }
 .typed { font-weight : bold; }
 table td { font-size : 11pt;border : 1px solid black; }


figcaption {  text-align :center; border-top : 1px solid white;   margin-left: auto; margin-right: auto; font-size : smaller;}
caption {  text-align :center;  margin-left: auto; margin-right: auto; font-size : smaller;}
 

 .shaded { background-color : silver;}
 .cppcomment { color : green }
 .packageclass { color : purple}
 .string { color : red}
 .reservedword { color : blue;}
 .javakeyword { color : blue;}
 .hidden { color : gray;}
@media print { .pageBreak { page-break-after : always; } }

 .footnote { padding-top:5px; border-top: 1px solid black ;vertical-align : super; font-size : smaller }
.rotate90r {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

 .L { background-color: green; }


# Imported
 del { color :red}
 .output { font-size : 9pt; padding-left : 10px; padding-right: 10px; padding-top: 5px; padding-bottom : 5px; border : 1px solid black;  background-color : black ; color : #00FF00; overflow : auto; width : 55em; }

 .path { font-family : Verdana; font-size : smaller;}
 .blacktyped { font-weight : bold}
 .smaller { font-size :smaller}
 .listing { padding-left : 10px; padding-right : 10px; padding-top: 2px; padding-bottom : 2px;overflow : auto;background-color : #ddebda; margin-left :auto; margin-right : auto; width : 90%}
 .superscript { color : red  ;vertical-align : super; font-size : 8pt; }
 .reference { color : red  ;vertical-align : super; font-size : 8pt; }
 .note { border : 1px solid red; padding : 10px; width: 50%; margin-left: auto; margin-right : auto; background-color : yellow; box-shadow : 5px 5px 2px #888;}

 .notimpl { color : grey};
 .jb { background-color : green }
 .greyed { color : grey }
  .ics { background-color: pink}
  .kk { background-color : brown}
 .boxedComponent { border : 1px solid black; padding : 2px; text-align : center}
 p { text-indent : 2em;}
 .boxed { border : 1px solid black; padding : 2px;}
 .leftBorder { border-left : 1px solid black; padding-left : 5px;}
 .padded {margin-left: auto; margin-right : auto;padding : 10px; }
 figcaption { border-top : 1px solid white; margin-top : 10px;  margin-left: auto; margin-right: auto; font-size : smaller;}
 .black { color : black ; border-top: 1px solid black;}
 .bordered { border : 1px solid black;}
 .rowBordered { border-bottom : 1px solid black;}
 .jtoolAnnotation { color : green ; }
 .footnote { padding-top:5px; border-top: 1px solid black ;vertical-align : super; font-size : smaller }
 .box { border : 1px solid black; width : 100px; text-align: center;}
 .illus { border-spacing : 0px;}
 .illus TD { padding-left : 10px;}
 .centered { text-align : center;}
 
 .file { font-family : lucida ;}

 .listingCaption { border-top : 1px solid black; color : black;}
.upperdash { border-top : 1px dashed;}

 .leftPad { padding-left : 10px;}
 .rightPad { padding-right : 10px;}
 figure { border : 1px solid black ; padding: 5px;}
 article { width : 90% ; margin-left : auto ; margin-right : auto;}
 .boxeDiv { margin-left : auto; margin-right : auto; border : 1px solid black; background : silver; color : black; padding : 10px; width : 60%; margin-top : 20px; margin-bottom : 20px; box-shadow: 10px 10px 5px #888;}