/* The main calendar widget. DIV containing a table. */

.calendar { position: relative; display: none; border: 1px solid #A2C0BC; background: #FFF; font-family: Tahoma, Arial, sans-serif; padding: 0; color: #274D45; }
.calendar TABLE { border: 1px solid #FFF; }
.calendar TD { font-size: 10px; text-align: center; vertical-align: middle; width: 24px; height: 21px; border: 1px solid #FFF; }


/* Header part -- contains navigation buttons and day names. */

	/* "<<", "<", ">", ">>" buttons have this class */
.calendar .button { background: #A2C0BC; color: #274D45; font-size: 11px;}
.calendar .nav { background: #A2C0BC; color: #274D45; }
.calendar THEAD .title { font-weight: bold; border: 1px solid #FFF; background: #274D45; color: #fff; }
	/* Row <TR> containing navigation buttons */
.calendar THEAD .headrow {}
	/* Row <TR> containing the day names */
.calendar THEAD .daynames {}
	/* Cells <TD> containing the day names */
.calendar THEAD .name { background: #d7d7d7; color: #626262; border-top-width: 1px !important; border-top-width: 0;}
	/* How a weekend day name shows in header */
.calendar THEAD .weekend { background: #e3c3c3; }
	/* How do the buttons in header appear when hover */
.calendar THEAD .hilite { background: #81ada8; color: #FFF; cursor: pointer; }
	/* Active (pressed) buttons in header */
.calendar THEAD .active { background: #E34C4F; }


/* The body part -- contains all the days in month. */

	/* Cells <TD> containing month days dates */
.calendar TBODY .day { background: #ecf2f1; }
.calendar TBODY .day.othermonth { color: red; }
.calendar TBODY .day.othermonth.oweekend { color: blue; }
.calendar table .wn { background: #ddd; color: #666; }
.calendar TBODY .rowhilite TD { background: #D0DFDD; }
.calendar TBODY .rowhilite TD.wn { background: #ccc; }
.calendar TBODY .rowhilite TD.weekend { background: #e6a8a8; }
	/* Hovered cells <TD> */
.calendar TBODY TD.hilite { background: #A2C0BC !important; color: #274D45 !important; cursor: pointer; }
	/* Active (pressed) cells <TD> */
.calendar TBODY TD.active { background: #E34C4F !important; color: #FFF !important; }
	/* Cell showing selected date */
.calendar TBODY TD.selected { font-weight: bold; background: #E34C4F !important; color: #FFF !important; }
	/* Cells showing weekend days */
.calendar TBODY TD.weekend { color: #d9261c; background: #fbf1f1; }
	/* Cell showing today date */
.calendar TBODY TD.today { font-size: 11px; font-weight: bold; background: #fbda77; color: #e34c4f; }
.calendar TBODY .disabled { color: #999; }
	/* Empty cells (the best is to hide them) */
.calendar TBODY .emptycell { visibility: hidden; }
	/* Empty row (some months need less than 6 rows) */
.calendar TBODY .emptyrow {	display: none; }


/* The footer part -- status bar and "Close" button */

	/* The <TR> in footer (only one right now) */
.calendar TFOOT .footrow {}
	/* Tooltip (status bar) cell <TD> */
.calendar TFOOT .ttip { background: #eeeeee; border-top: 2px solid #FFF; }
	/* Hover style for buttons in footer */
.calendar TFOOT .hilite {}
	/* Active (pressed) style for buttons in footer */
.calendar TFOOT .active {}


/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo { position: absolute; display: none; top: 0px; left: 0px; border: 1px solid #274D45; background: #FFF; padding: 1px; z-index: 100; font-size: 10px; width: 50px; }
.calendar .combo .label,
.calendar .combo .label-IEfix { text-align: center; padding: 1px; }
.calendar .combo .label-IEfix { padding: 2px 10px; }
* HTML .calendar .combo .label-IEfix { height: 1px; }
.calendar .combo .active { background: #274D45; color: #FFF; }
.calendar .combo .hilite { background: #d0dfdd; color: #274D45; cursor: pointer; }
.calendar TD.time { text-align: center; background-color: #e8f0f4; }
.calendar TD.time .hour,
.calendar TD.time .minute,
.calendar TD.time .ampm { text-align: center; font-weight: bold; background-color: #fff; }
.calendar TD.time .colon { padding: 0px 2px 0px 3px; font-weight: bold; }
.calendar TD.time SPAN.hilite { border-color: #000; background-color: #667; color: #fff; }
.calendar TD.time SPAN.active { border-color: #f00; background-color: #000; color: #0f0; }


/* New */

.calendarSpan INPUT 
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: black;
    text-decoration: none;
	vertical-align: text-bottom;
}

/* Header */
.cHeader { background: #A2C0BC; color: #274D45; font-size: 11px; font-weight: bold;}
.cDayHeaders { background: #d7d7d7; color: #626262; border-top-width: 1px !important; border-top-width: 0; text-transform:uppercase;}

.cDay { background: #ecf2f1; padding: 5px;}
.cDayWeekend { color: #d9261c; background: #fbf1f1; padding: 5px;}
.cDayOtherMonth { color: #d7d7d7; background: #ffffff; padding: 5px;}
.cDayOtherMonthWeekend { color: #d7d7d7; background: #ffffff; padding: 5px;}
.cDaySelected { font-weight: bold; background: #E34C4F !important; color: #FFF !important; padding: 5px;}
.cDayToday { font-size: 11px; font-weight: bold; background: #fbda77; color: #e34c4f; padding: 5px;}

/* Year/Month select popup */
.cMonthYear { background: #ecf2f1; padding: 5px; }
.cMonthYearSelected { font-weight: bold; background: #E34C4F !important; color: #FFF !important;}
.cMonthYearButton { background: #A2C0BC; color: #274D45; font-size: 11px; font-weight: bold;}


/* Ajax Cotrol Toolkit */
.iiziCalendar .ajax__calendar_container {
    border:1px solid #79808a;
    background-color: #ECEDF9;
    color: #ec008c;
}

.iiziCalendar .ajax__calendar_day,
.iiziCalendar .ajax__calendar_days,
.iiziCalendar .ajax__calendar_months,
.iiziCalendar .ajax__calendar_years
{
	color: #ec008c;
}

.iiziCalendar .ajax__calendar_other .ajax__calendar_day,
.iiziCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.iiziCalendar .ajax__calendar_hover .ajax__calendar_day,
.iiziCalendar .ajax__calendar_hover .ajax__calendar_title,
.iiziCalendar .ajax__calendar_hover .ajax__calendar_today,
.iiziCalendar .ajax__calendar_hover .ajax__calendar_month,
.iiziCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: #0077be;
}


.iiziCalendar .ajax__calendar_dayname { color: #79808a; }

.iiziCalendar .ajax__calendar_active .ajax__calendar_day,
.iiziCalendar .ajax__calendar_active .ajax__calendar_month,
.iiziCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}