﻿.newCalendarWrapper
{
    position: relative;
}

.newCalendarWrapper .imgbtn_showCalendar
{
    margin-bottom: 5px;
}

div.newCalendarPopUp
{
    position: absolute;
    display: block;
    z-index: 10;
    left: 153px;
}

div.newCalendarPopUp div.closeButton
{
    padding: 0px 5px;
    text-align: right;
}

div.newCalendarYearSelector
{
    position: relative;
    text-align: center;
    background-image: url('/images/calendar/year-selector.png');
    background-repeat: no-repeat;
    background-position: top left;
    height: 38px;
}

div.newCalendarYearSelector select
{
    margin-top: 9px;
}

div.newCalendar
{
    position: relative;
    display: block;
    background-color: Transparent;
    width: 218px;
    height: 172px;
    background-image: url('/images/calendar/background.png');
    background-position: top left;
    background-repeat: no-repeat;
}

table.newCalendar
{
    position: relative;
    top: 4px;
    margin: 0px auto;
    background-color: #FFF;
}

table.newCalendar td,
table.newCalendar th
{
    height: 10px;
    vertical-align: middle;
}

table.newCalendar a
{
    display: block;
    height: 10px;
    padding: 5px 0px;
    width: 100%;
    text-decoration: none;
}

table.newCalendar a:hover
{
    background-color: #999999;
}

table.newCalendar table
{
    border-collapse: collapse;
}

.newCalendarDayHeader
{
    padding: 5px 2px;
}

.newCalendarDay a
{
    display: block;
    height: 10px;
    padding: 5px 0px;
    width: 100%;
    text-decoration: none;
}

.newCalendarDay a:hover
{
    background-color: #999999;
}

.newCalendarOtherMonth
{
    background-color: #EFEFEF;
}

.newCalendarSelectedDay
{
    font-weight: bold;
}

.newCalendarTodayDay
{
    font-weight: bold;
}