@CHARSET "ISO-8859-1";

/*@media only screen
{*/
   
  a { font-style: normal; font-size:12pt;  text-decoration: underline; font-weight: normal; color: blue;  }

  body{margin:0; padding:0pt; background-color: white;}

  dd { margin-bottom:6pt;}
  dt { margin-top:2pt; margin-left: 16pt; color: maroon; }
  em { font-style: normal; color: purple;}
  h1 { font-size:20pt; font-style: normal; font-weight: bold; margin-top:6pt; margin-bottom:2pt; color: green}
  h2 { font-size:18pt; font-style: normal; font-weight: bold; margin-top:6pt; margin-bottom:2pt; color: black}
  h3 { font-size:14pt; font-style: italic; font-weight: bold; margin-top:6pt; margin-bottom:2pt; color: black}
  li { margin-bottom:8pt;}
  p  {font-size:12pt; margin-top:4pt; margin-bottom:8pt;}
  strong {font-weight: bold; }
  td { vertical-align: top; }
  .indent { margin-left:12pt; }
  ul {font-size:12pt; margin-left: -10pt;}
  ol {font-size:12pt; margin-left: -10pt; }
  .module_image { margin-top:12pt;margin-bottom:12pt; }


  .clt, .clt ul, .clt li { position: relative; }
  .clt ul {list-style: none; padding-left: 10px;}
  .clt li::before, .clt li::after { content: ""; position: absolute; left: -12px; }
  .clt li::before { border-top: 1px solid #000; top: 9px; width: 8px; height: 0; }
  .clt li::after { border-left: 1px solid #000; height: 100%; width: 0px; top: 2px; }
  .clt ul > li:last-child::after { height: 8px; }
  /*.text { -fx-font-smoothing-type: lcd; }*/ 

/*.page_header { }*/

/* article table { margin-top:10px; margin-left:10px; }*/

/* .main_area {   width:100%; margin-top: 130px;  margin-left: 5px; position: relative; z-index:-1;}*/

/*article table {  }*/
/*header.table { a }*/
  div.table1 { font-size:12pt; padding-top:10px; padding-bottom:10px;}
  div.table1 table { border:2px solid black; border-collapse: collapse; width:100%}
  div.table1 th { border:1px solid grey; border-collapse: collapse; padding: 5px; background-color:#e0ffe0; }
  div.table1 td { border:1px solid grey; border-collapse: collapse; vertical-align:middle}
/*th { background-color: #4CAF50; color: white; }*/

  div.warning p { color:red; }
  div.example p { color:green; margin-left:50px}
/*}*/

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media (max-width:300px) /*xx 600px*/
{
    .column { width: 100%; }
}

/*@media only print
{      
      header, nav, footer { display: none;}
      h2{color:red; }
}*/

/* CSSTerm.com CSS Horizontal menu with images */