﻿input.CalendarInput
{
    cursor: default;
}

div.Calendar
{
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 1px;
    background: #fafafa;
    border: 1px solid #abadb3;
    border-top: 1px solid #d3d5d9;
    border-left: 1px solid #d3d5d9;
    padding: 5px;
    width: 175px;
    z-index: 88;
}

div.Calendar a:hover
{
    text-decoration: none !important;
}

a.CalendarDay
{
    width: 25px;
    height: 18px;
    background: #f0f0f0;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    padding-top: 4px;
}

a.CalendarDay:hover
{
    background: #6c92cb;
    color: #ffffff !important;
}

a.CalendarOtherMonthDay
{
    width: 25px;
    height: 18px;
    color: #89bae7 !important;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    padding-top: 4px;
    background-color: #d9e4ed;
}

a.CalendarOtherMonthDay:hover
{
    background: #a9bad5;
    color: #ffffff !important;
}

a.CalendarOutOfRangeDay
{
    width: 25px;
    height: 18px;
    color: #d4d4d4 !important;
    background-color: #f1f1f1;
    display: inline-block;
    cursor: default;
    text-align: center;
    padding-top: 4px;
}

a.CalendarSelectedDay
{
    background: #c40500;
    width: 25px;
    height: 18px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    padding-top: 4px;
    color: #ffffff !important;
}

a.CalendarDecYear
{
    width: 20px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
}

a.CalendarDecMonth
{
    width: 20px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
}

a.CalendarIncMonth
{
    width: 20px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
}

a.CalendarIncYear
{
    width: 20px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
}

div.CalendarCurrent
{
    width: 95px;
    height: 20px;
    display: inline-block;
    cursor: default;
    text-align: center;
    vertical-align: middle;
    font-size: 11px;
}

div.CalendarButtonWrapper 
{
    position:relative;
    display:inline-block;
}

div.CalendarButton
{
    background-image: url('../Images/CalendarIcon.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 16px;
    display: inline-block;
    cursor: pointer;
    vertical-align: bottom;
    position:absolute;
    top:0px;
    bottom: 0px;
}

div.CalendarDayOfTheWeek
{
    width: 25px;
    height: 20px;
    display: inline-block;
    color: Black;
    text-align: center;
    vertical-align: middle;
    font-size: 10px;
    cursor: default;
}

div.CalendarSunday
{
    width: 25px;
    height: 20px;
    display: inline-block;
    color: Red;
    text-align: center;
    vertical-align: middle;
    font-size: 10px;
    cursor: default;
}