/* CSS Document */

/* sets the width in pixels
overflow should be auto or scroll
the margin left and right commands specify how the dates area will fit into the available space. If both are set to auto the dates table will be centered. You can enter auto, a px (pixel) amount, or percentage. The default is auto.
*/

.hscalendar {
    width: auto !important;
    height: auto !important;
    overflow: auto !important;
    padding: 10px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* this the table info with default type features
border sets the color and width of the strokes
width sets the table width inside the area specified above
font sets the sixe of the type and line spacing
*/

div#newrevival444cscal {
    border: solid #999999 0px !important;
    background: none !important;
    width: 98% !important;
    font: 11px/1.4 Arial, Tahoma, Verdana, sans-serif !important;
    color: #333333 !important;
}

    /* This sets font info for type and link text

*/
    div#newrevival444cscal p, div#newrevival444cscal a {
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 11px !important;
    }

    /* more specific settings for paragraph type

*/

    div#newrevival444cscal p {
        font-weight: normal !important;
        text-align: left !important;
        background: none !important;
        margin: 0px !important;
        padding: 3px !important;
        color: #000000 !important;
    }

    /* this centers the phone number  */

    div#newrevival444cscal .phone {
        text-align: center !important;
    }

    /* settings for table head */
    div#newrevival444cscal thead {
        height: 20px !important;
    }

    /* settings for individual cells */

    div#newrevival444cscal td {
        border: solid #666666 1px !important;
    }

    /* settings for header cells */

    div#newrevival444cscal th {
        border-style: solid !important;
        border-color: black !important;
        border-width: 1px !important;
        background-color: #353535 !important;
    }

    /* settings for table borders */

    div#newrevival444cscal table {
        border-style: none !important;
    }

    div#newrevival444cscal table {
        border-collapse: collapse !important;
    }

    /* row colors. r1 and r2 are the alternating row colors. Make them the same color if you want them all to match. r3 is for when you are using a layout that puts the notes cell on a row by itself. */

    div#newrevival444cscal td.r1 {
        background: #868383 !important;
    }

    div#newrevival444cscal td.r2 {
        background: #868383 !important;
    }

    div#newrevival444cscal td.r3 {
        background: #eee !important;
    }


    /* settings for header text */

    div#newrevival444cscal th {
        font-weight: bold !important;
        font-size: 14px !important;
        color: #FFFFFF !important;
        text-align: center !important;
        margin: 0px !important;
        padding: 3px !important;
    }

    /* settings for links */

    div#newrevival444cscal a {
        font-weight: bold !important;
        color: #D00724 !important;
        text-decoration: none !important;
    }


        /* settings for hovering over link */

        div#newrevival444cscal a:hover {
            font-weight: bold !important;
            font-size: 12px !important;
            text-decoration: underline !important;
        }

@media only screen and (min-width: 600px) {
    .hscalendar {
        width: 70vw !important;
        height: auto !important;
        overflow: auto !important;
        padding: 3px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}