#calendar {
        width: 95%;
        padding: 10px;
        margin: 10px auto;
    }
    #calendar table {
        width: 100%;
    }
    #calendar table th {
        background-color: #CCCCCC;
        border: 1px solid black;
        font-size: 11pt;
    }
    #calendar table td {
        background-color: #FFDDFF;
        border: 1px solid black;
        font-size: 10pt;
    }
    
    #calendar p {
        font-size: 24pt;
        font-style: italic;
        text-align: center;
        margin: 0;
        padding: 10px 5px;
    }
    #month {
        clear: both;
    }
    .dow {
        float: left;
        width: 70px;
        height: 25px;
        border: 1pt solid black;
        background-color: #CCCCCC;
        text-align: center;
        font-weight: bold;
        padding: 2px;
    }
    .daydiv {
        float: left;
        width: 70px;
        height: 150px;
        border: 1pt solid black;
        padding: 2px;
    }
    .day {
        float: left;
    }
    .valid {
        background-color: #EEEEEE;
    }
    #nav {
        width: 100%;
    }
    #nav div { 
        margin: 5px 4px;
        padding: 0;
        font-size: 11pt;
    }            
    #nav .navPrev {
        float: left;
    }
    #nav .navNext {
        float: right;
    }
    #nav .navNumber{
        width: 100%;
        text-align:center;
    }
    .diff {
        clear: both;
        font-size: 8pt;
        text-align: center;
        padding: 2px 1px;
        margin: 2px 0;
    }
    
    .PPSbtn {
        clear: both;

        text-align: center;
        padding: 1px 1px;
        background-color: #FFFF66;
        border: 1px solid #996600;

        margin: 1px 0;
    }
    
    .PPSbtn a {
        text-decoration: none;
        font-size: 10pt;  
    }
    
    
    .input {
        float: left;
        padding: 0 5px;
    }
    .input select {
        display: block;
        width: 100px;
    }
    .input label {
        display: block;
        font-size: 10pt;
    }
    #calendar button {
        margin-top: 1em;
    }