@media screen {
    div.page_break {
        margin-top: 20px;
        margin-bottom: 20px;
        page-break-after: always;
        border-bottom: 2px dotted silver;
    }
}

@media print {
    div.page_break {
        page-break-after: always;
    }
}


@media all {
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
        border-style: none;
        margin: 0;
        outline: 0;
    }

    html {
        font-size: 100%;
    }

    body {
        background-color: White;
        font-family: 'Segoe UI','Lucida Grande', Arial, Helvetica, sans-serif;
        height: 100%;
        font-size: 14px;
    }

    h1, h2, h3, h4, h5, h6 {
        clear: both;
        font-family: 'Segoe UI','Lucida Grande', Arial, Helvetica, sans-serif;
    }

    h1 {
        font-size: 20pt;
        margin: 0px;
        margin-bottom: 3px;
        font-weight: normal;
    }

    h2 {
        font-size: 16pt;
        margin: 0px;
        margin-bottom: 3px;
        font-weight: normal;
    }

    h3 {
        font-size: 14pt;
        margin: 0px;
        margin-bottom: 3px;
        font-weight: normal;
    }

    table {
        border-collapse: collapse;
        border-spacing: 0
    }

    td {
        vertical-align: top;
        padding: 0px;
    }

    img {
        border: none;
    }

    p {
        margin-bottom: 10px;
        line-height: 25px;
    }

        p.smalltext {
            font-size: 12px;
        }

    #body_container {
    }

    #body_content {
        margin-left: auto;
        margin-right: auto;
        min-height: 470px;
        width: 670px;
        overflow: visible;
    }

    .hint {
        font-size: 10pt;
        font-style: italic;
        color: Gray;
    }



    /*----- Data Grid -----*/
    .grid {
        font-size: 12pt;
        border: solid 1px silver;
        border-spacing: 0;
        border-collapse: collapse;
    }

        .grid tr:hover {
            background-color: #f4f4f4;
        }

        .grid th {
            text-align: left;
            font-size: 12pt;
            font-weight: bold;
            padding: 5px;
            border: solid 1px #948f8e;
            background-color: #f1f1f1;
        }

        .grid td {
            font-size: 12pt;
            vertical-align: top;
            padding: 5px;
            border: solid 1px #948f8e;
        }

            .grid td a {
                font-size: 12pt;
            }

    .grid_small {
        font-size: 11px;
        border: solid 1px silver;
        border-spacing: 0;
        border-collapse: collapse;
    }

        .grid_small tr:hover {
            background-color: #f4f4f4;
        }

        .grid_small th {
            text-align: left;
            font-size: 10px;
            font-weight: bold;
            padding: 2px;
            border: solid 1px #948f8e;
            background-color: #f1f1f1;
        }

        .grid_small td {
            font-size: 11px;
            vertical-align: top;
            padding: 2px;
            border: solid 1px #948f8e;
        }

            .grid_small td a {
                font-size: 11px;
            }

    .grid_small_footer {
        font-size: 11px;
        border: solid 1px silver;
        border-spacing: 0;
        border-collapse: collapse;
        font-weight: bold;
    }

        .grid_small_footer td {
            font-size: 11px;
            vertical-align: top;
            padding: 2px;
            border: solid 1px #948f8e;
            font-weight: bold;
        }

    .grid_xsmall {
        font-size: 9px;
        border: solid 1px silver;
        border-spacing: 0;
        border-collapse: collapse;
    }

        .grid_xsmall tr:hover {
            background-color: #f4f4f4;
        }

        .grid_xsmall th {
            text-align: left;
            font-size: 9px;
            font-weight: bold;
            padding: 2px;
            border: solid 1px #948f8e;
            background-color: #f1f1f1;
        }

        .grid_xsmall td {
            font-size: 9px;
            vertical-align: top;
            padding: 2px;
            border: solid 1px #948f8e;
        }

            .grid_xsmall td a {
                font-size: 9px;
            }

    .grid_xsmall_footer {
        font-size: 9px;
        border: solid 1px silver;
        border-spacing: 0;
        border-collapse: collapse;
        font-weight: bold;
    }

        .grid_xsmall_footer td {
            font-size: 9px;
            vertical-align: top;
            padding: 2px;
            border: solid 1px #948f8e;
            font-weight: bold;
        }

    .inner_grid {
    }

        .inner_grid table {
            border: 0px solid black;
        }

        .inner_grid td {
            border: 0px solid black;
        }

        .inner_grid th {
            border: 0px solid black;
        }

    div.info_container {
        background-color: white;
        border: solid 1px #dddddd;
        margin: 0px;
        padding: 5px;
        margin-top: 5px;
    }

    td.info_label {
        font-size: 14px;
        color: Gray;
        padding: 3px;
        padding-right: 7px;
        text-align: right;
    }

    td.info_value {
        font-size: 14px;
        color: Black;
        padding: 3px;
        text-align: left;
    }

    td.info_label_small {
        font-size: 12px;
        color: Gray;
        padding: 1px;
        padding-right: 5px;
        text-align: right;
    }

    td.info_value_small {
        font-size: 12px;
        color: Black;
        padding: 1px;
        text-align: left;
    }

    .content_table {
        margin: 3px;
        border: 0px solid black;
    }

        .content_table td {
            padding: 5px;
            text-align: center;
            font-size: 15px;
        }

        .content_table th {
            padding: 5px;
            font-weight: bold;
            font-size: 15px;
        }

    .display_table {
        margin: 3px;
    }

        .display_table td {
            padding: 1px;
            font-size: 15px;
        }

        .display_table th {
            padding: 1px;
            font-weight: bold;
            font-size: 15px;
            text-align: left;
        }

    /*----- Pet Reference Table -----*/
    .ref {
        font-size: 16px;
    }

        .ref th {
            font-size: 18px;
            font-weight: bold;
            font-family: Century Gothic;
            color: #363534;
        }

        .ref td {
            font-size: 18px;
            padding: 10px;
        }


    /*----- Paperwork Specific Styles -----*/
    .health_exam_section {
        padding: 3px;
        border: solid 1px silver;
        border-bottom: 0px;
    }

    .health_exam_section_h1 {
        color: Black;
        font-weight: bold;
        width: 100px;
    }

    .health_exam_section_h2 {
        color: Gray;
        font-weight: bold;
        padding-right: 3px;
        font-variant: small-caps;
        font-size: 14px;
    }

    .health_exam_section_value {
        padding-left: 0px;
        padding-right: 15px;
        font-size: 14px;
    }



    /*----- Form Table -----*/
    div.frm_container {
        background-color: white;
        border: solid 1px #dddddd;
        margin: 0px;
        padding: 15px;
        margin-top: 15px;
    }

    td.frm_required {
        font-weight: bold;
    }

    td.frm_label {
        font-size: 16px;
        color: Black;
        padding: 10px;
        text-align: right;
        white-space: nowrap;
    }

    td.frm_value {
        font-size: 16px;
        padding: 10px;
        text-align: left;
        padding-right: 15px;
    }

        td.frm_value select {
            font-size: 16px;
            color: Black;
            text-align: left;
        }

        td.frm_value input {
            width: 175px;
            font-size: 18px;
            color: Black;
            text-align: left;
        }

        td.frm_value textarea {
            font-size: 16px;
            color: Black;
            text-align: left;
            width: 300px;
            height: 100px;
        }

        td.frm_value input {
            font-size: 16px;
            color: Black;
        }

    td.frm_value_checkbox {
        font-size: 16px;
        padding: 10px;
        text-align: left;
        padding-right: 15px;
        line-height: 25px;
    }




    /*----- Message List -----*/
    .error_list {
        margin: 0px 0px 20px 0px;
        text-align: left;
    }

        .error_list h4 {
            color: Red;
            font-weight: bold;
        }

        .error_list ul {
            color: Red;
            padding: 0px;
            margin: 0px;
            list-style-position: inside;
        }

        .error_list li {
            color: Red;
            padding: 0px;
            margin: 0px;
        }

    .success_list {
        margin: 0px 0px 20px 0px;
        text-align: left;
    }

        .success_list h4 {
            color: Green;
            font-weight: bold;
        }

        .success_list ul {
            color: Green;
            padding: 0px;
            margin: 0px;
            list-style-position: inside;
        }

        .success_list li {
            color: Green;
            padding: 0px;
            margin: 0px;
        }
}