@charset "utf-8";

.mw-100 {
    max-width: 100%;
}

.clear {
    clear: both;
}

p.error_msg {
    color:#b70b0c;
    font-weight:bold;
    background:transparent;
}

.bold {
    font-weight:bold;
    font-style:italic;
}

#container {
    width:960px;
    margin:0 auto;
    background:transparent url("../images/container_bg.png") left top no-repeat;
}

    #content_top {
        position:relative;
        width:960px;
        height:204px;
    }

        #content_top_logo {
             float:left;
             margin:50px 0 0 50px;
             height: 93px;
             width: 205px;
        }

        #content_top_login {
            text-align:right;
        }

        #content_top_navi {
            float:right;
            margin:50px 50px 0 0;
        }

            #content_top_navi a {
                font-weight:normal;
                color:#742c3e;
            }

            #content_top_navi a:hover {
                text-decoration:underline;
                color:#742c3e;
            }

            #content_top_navi h1 {
                color: #742c3e;
                font-size: 22px;
                font-style: italic;
            }

    #content_body {
        width:960px;
        background: transparent url("../images/content_container_bg.png") left top repeat-y;
        overflow:auto;
    }

        #content_box_container {
            width:838px;
            margin:0 auto;
        }

            .module_box {
                background: transparent url("../images/box.png") center no-repeat;
                width:403px;
                height:282px;
                float:left;
                margin-right:15px;
            }

            .module_box_unavailable {
                background: transparent url("../images/mask.png") center no-repeat;
                width:403px;
                height:282px;
                float:left;
                margin-right:15px;
            }

                .module_box_content {
                    width:350px;
                    height:215px;
                    margin:25px;
                }

                    .module_box_title {
                        position:relative;
                        width:360px;
                        height:70px;
                    }

                        .module_box_title_content {
                            display:inline-block;
                            font-size:20px;
                            color:#742c3e;
                            vertical-align:top;
                            padding:20px 0 0 10px;
                            width: 250px;
                        }

                        .module_box_title_content_unavailable {
                            display:inline-block;
                            font-size:20px;
                            color:#956672;
                            vertical-align:top;
                            padding:20px 0 0 10px;
                        }

                .module_box_body {
                    position:relative;
                    width:350px;
                    height:120px;
                    font-size:13px;
                }

                .module_box_body_unavailable {
                    position:relative;
                    width:350px;
                    height:120px;
                    font-size:13px;
                    color:#4a4a4a;
                }

                    .module_box_body span {
                        font-weight:bold;
                    }

                    .module_box_body_unavailable span {
                        font-weight:bold;
                        color:#4a4a4a;
                    }

                    .module_box_body p {
                        padding:0;
                    }

                    .module_box_body_unavailable p {
                        padding:0;
                        color:#4a4a4a;
                    }

                    .module_box_button {
                        width:90px;
                        height:40px;
                        position:absolute;
                        right:0px;
                        top:120px;
                    }

                        .module_box_button a,
                        .module_box_button_s a,
                        .module_box_button_t a {
                            background:url('../images/btn_clicksoft.png') repeat-x left top;
                            width:92px;
                            height:40px;
                            display:block;
                        }

                        .module_box_button a:hover,
                        .module_box_button_s a:hover,
                        .module_box_button_t a:hover {
                            background-position: 0 -40px;

                        }

                        .module_box_button input {
                            background:url('../images/btn_clicksoft.png') repeat-x left top;
                            border:none;
                            width:92px;
                            height:40px;
                            display:block;
                        }

                        .module_box_button input.hover {
                            background-position: 0 -40px;
                        }

                        .module_box_button_s {
                            width:90px;
                            height:40px;
                            position:absolute;
                            right:100px;
                            top:120px;
                        }

                        .module_box_button_t {
                            width:90px;
                            height:40px;
                            position:absolute;
                            right:200px;
                            top:120px;
                        }

            #navigation {
                width:245px;
                float:left;
            }

                #navigation a {
                    color:#2b4a99;
                    text-decoration:underline;
                }

                #navigation a:hover {
                    text-decoration:none;
                }

                #navigation_top {
                    background:transparent url("../images/navi_top.png") left top no-repeat;
                    height:65px;
                }

                    #navigation_top img {
                        float:left;
                        padding:15px 10px 0 15px;
                    }

                    #navigation_top p {
                        float:left;
                        font-size:19px;
                        padding:18px 0 0 0;
                        color:#2b4a99;
                    }

                #navigation_middle {
                    background:transparent url("../images/navi_middle.png") left top repeat-y;
                    overflow:auto;
                    width:224px;
                }

                    #navigation_middle p, ul {
                        line-height:160%;
                        margin:0 25px 0 20px;
                    }

                    #navigation_middle li {
                        padding:10px 0 0 0;
                        background:none;
                    }

                    #navigation_middle #resource li {
                        padding:10px 0 10px 0;
                        border-top:1px solid #fff;
                        border-bottom:1px solid #dce9f7;
                        background: transparent url('../images/li.gif') 0px 11px no-repeat;
                    }

                    #navigation_middle #resource li:hover {
                        background: #d8e5f5 url('../images/li_over.gif') 0px 11px no-repeat;
                    }

                    #navigation_middle #resource li.li-selected {
                        background: #dde9f7 url('../images/li_over.gif') 0px 11px no-repeat;
                    }

                    #navigation_middle #resource li a {
                        text-decoration:none;
                        font-weight:bold;
                        padding-left:15px;
                    }

                #navigation_bottom {
                    background: transparent url("../images/navi_bottom.png") left top no-repeat;
                    height:50px;
                }

            #main_body {
                float:left;
                width:590px;
            }

                #progress_bar_container {
                    width: 600px;
                    height: 65px;
                    position:relative;
                }

                    #progress_bar {
                        background: transparent url("../images/progress_bar_bg.png") left top no-repeat;
                        width: 600px;
                        height: 65px;
                        position:absolute;
                    }

                        #progress_bar span {
                            color:#fff;
                            font-size:18px;
                            font-weight:bold;
                            display:block;
                            padding:20px 0 0 15px;
                        }

                    #progress_bar_complete {
                        background: transparent url("../images/progress_bar_complete.png") left top no-repeat;
                        height: 65px;
                        position:absolute;
                        left:70px;
                    }

                #main_body_content {
                    width:600px;
                    position:relative;
                }

                    #main_body_content ul {
                        padding-bottom:10px;
                    }

                    #main_body_content p {
                        padding:0;
                        line-height:150%;
                    }

                    .dd_logo {
                        float: right;
                    }

                        #einduction_button {
                            background:transparent url("../images/continue_button.gif") left top no-repeat;
                            display:block;
                            float:right;
                            height:33px;
                            padding-right:9px;
                            width:188px;
                        }

                        #einduction_button:hover {
                            background-position:1px -32px;
                        }

                    #main_body_content form {
                        width:100%;
                    }

                        #form_content {
                            padding-bottom:20px;
                        }

                            #form_content select {
                                width:300px;
                            }

                            #form_content table {
                                border-collapse:collapse;
                                width:590px;
                                padding:0;
                                margin:0;
                                table-layout:fixed;
                            }

                            #form_content td {
                                padding:3px 3px 8px 3px;
                            }

                                #form_content .para {
                                    width:110px;
                                    font-weight:bold;
                                    vertical-align:top;
                                }

                                #form_content .strong {
                                    font-weight:bold;
                                }

                                #form_content .second_col {
                                    width:100px;
                                }

                                #form_content .third_col {
                                    width:120px;
                                    font-style:italic;
                                }

                            #form_content #change_to_online {    /* Makes a submit button look like a link */
                                border:none;
                                background:none;
                                font-style:normal;
                                font-weight:bold;
                                color:#2b4a99;
                                width:62px;
                            }

                            #form_content #change_to_online:hover { /* Doesn't work in FF... */
                                text-decoration:underline;
                            }

                            #form_content .check {
                                float:right;
                                margin:2px 25px 0 0;
                            }

                            #form_content #reason {
                                visibility:hidden;
                            }

                            #form_content .row1 {
                                float:left;
                                padding:0 10px 10px 0;
                                width:20px;
                            }

                            #form_content .row2 {
                                float:right;
                                padding:0 10px 10px 0;
                                width:530px;
                            }

                            #form_content .row3 {
                                float:left;
                                padding:0 10px 10px 20px;
                                width:20px;
                            }

                            #tbl_declined td {
                                width:140px;
                                vertical-align:top;
                                padding-bottom:8px;
                            }

                            #tbl_declined td.strong {
                                font-weight:bold;
                                width:80px;
                            }

                            #damage_textboxes p {
                                margin-top:20px;
                                margin-bottom:10px;
                                color:black;
                            }

                            #damage_textboxes label {
                                font-style:italic;
                                display:block;
                            }

                            #damage_textboxes textarea {
                                height:60px;
                                overflow:hidden;
                                width:590px;
                            }

                    #main_body_content h2 {
                        color: #BF2033;
                        font-size: 22px;
                        font-weight: normal;
                        padding-top: 15px;
                    }

                    #main_body_content h3 {
                        font-size: 18px;
                        margin-bottom: 5px;
                    }

                    #main_body_content h4 {
                        font-size: 16px;
                        margin-bottom: 5px;
                    }

                    #main_body_content #prev input {
                        background:transparent url("../images/btn_prev.gif") left top no-repeat;
                        float:left;
                        display:block;
                        width:111px;
                        height:31px;
                        border:none;
                    }

                    #main_body_content #next input {
                        background:transparent url("../images/btn_next.gif") left top no-repeat;
                        float:right;
                        display:block;
                        width:111px;
                        height:31px;
                        border:none;
                    }

                    #main_body_content #cancel input {
                        background:transparent url("../images/btn_cancel.gif") left top no-repeat;
                        float:left;
                        display:block;
                        width:111px;
                        height:31px;
                        border:none;
                    }

                    #main_body_content #confirm input {
                        background:transparent url("../images/btn_confirm.gif") left top no-repeat;
                        float:right;
                        display:block;
                        width:111px;
                        height:31px;
                        border:none;
                    }

                    #main_body_content #submit input {
                        background:transparent url("../images/btn_submit.gif") left top no-repeat;
                        float:right;
                        display:block;
                        width:111px;
                        height:31px;
                        border:none;
                    }

                    #main_body_content #prev input:hover,
                    #main_body_content #next input:hover,
                    #main_body_content #cancel input:hover,
                    #main_body_content #confirm input:hover,
                    #main_body_content #submit input:hover {
                        background-position:1px -32px;
                    }

                    #continue input {
                        background:transparent url("../images/continue_button.gif") left top no-repeat;
                        display:block;
                        float:right;
                        height:33px;
                        width:189px;
                        border:none;
                        margin-top:-45px;
                    }

                    #continue input:hover {
                        background-position:1px -32px;
                    }

                    #quiz {
                        border:1px solid black;
                        width:605px;
                    }

                        #quiz_top {
                            background:transparent url("../images/quiz_top.png") left top no-repeat;
                            height:28px;
                        }

                        #quiz_middle {
                            background: transparent url("../images/quiz_middle.png") left top repeat-y;
                            overflow:auto;
                            width:600px;
                        }

                            #quiz_middle #quiz_content {
                                width:560px;
                                margin:0 20px;
                            }

                                #quiz_content h1 {
                                    font-size:14px;
                                    padding:0 0 20px 8px;
                                    color:#2b4a99;
                                    font-weight:bold;
                                }

                                #quiz_content .input {
                                    float:left;
                                    padding:1px 10px 0 5px;
                                }

                                    #quiz_content .input input { /* 6 */
                                        background:transparent;
                                        border:none;
                                    }

                                #quiz_content .label {
                                    padding-bottom:10px;
                                }

                        #quiz_bottom {
                            background:transparent url("../images/quiz_bottom.png") left top no-repeat;
                            height:41px;
                        }

    #content_footer {
        width:960px;
        height:100px;
        background: transparent url("../images/footer_bg.png") left top no-repeat;
    }

        #content_footer_content {
            position:relative;
            text-align:center;
            width:960px;
            top:50px;
        }

            #content_footer_content a,
            #content_footer_content span {
                font-size:12px;
                font-weight:normal;
            }

            #content_footer_content span {
                padding-right:5px;
            }

