<a:skin xmlns:a="http://ajax.org/2005/aml"><a:calendar name="calendar">
    <a:style><![CDATA[
        .calendar {
            position         : absolute;
            top              : 0;
            left             : 0;
            border           : 1px solid #b2b2b2;
            z-index          : 1000;
            font-family      : Tahoma, Arial;
            background-color : white;
            font-size        : 11px;
            display          : block;
            overflow         : hidden;
            padding          : 3px;
            width            : 200px;
        }

        .calendar .navigation {
            height   : 20px;
            position : relative;
            width    : 100%;
        }

        .calendar .navigation .nextMonth,
        .calendar .navigation .prevMonth,
        .calendar .navigation .nextYear,
        .calendar .navigation .prevYear,
        .calendar .navigation .today {
            width               : 13px;
            height              : 17px;
            padding-top         : 3px;
            position            : absolute;
            background-position : 50% 50%;
            background-repeat   : no-repeat;
            text-align          : center;
            cursor              : pointer;
        }

        .calendar .navigation .nextMonth:hover,
        .calendar .navigation .prevMonth:hover,
        .calendar .navigation .nextYear:hover,
        .calendar .navigation .prevYear:hover,
        .calendar .navigation .today:hover {
            background-color : #ebebeb;
        }

        .calendar .navigation .status {
            width       : 100px;
            padding-top : 3px;
            height      : 17px;
            position    : absolute;
            margin-left : -50px;
            left        : 50%;
            text-align  : center;
        }

        .calendar .navigation .nextMonth {
            right            : 19px;
            top              : 0;
            background-image : url(images/calendar_m_plus.png);
        }

        .calendar .navigation .prevMonth {
            left             : 19px;
            top              : 0;
            background-image : url(images/calendar_m_minus.png);
        }

        .calendar .navigation .nextYear {
           right            : 3px;
           top              : 0;
           background-image : url(images/calendar_y_plus.png);
        }

        .calendar .navigation .prevYear {
            left             : 3px;
            top              : 0;
            background-image : url(images/calendar_y_minus.png);
        }

        .calendar .navigation .today {
            right : 35px;
            top   : 0;
        }

        .calendar .daysofweek {
            position : relative;
            width    : 100%;
        }

        .calendar .daysofweek .dayofweek {
            padding             : 1px;
            margin              : 0 1px 0 1px;
            display             : inline-block;
            position            : relative;
            text-align          : center;
            border              : 1px solid #b2b2b2;
            background-image    : url(images/calendar_big.jpg);
            background-position : 50% 50%;
            background-repeat   : no-repeat;
            background-color    : #dadada;
            cursor              : pointer;
            display             : inline-block;
        }

        .calendar .calcontent {
            width    : 100%;
            position : relative;
            overflow : hidden;
        }

        .calendar .calcontent .row {
            margin-top : 2px;
            position   : relative;
            overflow   : hidden;
        }

        .calendar .calcontent .row .cell {
            padding             : 1px;
            margin              : 0 1px 0 1px;
            display             : inline-block;
            position            : relative;
            text-align          : center;
            border              : 1px solid #b2b2b2;
            background-image    : url(images/calendar_big.jpg);
            background-position : 50% 50%;
            background-repeat   : no-repeat;
            background-color    : #dadada;
            cursor              : pointer;
        }

        .calendar .calcontent .row .disabled {
            border           : 1px solid white;
            color            : #e1e1e1;
            background-color : white;
            background-image : none;
        }

        .calendar .calcontent .row .weekend {
            color            : #ed1c24;
            background-color : #dadada;
            border           : 1px solid #b2b2b2;
        }

        .calendar .calcontent .row .active {
            border           : 1px solid black;
            background-color : #b7b7b7;
            background-image : url(images/calendar_big_sel.jpg);
        }

        .calendar .calcontent .row .hover {
            border           : 1px solid #a09d9d;
            background-color : #cac8c9;
            opacity          : 0.7;
        }

    ]]></a:style>
    <a:style condition="apf.isIE">
        .calendar .calcontent .row .cell {
            float : left;
        }
        .calendar .daysofweek .dayofweek {
            float : left;
        }
    </a:style>

    <a:presentation>
        <a:main contnainer="." navigation="div[1]" daysofweek="div[2]" content="div[3]">
            <div class="calendar">
                <div class="navigation"> </div>
                <div class="daysofweek"> </div>
                <div class="calcontent"> </div>
            </div>
        </a:main>
        <a:cell>
            <div class="cell"> </div>
        </a:cell>
        <a:row>
            <div class="row"> </div>
        </a:row>
        <a:day>
            <div class="dayofweek"> </div>
        </a:day>
        <a:button>
            <div class="button"> </div>
        </a:button>
        <a:empty caption="text()">
            <div class="empty">-</div>
        </a:empty>
    </a:presentation>
</a:calendar></a:skin>