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;
	
}

.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 {

	FONT-WEIGHT: bold; 
	
	COLOR: #3e5b88;
	
}

.calendar TBODY .disabled {

	COLOR: #999;
	
}

.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;
	
}