﻿.datePicker
{
    float:left;
    position:relative;
}

.datePickerLabel
{
    float:left;
    margin:2px 5px 0px 0px;
}

.datePickerTextBox
{
    float:left;
    height:20px;
    padding:0 20px 0 2px;
    border:1px solid #ccc;
}

.datePickerButton
{
    position:absolute;
    top:1px;
    right:2px;
    height:16px;
    padding:2px 0px 2px 0px;
    cursor:pointer;
}

.datePickerDates
{
    position:fixed;
    width:186px;
    background:#ebf0f2;
    border:1px solid #999;
    border-radius:5px;
    -moz-box-shadow: 0 0 15px 5px rgba(0,0,0,0.10);
    -webkit-box-shadow: 0 0 15px 5px rgba(0,0,0,0.10);
    box-shadow: 0 0 15px 5px rgba(0,0,0,0.10);
    z-index: 10;
    font-size:11px;
}

.datePickerDates .months
{
    width:186px;
    height:18px;
    clear:both;
    background:#C3D9FF;
}

.datePickerDates .months > div
{
    float:left;
    width:156px;
}

.datePickerDates .months > div > span
{
    display:block;
    text-align:center;
    /*width:150px;*/
}

.datePickerDates .months .previous
{
    cursor:pointer;
    float:left;
    clear:left;
    width:15px;
    height:15px;
}

.datePickerDates .months .previous:after
{
    float:right;
    content:"<";
}

.datePickerDates .months .next
{
    cursor:pointer;
    float:right;
    width:15px;
    height:15px;
}

.datePickerDates .months .next:after
{
    float:left;
    content:">";
}

.datePickerDates .calendar
{
    clear:both;
}

.datePickerDates .calendar .week
{
    clear:left;
    margin-right:1em;
    margin-left:.7em;
    cursor:default;
}

.datePickerDates .calendar div
{
    float:left;
    margin:2px;
    padding:1px;
    width:14px;
    text-align:right;
    cursor:pointer;
}

.datePickerDates .calendar .weekDay
{
    cursor:default;
    color:#666;
    text-align:right;
}

.datePickerDates .calendar .selected
{
    border:1px solid #f00;
}

.datePickerDates .calendar .redDay
{
    color:#f00;
}

.datePickerDates .calendar .highlight
{
    color:#00f;
}

.datePickerDates .calendar .highlight2
{
    font-weight:bold;
}

.datePickerDates .calendar .notValid
{
    cursor:default;
    color:#ccc;
}

.datePickerDates .buttons
{
    clear:both;
    text-align:center;
    cursor:pointer;
    margin:10px auto;
    width:120px;
    position:relative;
}

.datePickerDates .buttons div
{
    float:left;
    border-radius:3px;
    margin:6px 3px 6px 3px;
    padding:1px 4px 1px 4px;
    background:#C3D9FF;
}