﻿.DateCalendarSelector
{
    width: 270px;
}
.DateCalendarCalendarTable,.DateCalendarCalendarHeaderTable
{
    width: 100%;
}
.DateCalendarSelectorHeaderClass
{
    color: #FFFFFF;
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px;
	font-family: Verdana, Arial;
	font-size: 11px;
	text-align: center;
	height: 22px;
	background-color: #2E3092;
}
.DateCalendarSelectorHeaderNavigationClass
{
    cursor: default;
    width: 13%;
}
.DateCalendarHeaderMiddleCell
{
    width: 74%;
}
.DateCalendarSelectorDateMouseOverClass
{
	color: #FFFFFF;
	background-color: #00AABC;
	font-family: Verdana, Arial;
	font-size: 11px;
	border: solid 1px #CCCCCC;
	text-align: center;
}
.DateCalendarSelectorDateMouseOutClass
{
	background-color:#FFFFFF;
    border:1px solid #CCCCCC;
    color:#666666;
    font-family:Verdana,Arial;
    font-size:11px;
    text-align:center;
}
.DateCalendarSelectorSelectedDateClass
{
	background-color: #EE2A7B;
    border:1px solid #CCCCCC;
    color:#FFFFFF;
    font-family:Verdana,Arial;
    font-size:11px;
    text-align:center;
}
.DateCalendarSelectorCurrentDateClass
{
	color: #FFFFFF;
	background-color: #B0B8C6;
	font-family: Verdana, Arial;
	font-size: 11px;
	border: solid 1px #CCCCCC;
	text-align: center;
}
.DateCalendarSelectorLockedDateClass
{
	background-color:#FFFFFF;
    border:1px solid #CCCCCC;
    color:#CCCCCC;
    font-family:Verdana,Arial;
    font-size:11px;
    text-align:center;
}
.DateCalendarSelectorDayRowClass
{
	color: #ffffff;
	background-color: #00AABC;
	font-family: Verdana, Arial;
	font-size: 11px;
	border: solid 1px #CCCCCC;
	text-align: center;
	height: 22px;
}
.DateCalendarSelectorWeekColumnClass
{
	height: 22px;
	background-color: #00AABC;
    border:1px solid #CCCCCC;
    color:#FFFFFF;
    font-family:Verdana,Arial;
    font-size:11px;
    text-align:center;
}
.DateCalendarSelectorWeekMouseOverClass
{
	color: #FFFFFF;
	background-color: #C5CFDB;
	font-family: Verdana, Arial;
	font-size: 11px;
	border: solid 1px #CCCCCC;
	text-align: center;
	height: 22px;
}
.DateCalendarSelectorSelectedWeekClass
{
	color: #FFFFFF;
	background-color: #FFCB05;
	font-family: Verdana, Arial;
	font-size: 11px;
	border: solid 1px #CCCCCC;
	text-align: center;
	height: 22px;
}
.DateCalendarAnimationContainer
{
    width: 272px;
    height: 185px;
    overflow: hidden;
    position: relative;
}