/*****************************************************/
/*  Style Sheet  default                             */
/*****************************************************/

body {
    margin: 0;
    font-size: 9pt;
    color: black;
    background-color: white;
    font-family: Arial, Verdana, Helvetica;
    font-weight: normal;
    font-style: normal;
}

.remark
{
font-family: Times, "Times New Roman", Serif;
color: navy;
font-style: italic;
}

.fineprint
{
    font-size: 8pt;
}

.tinyprint
{
    font-size: 7pt;
}


p    { text-align: justify }

.leftalign { text-align: left }

p.tocref {
    text-align: right
}

p.remark
{
padding-left: 5em;
padding-right: 5em;
}

.icap:first-letter
{
font-family: Times, "Times New Roman", Serif;
font-size: 200%;
font-style: italic;
font-weight: bold;
}

p.icap {text-indent: 1em}

p.minitoc
{
    text-align: center;
}

em
{
font-style: italic;
font-weight: normal;
}

code
{
    color: maroon
}

/**************************************** headers **************************************/

h1  {
     margin-top: 1em;
     font-size: 20pt;
     text-align: center;
     font-variant: normal;
     font-weight: normal;
     font-style: normal;
     letter-spacing: normal;
}

.title
{
     font-size: 20pt;
}

.title:first-letter
{
font-family: Times, "Times New Roman", Serif;
font-size: 40pt;
font-style: italic;
font-weight: bold;
}

.subtitle
{
     font-size: 18pt;
}

.subtitle:first-letter
{
font-family: Times, "Times New Roman", Serif;
font-size: 36pt;
font-style: italic;
font-weight: bold;
margin-right: -0.05em;
}

h2   {
     font-size: 16pt;
/*   letter-spacing: -0.1em; */
     text-align: left;
     font-variant: normal; /* bold */
     font-weight: normal;
     font-style: normal;
}

h3   {
     font-size: 14pt;
     text-align: left;
     font-variant: normal;
     font-weight: normal;
     font-style: normal;
     letter-spacing: normal;
}

h4   {
     font-size: 12pt;
     font-variant: normal;
     font-weight: normal; /*bold*/
     font-style: normal;
     letter-spacing: normal;
}

h5   {
     font-size: 10pt;
     text-align: left;
     font-variant: normal;
     font-weight: bold;
     font-style: normal;
     letter-spacing: normal;
}

h6   {
     font-size: 10pt;
     text-align: left;
     font-variant: normal;
     font-weight: bold;
     font-style: italic;
     letter-spacing: normal;
}

/**************************************** lists **************************************/

ul   { list-style-type: disc; }

ul.toc   {
         list-style-type: none;
         margin: 0;
         padding-left: 0.5em;
         color: #3C679B;
}

li { margin: 0 }

li.toc1  {
         margin-left: 0;
         font-weight: bold;
}

li.toc2  { margin-left: 1em;
 }

li.toc3  { margin-left: 2em; font-style: italic; }

li.toc4  {
         margin-left: 3em;
         font-style: italic
}

dt
{
  font-weight: bold
}

dd.narrow
{
  margin-left: 2em
}

/**************************************** links **************************************/

a:link
{
color: black;
text-decoration: none;
}

a.nontoc:link
{
color: black;
text-decoration: underline;
}

a.nontoc:visited
{
color: black;
text-decoration: underline;
}

a:visited
{
color: black;
text-decoration: none;
}

a:hover
{
color: green;
text-decoration: underline;
}

a.nontoc:hover
{
color: green;
text-decoration: underline;
}

a:active
{
color: maroon;
text-decoration: underline;
}

.button {
   padding: 0.5em;
}

a.button:link {
   border-width: thin;
   border-style: outset;
}

a.button:visited {
   border-width: thin;
   border-style: outset;
}

a.button:hover {
   border-width: thin;
   border-style: inset;
}

a.button:active {
   border-width: thin;
   border-style: outset;
}

/**************************************** tables **************************************/

table {
      table-layout: fixed;
      width: auto;
      empty-cells: show;
      }

caption {
   font-family: Arial, Verdana, Helvetica;
   font-size: 14pt;
   caption-side: top;
   font-weight: bold;
   font-style: normal;
   text-align: left;
}

col.pic {width: 50px; }

col.key {
         width: 5em;
         padding-left: 1em
}

col.wide {
         width: 10em;
         padding-left: 1em
}

col.data {
         width: auto;
         padding-left: 1em
}

col.song {
         width: 15em;
         padding-left: 1em;
         padding-right: 1em
}

col.box {
         width: 20em;
         padding-left: 1em;
         padding-right: 1em
}

col.toc {
         width: 25em;
         padding-left: 1em;
         padding-right: 1em;
}

th {
   font-size: 9pt;
   font-weight: bold;
   font-style: normal;
   text-align: left;
   vertical-align: text-top;
}

td {
   font-size: 9pt;
   font-weight: normal;
   font-style: normal;
   text-align: left;
   vertical-align: text-top;
}

/************************************* boxcolors **************************************/

.normal    { background-color: white }
.contrast  { background-color: #D8EBFE }
.halftone  { background-color: #E4F1FE }
.var       { background-color: #C7D6E9 }
.mod       { background-color: #D8DCD8 }
.light     { background-color: #D8DCD8 }


.heading   { background-color: navy; color: white; }
.alt       { background-color: teal; color: white }
.black     { background-color: black; color: white }
.warning   { background-color: maroon; color: white }

.strongbox { border: medium solid navy }
.softbox   { border: thin solid #D8DCD8 }
.blackbox  { border: thin solid black }
.warningbox { border: thin solid maroon }
.altbox     { border: thin solid teal}
.varbox     { border: thin solid #C7D6E9 }


/**************************************** boxes **************************************/


.msgbox
{
padding-left: 1em;
padding-right: 1em;
padding-top: 0.5em;
padding-bottom: 0.5em;
}

.boxtitle {
           padding-left: 1em;
           padding-right: 1em;
           padding-top: 2px;
           padding-bottom: 2px;
           text-align: left;
           font-weight: bold;
           font-style: normal;
}

em.bu
{
           font-weight: bold;
           font-style: normal;
           text-decoration: underline;
}

/**************************************** page layout div's *******************************/


.tocbar {
        position: absolute;
        left: 1em;
        width: 12em;
        height: auto;
        padding-top: 1em;
        overflow: visible ; /* hidden, auto, scroll, visible */
}

.main
{
        position: absolute;
        padding-top: 1em;
        padding-left: 1em;
        padding-right: 1em;
        left: 13em;
        width: auto;
        height: auto;
}

.nav { visibility: visible }

.leftfloat
{ float: left; width: 15em; }

.boxleft {
        float: left;
        width: 15em;
        padding-right: 1em;
        overflow: visible ; /* hidden, auto, scroll, visible  */
}

.boxright
{
        float: right;
        width: 14em;
        padding-left: 1em;
}

/**************************************** images *******************************/

.rightfloat
{
float: right;
overflow: hidden;
border: 0;
}

img.leftfloat
{
float: left;
}