/* ---------- LINKS ----------- */
  .titleMenu a {
      display: block;
      padding: 0.5em;
  }
  .titleLetterMenu a {
      display: block;
  }
  a:link   {text-decoration: none;}
  a:visited{text-decoration: none;}
  a:active {text-decoration: none;}
  a:hover  {text-decoration: underline;}

/* ---------- HIGHLIGHTING ----------- */
.fragment { background-color:#CCCCFF;color:black;}

/* ---------- TITLE PAGE ----------- */
  
  .titleMain {
      margin:1em;
      margin-block-end:1em;
      font-family:Verdana,Arial,sans-serif;
      font-size:18pt;
      font-weight:bold;
  }
  
  .titleMenu {
      margin-block-end: 1em;
  }
  .titleMenuCell {
      text-align:center;
      background-color: #EEEEEE;
      cursor:hand;
      border:1px solid silver;
      display: inline-block;
      margin-inline-end: 1em;
      margin-block-start: 1em;
  }
  span.titleLetter {
      font-size:14.0pt;
      font-weight:bold;
      font-family:"Code2000","Lucida Sans Unicode","Arial Unicode MS",Arial,sans-serif;
      color:black;
  }
  span.titleMenuItem {
      font-size:14.0pt;
      font-weight:bold;
      font-family:"Verdana","Lucida Sans Unicode","Arial Unicode MS",Arial,sans-serif;
      color:black;
  }
  
.ltr {direction: ltr !important}
.rtl {direction: rtl !important}

.ltr .titleLetterCell {float: left !important}
.rtl .titleLetterCell {float: right !important}

.titleLetterCell {
    min-width: 30px;
    padding: 2px;
    text-align: center;
    background-color: #eee;
    border: 1px solid #c0c0c0;
    border-spacing: 2px;
    cursor:hand;
    display: inline-block;
}
.titleLetterCell:hover {background-color: #ddd;}