.dtcal {  
    background-color : #d0d0d0;
    border : 1px solid #000;
    width: 180px;
    height: 160px;
}

.dtcal td {
    background-color : #fff;
    color : #000;
    font-size : 10px;
    height : 14px;
    text-align : center;
    vertical-align : middle;
    width : 20px;
}

.dtcal a:link,
.dtcal a:visited,
.dtcal a:active,
.dtcal a:hover {
    color : #000;
    text-decoration : none;
}

.dtcal .head td {
    background-color : #d0d0d0;
    font-weight : bold;
    width : auto;
}

.dtcal .week {
    background-color : #fff0f0;
}

/* week-end*/
.dtcal .we {
    background-color : #e0e0e0;
    font-weight : bold;
}

.dtcal .noday {
    background-color : #f6f6f6;
}

.dtcal .nodaywe {
    background-color : #e8e8e8;
}

/* today */
.dtcal .to,
.dtcal .to a:link,
.dtcal .to a:visited,
.dtcal .to a:active,
.dtcal .to a:hover {
    color : #f00;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : bold;
}

/* today is weekday */
.dtcal .towe,
.dtcal .towe a:link,
.dtcal .towe a:visited,
.dtcal .towe a:active,
.dtcal .towe a:hover {
    background-color : #e0e0e0;
    color : #f00;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : bold;
}

/* selected day */
.dtcal .tos,
.dtcal .tos a:link,
.dtcal .tos a:visited,
.dtcal .tos a:active,
.dtcal .tos a:hover {
    background-color: black;
    color : white;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : bold;
}
/* selected day */
.dtcal .toswe,
.dtcal .toswe a:link,
.dtcal .toswe a:visited,
.dtcal .toswe a:active,
.dtcal .toswe a:hover {
    background-color: black;
    color : white;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : bold;
}

.dtcal .tth, .ttm, .tts {
    font-size: 9px;
}


/* range */
.dtcal .range,
.dtcal .range a:link,
.dtcal .range a:visited,
.dtcal .range a:active,
.dtcal .range a:hover {
    background-color : #aaa;
}

/* range is weekend */
.dtcal .rangewe,
.dtcal .rangewe a:link,
.dtcal .rangewe a:visited,
.dtcal .rangewe a:active,
.dtcal .rangewe a:hover {
    background-color : #aaa;
    font-weight : bold;
}

/* range today */
.dtcal .rangeto,
.dtcal .rangeto a:link,
.dtcal .rangeto a:visited,
.dtcal .rangeto a:active,
.dtcal .rangeto a:hover,
/* range today is weekend */
.dtcal .rangetowe,
.dtcal .rangetowe a:link,
.dtcal .rangetowe a:visited,
.dtcal .rangetowe a:active,
.dtcal .rangetowe a:hover {
    background-color : #aaa;
    color : #f00;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : bold;
}