﻿.myhealthfinder_tool_wrapper
{
    border-top: 4px solid #cedae7;
    padding: 0;
}

    .myhealthfinder_tool_wrapper .myhealthfinder_tool
    {
        max-width: 580px;
        padding: 20px;
        margin: 0;
        border: 1px solid #c3c3c3;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: #666 0px 2px 3px;
        -moz-box-shadow: #666 0px 2px 3px;
        box-shadow: #666 0px 2px 3px;
    }

.myhealthfinder_tool .row
{
    margin: 0 0 12px 0;
}

    .myhealthfinder_tool .row label
    {
        font-weight: bold;
    }
.myhealthfinder_tool .who_row
{
    height:38px;
    margin-bottom:15px;
}
.myhealthfinder_tool .who_row label
{
    display: block;
    margin: 10px 0 0 0;
    float:left;
    width:200px;
}

.myhealthfinder_tool .who_row .dd-container
{
    float:left;
    width:350px;
}

.myhealthfinder_tool .gender_row
{
    float: left;
    width: 45%;
}

    .myhealthfinder_tool .gender_row label,
    .myhealthfinder_tool .gender_row span.label
    {
        display: block;
        margin: 0 0 10px 0;
    }
    .myhealthfinder_tool .gender_row span.label {
    font-weight:bold; font-size: 1.2em;
    }

.myhealthfinder_tool .age_row
{
    float: left;
    width: 50%;
}

.myhealthfinder_tool .dd-selected label
{
    margin: 0;
}

.myhealthfinder_tool ul.dd-options
{
    list-style: none;
    margin: 0;
}

    .myhealthfinder_tool ul.dd-options li
    {
        background: none;
        margin: 0;
        padding: 0;
    }

        .myhealthfinder_tool ul.dd-options li a label
        {
            margin: 0;
        }

.myhealthfinder_tool .dd-select
{
    border: 1px solid #c3c3c3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: #c3c3c3 0px 2px 3px;
    -moz-box-shadow: #c3c3c3 0px 2px 3px;
    box-shadow: #c3c3c3 0px 2px 3px;
}

    .myhealthfinder_tool .dd-select .dd-selected,
    .myhealthfinder_tool .dd-select .dd-selected label
    {
        cursor: pointer;
    }

.myhealthfinder_tool .dd-pointer
{
    width: 19px;
    height: 18px;
    background: transparent url(/images/down_blue_arrow.png) no-repeat !important;
    top: 25% !important;
}

.myhealthfinder_tool .dd-pointer-up
{
    background: transparent url(/images/up_blue_arrow.png) no-repeat !important;
}

.myhealthfinder_tool .radio_button_wrapper
{
    float: left;
    width: 84px;
    margin: 0 20px 0 0;
    text-align: center;
    color: #646464;
}

    .myhealthfinder_tool .radio_button_wrapper span.label,
    .myhealthfinder_tool .radio_button_wrapper span.active
    {
        color: #2d4c95;
    }

    .myhealthfinder_tool .radio_button_wrapper:hover span.label
    {
        color: #152a59;
    }

    .myhealthfinder_tool .radio_button_wrapper span.inactive
    {
        color: #8a8a8a;
    }

    .myhealthfinder_tool .radio_button_wrapper:hover span.inactive
    {
        color: #595959;
    }

    .myhealthfinder_tool .radio_button_wrapper a
    {
        display: block;
        width: 84px;
        height: 84px;
        background: transparent url(/images/btn_genders.png) no-repeat;
        margin: 0 0 10px 0;
    }

    .myhealthfinder_tool .radio_button_wrapper.male a
    {
        background-position: 0 0;
    }

        .myhealthfinder_tool .radio_button_wrapper.male a:hover
        {
            background-position: -84px 0;
        }

        .myhealthfinder_tool .radio_button_wrapper.male a.active
        {
            background-position: 0 0;
        }

            .myhealthfinder_tool .radio_button_wrapper.male a.active:hover
            {
                background-position: -84px 0;
            }

        .myhealthfinder_tool .radio_button_wrapper.male a.inactive
        {
            background-position: -168px 0;
        }

            .myhealthfinder_tool .radio_button_wrapper.male a.inactive:hover
            {
                background-position: -252px 0;
            }

    .myhealthfinder_tool .radio_button_wrapper.female a
    {
        background-position: 0 -84px;
    }

        .myhealthfinder_tool .radio_button_wrapper.female a:hover
        {
            background-position: -84px -84px;
        }

        .myhealthfinder_tool .radio_button_wrapper.female a.active
        {
            background-position: 0 -84px;
        }

            .myhealthfinder_tool .radio_button_wrapper.female a.active:hover
            {
                background-position: -84px -84px;
            }

        .myhealthfinder_tool .radio_button_wrapper.female a.inactive
        {
            background-position: -168px -84px;
        }

            .myhealthfinder_tool .radio_button_wrapper.female a.inactive:hover
            {
                background-position: -252px -84px;
            }

.myhealthfinder_tool .age_row
{
    padding: 40px 0 0 0;
    font-weight: bold;
    font-size: 20px;
}

    .myhealthfinder_tool .age_row input
    {
        text-align: center;
        font-weight: bold;
        font-size: 32px;
        color: #2d4c95;
        width: 70px;
        height: 45px;
        vertical-align: middle;
        border: 1px solid #c3c3c3;
        -webkit-box-shadow: #666 0px 2px 3px;
        -moz-box-shadow: #666 0px 2px 3px;
        box-shadow: #666 0px 2px 3px;
    }

