test/aria/widgets/calendar/rangeCalendar/RangeDatePickerStyle.tpl.css
/*
 * Copyright 2014 Amadeus s.a.s.
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
{CSSTemplate {
    $classpath:"test.aria.widgets.calendar.rangeCalendar.RangeDatePickerStyle"
}}
    {macro main()}

.date {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    float: left;
    font-family: Verdana;
    font-size: 12px;
    margin-right: 10px;
    padding: 0;
    position: relative;
    color: #787876;
    height: 44px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 110px;
}

.date.selected {
    border: 1px solid #005eb8;
}

.date:hover {
    border: 1px solid #00a9e0;
}

.date .day {
    display: inline-block;
    color: #005eb8;
    font-size: 30px;
    font-weight: bold;
    line-height: 44px;
    text-align: right;
    width: 45px;
}

.date span {
    vertical-align:middle;
}

.date div {
    display: inline-block;
    height: 26px;
    margin: 9px 0 0;
    text-align: left;
    width: 60px;
    float: right;
    position: relative;
}

.date .weekday {
    display: block;
    font-size: 8px;
    font-weight: 200;
    line-height: 8px;
    margin-left: -2px;
}
.date .month {
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
}

.date .year {
    font-size: 12px;
    font-weight: 200;
    line-height: 12px;
}

    {/macro}

{/CSSTemplate}