/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*- CONCERTS PAGE -*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/*
 * The frame in which all the concerts info sits (is within a table cell
*/

div#concertListAndIndex {
   background-color : transparent;
   color : inherit;
   height : 100%;
   padding : 10px;
   overflow : auto;
}

div#concertFrame {
   background-color : inherit;
   color : inherit;
   float : left;
   height : 100%;
   width : 490px;
   margin : 0px 0px 0px 10px;
}

div#indexFrame {
   background-color : inherit;
   color : inherit;
   float : right;
   height : 100%;
   width : 170px;
}

/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */

div#reviewFrame {
   display : block;
   margin : 0px 10px 0px 10px;
}

/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */

h1.concertYear {
   font-family : Georgia, times, serif;
   color : rgb(102, 0, 0);
   font-style : italic;
   font-size : 150%;
}

h2.concertListTitle {
   font-family : Georgia, times, serif;
   color : rgb(102, 0, 0);
   font-style : italic;
   font-size : 100%;
}

/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/*
 * Each concert sits in a div
*/

.concertPanel {
   margin : 0px 0px 15px 0px; /* top right bottom left */
   padding : 0px 0px 0px 0px; /* top right bottom left */
   font-family : georgia, verdana, arial, sans-serif;
   color : rgb(102, 102, 102);
   width : 100%;
}

.concertDate {
   font-weight : bold;
}

.concertItem {
}

.concertItemComposer {
}

.concertItemWork {
   font-style : italic;
}

.concertItemSoloist {
   font-style : italic;
}

.concertComment {
   font-style : italic;
   font-weight : bold;
}

.concertVenue {
   font-weight : bold;
}

/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/*
   List of concert years (is absolutely placed)
*/

div#concertYearIndex {
   margin : 0px auto 0px;
   padding : 0px;
   width : 100px;
   text-align : center;
   border-bottom : black 5px solid;
}

div#concertYearIndexTitle {
   background-color : #660000;
   border : 1px solid #000000;
   color : #FFFFFF;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 100%;
   font-weight : bold;
   height : 16px;
   text-align : center;
   padding : 2px 5px;
}

#concertYearIndexBody {
   background-color : #C5B9A5;
   border-left : 1px solid #000000;
   border-right : 1px solid #000000;
   color : #000000;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 95%;
   font-weight : bold;
   padding : 5px;
}

p.concertYearIndexEntry {
   width : 100%;
}

/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/*
   The frame in which all the repertoire stuff sits
*/

#repertoireFrame {
   width : 390px;
}

h1.repertoireComposer {
   font-family : Georgia, times, serif;
   color : rgb(102, 0, 0);
   font-style : italic;
   font-size : 120%;
}

/*
   Each concert sits in a div
*/

.repertoirePanel {
   margin : 0px 0px 15px 0px; /* top right bottom left */
   padding : 0px 0px 0px 0px; /* top right bottom left */
   font-family : georgia, verdana, arial, sans-serif;
   color : rgb(102, 102, 102);
   width : 100%;
}

.repertoireDate {
   font-weight : bold;
}

.repertoireItemWork {
   font-style : italic;
   font-weight : bold;
}

.repertoireItemSoloist {
   font-style : italic;
}

/*
   List of repertoire composers
*/

#repertoireIndex {
   margin : 10px 5px 0px 5px;
   ;
   width : 180px;
   border : black 1px solid;
   border-bottom : black 5px solid;
}

#repertoireIndexTitle {
   background-color : #660000;
   border : 1px solid #000000;
   color : #FFFFFF;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 100%;
   font-weight : bold;
   height : 16px;
   text-align : center;
   padding : 2px 5px;
}

#repertoireIndexBody {
   background-color : #C5B9A5;
   border-left : 1px solid #000000;
   border-right : 1px solid #000000;
   color : #000000;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 95%;
   font-weight : bold;
   padding : 5px;
}

p.repertoireIndexEntry {
}

/*
   List of Workshops for the year
*/

h2.workshopListTitle {
   font-family : Georgia, times, serif;
   color : rgb(102, 0, 0);
   font-style : italic;
   font-size : 100%;
}

.workshopPanel {
   margin : 0px 0px 15px 0px; /* top right bottom left */
   padding : 0px 0px 0px 0px; /* top right bottom left */
   font-family : georgia, verdana, arial, sans-serif;
   color : rgb(102, 102, 102);
   width : 100%;
}

.workshopDate {
   font-weight : bold;
}

.workshopItem {
}

.workshopItemComposer {
}

.workshopItemWork {
   font-style : italic;
}

.workshopItemSoloist {
   font-style : italic;
}

/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */

h2.critiquesListTitle {
   font-family : Georgia, times, serif;
   color : rgb(102, 0, 0);
   font-style : italic;
   font-size : 100%;
   margin : 0px 0px 10px 10px;
}

div.critiquesPanel {
   margin : 0px 0px 15px 0px; /* top right bottom left */
   padding : 0px 0px 0px 0px; /* top right bottom left */
   font-family : georgia, verdana, arial, sans-serif;
   color : rgb(102, 102, 102);
   width : 100%;
}

div.critiquesPanel p {
   font-family : georgia, verdana, arial, sans-serif;
   width : 100%;
   line-height : 120%;
   font-size : 100%;
   color : rgb(102, 102, 102);
   margin : 0px 0px 8px 0px; /* top right bottom left */
}

div.critiquesPanel h1 {
   font-family : georgia, verdana, arial, sans-serif;
   width : 100%;
   font-style : italic;
   font-size : 100%;
   color : rgb(102, 102, 102);
   margin : 0px 0px 5px 0px; /* top right bottom left */
}

.critiquesDate {
   margin : 0px 0px 0px 10px;
   font-weight : bold;
}

.critPanel {
   border : 1px #C5B9A5 dotted;
   margin : 10px 0px 0px 10px; /* top right bottom left */
   padding : 5px 10px 0px 10px; /* top right bottom left */
}

.critAuthor {
   font-style : italic;
   padding : 0px 0px 5px 0px; /* top right bottom left */
}

/*
   Rehearsal table
*/

h1.rehearsals {
   margin-left : 20px;
}

table.rehearsals {
   margin-left : 20px;
   border : 1px black solid;
   border-bottom : black 5px solid;
}

table.rehearsals tr {
}

table.rehearsals tr td {
   font-family : georgia, verdana, arial, sans-serif;
   font-size : 90%;
   text-align : left;
   margin : 0px 0px 0px 0px;
   padding : 0px 5px 0px 5px;
   color : black;
}