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


/* Media Screen Styles */


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

@media screen {
    /* all */
    body {
        width: 100%;
    }
    .main_header {
        width: 100%;
        height: 80px;
    }
    .main_container {
        width: 100%;
    }
    .inner_container {
        width: 920px;
        margin: auto;
        overflow: hidden;
    }
    .divider {
        border-bottom: 1px solid #888888;
    }
    .right_container {
        width: 49%;
        float: left;
    }
    .left_container {
        width: 50%;
        float: left;
    }
    #view_tips {
        margin-top: -50px;
        padding-bottom: 20px;
    }
    .child_tabs {
        display: none;
    }
    .tabs {
        display: block;
    }
    h3 {
        font-size: 16px;
        height: 40px;
    }
    h3 input {
        font-size: 16px;
        height: 36px;
    }
    .input_field,
    .age_display {
        font-size: 16px;
        font-weight: bold;
    }
    .child_age {
        width: 49%;
        float: left;
        text-align: right;
    }
}


/* all */

@media screen and (max-width: 960px) {
    /* 960px or less */
    body {
        width: 100%;
    }
    .main_header {
        width: 100%;
        height: 80px;
    }
    .main_container {
        width: 100%;
    }
    .inner_container {
        width: 98%;
        margin: 10px;
        /*margin: auto;*/
        overflow: hidden;
    }
    .divider {
        border-bottom: 1px solid #888888;
    }
    .right_container {
        width: 49%;
        float: left;
    }
    .left_container {
        width: 50%;
        float: left;
    }
    .tabs {
        display: block;
    }
    h3.tabs {
        color: #fff;
    }
    .child_age {
        width: 49%;
        float: left;
        text-align: right;
    }
}


/* 960px or less */

@media screen and (max-width: 780px) {
    /* 780px or less */
    .main_container {
        width: 100%;
    }

    .left_container {
        width: 99%;
        margin: auto;
    }
    .right_container {
        width: 99%;
        margin: auto;
    }
    .child_tabs {
        display: block;
        margin-top: 20px;
    }
    .child_age {
        width: 49%;
        float: left;
        text-align: right;
    }
    #view_report {
        margin-right: 2px;
    }
}


/* 780px or less */

@media screen and (max-width: 740px) {
    /* 740px or less */
    body {
        width: 100%;
    }
    .main_container {
        width: 100%;
    }

    .left_container {
        width: 99%;
        margin: auto;
    }
    .right_container {
        width: 99%;
        margin: auto;
    }
    .child_tabs {
        display: block;
    }
    h3 {
        font-size: 16px;
        font-weight: bold;
        height: 40px;
    }
    h3 input {
        font-size: 16px;
        height: 36px;
    }
    .age_display {
        font-size: 16px;
        font-weight: bold;
        height: 40px;
        line-height: 40px;
    }
    .child_name {
        height: 40px;
    }
    .input_field {
        height: 36px;
    }
}


/* 740px or less */

@media screen and (max-width: 680px) {
    /* 680px or less */
    body {
        width: 100%;
    }
    .main_header {
        width: 100%;
    }

    .main_container {
        width: 100%;
    }
    .left_container {
        width: 99%;
        margin: auto;
    }
    .right_container {
        width: 99%;
        margin: auto;
    }
    .gblFooterLeft {
        float: none;
        vertical-align: bottom;
        width: 60%;
    }
    .gblFooterRight {
        float: right;
        width: 40%;
        margin-top: -60px;
    }
}


/* 680px or less */

@media screen and (max-width: 560px) {
    /* 560px or less */
    body {
        width: 100%;
    }
    .main_container {
        width: 100%;
        padding: 2px;
    }
    .main_header {
        width: 100%;
    }

    .left_container {
        width: 99%;
        margin: auto;
    }
    .right_container {
        width: 99%;
        margin: auto;
    }
    #view_tips {
        margin-top: 0px;
        padding-bottom: 10px;
    }
    .disclosure {
        padding: 10px 15px 10px 15px;
        border-top: 1px solid #666666;
    }
        .inner_container {
        width: 98%;
        margin: 5px;
    }
}


/* 560px or less */

@media screen and (max-width: 460px) {
    /* 460px or less */
    body {
        width: 100%;
    }
    .main_container {
        width: 100%;
        padding: 2px;
    }
    .main_header {
        width: 100%;
    }

    .left_container {
        width: 99%;
        margin: auto;
    }
    .right_container {
        width: 99%;
        margin: auto;
    }
    .logoDiv {
        float: left;
        margin: 10px 50px 10px 0;
    }
    .disclosure {
        padding: 10px 15px 10px 15px;
        border-top: 1px solid #666666;
    }
    .gblFooterRight {
        margin-top: -80px;
    }
}


/* 460px or less */

@media screen and (max-width: 400px) {
    /* 400px or less */
    body {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .main_container {
        width: 100%;
        padding: 2px;
    }
    .main_header {
        width: 100%;
    }

    .left_container {
        width: 99%;
        margin: auto;
    }
    .right_container {
        width: 99%;
        margin: auto;
    }
    .logoDiv {
        float: left;
        margin: 10px 50px 10px 0;
    }
    .disclosure {
        padding: 10px 15px 10px 15px;
        border-top: 1px solid #666666;
    }
}


/* 400px or less */

@media screen and (max-width: 310px) {
    /* 310px or less */
    body {
        width: 100%;
    }
    .main_container {
        width: 100%;
        padding: 2px;
    }
    .main_header {
        width: 100%;
    }
    .left_container {
        width: 99%;
        margin: auto;
    }
    .right_container {
        width: 99%;
        margin: auto;
    }
    .logoDiv {
        float: left;
        margin: 10px 50px 10px 0;
    }
    #report_wrapper {
        float: left;
        margin-top: 10px;
    }
    .disclosure {
        padding: 10px 15px 10px 15px;
        border-top: 1px solid #666666;
    }
}


/* 310px or less */