//efefef es el verde de los botones de hoy,cerrar ayuda;
//efe es el verde claro del calendario
DIV.calendar {
	POSITION: relative
}

.calendar {
	BORDER-RIGHT: #565 1px solid; BORDER-TOP: #565 1px solid; FONT-SIZE: 11px; BACKGROUND: #fffff0; BORDER-LEFT: #565 1px solid; CURSOR: default; COLOR: #000; BORDER-BOTTOM: #565 1px solid; FONT-FAMILY: tahoma,verdana,sans-serif;
}
.calendar TABLE {
	BORDER-RIGHT: #565 1px solid; BORDER-TOP: #565 1px solid; FONT-SIZE: 11px; BACKGROUND: #fffff0; BORDER-LEFT: #565 1px solid; CURSOR: default; COLOR: #000; BORDER-BOTTOM: #565 1px solid; FONT-FAMILY: tahoma,verdana,sans-serif;
}
.calendar .button {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 90%; BACKGROUND: #C6CFDE; PADDING-BOTTOM: 2px; COLOR: #000; PADDING-TOP: 2px; TEXT-ALIGN: center; //botones de crrar,hoy ayuda
}
.calendar .nav {
	BACKGROUND: url(menuarrow.gif) #C6CFDE no-repeat 100% 100%; //botones de navegacion
}
.calendar THEAD .title {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; BACKGROUND: #efefef; PADDING-BOTTOM: 2px; COLOR: #ca0000; PADDING-TOP: 2px; TEXT-ALIGN: center;
	//casilla donde esta el mes y el aņo
}
.calendar THEAD .headrow {
	
}
.calendar THEAD .name {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #565 1px solid; TEXT-ALIGN: center; //color de los nombres de los dias
}
.calendar THEAD .weekend {
	COLOR: #a66; //color de los nombres de fin de semana
}
.calendar THEAD .hilite {
	BORDER-RIGHT: #08246B 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #08246B 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #08246B 1px solid; COLOR: #000; PADDING-TOP: 1px; BORDER-BOTTOM: #08246B 1px solid; BACKGROUND-COLOR: #C1D2EE
}
.calendar THEAD .active {
	PADDING-RIGHT: 0px; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; PADDING-TOP: 2px; BACKGROUND-COLOR: blue; color:#ffffff;
}
.calendar THEAD .daynames {
	BACKGROUND: #efefef
}
.calendar TBODY .day {
	PADDING-RIGHT: 4px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WIDTH: 2em; COLOR: #564; PADDING-TOP: 2px; TEXT-ALIGN: right
}
.calendar TBODY .othermonth {
	FONT-SIZE: 80%; COLOR: #bbb
}
.calendar TBODY .oweekend {
	COLOR: #fbb
}
.calendar TABLE .wn {
	BORDER-RIGHT: #A5C7E7 1px solid; PADDING-RIGHT: 3px; PADDING-LEFT: 2px; BACKGROUND: #efefef; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
.calendar TBODY .rowhilite TD {
	BACKGROUND: #EAFAFF
}
.calendar TBODY .rowhilite TD.wn {
	BACKGROUND: #A5C7E7
}
.calendar TBODY TD.hilite {
	BORDER-RIGHT: #08246B 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #08246B 1px solid; PADDING-LEFT: 1px; BACKGROUND: #C1D2EE; PADDING-BOTTOM: 1px; BORDER-LEFT: #08246B 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #08246B 1px solid
}
.calendar TBODY TD.active {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BACKGROUND: #A5C7E7; 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: #f8fff8; 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: #00009c
}
.calendar TBODY .disabled {
	COLOR: #999
}
.calendar TBODY .emptycell {
	VISIBILITY: hidden
}
.calendar TBODY .emptyrow {
	DISPLAY: none
}
.calendar TFOOT .footrow {
	BACKGROUND: #565; COLOR: #fff; TEXT-ALIGN: center
}
.calendar TFOOT .ttip {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BACKGROUND: #C6CFDE; PADDING-BOTTOM: 2px; COLOR: #000; PADDING-TOP: 2px; border-top:1px solid #000;
}
.calendar TFOOT .hilite {
	BORDER-RIGHT: #084 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #084 1px solid; PADDING-LEFT: 1px; BACKGROUND: #afa; PADDING-BOTTOM: 1px; BORDER-LEFT: #084 1px solid; COLOR: #000; PADDING-TOP: 1px; BORDER-BOTTOM: #084 1px solid
}
.calendar TFOOT .active {
	PADDING-RIGHT: 0px; PADDING-LEFT: 2px; BACKGROUND: #7c7; PADDING-BOTTOM: 0px; PADDING-TOP: 2px
}
.calendar .combo {
	BORDER-RIGHT: #565 1px solid; BORDER-TOP: #565 1px solid; DISPLAY: none; FONT-SIZE: 90%; Z-INDEX: 100; BACKGROUND: #eafaff; LEFT: 0px; BORDER-LEFT: #565 1px solid; WIDTH: 4em; CURSOR: default; COLOR: #000; BORDER-BOTTOM: #565 1px solid; POSITION: absolute; TOP: 0px
}
.calendar .combo .label {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; TEXT-ALIGN: center
}
.calendar .combo .label-IEfix {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; TEXT-ALIGN: center
}
.calendar .combo .label-IEfix {
	WIDTH: 4em
}
.calendar .combo .hilite {
	BACKGROUND: blue; color: #ffffff;
}
.calendar .combo .active {
	BORDER-TOP: #6a4 1px solid; FONT-WEIGHT: bold; BACKGROUND: #C6CFDE; BORDER-BOTTOM: #6a4 1px solid
}
.calendar TD.time {
	PADDING-RIGHT: 0px; BORDER-TOP: #8a8 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BACKGROUND-COLOR: #eafaff; TEXT-ALIGN: center
}
.calendar TD.time .hour {
	BORDER-RIGHT: #898 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #898 1px solid; PADDING-LEFT: 4px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; BORDER-LEFT: #898 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #898 1px solid; BACKGROUND-COLOR: #fff
}
.calendar TD.time .minute {
	BORDER-RIGHT: #898 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #898 1px solid; PADDING-LEFT: 4px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; BORDER-LEFT: #898 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #898 1px solid; BACKGROUND-COLOR: #fff
}
.calendar TD.time .ampm {
	BORDER-RIGHT: #898 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #898 1px solid; PADDING-LEFT: 4px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; BORDER-LEFT: #898 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #898 1px solid; BACKGROUND-COLOR: #fff
}
.calendar TD.time .ampm {
	TEXT-ALIGN: center
}
.calendar TD.time .colon {
	PADDING-RIGHT: 2px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.calendar TD.time SPAN.hilite {
	BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; COLOR: #fff; BORDER-TOP-COLOR: #000; BACKGROUND-COLOR: #686; BORDER-RIGHT-COLOR: #000
}
.calendar TD.time SPAN.active {
	BORDER-LEFT-COLOR: #f00; BORDER-BOTTOM-COLOR: #f00; COLOR: #0f0; BORDER-TOP-COLOR: #f00; BACKGROUND-COLOR: #000; BORDER-RIGHT-COLOR: #f00
}

