/*
 * Table Head:
 */


  /* sort icons  */
  table.dataTable thead tr th.sorting_asc {
    background: url("../Contrib/Glyphicons/halflings-151-sort-by-alphabet.png") no-repeat;
  }
  table.dataTable thead tr th.sorting_asc_disabled {
    background: url("../Contrib/Glyphicons/halflings-151-sort-by-alphabet_opacity-06.png") no-repeat;
  }
  table.dataTable thead tr th.de {
    background-position: 31% 50%;
  }
  table.dataTable thead tr th.en {
    background-position: 32% 50%;
  }


/*
 * Table Body:
 */

  /* Control Coloumn: */

  /* icons and look and feel for collapsing the example Phrases*/
  .dataTable tbody tr td.details-control {
     background: url('../Contrib/images/details_open.png') no-repeat;
     /*background-image: url('../Contrib/images/details_open.png');
     background-repeat: no-repeat;*/
     background-position: 50% 5px;
     cursor: pointer;
  }
  /* icons and look and feel for collapsing the example Phrases*/
  .dataTable tbody tr.shown td.details-control {
     background: url('../Contrib/images/details_close.png') no-repeat 50% 5px;
  	 cursor: pointer;
  }


  /* DE and EN columns: */

  .dataTable tbody tr td {
    /*get DE and EN words with descriptins to the same height*/
    height: 100%;
    vertical-align:top;
  }
  /* DE and EN columns ALL paragraphs*/
  .dataTable tbody tr td p {
    margin: 0px;
    /*word-wrap: break-word;
    line-break: strict;*/
  }


  /* highlight the search results */
  .dataTable tbody tr td p .highlight{
    font-weight: bolder;
  }

  /* Example-Pharses:
         uses a new table within an tr and td
  */

  /*remove the border between the en/de words an thier example-pharses*/
  .dataTable tbody tr.example-pharses td.example-pharses {
    border: none;
  }
  /* full width for the tables with the example-pharses */
  .dataTable tbody tr.example-pharses td.example-pharses table#examples.display.table {
    width: 100%;
  }
  /* Control field is unused; ajust vertical space */
  .dataTable tbody tr.example-pharses td.example-pharses table#examples.display.table tbody tr td.exp-control {
    width: 3%;
  }

  /* both fields DE and EN */
  .dataTable tbody tr.example-pharses td.example-pharses table#examples.display.table tbody tr td.exp-de,
  .dataTable tbody tr.example-pharses td.example-pharses table#examples.display.table tbody tr td.exp-en {
    width: 48%;
    font-style: italic;
  }