.myhealthfinder_tool .pregnant_row
{
    float: left;
    width: 49%;
}

    .myhealthfinder_tool .pregnant_row label
    {
        margin: 0 20px 0 0;
        display: inline-block;
        color: #2d4c95;
        zoom: 1;
        *display: inline;
    }

    .myhealthfinder_tool .pregnant_row .chk_button_wrapper
    {
        vertical-align: middle;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

        .myhealthfinder_tool .pregnant_row .chk_button_wrapper a
        {
            display: block;
            width: 53px;
            height: 53px;
            background: transparent url(/images/btn_pregnant.png) no-repeat;
        }

            .myhealthfinder_tool .pregnant_row .chk_button_wrapper a:hover
            {
                background-position: -53px 0;
            }

            .myhealthfinder_tool .pregnant_row .chk_button_wrapper a.active
            {
                background-position: -106px 0;
            }

.myhealthfinder_tool .submit_row
{
    float: left;
    width: 49%;
}

    .myhealthfinder_tool .submit_row .button
    {
        float: right;
        font-size: 22px;
        background: url(/images/right_blue_arrow.png) no-repeat 90% 10px, -moz-linear-gradient(top, #ffffff 0%, #ffffff 49%, #ededed 50%, #ededed 100%); /* FF3.6+ */
        background: url(/images/right_blue_arrow.png) no-repeat 90% 10px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#ffffff), color-stop(50%,#ededed), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
        background: url(/images/right_blue_arrow.png) no-repeat 90% 10px, -webkit-linear-gradient(top, #ffffff 0%,#ffffff 49%,#ededed 50%,#ededed 100%); /* Chrome10+,Safari5.1+ */
        background: url(/images/right_blue_arrow.png) no-repeat 90% 10px, -o-linear-gradient(top, #ffffff 0%,#ffffff 49%,#ededed 50%,#ededed 100%); /* Opera 11.10+ */
        background: url(/images/right_blue_arrow.png) no-repeat 90% 10px, -ms-linear-gradient(top, #ffffff 0%,#ffffff 49%,#ededed 50%,#ededed 100%); /* IE10+ */
        background: url(/images/right_blue_arrow.png) no-repeat 90% 10px, linear-gradient(to bottom, #ffffff 0%,#ffffff 49%,#ededed 50%,#ededed 100%); /* W3C */
        padding: 6px 40px 6px 30px;
    }

        .myhealthfinder_tool .submit_row .button:hover
        {
            background: url(/images/right_blue_arrow.png) no-repeat 90% -70px, -moz-linear-gradient(top, #3059b3 0%, #3059b3 50%, #2e49aa 51%, #2e49aa 100%); /* FF3.6+ */
            background: url(/images/right_blue_arrow.png) no-repeat 90% -70px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3059b3), color-stop(50%,#3059b3), color-stop(51%,#2e49aa), color-stop(100%,#2e49aa)); /* Chrome,Safari4+ */
            background: url(/images/right_blue_arrow.png) no-repeat 90% -70px, -webkit-linear-gradient(top, #3059b3 0%,#3059b3 50%,#2e49aa 51%,#2e49aa 100%); /* Chrome10+,Safari5.1+ */
            background: url(/images/right_blue_arrow.png) no-repeat 90% -70px, -o-linear-gradient(top, #3059b3 0%,#3059b3 50%,#2e49aa 51%,#2e49aa 100%); /* Opera 11.10+ */
            background: url(/images/right_blue_arrow.png) no-repeat 90% -70px, -ms-linear-gradient(top, #3059b3 0%,#3059b3 50%,#2e49aa 51%,#2e49aa 100%); /* IE10+ */
            background: url(/images/right_blue_arrow.png) no-repeat 90% -70px, linear-gradient(to bottom, #3059b3 0%,#3059b3 50%,#2e49aa 51%,#2e49aa 100%); /* W3C */
        }

.myhealthfinder_tool p {
    margin: 0;
    clear: both;
    font-size: 1.2em;
}

/* MyHealthfinder Results */
.myhealthfinder-results-box {
    padding:2.4em 0px 0px 0px;
    border-top:5px solid #cedae7;
    margin-top:1.4em;
}

.myhealthfinder-interests {
    width:47%;
    float:right;
}
.myhealthfinder-box-left {
    width:47%;
    float:left;
}
.myhealthfinder-results h2 strong {
    font-weight:bold;
    color:#3059b3;
}
.myhealthfinder-results h2.myresults-header {
    padding-bottom:.6em;
}
.main_content ul.myhealthfinder-results-list {
    margin:0px;
    padding:1em 0 .2em 28px;
}
.main_content ul.myhealthfinder-results-list li {
padding-left:0px;
    background-image:none;
    margin:0px 0px 2em 0px;
}

.main_content ul.myhealthfinder-results-list li a {
    font-weight:bold;
    display:block;
    margin-bottom:.4em;
}

.error-box {
    border:1px solid #c31010;
    background:#ffeaea;
    color:#c31010;
    padding:1em;
    font-size:1.286em;
}
    .error-box a {
    color:#960C0C;
    text-decoration:underline;
    }
        .error-box a:hover {
            text-decoration:none;
            color:#c31010;
        }