/* ================================
    CSS STYLES FOR Module Event
   ================================
*/

.Eventtooltip
{
  border-right: #000 1px solid;
  padding-right: 5px;
  border-top: #000 1px solid;
  padding-left: 5px;
  font-size: 10px;
  filter: alpha(opacity=80);
  padding-bottom: 5px;
  border-left: #000 1px solid;
  width: 200px;
  color: #000;
  padding-top: 5px;
  border-bottom: #000 1px solid;
  font-family: Arial;
  background-color: #ffd;
  text-align: left;
  moz-opacity: 0.8;
}

/* La classe .Event correspond au calendrier (Table général du calendrier)
Taille du calendrier, bordures, police par défaut
*/
.Event
{
  border-right: black 1px solid;
  table-layout: auto;
  padding-right: 0px;
  border-top: black 1px solid;
  padding-left: 0px;
  font-size: 7pt;
  padding-bottom: 0px;
  margin: 0px;
  border-left: black 1px solid;
  color: black;
  padding-top: 0px;
  border-bottom: black 1px solid;
  font-family: Arial;
  border-collapse: collapse;
  text-align: center;
  width: 480px;
  height: 480px;
  background-image: url('damier.jpg');
}

/* .Eventitle : Table incluant le mois en cours et les mois précédent et suivant*/
.EventTitle
{
  font-weight: bold;
  font-size: 9pt;
  background-image: none;
  width: 100%;
  height: 100%;
  background-color: transparent;
  text-align: center;
}

.EventTitle, .EventTitle td
{
  font-weight: bold;
  font-size: 9pt;
  background-image: none;
  color: red;
  background-color: transparent;
  text-align: center;
}

/* Note use of "!important" to override Inline Style
.EventNextPrev : les deux liens vers les mois précédent et suivant
*/
.EventNextPrev, .EventNextPrev a:link
{
  padding-right: 0.5em;
  padding-left: 0.5em;
  font-size: 8pt;
  padding-bottom: 0px;
  color: red !important;
  padding-top: 0px;
}

.EventNextPrev a, .EventNextPrev a:visited, .EventNextPrev a:hover
{
  padding-right: 0.5em;
  padding-left: 0.5em;
  font-size: 8pt;
  padding-bottom: 0px;
  color: red !important;
  padding-top: 0px;
}

/*
Ligne avec les noms des jours (Lundi,mardi,...)
*/
.EventDayHeader
{
  font-weight: bold;
  font-size: 11pt;
  font-family: Verdana;
  background-color: silver;
}

/*
.EventDay : cellules des jours de semaine du mois en cours
*/
.EventDay, .EventDay td
{
  font-size: 11pt;
  color: #0000ff !important;
  font-family: Verdana;
}

.EventDay a,
.EventDay a:visited,
.EventDay a:hover
{
  font-size: 11pt;
  color: #0000ff !important;
  font-family: Verdana;
}

/*
Cellules des jours en dehors du mois en cours qui sont affichées avant et après le mois sélectionné
*/
.EventOtherMonthDay
{
  color: #808080;
  background-color: gainsboro;
}

.EventOtherMonthDay a, .EventOtherMonthDay a:visited, .EventOtherMonthDay a:hover
{
  color: #8080c0;
  background-color: gainsboro;
}

/*
.EventWeekendDay : Cellules des jours de week-end du mois en cours
les week-end des autres mois sont de la même couleur que les jours de semaine
*/
.EventWeekendDay
{
  background-color: whitesmoke;
}

/*
.EventTodayDay : cellule pour aujourd'hui
*/
.EventTodayDay
{
  border-right: red 2px solid;
  border-top: red 2px solid;
  border-left: red 2px solid;
  border-bottom: red 2px solid;
}

/* Note use of "!important" to override Inline Style 
Par défaut, le calendrier sélectionne la date du jour. Dans ce cas, la date du jour prend la classe .EventSelectedDay
Si on choisit une autre date, c'est cette classe qui s'applique et la classe EventTodayDate est appliquée sur la date du jour
*/
.EventSelectedDay
{
  font-weight: bold;
  color: #0000ff !important;
  background-color: darkgray;
}

.EventSelectedDay a,
.EventSelectedDay a:visited,
.EventSelectedDay a:hover
{
  color: #0000ff !important;
  font-weight: bold;
}

.EventSelector
{
  background-color: #c0c0e0;
}

.EventSelector a,
.EventSelector a:visited,
.EventSelector a:hover
{
  color: #0000ff;
  text-decoration: none;
}