/*
 The outer rectangular container that supplies the border around the calendar element.
Child Css classes: .ajax__calendar_header,.ajax__calendar_body,.ajax__calendar_footer.
*/
.MyCalendar .ajax__calendar_container {
    width:184px;
    /*background:#C9CFD3;*/
    background:#FFFFFF;
    border:1px solid #C9CFD3;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    } 

/*
A container element that holds the next and previous arrows and the title of the current view. 
Child Css classes: .ajax__calendar_prev, .ajax__calendar_title, .ajax__calendar_next. 
*/
.MyCalendar .ajax__calendar_header {
    background:#C9CFD3;
    padding:3px 0px 0px 0px;
    } 

/*
An element that displays the arrow to view the previous set of data in the view (previous month/year/decade). 
Child Css classes: none.
*/
.MyCalendar .ajax__calendar_prev {} 

/*
An element that displays the title of the current view (month name, year, decade). 
Child Css classes: none.
*/
.MyCalendar .ajax__calendar_title {}

/*
An element that displays the arrow to view the previous set of data in the view (previous month/year/decade). 
Child Css classes: none.
*/
.MyCalendar .ajax__calendar_next {} 

/*
A container element that holds the days, months, and years panes. 
Also provides a fixed rectangle with hidden overflow that is used for transitioning between views (next/previous month, or days/months/years).
Child Css class: .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years. 
*/
.MyCalendar .ajax__calendar_body {} 

/*
A container element that holds the layout for the days in a month. 
Child Css classes: .ajax__calendar_dayname, .ajax__calendar_day
*/
.MyCalendar .ajax__calendar_days {}  

/*
An element that displays the short name of the day of the week. 
Child Css classes: none.
*/
.MyCalendar .ajax__calendar_dayname {}

/*
An element that displays the day of the month. 
Child Css classes: none
*/
.MyCalendar .ajax__calendar_day {
    font: normal 10px/12px Verdana;
    color:#000000;
  } 

/*
A container element that holds the layout for the months in a year. 
Child Css classes: .ajax__calendar_month
*/
.MyCalendar .ajax__calendar_months {} 

/*
An element that displays the month of the year. 
Child Css classes: none
*/
.MyCalendar .ajax__calendar_month {}  

/*
A container element that holds the layout for the years in a decade. 
Child Css classes: .ajax__calendar_year.
*/
.MyCalendar .ajax__calendar_years {} 

/*
An element that displays the year in a decade. 
Child Css classes: none
*/
.MyCalendar .ajax__calendar_year {} 

/*
A container element that holds the current date. 
Child Css classes: .ajax__calendar_today
*/
.MyCalendar .ajax__calendar_footer {
    padding:0px 0px 3px 0px;
    }

/*
An element that displays the current date. 
Child Css classes: none.
*/
.MyCalendar .ajax__calendar_today {}

/*
This is applied to an element in the DOM above a day, month or year and is used to apply CSS attributes that show a hover state. 
Child Css classes: .ajax__calendar_day, .ajax__calendar_month, .ajax__calendar_year 
*/
.MyCalendar .ajax__calendar_hover {}

/*
This is applied to an element in the DOM above a day, month or year and is used to apply CSS attributes that show the currently selected value. 
Child Css classes: .ajax__calendar_day, .ajax__calendar_month, .ajax__calendar_year. 
*/
.MyCalendar .ajax__calendar_active {
    background:#7DACB5;
    }

/*
This is applied to an element in the DOM above a day or year that is outside of the current view (day not in the visible month, year not in the visible decade). 
Child Css classes: .ajax__calendar_day, .ajax__calendar_year. 
*/
.MyCalendar .ajax__calendar_other {}