﻿div.datepicker {
    /*
     position: relative;
     position: absolute;
     width: 240px !important;
     height: 215px !important;
     
     */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px !important;
    cursor: default;
    top: 0;
    left: 0;
    display: none;
	/*
    margin: -20px 0 0 -10px;
    */
}

.datepickerContainer {
    background: #f4f4f4;
    /* position: absolute; 
    top: 10px;
    left: 10px;
    */
}

.datepickerBorderT {
    /* position: absolute;
     left: 10px;
     top: 0;
     right: 10px;
     height: 10px;*/
    background: url(../images/datepicker_t.png);
    display: none;
}

.datepickerBorderB {
    /* position: absolute;
     left: 10px;
     bottom: 0;
     right: 10px;
     height: 10px;*/
    background: url(../images/datepicker_b.png);
    display: none;
}

.datepickerBorderL {
    /* position: absolute;
     left: 0;
     bottom: 10px;
     top: 10px;
     width: 10px; */
    display: none;
    background: url(../images/datepicker_l.png);
}

.datepickerBorderR {
    /* position: absolute;
     right: 0;
     bottom: 10px;
     top: 10px;
     width: 10px; */
    display: none;
    background: url(../images/datepicker_r.png);
}

.datepickerBorderTL {
    /* position: absolute;
     top: 0;
     left: 0;
     height: 10px;
     width: 10px; */
    display: none;
    background: url(../images/datepicker_tl.png);
}

.datepickerBorderTR {
    /* position: absolute;
     top: 0;
     right: 0;
     height: 10px;
     width: 10px; */
    display: none;
    background: url(../images/datepicker_tr.png);
}

.datepickerBorderBL {
    /* position: absolute;
     bottom: 0;
     left: 0;
     width: 10px;
     height: 10px; */
    display: none;
    background: url(../images/datepicker_bl.png);
}

.datepickerBorderBR {
    /* position: absolute;
     bottom: 0;
     right: 0;
     width: 10px;
     height: 10px;
     */
    display: none;
    background: url(../images/datepicker_br.png);
}

.datepickerHidden {
    display: none;
}

div.datepicker table {
    border-collapse: collapse;
}

div.datepicker a {
    color: #0d70bd;
    outline: none;
}

div.datepicker table td {
    text-align: right;
    
    padding: 5px;
    margin:  0px;
}

div.datepicker table TH {
    font-size: 75%;
}

div.datepicker th {
    text-align: center;
    color: #6f6f6f;
    font-weight: bold;
}

div.datepicker tbody th {
    text-align: left;
}

div.datepicker tbody a {
    display: block;
}

/*.datepickerDays TD, .datepickerDoW TH {border:1px solid red;}*/
.datepickerDoW TH {
    text-align: right !important;
    padding-top: 4px;
}

.datepickerDays a {
    /*
     width: 4px;
     line-height: 16px;
     height: 3px;
     padding-right: 2px;
     */
}

.datepickerYears a, .datepickerMonths a {
    /*
     width: 44px;
     line-height: 36px;
     height: 36px;
     text-align: center;
     */
}

td.datepickerNotInMonth a {
    color: #000000;
    text-decoration: none;
    cursor: default;
    display: none !important;
}

td.datepickerNotInMonth2 a {
    color: #999;
    text-decoration: none;
    cursor: default;
}

td.datepickerNotInMonth2 a:hover {
    color: #999 !important
}

tbody.datepickerDays td.datepickerSelected {
    /*background: #136A9F;*/
}

tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
    /*background: #17384d;*/
}

tbody.datepickerYears td.datepickerSelected, tbody.datepickerMonths td.datepickerSelected {
    background: #17384d;
}

div.datepicker a:hover, div.datepicker a:hover {
    color: #88c5eb;
}

div.datepicker td.datepickerNotInMonth a:hover {
    color: #000;
}

div.datepicker tbody th {
    text-align: left;
}

.datepickerSpace div {
	/*
    width: 20px;
    */
}

.datepickerGoNext a, .datepickerGoPrev a, .datepickerMonth a {
    text-align: center;
	/*
    height: 20px;
    line-height: 20px;
    */
}

.datepickerGoNext a {
    float: right;
	/*
    width: 20px;
    */
}

.datepickerGoPrev a {
    float: left;
	/*
    width: 20px;
    */
}

table.datepickerViewDays tbody.datepickerMonths, table.datepickerViewDays tbody.datepickerYears {
    display: none;
}

table.datepickerViewMonths tbody.datepickerDays, table.datepickerViewMonths tbody.datepickerYears, table.datepickerViewMonths tr.datepickerDoW {
    display: none;
}

table.datepickerViewYears tbody.datepickerDays, table.datepickerViewYears tbody.datepickerMonths, table.datepickerViewYears tr.datepickerDoW {
    display: none;
}

td.datepickerDisabled a, td.datepickerDisabled.datepickerNotInMonth a {
    color: #333;
}

td.datepickerDisabled a:hover {
    color: #333;
}

td.datepickerSpecial a {
    background: #700;
}

td.datepickerSpecial.datepickerSelected {
    /*background: #e1ad50;*/
}

td.datepickerSpecial.datepickerSelected A, td.datepickerSpecial.datepickerSelected A:hover { /*color:#fff;*/
}

.tdmonth TD {
	/*
    padding: 5px !important;
    */
}
