/* special formatting for the Ferrabosco introduction pages */

.ili {
  margin-left : 3em;
  margin-bottom : 1.0em;
}

/* Global styles for Ferrabosco web pages */

.ferr_tml { 
  /* styling for 2nd and 3rd menus, like "top_menu_left" in other pages */
  margin-top       : 0px;
  list-style       : none;
}


.ferr_tml li {
   display          : inline; /* needed for IE6 */
   list-style-type  : none;
}

.ferr_tml li a {
   background-color : #FCD431;
   color            : #231F20;
   padding-left     : 4px;
   padding-right    : 4px;
   padding-top      : 4px;
   padding-bottom   : 4px;
   float            : left;
   border-top       : 0;
   border-right     : 1px solid #231F20;
   font-size        : 80%; 
   line-height      : 0.9em; 
 }


.ferr_tml li a:hover {
  background-color : #ebebeb;
  text-decoration  : underline;
  cursor           : pointer;
}   

 .ferr_tml .tmSelected a {
  background-color : #d6d2cf;
}


.tli {
  margin-left  : 2em;
}

.motives {
  margin-left  : 0em;
}

.motives td {
  padding      : 0.2em;
}

#footnotes {
  font-size        : 0.8em;
  line-height      : 1.3em;
  margin-bottom    : 2em;
}

.menu_label {
 padding-top      : 1em;
 padding-bottom   : 0;
 height           : 18px;
 font-size        : 65%;
 line-height      : 0.9em;
}

#recordings {
margin-left       : 0px;
background-color  : #eee;
}

#recordings td {
padding-bottom    : 1em;
vertical-align    : top;
}

.one_recording {
padding           : 2px;
margin-top        : 15px;
width             : 544px;
background-color  : #ddd;
margin-bottom     : 3px;
border-left       : 2px solid #888;
}


.rec_title {
  width           : 100px;
  float           : left;
  margin-top      : 6px;
}

.rec_staff {
  width           : 380px;
  float           : left;
}

.player_panel {
float             : right;
margin            : 2px;
margin-top        : 6px;
}

.play_link {
float             : right;
margin            : 2px;
margin-top        : 6px;
}