/* Designed by Jacques Perrière */

/* --- general settings --- */
body
{
 font-family:Arial,Verdana,Calibri;
 font-size:100.01%;
}

a {text-decoration: none; }
a:hover {text-decoration: underline; }

.small1,
.small10  {font-size:10px;}
.small2,
.small12  {font-size:12px;}

table.zero                 {border:0px solid #FFFFFF;/*border-collapse:collapse;*/}
table.zero th/*,th.zero*/  {border:0px solid #FFFFFF;}
table.zero td/*,td.zero*/  {border:0px solid #FFFFFF;}
td.zero                    {border:0px solid transparent;}

table.un                   {border:2px solid #999999;border-collapse:collapse;}
table.un th/*,th.un*/      {border:2px solid #999999;}
table.un td/*,td.un*/      {border:1px solid #999999;}

dl {margin-top:0px;margin-bottom:0px;}
dd {margin-left:10px;}

td.doubleleft {border-left:3px double #555555;}     /* --- ??? --- */

/* --- small grey font for some additional English links --- */
.en
{
  font-size:9px;
  color:#9999CC;
}


/* --- table 1st type definitions --- */
table.table1
{
  padding-left:2px;
  margin-left:1px;
}
.table1
{
  border-collapse:collapse;
  margin-left:12px;
}
.table1 th
{
  border:1px solid #999999;
  vertical-align:middle;
  font-size:12px;
  font-family:Arial,Verdana,Calibri;
}
.table1 .th_proper    {min-width:160px;width:180px;max-width:180px;}
.table1 .th_mode_tone {font-size:8px;}
.table1 .th_book      {                width: 64px;max-width: 64px;/*vertical-align:bottom;*/}
/*.table1 .th_book      {                width:100px;max-width:100px;vertical-align:bottom;}*/
.table1 .th_comments  {                width:900px;max-width:900px;}

.table1 td
{
  border:1px solid #999999;
  text-align:left;
  vertical-align:top;
  font-size:0.8em;
  font-family:Arial,Verdana,Calibri;
}
.table1c td
{
  text-align:center!important;
}
.table1fs td, .table1fs th
{
  font-size:16px!important;
}

/* year of publication */
.table1 td.y, .table1 td.year,
/* number of pages */
.table1 td.p, .table1 td.pages
{
  text-align:right;
}

/* --- maximum width of cell "description" --- */
.table1 td.d,
.table1 td.desc
{
  width:480px;
}

/* --- header --- */
.table1 .header           {background-color:#CC0000;color:#FFFFFF;}
.table1 .header0 td       {font-size:11px;text-align:center;}


/* --- gregorian books --- */
.table1 .g,    span.g,
.table1 .greg, span.greg
                          {background-color:#DDDDFF;}
/* --- other books and text --- */
.table1 .b,    span.b,
.table1 .te,   span.te,
.table1 .book, span.book,
.table1 .text, span.text  {background-color:#FFFFFF;}

/* --- history --- */
.table1 .h,    span.h,
.table1 .hist, span.hist
                          {background-color:#FFE0E0;}
/* --- Vatican encyclicals, motu proprio, etc. --- */
.table1 .v,        span.v,
.table1 .vatican,  span.vatican
                          {background-color:#FFDB9C;}  /* 255 219 156 */
/* --- Council / Vatican II --- */
.table1 .v2,         span.v2,
.table1 .vatican2,   span.vatican2,
.table1 .vatican_ii, span.vatican_ii,
.table1 .c,          span.c,
.table1 .council,    span.council
                          {background-color:#DDB97A;}
/* --- specific to the Pope --- */
.table1 tr.pope td.y,
.table1 tr.pope td.year,
.table1 tr.pope td.t,
.table1 tr.pope td.title,
/*.table1 tr.pope td.pages,*/
span.pope
                          {background-color:#FFEF33 !important;}  /* Vatican flag: 255 227  0 */

/* --- grey font when unsure existence or date of publication --- */
        .gr,
.table1 .gr,
.table1 .grey             {color:#999999;}

        .gr a,
.table1 .gr a,
.table1 .grey a           {color:#9999FF;}


/* --- Kyriale --- */

.sep1   {background-color:#555555;}
.kmiss1 {background-color:#777777;}
.kmiss2 {background-color:#CCCCCC;}

.k1     {background-color:#FF5555;}
.k2     {background-color:#FFFFFF;}
.k3     {background-color:#FFFFFF;}
.k4     {background-color:#FF9999;}
.k5     {background-color:#FFFFFF;}
.k6     {background-color:#FFFFFF;}
.k7     {background-color:#FFFFFF;}
.k8     {background-color:#FFFF80;} /* FFEECC FFEEBB FFFF80 */
.k9     {background-color:#9999FF;} /* E0E0FF CCCCFF */
.k10    {background-color:#FFFFFF;}
.k11    {background-color:#55CC33;} /* 339900 55CC33 */
.k12    {background-color:#FFFFFF;}
.k13    {background-color:#FFFFFF;}
.k14    {background-color:#FFFFFF;}
.k15    {background-color:#CCCCFF;}
.k16    {background-color:#AAEE88;} /* DDFFCC AAEEAA */
.k17    {background-color:#CC33AA;}
.k18    {background-color:#EEBBDD;} /* FFCCEE EEBBDD */

.kyriale1 td.k1, .kyriale1 td.k2, .kyriale1 td.k3, .kyriale1 td.k4, .kyriale1 td.k5,
.kyriale1 td.k6, .kyriale1 td.k7, .kyriale1 td.k8, .kyriale1 td.k9, .kyriale1 td.k10,
.kyriale1 td.k11,.kyriale1 td.k12,.kyriale1 td.k13,.kyriale1 td.k14,.kyriale1 td.k15,
.kyriale1 td.k16,.kyriale1 td.k17,.kyriale1 td.k18,
.kyriale1 td.k_
{text-align:center;}

.kyriale1 th.kth {vertical-align:top;}


/* --- Additional French text after English text --- */
.french
{
  font-family: Times New Roman,Times !important;
  font-size:   1.2em !important;
}
.english
{
  font-family: Arial,Helvetica,Calibri !important;
  font-size:   1em !important;
}

/* --- specific to Summorum Pontificum 2007 --- */
.summorum {border:2px solid #555555;}
.summorum td
{
  background-attachment:scroll !important;
  background-repeat:repeat !important;
  background-image: url('img/gregorian/bg_vatican.jpg') !important;
  /*background-position: -10px -10px !important;*/
}

/* --- related to the tables at the second half of gregorian_books.html --- */
#japanese_table     td,
#paleographie_table td,
#yankton_table      td
{
  font-size:0.7em !important;
}
/* --- maximum width of cell "description" --- */
#japanese_table     td.t, #japanese_table     td.title,
#paleographie_table td.t, #paleographie_table td.title,
#yankton_table      td.t, #yankton_table      td.title
{
  width:300px;
}
#yankton_table      td.d, #yankton_table      td.desc
{
  width:700px;
}

/* --- Solesmes St Peter --- */
.ssp,      
.poussielgue,
/* --- Desclée number: 780, 800, 801, etc. --- */
.desclee
{
  font-family: Constantia,Georgia,Candara,Corbel,Arial !important;
  font-size:   1em !important;
  font-weight: bold !important;
}
.ssp
{
  color: #000099; 
}


/* --- For the Jean de Lalande (JDL) references... --- */
/*
.jean
{
  background-color:#559999;
  color:#FFCC66;
}
*/

/* --- what is that? ... --- */
.constantia {font-family:Constantia !important;}
.georgia    {font-family:Georgia    !important;}
.candara    {font-family:Candara    !important;}
.corbel     {font-family:Corbel     !important;}

.constantia,
.candara,
.corbel
{
  font-size:1.1em !important;
  font-weight:bold !important;
}
.georgia
{
  font-size:1em !important;
  font-weight:bold !important;
}

/* ----- eBay, Abe, etc.  ----- */

.nope       {visibility:hidden;}
.invisible  {visibility:hidden;}

.avail         /* just to display as blue in the legend table of gregorian_books.html */
{
  color:blue;
}

.ebay,         /* specific class to eBay */
.uniq          /* specific class to other vendors: Abe, AntiqBk, etc. */
{
  color:red;
  /*font-weight:bold;*/
}

.no_bid,       /* no bid on eBay */
.not_sold      /* not sold on eBay */
{
  color:#770000;
  /*font-weight:bold;*/
}

.no_bid,
.not_sold,
.sold,
.sold_out
{
 text-decoration:line-through;
 /*font-size:10px;*/
 /*color:#999999;*/
}

a .no_bid:hover,
a .not_sold:hover,
a .sold:hover,
a .sold_out:hover
{
  text-decoration:underline;
}


#main_table .sold,
#main_table .no_bid,
#main_table .not_sold
{
  font-size: 10px;
}






/* ----- end of "eBay, Abe, etc."  ----- */


/* --- 8 Gregorian modes --- */
.m1, .m2, .m3, .m4,
.m5, .m6, .m7, .m8, .m8G, .m8g,
.m_none                     /* m_none : some hymns have no mode, so no color */
{
  /*font-weight:bold;*/
  text-align: center !important;
}

/* .t1 .greg1  */
.m1 {background-color:#B49078;} /* serious    - brown  */
.m2 {background-color:#BBBBBB;} /* sad        - grey   */
.m3 {background-color:#99CC99;} /* mystic     - pale green  */

.m4 {background-color:#BFFF00;} /* harmonious - apple green ; indigo #1560BD, cerise #FF5555, lime #DE3163 */
.m4 {background-color:#9FFF00;} /* harmonious - apple green ; indigo #1560BD, cerise #FF5555, lime #DE3163 */

.m5 {background-color:#FFAACC;} /* glad       - pink   */
.m6 {background-color:#FFA500;} /* devout     - orange */
.m7 {background-color:#FFFF99;} /* angelic    - yellow */
.m8G, .m8g,
.m8 {background-color:#80A0FF;} /* perfect    - blue   */

.m1,.m2,.m3,.m4,.m5,.m6,.m7,.m8,.m8G,.m8g,.m_none
{
  padding-left:1px;padding-right:1px;
}

.m1b {border-color:#B49078;}
.m2b {border-color:#BBBBBB;}
.m3b {border-color:#99CC99;}
.m4b {border-color:#BFFF00;}
.m4b {border-color:#9FFF00;}
.m5b {border-color:#FFAACC;}
.m6b {border-color:#FFA500;}
.m7b {border-color:#FFFF99;}
.m8Gb, .m8gb,
.m8b {border-color:#80A0FF;}
.m_noneb {border-color:#FFFFFF;}

.m1b,.m2b,.m3b,.m4b,.m5b,.m6b,.m7b,.m8b,.m8Gb,.m8gb,.m_noneb
{
  border-width:1px;border-style:solid;
  padding-left:3px;padding-right:3px;
}


.m_none_border
{
  border:1px solid #999999;
  padding-left:3px;
  padding-right:3px;
  font-size:0.8em;
}



.strike   {text-decoration:line-through;}
.grey     {color:#999999;}


a.proper,         a.saints,         a.hymn,         a.kyriale         {color:#777777;}
a.proper:hover,   a.saints:hover,   a.hymn:hover,   a.kyriale:hover   {text-decoration:underline;}
a.proper:visited, a.saints:visited, a.hymn:visited, a.kyriale:visited {color:#777777;}
/* each of the 3 pages propers.html, hymns.html and kyriale.html
   has a modification of these default settings
 */



/* ------------------------------------ */
/* ------- common to all pages -------- */
/* ------------------------------------ */
table.minimalist
{
  border:0px solid #FFFFFF;
  padding:1px;
}
table.minimalist td,
table.minimalist th
{
  border:0px solid #FFFFFF;
  font-size:0.7em;
  font-family:Arial,Verdana,Calibri;
  padding:1px;
  margin:1px;
  vertical-align:top;
}
.img1 {/*vertical-align:bottom !important;*/}
.small_quote
{
  color:#555555 !important;
  /*font-size:0.7em;*/
}
a.uln {text-decoration:underline;}


a img
{
	text-decoration: none;
	border: 0 none;
}

img.gb        /* gb = grey border */
{
  border:1px solid #777777;
}


/* used in gregorian_books.html for title at the right side */
.title1,
.title2
{
  float:right;
  font-family:Constantia,Georgia,Candara,Corbel,Arial !important;
  font-weight:bold !important;
  color:#6B4519;
  background-color:#FFDB9C;
  border-bottom:1px solid #999999;
  border-right: 1px solid #BBBBBB;
  padding-left: 2px;
  padding-right:2px;
}
.title1
{
  font-size:1.8em !important;
}
.title2
{
  font-size:1.3em !important;
}
.titleh
{
  color:#6B4519 !important;
  background-color:#FFDB9C;
}
/* -------------------------------------- */


/* -------------------------------------- */
/* grey bar to separate days */
.bar, td.bar
{
  font-size:2px;
  background:#555555;
  height:5px;
  max-height:5px;
  /*overflow-x: auto;*/       /* For Opera: http://my.opera.com/saito/blog/show.dml/250015 */
}

.bar2, td.bar2
{
  font-size:2px;
  background:#AAAAAA;
  height:3px;
  max-height:3px;
  /*overflow-x: auto;*/       /* For Opera: http://my.opera.com/saito/blog/show.dml/250015 */
}

.bar0, td.bar0
{
  font-size:2px;
  background:#FFFFFF;
  height:4px;
  max-height:4px;
  /*overflow-x: auto;*/       /* For Opera: http://my.opera.com/saito/blog/show.dml/250015 */
}

.barv, td.barv
{
  font-size:2px;
  background:#555555;
  width:5px;
  max-width:5px;
  /*overflow-x: auto;*/       /* For Opera: http://my.opera.com/saito/blog/show.dml/250015 */
}

.bar1v, td.bar1v
{
  font-size:2px;
  background:#555555;
  width:2px;
  max-width:2px;
  /*overflow-x: auto;*/       /* For Opera: http://my.opera.com/saito/blog/show.dml/250015 */
}

.bar2v, td.bar2v
{
  font-size:2px;
  background:#AAAAAA;
  width:3px;
  max-width:3px;
  /*overflow-x: auto;*/       /* For Opera: http://my.opera.com/saito/blog/show.dml/250015 */
}



/* -------------------------------------- */
.table1 td.day, span.day,
.table1 .service, span.service
{
  background-color:#FFDB9C;  /* 255 219 156 */
}

.table1 td.day:hover
{
  /*background-color:#FFAA00;*/
  /*background-color:#FFBB7C;*/
  /*font-weight:bold;*/
  /*color:#FF0000 !important;*/
  /*font-style:italic;*/
}
/* -------------------------------------- */


/* -------------------------------------- */
/* mostly for holy_week.html */
.table1 .service, span.service
{
  font-weight: bold;
}
.table1 .na, span.na
{
  background-color:#EEEEEE;
}
.rubric
{
  /*font-weight: bold;*/
  font-style: italic;
}
.table1 .skip, span.skip
{
  color:#999999;
}
/* -------------------------------------- */

/* -------------------------------------- */
/* for propers.html, hymns.html, kyriale.html; etc. */
/*
ps0 = psalm/canticle following an antiphon
bk0 = page of the psalm/canticle in the Gregorian book
ps1 = reference in the Bible for the corresponding proper 
*/
.ps0, .bk0, a.ps0
{
  /*font-style:italic;*/
  color:#009900;
}
.ps1
{
  font-style:italic;
  color:#888888;
}


/* for a small and thin HR */
hr.hr_thin,
.ps1 hr                         
{
  width:50%;
  text-align:left;
  margin-left:0;
  height:1px;
  border:0;
  color:#888888;
  background-color:#888888;
  margin-top:3px;
  margin-bottom:3px;
}

hr.hr_of
{
  height:1px;
  border:0;
  color:#888888;
  background-color:#888888;
  margin-bottom:3px;
}

/* title of the day located at the left side */
.greg0
{
  float:left;
  /*text-align:right;*/
}
.greg0 a      /*, a div.greg0 */
{
  color:#000000;
}
/* title for Sunday or days of obligation (depends on dioceses) */
.greg00
{
  float:left;
  font-weight: bold;
}
/* for everything located at the right side */
.greg1
{
  float:right;
  /*text-align:right;*/
}

/* image of the proper located at the right side */
.greg1 img
{
  border-left:   1px dotted #E0E0E0;
  border-bottom: 1px  solid #D8D8D8;
/*border-right:  1px  solid #D8D8D8;*/
/*border-right:  1px  solid #FFFFFF;*/
/*    nice but heavy and loaded     */
/*
  -moz-box-shadow:   1px 1px 50px #333;
  -webkit-box-shadow:1px 1px 50px #333;
  box-shadow:        1px 1px 50px #333;
*/
}
.greg1 img:hover
{
  border-bottom: 1px solid #5555BB;
/*border-right:  1px solid #5555BB;*/
}
/*
.yt1 img:hover
{
  border-bottom: 1px  solid #000000;
}
*/
  
/* Johner, Baron, Introibo, Daoudal links: located at the right side of the day title   */
.jib
{
  float:right;
  /*text-align:right;*/
  background:#FFF0E0;      /* FFDB9C FFFFFF FFFCF8 FFF8F0 FFF4E8 */
  padding-left:  3px;     
  padding-right: 3px;
  margin-left:   2px;
  border-right: 1px solid #CCCCCC;
  border-left:  1px solid #FFFFFF;
/*
  border-bottom:1px solid #999999;
  border-top:   1px solid #FFFFFF;
*/
}
/* the opposite of 'jib' */
.bij
{
  display:none; 
}
.jib a
{
  color:#000000; 
}
.pitch0
{
  display:none;
}
/* little box surrounding the pitch information */
.pitch1
{
  float:right;
  border:1px solid #999999;
  padding-left:3px;
  padding-right:3px;
  font-weight:bold;
  margin-left:10px;
  color:#888888;
  /* added 2014-02-06 */
  background-color:#FFFFFF;
}
/* color and size of the font for the sharp/flat symbols */
/* B<span class="alter1">&#9837;</span> */
/* C<span class="alter1">&#9839;</span> */
.alter1
{
  color:#555555;
  font-size:0.9em;
/*
  position:relative;
  left:-2px;
  padding-left:0px;
  padding-right:0px;
  margin-left:0px;
  margin-right:0px;
  text-align:left;
*/  
}
.pitch1_alter1
{
   
  
}




/* not used ? ... */
.pitch2
{
  border:1px solid #999999;
  padding-left:3px;
  padding-right:3px;
  font-weight:bold;
  color:#888888;
}
/* the position of the YouTube link at the right side */
.yt1
{
  float:right;
  /*text-align:right;*/
  margin-left:10px;
  /*visibility:hidden;*/
}
/* title for service: mass, vespers, lauds, etc. */
.ser        
{
  font-weight:bold;
  /*font-style:italic;*/
  /*background-color: #FFDB9C;*/
}

/* ------------------------------------ */
/* proper title: link is black */
td.pr a {color:#000000;}

td.mass a {color:#000000;}

/* ------------------------------------ */
/* to make top bottom border of white color */
/*
btb = top border
bbb = bottom border
*/
td.btb  { border-top-color:   #FFFFFF; }
td.bbb  { border-bottom-color:#FFFFFF; }

td.btb2 { border-top-color:   #DDDDDD; }
td.bbb2 { border-bottom-color:#DDDDDD; }

td.btb3 { border-top:         dotted 1px #E0E0E0; }
td.bbb3 { border-bottom:      dotted 1px #E0E0E0; }

td.btb4  { border-top-color:   #FFFFFF; }
td.bbb4  { border-bottom-color:#FFFFFF; }

/* ------------------------------------ */
/* when a proper is detailed somewhere else */
td.from
{
  background-color:#E8E8E8;
}
/*
td.from:hover
{
  background-color:#FFFFFF;
}
*/
/* when a proper is detailed somewhere else: the images have their own style */
/*span.resp_o,*/
td.from img
{
  opacity: 0.5;
  filter: alpha(opacity=50);
}       
/*span.resp_o:hover,*/
td.from img:hover
{
  opacity: 1;
  filter: alpha(opacity=100);
}       

/* To make "from" images and div disappear */
/*
td.from .greg1,
td.from .yt1,
td.from .pitch1
{
  display:none;
}
*/
/* when a proper is detailed somewhere else: the pitch background also has its own style */
/* added 2014-02-06 */
td.from .pitch1
{
  background-color:#F4F4F4;
}

/* when a proper is detailed somewhere else: this is for the books columns */
/* added 2013-11-18 from temp.css */
td.from0, span.from0, div.from0, a.from0
{
  background-color:#ECECEC;      /* E8E8E8 */
}
/*
div.from0 a:visited,
td.from0  a:visited   { color:#777777 !important; }
*/
/* no_from0 : cancels the 'from0' */
td.no_from0, span.no_from0, div.no_from0, a.no_from0
{
  background-color:#FFFFFF;
}
/* orig0 ? */
/* ------------------------------------ */
/* padding for numbers in office.html (?) */
.pn          
{
  padding-left:5px !important; 
  padding-right:5px !important;
  /*background-color:#BFFF00;*/
}
/* ------------------------------------ */
/* table of modes in the legend, final/tenor notes */
.nfinal,
.ntenor
{ 
  /*display:none; */
  text-align: center !important;
}
/* ------------------------------------ */
/* mostly in holy_week.html to warn about differences between OHS and OHM */
.warn
{color:red;}

/* ------------------------------------ */
/* text in Latin */
.latin
{
  /*float:left;*/
  color:#333333;
  background-color:#EEEEEE;
  font-style:italic;
  border-bottom:dotted 1px #AABBDD;
  border-right: dotted 1px #BBCCEE;
  padding-right:3px;
}

/* special style for the translation of Latin into English */
.translation
{
  /*float:left;*/
  color:#113377;
  background-color:#EEEEEE;
  /*font-style:italic;*/
  border-bottom:dotted 1px #AABBDD;
  border-right: dotted 1px #BBCCEE;
  padding-right:3px;
  
}
div.translation
{
/*   width:490px;max-width:490px; */
/*   max-width:490px; */
}
/* ------------------------------------ */
/* top page pictures */
img.top_page0
{
  
}
img.top_page1
{
/*  
  border-left:   1px dotted #E0E0E0;
  border-right:  1px dotted #E0E0E0;
  border-bottom: 1px  solid #D8D8D8;
*/
/*
  -moz-box-shadow:   2px 2px 7px #333;
  -webkit-box-shadow:2px 2px 7px #333;
  box-shadow:        2px 2px 7px #333;
*/
}
/* ------------------------------------ */
/* First letter with shadow in pages title */
.lettrine1::first-letter
{
  -moz-box-shadow:   1px 1px 14px #555;
  -webkit-box-shadow:1px 1px 14px #555;
  box-shadow:        1px 1px 14px #555;
  font-size:1.1em;
  padding-left:2px;
  padding-right:2px;
  margin-left:2px;
  margin-right:3px;
  border-right: 1px solid #777;
  border-bottom:1px solid #777;
}
/* ------------------------------------ */
/* Proper absent from a book, writing LU---, MV--- or GR--- */

.absent    
{
  color:#999999;
  white-space: nowrap;
}

/* ------------------------------------ */
/* Advent time */
.advent
{
  border:solid 1px #9999CC;
  padding-left:2px;
  padding-right:2px;
  background-color:#EEEEFF;
  color:#333399;
}


/* Paschal Time or T.P. */
.tp, .pt,
.pasch, .pasc
{
  border:solid 1px #999999;
  padding-left:2px;
  padding-right:2px;
}
.sept, .lent, .passion
{
  color:#990099;
  border:solid 1px #990099;
  padding-left:2px;
  padding-right:2px;
}



#mode_legend_reduced td
{
  padding-top:0px !important;
  padding-bottom:0px !important;
}

/* ------------------------------------ */
/* the top link "The full page" in propers.php, etc. */
.the_full_page
{
  font-size:14px;
  border-top:   1px solid #999999;
  border-bottom:2px solid #999999;
  border-left:  1px solid #999999;
  border-right: 2px solid #999999;
  padding-top:    4px;
  padding-bottom: 3px;
  padding-right: 10px;
  padding-left:  10px;
  background-color:#EEEEEE;
}
.the_full_page:hover
{
  text-decoration:none; 
  background-color:#CCCCFF;
  border-color: #9999FF;
}
/* ------------------------------------ */

.top_menu
{
  font-size:0.7em;
  color:#000000;
  background-color:#FFFFFF;
}

/*.top_menu,*/
.top_menu2
{
  font-size:0.7em;
  color:#000000;
  background-color:#CCCCFF;
  position:fixed;
  top:0;
  left:0;
  z-index:1;
  width:100%;
  padding-top:8px;
  padding-bottom:10px;
  padding-right:15px;
  padding-left:8px;
  border-bottom:1px solid #999999;
  opacity: 0.95;
  filter: alpha(opacity=95);
}

#top_mp3
{
  font-size:0.7em;
  color:#777777;
  background-color:#CCCCFF;
  position:fixed;
  top:32;
  left:0;
  width:100%;
  z-index:1;
  padding-bottom:10px;
  border-bottom:1px solid #999999;
/*
  padding-top:8px;
  padding-right:15px;
  padding-left:0px;
*/
}

.psalm2
{
  font-size:20px;
  background-color:#FFFFFF;  
  font-family: Georgia,"Times New Roman",Candara,Corbel,Arial;
  
  border-left:  1px solid #999999;
  border-top:   1px solid #999999;
  border-right: 2px solid #999999;
  border-bottom:2px solid #999999;

  padding-left: 2px;
  padding-right:2px;
  width:99%;
  max-width:99%;
}
.psalm2 td
{
}
.psalm2 b
{
  color:#CC0000; /* #000000 #990000 #FF0000 */
  /*color:#000000;*/
  /*font-weight:normal !important;*/
}
.psalm2 i
{
  color:#0000CC; /* #000000 #990000 #FF0000 */
  /*color:#000000;*/
  /*font-weight:bold;*/
}
.psalm2 .flex
{
  font-size:18px;
  color:#000000; /* #000000 #990000 #FF0000 */
  font-family: Symbol,"Times New Roman",Candara,Arial !important;
/*
  font-weight:bold;
  position:relative;
  top:2px;
*/
}
.fancy_star
{
  /*font-size:12px;*/
  /*font-family: Symbol,Georgia,"Times New Roman",Candara,Arial !important;*/
}
.psalm2_title_latin
{
  text-align:center;
  font-weight:bold;
}
.psalm2_title_tr
{
  text-align:center;
  /*font-weight:bold;*/
  font-family: Helvetica,Arial,Verdana,Candara !important;
  font-size:20px;
}
.psalm2 .m1  {  }

.psalm2_latin
{
  padding-top:0px;
  padding-bottom:0px;
  text-align:left;
  width:55%;
  font-size:20px;
}
.psalm2_latin u,
.psalm2_latin i > u,
.psalm2_latin u > i
{ /* https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-thickness */
  text-decoration-thickness: 1px;
}
.psalm2_latin b > u
{ /* https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-thickness */
  text-decoration-thickness: 2px;
}


.psalm2_tr
{
  padding-top:0px;
  padding-bottom:0px;
  text-align:left;
  width:45%;
  font-family: Helvetica,Arial,Verdana,Candara !important;
  font-size:20px;
}
.psalm2 .n_latin      /* color for the verse number / Latin */
{
  color:#999999;
  font-size:18px;
  text-align:right;
  width:1%;
  max-width:1%;
}
.psalm2 .n_tr         /* color for the verse number / translation */
{
  color:#999999;
  font-family: Helvetica,Arial,Verdana,Candara !important;
  font-size:18px;
  text-align:right;
  width:1%;
  max-width:1%;
}
/*        the underlined syllables on the solemn Magnificat
.psalm2 u
{
  font-size:80%;
  text-decoration-thickness: 1px;
}
*/
/* for the separation with a space between underlined syllables, for example on the solemn Magnificat */
.psalm2 .seps,
.psalm2 .split
{
  font-size:8px;
/*font-style:italic;*/
}
/* when a dash "-" is used instead of a space */
.psalm2 .seps-,
.psalm2 .split-
{
  font-size:0.5em;
  color:#555555;
}
      
.click_slice
{
 color:#999999;
 font-size:11px;
 font-family:Times New Roman,Times,Serif;
}
/* eventually enlight the refrains in psalms ... */
.refrain
{
  border:1px dotted #999900; 
  background-color:#FFFFAA;
}

.mid
{
/*
  float:right;
*/
  position:relative;
  top:0px;
  right:-10px;
}

sup
{
  font-size: 70%;
  line-height: 0;   
  position: relative;   
  vertical-align: baseline;   
  top: -0.4em;
}


.pre1955
{
  border:1px dotted #FF0000; 
  padding-left:2px;padding-right:2px;
  background-color:#FFFF00; 

}