﻿#dacalendar{
    display:inline-block;
    width:100%;
    max-width:355px;
    border:1px solid silver;
    padding:16px;
    border-radius:7px;
}

#calheader {
    display: inline-block;
    font-weight:bold;
}

#caltable {
    margin-top: 8px;
    border-collapse: collapse;
    font-size: small;
}

    #caltable th, #caltable td {
        text-align: center;
        vertical-align: middle;
        width: 62.5px;
        height: 30px;
        border: 1px solid white;
    }

        #caltable td.date:hover {
            cursor: pointer;
            background-color: gold;
            xfont-weight: bold;
        }

    #caltable .weeknr {
        font-size: small;
        background-color: lightgray;
        color: gray;
    }

    #caltable .normal {
        background-color: white;
    }

    #caltable .sat {
        background-color: #ffd0a3;
    }

    #caltable .sun {
        background-color: #ffbbbb;
    }

    #caltable .outofrange {
        background-color: white;
        color: lightgray;
    }

    #caltable .selected {
        background-color: black !important;
        color: white !important;
        font-weight: bold !important;
        border: 1px solid black !important;
    }
#calbuttons *{
    font-size:85% !important;
}