.data_table {
    margin:0 0 25px;
    width:100%;
    border-collapse:collapse;
}

    .data_table th {
        padding:5px 0 5px 2px;
        text-align:left;
        color:#2b4a99;
        vertical-align:bottom;
    }

    .data_table th.no_style {
        background: none;
        border: none;
    }

    .data_table td {
        padding:5px;
        border:1px solid #b8b8b8;
        background:#ebf2fb;
        height:22px;
    }

    .data_table td.tick {
        background: #ecf2fc url("../images/tick.png") 50% 50% no-repeat;
    }

    .data_table tr.highlight td {
        border: 1px solid #b8b8b8;
        background: #f4f4f4;
    }

    .data_table tr.highlight td.tick {
        background: #f4f6fa url("../images/tick.png") 50% 50% no-repeat;
    }

    .data_table .width10 {
        width: 10%;
    }

    .data_table .width30 {
        width: 30%;
    }

    .data_table .width36 {
        width: 36%;
    }

    .data_table .width16 {
        width: 16%;
    }

#inv_table {
    width:100%;
    padding:0;
    margin:0;
}

#inv_table tr {
    margin:0;
    padding:0;
    border-bottom:1px solid #c8d4d4;
}

#inv_table tr:hover {
    background-color:#e3efef;
    cursor:pointer;
}

#inv_table #header {
    border-bottom:2px solid #bfc9c9;
}

#inv_table #header:hover {
    cursor: auto;
    background-color:none;
}

#inv_table th {
    margin:0;
    padding:0 0 5px 0;
}

#inv_table td {
    padding:9px 0 9px 0;
}

.help-section h1 {
    font-size: 1.5em;
    margin-bottom: 8px;
}

.help-section p {
    font-size: 1.1em;
    line-height: 1.5em;
}

.transparent {
    color: transparent;
}

/* Accessibility */
.skiplink {
    background-color: #fff;
    left: -9999em;
    position: absolute;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

:focus.sr-only {
    width: auto;
    height: auto;
    margin: 0;
    overflow: auto;
    clip: auto;
}