DIV.calendar {

	POSITION: relative;

}

.calendar {

	BORDER-RIGHT: #556 1px solid;

	BORDER-TOP: #556 1px solid;

	FONT-SIZE: 11px;

	BACKGROUND: #f0f0e8;

	BORDER-LEFT: #556 1px solid;

	CURSOR: default;

	COLOR: #000;

	BORDER-BOTTOM: #556 1px solid;

	FONT-FAMILY: tahoma,verdana,sans-serif;

}

.calendar TABLE {

	BORDER-RIGHT: #556 1px solid;

	BORDER-TOP: #556 1px solid;

	FONT-SIZE: 11px;

	BACKGROUND: #f0f0e8; /* #eef */

	BORDER-LEFT: #556 1px solid;

	CURSOR: default;

	COLOR: #000;

	BORDER-BOTTOM: #556 1px solid;

	FONT-FAMILY: tahoma,verdana,sans-serif;

}

.calendar .button {

	PADDING-RIGHT: 2px;

	PADDING-LEFT: 2px;

	PADDING-BOTTOM: 2px;

	PADDING-TOP: 2px;

	TEXT-ALIGN: center;

	color: #c7c2a3; /* Color de los botones */

	cursor: pointer;

}

.calendar THEAD .title {

	PADDING-RIGHT: 2px;

	PADDING-LEFT: 2px;

	FONT-WEIGHT: bold;

	BACKGROUND: #fff;

	PADDING-BOTTOM: 2px;

	COLOR: #000;

	PADDING-TOP: 2px;

	TEXT-ALIGN: center;

}

/* Para el encabezado de los botones */
.calendar THEAD .headrow {

	BACKGROUND: #abb380; /* #778 */

	COLOR: #000; /* #000 */

}

.calendar THEAD .headrow .button {

  color: #fff !important;

	cursor: pointer;

}

.calendar THEAD .daynames {

	BACKGROUND: #b9c9ab;

}

.calendar THEAD .name {

	PADDING-RIGHT: 2px;

	PADDING-LEFT: 2px;

	PADDING-BOTTOM: 2px;

	COLOR: #000;

	PADDING-TOP: 2px;

	BORDER-BOTTOM: #556 1px solid;

	TEXT-ALIGN: center;

}

.calendar THEAD .weekend {
	COLOR: #952020;
}


/* Overs de los botones de la cabeza del calendario  */

.calendar THEAD .hilite {

	BORDER-RIGHT: #3e5b88 1px solid;

	PADDING-RIGHT: 1px;

	BORDER-TOP: #3e5b88 1px solid; /* #04f */

	PADDING-LEFT: 1px;

	BACKGROUND: #768c5e; /*  aaf */

	PADDING-BOTTOM: 1px;

	BORDER-LEFT: #3e5b88 1px solid;

	COLOR: #000;

	PADDING-TOP: 1px;

	BORDER-BOTTOM: #3e5b88 1px solid;

	cursor: pointer;

}

.calendar THEAD .active {

	PADDING-RIGHT: 0px;

	PADDING-LEFT: 2px;

	BACKGROUND: #77c;

	PADDING-BOTTOM: 0px;

	PADDING-TOP: 2px;

}

.calendar TBODY .day {

	PADDING-RIGHT: 4px;

	PADDING-LEFT: 2px;

	PADDING-BOTTOM: 2px;

	WIDTH: 2em;

	COLOR: #456;

	PADDING-TOP: 2px;

	TEXT-ALIGN: right;

	FONT-WEIGHT: bold;

}

.calendar TABLE .wn {

	BORDER-RIGHT: #000 1px solid;

	PADDING-RIGHT: 3px;

	PADDING-LEFT: 2px;

	BACKGROUND: #b9c9ab;

	PADDING-BOTTOM: 2px;

	PADDING-TOP: 2px;

}


.calendar TBODY .rowhilite TD {

	BACKGROUND: #d0d2c4;

}

.calendar TBODY .rowhilite TD.wn {

	BACKGROUND: #d0d2c4;

}

.calendar TBODY TD.hilite {

	BORDER-RIGHT: #bbb 1px solid;

	PADDING-RIGHT: 3px;

	BORDER-TOP: #bbb 1px solid;

	PADDING-LEFT: 1px;

	BACKGROUND: #dbdfd7;

	PADDING-BOTTOM: 1px;

	BORDER-LEFT: #bbb 1px solid;

	PADDING-TOP: 1px;

	BORDER-BOTTOM: #bbb 1px solid;

	cursor: pointer;

}

.calendar TBODY TD.active {

	PADDING-RIGHT: 2px;

	PADDING-LEFT: 2px;

	BACKGROUND: #cde;

	PADDING-BOTTOM: 0px;

	PADDING-TOP: 2px;

}

.calendar TBODY TD.selected {

	BORDER-RIGHT: #000 1px solid;

	PADDING-RIGHT: 3px;

	BORDER-TOP: #000 1px solid;

	PADDING-LEFT: 1px;

	FONT-WEIGHT: bold;

	BACKGROUND: #fff;

	PADDING-BOTTOM: 1px;

	BORDER-LEFT: #000 1px solid;

	COLOR: #000;

	PADDING-TOP: 1px;

	BORDER-BOTTOM: #000 1px solid;

}

.calendar TBODY TD.weekend {

	COLOR: #a66;

}

.calendar TBODY TD.today {

	COLOR: #3e5b88;

}

.calendar TBODY .disabled {

	COLOR: #999;

	FONT-WEIGHT: normal;

}

.calendar TBODY .emptycell {

	VISIBILITY: hidden;
}

.calendar TBODY .emptyrow {

	DISPLAY: none;

}

.calendar TFOOT .footrow {

	BACKGROUND: #556;

	COLOR: #fff;

	TEXT-ALIGN: center
}

.calendar TFOOT .ttip {

	PADDING-RIGHT: 1px;

	BORDER-TOP: #556 1px solid;

	PADDING-LEFT: 1px;

	BACKGROUND: #fff;

	PADDING-BOTTOM: 1px;

	COLOR: #445;

	PADDING-TOP: 1px;

}

.calendar TFOOT .hilite {

	BORDER-RIGHT: #04f 1px solid;

	PADDING-RIGHT: 1px;

	BORDER-TOP: #04f 1px solid;

	PADDING-LEFT: 1px;

	BACKGROUND: #aaf;

	PADDING-BOTTOM: 1px;

	BORDER-LEFT: #04f 1px solid;

	COLOR: #000;

	PADDING-TOP: 1px;

	BORDER-BOTTOM: #04f 1px solid;

}

.calendar TFOOT .active {

	PADDING-RIGHT: 0px;

	PADDING-LEFT: 2px;

	BACKGROUND: #77c;

	PADDING-BOTTOM: 0px;

	PADDING-TOP: 2px;

}

.combo {

	BORDER-RIGHT: #655 1px solid;

	BORDER-TOP: #655 1px solid;

	DISPLAY: none;

	FONT-SIZE: smaller;

	BACKGROUND: #def;

	LEFT: 0px;

	BORDER-LEFT: #655 1px solid;

	WIDTH: 4em;

	CURSOR: default;

	COLOR: #000;

	BORDER-BOTTOM: #655 1px solid;

	POSITION: absolute;

	TOP: 0px;

}

.combo .label {

	WIDTH: 100%;

	TEXT-ALIGN: center;

}

.combo .hilite {

	BACKGROUND: #acf;

}

.combo .active {

	BORDER-TOP: #46a 1px solid;

	FONT-WEIGHT: bold;

	BACKGROUND: #eef;

	BORDER-BOTTOM: #46a 1px solid;

}