﻿table.CalendarHeader, input.CalendarDateField, table.CalendarDays, table.CalendarMonths, td.CalendarMonths, td.SelectedMonth
{
	font-family: Arial;
}

table.CalendarHeader
{
	border-style: none;
	width: 100%;
}
/* Color for the header text*/
td.CalendarHeader
{
	text-align: center;
	font-size: 10pt;
	font-weight: bolder;
	color: #553622;/*Brown*/
}

td.CalendarX
{
	text-align: right;
	font-size: 10pt;
	font-weight: bolder;
}

a.CalendarX:link, a.CalendarX:visited, a.CalendarX:active
{
	text-decoration: none;
	color: White;
}

a.CalendarX:hover
{
	text-decoration: none;
	color: #efe6a1;
}

div.Calendar
{
	position: absolute; 
	z-index: 5; 
	visibility: hidden; 
	background-color: #a78e7d;
	width: 300px;
	border: solid 2px black;
}

div.CalendarDateField
{
	z-index: 1;
}

input.CalendarDateField
{
	font-size: 10pt;
	width: 80px;
}

div.CalendarContainer
{
	position: absolute;
}

table.CalendarMonths
{
	width: 100%;
	border-style: none;
}

td.CalendarMonths
{
	text-align: center;
	font-weight: bolder;
	font-family: Arial;
}

a.CalendarMonths:link, a.CalendarMonths:visited, a.CalendarMonths:active
{
	text-decoration: none;
	color: White;
}

a.CalendarMonths:hover
{
	text-decoration: none;
	color: #553622;
}

table.CalendarDays
{
	border-color: #333333;
	border-width: 0 0 1px 1px;
    border-style: solid;
	width: 100%;
}

td.CalendarCurrentMonthYear
{
	text-align: center;
	color: White;
	background-color: #553622;
}

td.DayOfWeek
{
	font-weight: bolder;
	border-color: #333333;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
	text-align: center;
}

tr.CalendarDay
{
	background-color: White;
}

td.CalendarDay
{
	text-align: center;
	border-color: #333333;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
}

a.CalendarDay:link, a.CalendarDay:visited, a.CalendarDay:active
{
	text-decoration: none;
	color: Blue;
}

a.CalendarDay:hover
{
	text-decoration: none;
	color: #cc6600;
}

td.SelectedMonth
{
	font-family: Arial;
	background-color: #553622;
	color: #efe6a1;
	text-align: center;
	font-weight: bold;
}

td.EmptyDay
{
	text-align: center;
	border-color: #333333;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
}

td.SelectedDay
{
	background-color: #553622;
	color: #efe6a1;
	text-align: center;
	font-weight: bold;
	border-color: #333333;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
}

td.PastDay
{
	color: #8F8F8F;
	text-align: center;
	border-color: #333333;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
}

