/* $Id: qs-calendar.css 5650 2008-03-11 Frédérik BOBET $ */
@import url("/lsudhtml/javascript/calendar/zpcal/themes/layouts/layout-3d.css");

.calendar {
	background-color: #DDDDDD;
	border-color: #000000;
	border-width: 1px;
	color: #000000;
}

.calendar table {
	border-color: #000000;
	color: #000000;  
}

.calendar .nav {
	background-color: #000000;
}

/* Header -- contient les boutons de navigation et le nom des jours. */

.calendar .button { /* "<<", "<", ">", ">>" boutons avec cette classe */
	background-color: #666666;
	border-color: #000000;
	color: #FFFFFF;
}

.calendar thead .title { /* Support du mois et de l'année courants */
	background-color: #666666;
	border-color: #000000;
	color: #FFFFFF;
}

.calendar thead .headrow { /* Ligne <TR> contenant les boutons de navigation */

}

.calendar thead .daynames { /* Ligne <TR> contenant le nom des jours */
}

.calendar thead .name { /* Cellule <TD> contenant le nom des jours */
	background-color: #FFFFFF;
	border-color: #000000;
	color: #000000;
}

.calendar thead .weekend { /* Format des jours de weekend dans header */
	color: #000000;
}

.calendar thead .hilite { /* Format de survol (over) des boutons du header */
  border-color: #FFFFFF;
  background-color: #FFFFFF;
  color: #000000;
}

.calendar thead .active { /* Boutons actif (On Click) dans header */
	background-color: #FFFFFF;
	padding: 2px 0px 0px 2px;
	border-color: #000000;  
}

/* Body -- Contenu de tous les jours du mois */

.calendar tbody .day { /* Cellules <TD> contenant les jours et les mois */
}
.calendar tbody .day.othermonth {
	color: #888888;
}
.calendar tbody .day.othermonth.oweekend {
	color: #E88888;
}

.calendar table .wn {
	background-color: #FFFFFF;
	border-color: #000000;
	color: #000000;
}

.calendar tbody .rowhilite td {
	background-color: #666666;
	color: #FFFFFF;
}

.calendar tbody .rowhilite td.wn {
	background-color: #DDDDDD;
}

.calendar tbody td.hilite { /* Cellules au survol <TD> */
	background-color: #DDDDDD;
	border-color: #000000;
}

.calendar tbody td.active { /* Cellules OnClick <TD> */
  border-color: #404040 #d4d0c8 #d4d0c8 #404040;
}

.calendar tbody td.selected { /* Cellules sélectionnées */
	background-color: #666666;
	border-color: #FFFFFF;
	color: #FFFFFF;
}

.calendar tbody td.weekend { /* Cellules des jours de weekend */
	color: #000000;
}

.calendar tbody td.today { /* Cellule d'aujourd'hui */
	color: #FFFFFF;
}

.calendar tbody .disabled {
	color: #777777;
}

.calendar tbody .emptycell { /* Cellules vides (Le mieux est de les cacher) */
}

.calendar tbody .emptyrow { /* Lignes vides (Certains mois nécéssitent moins de 6 lignes) */
}

/* Footer -- status bar et bouton "Close" */

.calendar tfoot .footrow { /* <TR> dans footer */
}

.calendar tfoot .ttip { /* Cellule tooltip <TD> (status bar) */
	background-color: #666666;
	border-color: #000000;
	color: #FFFFFF;
}

.calendar tfoot .hilite { /* Style des boutons au survol dans footer */
	background-color: #000000;
	border-color: #404040 #d4d0c8 #d4d0c8 #404040;
}

.calendar tfoot .active { /* Boutons OnClick dans footer */
	border-color: #000000;
}

/* Listes déroulantes (Menus affichants mois/années pour sélection directe) */

.calendar .combo {
	background-color: #FFFFFF;
	border-color: #000000;
	color: #000000;
}

.calendar .combo .active {
	background-color: #666666;
	border-color: #666666;
	color: #FFFFFF;
}

.calendar .combo .hilite {
	background-color: #666666;
	border-color: #000000;
	color: #FFFFFF;
}

.calendar .month-left-border { /* Trait de division entre 2 mois */
	border-left:1px solid #000000;
}

/* Heure */

.calendar tfoot tr.time td { border-color: #000000; }
.calendar tfoot tr.time td.hour,
.calendar tfoot tr.time td.minute { border-color: #000000; }
.calendar tfoot tr.time td.hilite { background-color: #000000; }
.calendar tfoot tr.time td.active { background-color: #000000; }
.calendar-time-scroller { border-color: #000000; }