/* ================================
    CSS STYLES FOR Module Calendar
   ================================

*/
body
{
	font-family: Verdana;
}

.calendar
{
	border-right: lightgrey 1px solid;
	border-top: lightgrey 1px solid;
	font-size: 7pt;
	border-left: lightgrey 1px solid;
	color: black;
	border-bottom: lightgrey 1px solid;
	font-family: Verdana;
}
/* Este parece que no hace nada y es igual que el siguiente*/
.calendarTitle
{
	font-weight: bold;
	font-size: 9pt;
	color: #990000;
	background-color: #FACE63;
}

/* Este es el título central del mes y año en curso (p.ej. jun 2005) */
.calendarTitle,
.calendarTitle td
{
	font-weight: bold;
	font-size: 9pt;
	color: #990000;
	background-color: #FACE63;
}
/* Este es el del mes previo (p.ej. may 2005) */
.calendarNextPrev, .calendarNextPrev a:link
{
	color: #333;
	font-size: 8pt;
	padding: 0px .5em;
}
/* Este es el del mes siguiente (p.ej. jul 2005) y también el over del mes anterior */
.calendarNextPrev a, .calendarNextPrev a:visited, .calendarNextPrev a:hover
{
	color: #333;
	font-size: 8pt;
	padding: 0px .5em;
}
/* Este es el de los días de la semana: lun, mar, etc. */
.calendarDayHeader
{
	font-weight: bold;
	font-size: 7pt;
	font-family: Verdana;
	background-color: silver;
}
/* Este parece que no hace nada y es igual que el siguiente (salvo el color)*/
.calendarDay, .calendarDay td
{
	font-size: 7pt;
	color: #ff0000;
	font-family: Verdana;
	text-align: left;
}
/* Este es el de los los números del día  */
.calendarDay a,
.calendarDay a:visited,
.calendarDay a:hover
{
	color: #333;
	text-align: left;
	font-size: 7pt;
	font-family: Verdana;
}
/* Este no se que es. Tampoco el siguiente*/
.calendarOtherMonthDay
{
	color: #808080;
	background-color: gainsboro;
}

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

/* Color de fondo del fin de semana*/
.calendarWeekendDay
{
	background-color: WhiteSmoke; 
}
/* Este es el marco (originalmente rojo) que resalta al día de hoy*/
.calendarTodayDay
{
	border-right: #ff0000 2px solid;
	border-top: #ff0000 2px solid;
	border-left: #ff0000 2px solid;
	border-bottom: #ff0000 2px solid;
}
/* Formato del día seleccionado (este y el siguiente)*/
.calendarSelectedDay
{
	background-color: #D6D5B7;
	color: #ff0000;
	font-weight: bold;
}

.calendarSelectedDay a,
.calendarSelectedDay a:visited,
.calendarSelectedDay a:hover
{
	color: #333;
	font-weight: bold;
}
/* Este no se que es. Tampoco el siguiente*/
.calendarSelector
{
	background-color: #c0c0e0;
}

.calendarSelector a,
.calendarSelector a:visited,
.calendarSelector a:hover
{
	color: #333;
	text-decoration: none;
}