/* ***********************************************************************/

/*                         CSS for Printing                              */

/* ***********************************************************************/


/* *********************** General Changes ***************************/
.userStatus, header, footer, nav, .hidePrint {
    display: none !important;
}
.noLeftMenu.contentCollapsed, .noLeftMenu.contentBuffered {
    max-width: 8.5in;
    padding-left: 0;
    padding-right: 0;
}
.theContent { 
    padding-top: 0; 
    padding-bottom: 0;
    margin-top: 0;
}
.centeredForm, .centeredDataTable {
    padding-top: 25px;
}
.formButton, .reportButton {
    display: none !important;
}
.reportOptions {
    display: none !important;
}
h1 {
    margin: 12px 0;
}
.formGroup {
    min-height: initial;
}
.formGroup, .formField, .formGroup label {
    font-size: 13px;
    line-height: initial;
}
input, select {
    font-size: 12px;
    margin: 1px auto;
    padding: 5px 10px;
}
fieldset {
    padding-top: 20px;
}
*:disabled {
    background-color: #FFFFFF;
    color: #444444;
}
p.finePrint {
    font-size: 12px;
}
p.largeType, span.bold {
    font-size: 16px;
    margin: 6px 0;
}

/* ************************* Page-Specific ***************************/

/* ************************ View Application *************************/
.viewApplication {
    padding-bottom: 0;
}
.viewApplicationPage h1, .viewApplicationButtons, .viewApplicationPage p {
    display: none !important;
}
.viewApplicationPage fieldset {
    margin-top: 0;
    margin-bottom: 0;
}
.viewApplicationPage * {
    line-height: 110% !important;
}

/* ************************* Staff Info Form *************************/
.staffInformationForm fieldset {
    background-color: initial;
}
.staffInformationForm .formHeader {
    background-color: initial;
    color: #444444;
}
.staffInformationForm fieldset hr {
    margin: 10px 0;
}

/* *********************** Staff Medical Form ************************/
.staffMedicalForm {
    padding-top: 0;
}
.staffMedicalForm fieldset p {
    margin: 8px 0;
}
.staffMedicalForm .formRightSide.showLabel label {
    display: inline;
    padding-top: 10px; /* Why this is needed, I don't know */
} 
.staffMedicalForm textarea {
    font-size: 12px;
    height: 80px;
}
.staffMedicalForm p, .staffMedicalForm p.largeType {
    line-height: 130%;
}
#theSignature {
    border: 2px solid #CCCCCC;
}

@media (max-width: 800px) { 
    .staffMedicalForm .formLeftSide, .staffMedicalForm .formRightSide { 
        display: inline-block; 
        width: auto;
    }
    .staffMedicalForm .formRightSide label { 
        display: none;
    }
}
@media (max-width: 600px) { 
    .staffMedicalForm { 
        max-width: initial;
        width: 100%; 
    }
    .staffMedicalForm textarea {
        width: 98%;
        max-width: 98%;
    }
}