.vapRow1 {
    color: rgb(0, 0, 0); font-family: Arial,Helvetica,Sans-serif; font-size: 90%; background-color: lightgray;
}

.vapRow2 {
    color: rgb(0, 0, 0); font-family: Arial,Helvetica,Sans-serif; font-size: 90%; background-color: azure;
}

.vapCondition {
    text-align: left;
}

.vaeDay {
    text-indent: -9999px; background-color: rgb(255, 0, 0);
}

#bigDiv {
    /*border:1px solid #c4c4c4;
        background:#DEEEE9;*/
    padding:20px;
    /*width:800px;*/
    /*max-width:910px !important;*/
    display: inline-block;
    text-align: center;
    margin:20px 0;
    display: block;
}

#titleDiv {
    width: 500px; text-align: center;
}

#msgid {
    /*width:500px; */
    overflow: auto;
    text-align: left; 
    /*font-family:Verdana, Geneva, sans-serif; */
    /*font-size:13px;*/
    /*background-color: #fff;
        padding: 20px;*/
    /*color: DarkSlateGray;*/
    /*border: 1px solid #c4c4c4;*/
}

#msgid ul {
    margin: 0 0 10px 25px !important;
    padding-left: 40px !important;
}

#myFooter {
    background: rgb(242, 241, 241); padding: 5px; border: 1px solid black; border-image: none; width: 500px; text-align: left; color: darkslategray; font-family: Verdana, Geneva, sans-serif; font-size: 12px;
}

#vapDiv {
    background: lightgray; padding: 5px; border: 4px solid black; border-image: none; top: 50%; width: 400px; right: 35%; display: none; position: absolute;
}

#table1 {
    border: 1px currentColor; border-image: none; display: none;
}

#table2 {
    border: 1px currentColor; border-image: none; display: none;
}

#theTable {
    border: 1px solid #c4c4c4;
    border-collapse: collapse;
    text-align: left; 
    /*font-family:Verdana, Geneva, sans-serif; 
        font-size:12px;
        width:1100px;	*/
    margin-left:auto; 
    margin-right:auto;
    display: none;
}

#legendTable { margin: 10px auto; text-align: center; }

#legendTable div{ display:inline-block; padding: 3px 4px; }

#theTable th {
    border: 1px solid #c4c4c4; border-image: none; border-collapse: collapse; padding: 3px 4px; background-color: #c1ded5 !important; /*color: #fff;*/
}

#theTable td {
    border: 1px solid #c4c4c4;
    /*font-family:Verdana, Geneva, sans-serif; 
        font-size:12px;*/
    padding: 3px 4px;
    height: 20px;
    background-color: white;
}

#theTable input { margin-bottom: 0; }

#theTable td[style="background-color: NavajoWhite;"]:first-child:before {content: "\2020"; font-size:12px; padding-right: 5px; }
#theTable td[style="background-color: rgb(255, 222, 173);"]:first-child:before {content: "\2020"; font-size:12px; padding-right: 5px;} 

#theTable td[style="background-color: rgb(255, 255, 0);"]::before {content: "\2021"; font-size:12px; padding-right: 5px;}
#theTable td[style="background-color: rgb(128, 128, 128);"]::before {content: "\00b6"; font-size:12px; padding-right: 5px;}
#theTable td[style="background-color: rgb(211, 211, 211);"]::before {content: "\00a7"; font-size:12px; padding-right: 5px;}

.emphasis {
    text-decoration: underline;
    /*background-color: yellow;*/
    font-weight: bold;
}

#explainBox {
    background: lightgray; padding: 5px; border: 2px solid black; border-image: none; top: 50%; width: 400px; right: 35%; display: none; position: absolute; cursor: move;
}

#printBox {
    background: lightgray; padding: 5px; border: 2px solid black; border-image: none; display: none;
}

#buttonDiv {
    /*margin: 10px;*/
}

#buttonDivAtBottom {
    margin: 10px;
}

#closeWindow, #nextPageID, #startOver {
    padding: 5px 10px; margin: 10px; border: 1px solid #c4c4c4; background: #084239; color: #fff; border-radius: 3px;
}

#myPrint, .calcVAC, .IVACCalc, #explain, #IVAC, .reset, #PVAP {
    padding: 5px 10px; margin: 10px; border: 1px solid #c4c4c4; background: #084239; color: #fff; border-radius: 3px;
}

#calcCondVAP {
    padding: 5px 10px; margin: 10px; border: 1px solid #c4c4c4; background: #084239; color: #fff; border-radius: 3px;
}

#calcVAP {
    padding: 5px 10px; margin: 10px; border: 1px solid #c4c4c4; background: #084239; color: #fff; border-radius: 3px;
}

#closeVapDiv {
    background: grey; margin: 5px 10px; padding: 5px; border: 2px solid black; border-image: none;
}

#genButton {
    background: white; border: 2px solid red; border-image: none; display: none;
}

.closeExplainBox {
    padding: 5px 10px; margin: 10px; border: 1px solid #c4c4c4; background: #084239; color: #fff; border-radius: 3px;
}

#vapTitle {
    text-align: left; font-family: Verdana, Geneva, sans-serif; font-size: 14px;
}

#peepLegend {
    text-align: left; font-family: Verdana, Geneva, sans-serif; font-size: 10px; display: none;
}

.peepAddtNotes {
    text-align: left; font-family: Verdana, Geneva, sans-serif;
}

td.pVap { text-align:center; }

label {
    display:inline-block;
}

input[type="radio"] {
    margin:0px;
}

img.ui-datepicker-trigger {
    vertical-align: baseline;
    cursor: pointer;
}

#datePicker {
    /*display: none;*/
    margin-right: 10px;
    cursor: pointer;
}

/* Thick black border */
hr.explainBox {
    border: 2px solid black;
}

/* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        #footer.cdcSlimFooter .cdcContact .container ul .contact {
            position: relative !important;
            text-align: left !important;
        }
    }

/* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
        #footer.cdcSlimFooter .cdcContact .container ul .contact {
            position: relative !important;
            text-align: left !important;
        }
    }

/* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
        #footer.cdcSlimFooter .cdcContact .container ul .contact {
            position: relative !important;
            text-align: left !important;
        }
    }