html, body {
    position: relative;
    min-height: 100vh;
    padding: 0;
    margin: 0;
}

/*#WidgetFloaterPanels {
display:none !important;}*/

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.hidden, .Hidden {
    display: none;
}

.Visible, .visible {
    display: block;
}

.Scroll, .scroll {
    overflow: auto;
}

body {
    font-family: Verdana, Arial;
    background-color: #ffffff;
    padding: 0px;
    margin: 0px;
    font-size: 16px;
    color: #262626;
}

p {
    font-size: 16px;
    line-height: 1.6em;
    margin: 0 0 12px 0;
}

h1 {
    font-family: 'Roboto Slab', Arial;
    font-weight: 300;
    color: #e2426b;
}

img {
    outline: none;
    border: none;
}

.div_video {
    margin: 0 auto;
    width: 640px;
}

.dashboard_content {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding: 40px 10px 40px 10px;
    min-height: 400px;
}

.dashboard_content_short {
    width: 940px;
    margin: 0 auto;
    padding: 40px 10px 40px 10px;
}

.dashboard_content li {
    line-height: 1.6em;
}

.dashboard_content .gray_wide {
    background-color: #f5f5f5;
}

.dashboard_content input[type=radio] {
    margin: 0 0 12px 0;
    /*vertical-align: text-bottom;*/
}

    .dashboard_content input[type=radio]:hover, .dashboard_content input[type=radio]:hover + label, .dashboard_content input[type=radio] + label:hover {
        color: #e2426b;
        cursor: pointer;
    }

.body_part_select input[type=radio] {
    margin: 0 6px 0 0;
    vertical-align: text-top;
}

    .body_part_select input[type=radio]:hover, .body_part_select input[type=radio]:hover + label, .body_part_select input[type=radio] + label:hover {
        /*color: #e2426b;*/
        color: green;
        cursor: pointer;
    }

h2 {
    font-family: Arial;
    font-weight: normal;
    color: #f47922;
}

h3 {
    font-family: Arial;
    font-weight: normal;
    color: #000;
}

h4 {
    font-family: Arial;
    font-weight: bold;
    font-size: 18px;
    color: #0072c5;
}

.redborder {
    border: 1px solid red;
}

a {
    color: #262626;
}

    a:active, a:visited {
    }

    a:hover {
        text-decoration: underline;
        color: #0072c5;
    }

    a.whiteonblack {
        text-decoration: none;
        color: white;
    }

        a.whiteonblack:active, a.whiteonblack:visited {
            text-decoration: none;
        }

        a.whiteonblack:hover {
            text-decoration: underline;
            color: #e2426b;
        }

#div_site_footer a {
    color: white;
}

    #div_site_footer a:hover {
        color: black;
    }

.master_center {
    margin-left: auto;
    margin-right: auto;
    width: 940px;
}

/*.callout_circle {
    display: block;
    position: relative;
    top: -100px;
    background: url(/dir_image/public/green_circle.png) no-repeat center;
    color: white;
    height: 260px;
    width: 260px;
    padding: 0px 0 0 0;
    text-align: center;
}*/

.new_callout_row {
    background-color: #00b188;
}

#span_public_footer {
    color: black;
}

    #span_public_footer a {
        color: black;
    }

        #span_public_footer a:hover {
            color: #f47922;
        }

#span_dashboard_footer {
    color: white;
}

    #span_dashboard_footer a {
        color: white;
    }

        #span_dashboard_footer a:hover {
            color: black;
        }

.btn_next {
    background-color: #12a366;
    height: 36px;
    width: 150px;
    text-align: center;
    padding: 3px 0 0 0;
    margin: 0 0 400px 10px;
    font-family: 'Roboto Slab', arial;
    font-size: 22px;
    font-weight: 300;
    float: right;
}

    .btn_next.tutorial {
        margin-bottom: 0px;
    }

    .btn_next:hover {
        background-color: #76cfe4;
    }

    .btn_next a {
        color: white;
        text-decoration: none;
        display: block;
        width: 100%;
        height: 100%;
    }

.btn_next_video {
    background-color: #12a366;
    height: 36px;
    width: 150px;
    text-align: center;
    padding: 3px 0 0 0;
    margin: 0 0 400px 10px;
    font-family: 'Roboto Slab', arial;
    font-size: 22px;
    font-weight: 300;
    float: right;
}

    .btn_next_video:hover {
        background-color: #76cfe4;
    }

    .btn_next_video a {
        color: white;
        text-decoration: none;
        display: block;
        width: 100%;
        height: 100%;
    }

.std_button {
    background-color: #12a366;
    height: 36px;
    /*width: 150px;*/
    text-align: center;
    padding: 3px 0 0 0;
    /*margin: 0 0 4000px 10px;*/
    font-family: 'Roboto Slab', arial;
    font-size: 22px;
    font-weight: 300;
    /*float: right;*/
}

    .std_button:hover {
        background-color: #76cfe4;
    }

    .std_button a {
        color: white;
        text-decoration: none;
        display: block;
        width: 100%;
        height: 100%;
    }

.std_button_action {
    background-color: #fff;
    border: 1px solid #f47922;
    height: 36px;
    text-align: center;
    padding: 3px 0 0 0;
    font-family: 'Roboto Slab', arial;
    font-size: 22px;
    font-weight: 300;
}

    .std_button_action:hover {
        background-color: #f47922;
    }

    .std_button_action a {
        color: #f47922;
        text-decoration: none;
        display: block;
        width: 100%;
        height: 100%;
    }

        .std_button_action a:hover {
            color: #fff;
            background-color: #f47922;
        }

.std_button_action_reverse {
    background-color: #f47922;
    border: 1px solid #f47922;
    height: 36px;
    text-align: center;
    padding: 3px 0 0 0;
    font-family: 'Roboto Slab', arial;
    font-size: 22px;
    font-weight: 300;
}

    .std_button_action_reverse:hover {
        background-color: #fff;
    }

    .std_button_action_reverse a {
        color: #fff;
        text-decoration: none;
        display: block;
        width: 100%;
        height: 100%;
    }

        .std_button_action_reverse a:hover {
            color: #f47922;
            background-color: #fff;
        }

.std_button_action_blue {
    background-color: #76cfe4;
    border: 1px solid #76cfe4;
    height: 36px;
    text-align: center;
    padding: 3px 0 0 0;
    font-family: 'Roboto Slab', arial;
    font-size: 22px;
    font-weight: 300;
}

    .std_button_action_blue:hover {
        background-color: #fff;
    }

    .std_button_action_blue a {
        color: #fff;
        text-decoration: none;
        display: block;
        width: 100%;
        height: 100%;
    }

        .std_button_action_blue a:hover {
            color: #76cfe4;
            background-color: #fff;
        }

.std_button_action_green {
    background-color: #a5cb38;
    border: 1px solid #a5cb38;
    height: 36px;
    text-align: center;
    padding: 3px 0 0 0;
    font-family: 'Roboto Slab', arial;
    font-size: 22px;
    font-weight: 300;
}

    .std_button_action_green:hover {
        background-color: #fff;
    }

    .std_button_action_green a {
        color: #fff;
        text-decoration: none;
        display: block;
        width: 100%;
        height: 100%;
    }

        .std_button_action_green a:hover {
            color: #a5cb38;
            background-color: #fff;
        }

.btn_modal_close {
    border: 2px solid red;
    background-color: white;
    color: red;
    float: right;
    font-size: 20px;
    padding: 0px 8px 2px 8px;
}

    .btn_modal_close:hover {
        background-color: red;
        color: white;
    }

.roboto_slab {
    font-family: "Roboto Slab", arial;
    font-weight: 300;
}

.home_primary_nav {
    font-family: 'Roboto Slab', Arial;
    font-size: 18px;
    text-align: right;
    position: relative;
    float: right;
    position: relative;
    left: 10px;
    font-weight: 400;
}

    .home_primary_nav a {
        text-decoration: none;
        color: white;
        padding: 11px 11px 11px 11px;
    }

        .home_primary_nav a:hover {
            text-decoration: none;
            color: #e2426b;
            background-color: #f7f7f7;
        }

.home_primary_nav_social {
    font-size: 14px;
    color: black;
}

    .home_primary_nav_social:hover {
        color: #000000;
    }

.dash_primary_nav_social {
    font-size: 14px;
    color: #808080;
    text-decoration: none;
}

    .dash_primary_nav_social:hover {
        color: #000000;
    }


.watermarked {
    color: gray;
    /*font-family: "Roboto Slab", Arial;*/
    font-style: italic;
    font-weight: 300;
}

.homepage_instructions {
    font-size: 16px;
    color: #262626;
    font-family: Arial;
}



.main_logo {
    background: url(../dir_image/public/REV2_Logo_White_Fade_Powered.png) no-repeat;
    height: 55px;
    width: 156px;
    margin: 0 0 4px 0;
}

    .main_logo:hover, .main_logo:active {
        background: url(../dir_image/public/REV2_Logo_White_Fade_Full_Color_Powered.png) no-repeat;
    }

.main_logo_dashboard {
    background: url(../dir_image/public/REV2_Logo_White_Fade_Full_Color.png) no-repeat;
    height: 45px;
    width: 156px;
    margin: 0 0 4px 0;
}

.dash_logo {
    background: url(../dir_image/public/welvie_logo_small.png) no-repeat;
    background-size: 92px 28px;
    height: 28px;
    cursor: pointer;
    float: left;
    padding-left: 112px;
}

.dash_logo_power {
    background: url(/dir_image/public/logo/welvie_logo_powering_decisions.svg) no-repeat;
    background-size: 100px 36px;
    height: 36px;
    cursor: pointer;
    float: left;
    padding-left: 103px;
}

.dash_logo_surgery {
    background: url(/dir_image/public/logo/welvie_logo_my_surgery.svg) no-repeat;
    background-size: 100px 36px;
    height: 36px;
    cursor: pointer;
    float: left;
    padding-left: 103px;
}

.dash_logo_letters {
    background: url(/dir_image/public/welvie_logo_letters_small.png) no-repeat;
    /*background-size: 100px 36px;*/
    height: 36px;
    cursor: pointer;
    float: left;
    padding-left: 103px;
    border: 1px solid red;
}


.google_headline_dashboard {
    font-family: 'Roboto Slab', Arial;
    font-size: 35px;
    color: #e2426b;
    margin: -10px 0 12px 0;
    /*font-weight: 300;*/
    line-height: 48px;
    font-weight: 300;
}

.headline {
    font-family: 'Roboto Slab', Arial;
    font-size: 35px;
    color: #e2426b;
    font-weight: 300;
}

.subHead {
    font-size: 18px;
    font-family: Arial;
    margin: 30px 0 10px 0;
}

    .subHead.orange {
        color: #f47922;
    }

    .subHead.darkblue {
        color: #0072c5;
    }

.rotate_20 {
    /* Safari */
    -webkit-transform: rotate(20deg);
    /* Firefox */
    -moz-transform: rotate(20deg);
    /* IE */
    -ms-transform: rotate(20deg);
    /* Opera */
    -o-transform: rotate(20deg);
    /* Internet Explorer 
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/
}

.hidden {
    display: none;
}

.visible {
    display: block;
}

#top_nav_menu {
    font-family: "Roboto Slab", Arial;
    font-size: 18px;
    line-height: 15px;
    text-align: right;
    font-weight: 300;
}

    #top_nav_menu > ul {
        width: auto;
        list-style-type: none;
        padding: 0;
        margin: 0;
        background: #f47922;
    }

        #top_nav_menu > ul li {
            display: inline-block;
            *display: inline;
            zoom: 1;
        }

            #top_nav_menu > ul li.right {
                float: right;
            }

            #top_nav_menu > ul li.active,
            #top_nav_menu > ul li.has-sub,
            #top_nav_menu > ul li.has-sub ul {
                width: 166px;
            }

                #top_nav_menu > ul li.has-sub:hover ul {
                    display: block;
                }

                #top_nav_menu > ul li.has-sub ul {
                    display: none;
                    position: absolute;
                    margin: 0;
                    padding: 14px 0 14px 0;
                    list-style-type: none;
                    background: #e2426b;
                    box-shadow: 2px 2px 10px #666666;
                    border-radius: 0 0 6px 6px;
                }

                    #top_nav_menu > ul li.has-sub ul li {
                        display: block;
                    }

                #top_nav_menu > ul li.has-sub:hover a {
                    color: white;
                }

                #top_nav_menu > ul li.active > a:hover {
                    color: white;
                }

            #top_nav_menu > ul li a {
                display: block;
                padding: 15px 60px 14px 10px;
                text-decoration: none;
                color: #fff;
            }

            #top_nav_menu > ul li.has-sub ul li a {
                padding-right: 10px;
                color: white;
            }

                #top_nav_menu > ul li.has-sub ul li a:hover {
                    background-color: #666666;
                }

.nav_my_welvie_journal {
    background: url(../dir_image/public/dir_dash/my_welvie_journal_on.png) no-repeat 114px 14px;
}

    .nav_my_welvie_journal:hover {
        background-color: #e2426b;
    }

.nav_treatment_options {
    background: url(../dir_image/public/dir_dash/treatment_options_on.png) no-repeat 114px 14px;
}

    .nav_treatment_options:hover {
        background-color: #e2426b;
    }

.nav_more_resources {
    background: url(../dir_image/public/dir_dash/more_resources_on.png) no-repeat 114px 14px;
}

    .nav_more_resources:hover {
        background-color: #e2426b;
    }

#profile_menu {
    font-family: "Roboto Slab", Arial;
    font-size: 20px;
    line-height: 16px;
    text-align: left;
    font-weight: 300;
}

    #profile_menu > ul {
        width: auto;
        list-style-type: none;
        padding: 0;
        margin: 0;
        background: #f47922;
    }

        #profile_menu > ul li {
            display: inline-block;
            *display: inline;
            zoom: 1;
        }

            #profile_menu > ul li.has-sub,
            #profile_menu > ul li.has-sub ul {
                max-width: 450px;
                overflow: hidden;
                min-width: 240px;
            }

                #profile_menu > ul li.has-sub:hover ul {
                    display: block;
                }

                #profile_menu > ul li.has-sub ul {
                    display: none;
                    position: absolute;
                    margin: 12px 0 0 0;
                    padding: 14px 0 14px 0;
                    list-style-type: none;
                    background: #e2426b;
                    box-shadow: 2px 2px 10px #666666;
                    border-radius: 0 0 6px 6px;
                }

                    #profile_menu > ul li.has-sub ul li {
                        display: block;
                    }

                #profile_menu > ul li.has-sub:hover a {
                    color: white;
                }

            #profile_menu > ul li a {
                display: block;
                padding: 10px 10px 10px 10px;
                text-decoration: none;
                color: #ffffff;
            }

            #profile_menu > ul li.has-sub ul li a {
                padding-right: 10px;
                color: white;
            }

                #profile_menu > ul li.has-sub ul li a:hover {
                    background-color: #666666;
                }


.ap_name {
    background-color: #f47922;
    color: white;
    padding: 12px 0 12px 0;
}

    .ap_name:hover {
        background-color: #e2426b;
        color: white;
    }


#footer p {
    font-size: 13px;
    line-height: 14px;
}

#footer a {
    text-decoration: none;
}




#mytabs {
    padding: 0 0 0 0px;
}

    #mytabs ul {
        margin: 0px;
        padding: 0px 0 0 10px;
        border-bottom: 1px solid #ddd;
    }

        #mytabs ul li {
            text-decoration: none;
            display: inline-block;
            width: 134px;
            border: 1px solid #dddddd;
            margin: 0px -1px -1px 0px;
            padding: 10px 8px 10px 10px;
            background-color: #eeeeee;
            font-size: 14px;
            font-family: 'Roboto Slab', Arial;
            font-weight: 300;
            color: black;
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,b7b7b7+100&0+78,0.65+100 */
            /*background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(143,143,143,0) 78%, rgba(183,183,183,0.65) 100%); /* FF3.6-15 */
            /*background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(143,143,143,0) 78%,rgba(183,183,183,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
            /*background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(143,143,143,0) 78%,rgba(183,183,183,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6b7b7b7',GradientType=0 ); /* IE6-9 */
            background-color: #eeeeee;
        }

            #mytabs ul li.active {
                border-bottom: 1px solid white;
                background: white;
            }

            /*#mytabs ul li.active:hover {
                    border-bottom: 1px solid #bbbbbb;
                }*/

            #mytabs ul li:hover {
                background-color: #fff;
                color: white;
            }

    #mytabs a,
    #mytabs a:active,
    #mytabs a:visited {
        text-decoration: none;
        color: black;
    }

#mytabs_content {
    border: 1px solid #bbbbbb;
    padding: 30px 10px 20px 10px;
}

#mytabs img {
    float: left;
    margin: 4px 6px 0 0;
    height: 30px;
}

#journal_cover_page a {
    text-decoration: none;
}

#journal_cover_page li {
    padding: 0 0 10px 0;
}

/* Journal Styles */

.journalTabContainerTable {
    /*position: relative;
    top: 16px;*/
    _top: 11px; /*ie only hack, the underscore hack */
}
/*google chrome and safari only. pick your poison. 
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .journalTabContainerTable {
        top: 11px;
    }
}*/

div#JournalContainerBottom {
    position: relative;
    width: 888px;
    background: url( "../dir_image/dir_journal/JournalBottom_Bkgd.gif" ) no-repeat #e9e9e9 bottom;
}

div#JournalContainerTop {
    position: relative;
    width: 864px;
    background: url( "../dir_image/dir_journal/JournalTop_Bkgd.png" ) no-repeat top;
    min-height: 534px;
    padding: 12px;
    overflow: hidden;
}

div#JournalLeftNavBottom {
    float: left;
    display: inline;
    position: relative;
    width: 189px;
    background: url( "../dir_image/dir_journal/JournalLeftNavBottom_Bkgd2.png" ) no-repeat bottom;
}

div#JournalLeftNavTop {
    position: relative;
    width: 161px;
    background: url( "../dir_image/dir_journal/JournalLeftNavTop_Bkgd.png" ) no-repeat top;
    padding: 14px;
}

div#JournalNavHeader {
    position: relative;
    width: 141px;
    height: 45px;
    background: url( "../dir_image/dir_journal/JournalNavHeader_Bkgd.png" ) no-repeat;
    padding: 10px 10px 0px 10px;
    font-size: 13px;
    font-weight: normal;
    color: #fff;
}

.JournalDropDown {
    font-family: Arial;
    font-size: 11px;
    width: 135px;
    margin: 4px 0 0 0;
}

.JournalCollapseParent {
    position: relative;
    width: 141px;
    height: 32px;
    background: url( "../dir_image/dir_journal/JournalCollapseParent_Bkgd.png" ) repeat-x;
    padding: 6px 0 0 20px;
    cursor: pointer;
}

.JournalCollapseLabel {
    font-size: 1.2em;
    color: #e2426b;
}

.JournalCollapseLabelSub {
    font-size: 1.0em;
    color: #f47922;
}

.JournalCollapseImage {
    position: absolute;
    top: 8px;
    left: 6px;
}

.JournalCollapseChild {
    position: relative;
    width: 161px;
    height: 0;
    overflow: hidden;
    background: url( "../dir_image/dir_journal/JournalCollapseChild_Bkgd.png" ) no-repeat;
}

    .JournalCollapseChild ul {
        position: relative;
        width: 121px;
        padding: 10px 20px;
        font-size: 10px;
    }

        .JournalCollapseChild ul li {
            position: relative;
            width: 110px;
            padding: 0 0 0 11px;
            background: url( "../dir_image/dir_journal/JournalNavLI_Bkgd.png" ) no-repeat 0 7px;
            margin: 0 0 6px 0;
        }

            .JournalCollapseChild ul li a {
                font-size: 1.1em;
                line-height: 1.4em;
                color: #262626;
                text-decoration: none;
            }

div#JournalContentBottom {
    float: right;
    display: inline;
    position: relative;
    width: 668px;
    background: url( "../dir_image/dir_journal/JournalContentBottom_Bkgd2.png" ) no-repeat bottom;
}

div#JournalContentTop {
    position: relative;
    width: 640px;
    background: url( "../dir_image/dir_journal/JournalContentTop_Bkgd.png" ) no-repeat top;
    padding: 72px 14px 72px 14px;
    min-height: 300px;
}

    div#JournalContentTop div#ButtonBarTop {
        position: absolute;
        top: 14px;
        left: 14px;
        width: 606px;
        height: 42px;
        padding: 16px 34px 0 0;
    }

    div#JournalContentTop div#ButtonBarBottom {
        position: absolute;
        left: 14px;
        bottom: 14px;
        width: 606px;
        height: 38px;
        padding: 20px 34px 0 0;
    }

.JournalButton {
    float: right;
    display: inline;
    margin: 0 0 0 8px;
}

div#JournalContent {
    position: relative;
    width: 572px;
    padding: 0 34px 34px 34px;
}

.JournalTable {
    font-size: 16px;
    line-height: 1.6em;
    margin: 20px 0;
    width: 100%;
}

    .JournalTable tr th {
        text-align: left;
        padding: 8px;
        color: #fff;
        vertical-align: top;
        border-bottom: 1px solid #a0a0a0;
    }

        .JournalTable tr th.HeaderOrange {
            background: #f47922;
        }

        .JournalTable tr th.HeaderPink {
            background: #e2426b;
        }

        .JournalTable tr th.HeaderGreen {
            background: #00a165;
        }

        .JournalTable tr th.HeaderLime {
            background: #a6cb39;
        }

    .JournalTable tr td {
        text-align: left;
        padding: 8px 8px 18px 8px;
        color: #262626;
        vertical-align: top;
        border-bottom: 1px solid #dadada;
        border-left: 1px solid #dadada;
        background: url( "../dir_image/dir_journal/JournalTableTDBottom.png" ) repeat-x bottom;
    }

        .JournalTable tr td.JournalLast {
            border-right: 1px solid #dadada;
        }

        .JournalTable tr td ul li {
            padding: 0 0 0 7px;
            text-decoration: none;
        }

        .JournalTable tr td.JournalOrangeBar {
            padding: 8px;
            background: #f47922;
            border-left: none;
            border-bottom: 1px solid #c06423;
            color: #fff;
            text-align: center;
            font-weight: bold;
        }


/* RFP Journal Styles */

.journalBody {
    font-family: Arial;
    font-size: 16px;
    color: #262626;
    line-height: 1.6em;
    padding: 0 0 6px 0;
}

.journalSubHead {
    font-family: Arial;
    font-size: 16px;
    line-height: 1.6em;
    color: #f47922;
    font-weight: bold;
    margin: 14px 0 6px 0;
}

.journalMainHeadline {
    height: 36px;
    padding: 14px 0 20px 0;
}

.journalMainHeadlineTwoLines {
    height: 84px;
    padding: 14px 0 20px 0;
}

td .journalBody .google_headline_dashboard {
    font-family: Arial;
    font-size: 16px;
    color: #262626;
    line-height: 1.6em;
    margin: inherit;
    padding: inherit;
}



/* replacement for original styles */
.journalBody {
    font-family: 'Roboto Slab', Arial;
}

.JournalTable tr td.JournalOrangeBar {
    background-color: #aaa;
    border-bottom: 1px solid #aaa;
}

.JournalTable tr th.HeaderPink {
    background-color: #666;
    border-bottom: 1px solid #666;
}

.RepeaterDate {
    width: auto;
}

.TOConservativeHeader, .TODrugHeader, .TOMinHeader, .TOMajHeader, .JournalTable tr th.HeaderOrange, .JournalTable tr th.HeaderGreen, .JournalTable tr th.HeaderLime {
    background-color: #666;
}



/* END Journal Styles */


.arrow_box {
    position: relative;
    background: #ffcff7;
    border: 1px solid #ff0000;
}

    .arrow_box:after, .arrow_box:before {
        right: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_box:after {
        border-color: rgba(255, 255, 255, 0);
        border-right-color: #ffcff7;
        border-width: 11px;
        margin-top: -12px;
    }

    .arrow_box:before {
        border-color: rgba(255, 0, 0, 0);
        border-right-color: #ff0000;
        border-width: 14px;
        margin-top: -14px;
    }

.arrow_box_right {
    position: relative;
    background: #ffcff7;
    border: 3px solid #ff0000;
}

    .arrow_box_right:after, .arrow_box_right:before {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_box_right:after {
        border-color: rgba(255, 224, 225, 0);
        border-left-color: #ffcff7;
        border-width: 10px;
        margin-top: -10px;
    }

    .arrow_box_right:before {
        border-color: rgba(255, 0, 0, 0);
        border-left-color: #ff0000;
        border-width: 14px;
        margin-top: -14px;
    }

.div_home_register {
    background-color: #f56302;
    /*border: 1px solid #ffffff;*/
    width: 300px;
    height: 60px;
    text-align: center;
    font-family: "Roboto Slab", arial;
    font-size: 30px;
    line-height: 56px;
    font-weight: 400;
}

    .div_home_register a {
        text-decoration: none;
        color: white;
        display: block;
        width: 100%;
        height: 100%;
    }

    .div_home_register:hover {
        background-color: #f47922;
    }

    .div_home_register:active {
        background-color: #f6944e;
    }

    .div_home_register:focus {
        border: 1px solid blue;
    }

.div_home_login {
    /*background-color: #76cfe4;*/
    background-color: #31788b;
    /*border: 1px solid #ffffff;*/
    width: 300px;
    height: 60px;
    text-align: center;
    font-family: "Roboto Slab", arial;
    font-size: 30px;
    line-height: 56px;
    font-weight: 400;
}

    .div_home_login a {
        text-decoration: none;
        color: white;
        display: block;
        width: 100%;
        height: 100%;
    }

    .div_home_login:hover {
        /*background-color: #3bc4e3;*/
        background-color: #4b8d9e;
    }

    .div_home_login:active {
        background-color: #91d9e9;
    }


.register_button {
    background-color: #f47922;
    border: 1px solid #ffffff;
    width: 195px;
    height: 70px;
    text-align: center;
    font-family: "Roboto Slab", arial;
    color: white;
    font-size: 30px;
    font-weight: 300;
}

    .register_button:hover {
        background-color: #f56302;
        border: 1px solid white;
        color: #ffffff;
        cursor: pointer;
    }

    .register_button:active {
        background-color: #f6944e;
        color: #262626;
    }

.login_button:hover {
    background-color: #3bc4e3;
    border: 1px solid white;
    color: #ffffff;
}

.login_button:active {
    background-color: #91d9e9;
    color: #262626;
}



.div_continue {
    background-color: #76cfe4;
    border: 1px solid #ffffff;
    width: 220px;
    height: 50px;
    text-align: center;
    font-family: "Roboto Slab", arial;
    font-size: 30px;
    line-height: 46px;
    font-weight: 300;
}

    .div_continue a {
        text-decoration: none;
        color: white;
        display: block;
        width: 100%;
        height: 100%;
    }

    .div_continue:hover {
        background-color: #3bc4e3;
    }

    .div_continue:active {
        background-color: #91d9e9;
    }

    .div_continue:focus {
        border: 1px solid blue;
    }


.Messages {
    color: black;
    font-size: 14px;
    line-height: 18px;
    margin: 0 35px 8px 35px;
    background: #ffcccc url(/dir_image/exclamation.png) 15px 50% no-repeat;
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 1px solid #CC3300;
    border-bottom: 1px solid #CC3300;
}

.MessagesBasic {
    color: black;
    background: #ffcccc url(/dir_image/exclamation.png) 15px 50% no-repeat;
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 1px solid #CC3300;
    border-bottom: 1px solid #CC3300;
}

.Messages p {
    margin: 6px 0 6px 0;
}

.MessagesOK {
    color: black;
    font-size: 12px;
    line-height: 1em;
    margin: 0 35px 8px 35px;
    background: #ccffcc url(/dir_image/accept.png) 15px 50% no-repeat;
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 1px solid #1E7F1B;
    border-bottom: 1px solid #1E7F1B;
}

.MessagesOKBasic {
    color: black;
    background: #ccffcc url(/dir_image/accept.png) 15px 50% no-repeat;
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 1px solid #1E7F1B;
    border-bottom: 1px solid #1E7F1B;
}

.float_right {
    float: right;
}

/*AutoComplete flyout 10.30.10.020, 10.30.20.010 */
.ace_completionList {
    border: solid 1px #444444;
    margin: 0px;
    padding: 2px;
    height: 100px;
    overflow: auto;
    background-color: #FFFFFF;
    font-family: Verdana;
    font-size: 12px;
    cursor: pointer;
    z-index: 99;
}

.ace_listItem {
    color: #1C1C1C;
}

.ace_itemHighlighted {
    background-color: #f6a570;
}

/* TextBox Styles */

.InputTextBox {
    border: solid 1px #c9c9c9;
    background-image: url("../dir_image/textbox_bg.gif");
    background-repeat: repeat-x;
    padding: 4px;
    margin: 4px;
    font-family: Arial;
}

    .InputTextBox.Large {
        font-size: 18px;
    }

.newTextBox {
    border: solid 1px #c9c9c9;
    font-size: 16px;
    padding: 6px;
}

/* 10.30.10.050  */
.revisitDiagnosis {
    float: left;
    width: 152px;
    height: 50px;
    background-position: top;
    background-repeat: no-repeat;
    text-indent: -9999px;
    background-image: url( "../mod/10.30.10.050/btn_revisitDiagnosis.gif" );
    border: none;
    margin: 5px 0 5px 50px;
}

    .revisitDiagnosis:hover {
        background-position: bottom;
    }

.questionsForSurgeon {
    float: left;
    width: 152px;
    height: 50px;
    background-position: top;
    background-repeat: no-repeat;
    text-indent: -9999px;
    background-image: url( "../mod/10.30.10.050/btn_questionsForSurgeon.gif" );
    border: none;
    margin: 5px 0 5px 50px;
}

    .questionsForSurgeon:hover {
        background-position: bottom;
    }

.otherTOs {
    float: left;
    width: 152px;
    height: 50px;
    background-position: top;
    background-repeat: no-repeat;
    text-indent: -9999px;
    background-image: url( "../mod/10.30.10.050/btn_otherTOs.gif" );
    border: none;
    margin: 5px 0 5px 50px;
}

    .otherTOs:hover {
        background-position: bottom;
    }



/* Body Region Styles 10.30.20.010, 10.30.30.010 */

div#BodyRegions {
    position: absolute;
    /*	bottom: 34px; 
    bottom: 34px;
	left: 34px;*/
    width: 572px;
    height: 308px;
    background: url( "../../dir_image/dir_mod/dir_10_30_20_010/BodyRegions_Bkgd.png" ) no-repeat;
}

.BodyNav {
    float: left;
    display: inline;
    position: relative;
    width: 197px;
    height: 299px;
    padding: 9px 0 0 0;
    z-index: 2;
}

    .BodyNav ul {
        float: left;
        display: inline;
        position: relative;
        width: 205px;
        height: 299px;
        padding: 0;
        margin: 0 0 0 -8px;
        background: none;
        overflow: visible;
        z-index: 2;
    }

        .BodyNav ul li {
            float: left;
            display: inline;
            position: relative;
            color: #fff;
            width: 180px;
            height: 27px;
            padding: 5px 0 0 25px;
            margin: 0;
            background: none;
            font-size: 13px;
            z-index: 2;
        }

            .BodyNav ul li:hover {
                cursor: pointer;
                color: #e2426b;
                background: url( "../../dir_image/dir_mod/dir_10_30_20_010/BodyRegion_LIHover.png" ) no-repeat;
                height: 27px;
                padding: 6px 0 0 25px;
                margin: -1px 0 0 0;
                z-index: 2;
            }

            .BodyNav ul li div.HoverDiv {
                position: absolute;
                color: #000;
                font-size: 11px;
                left: 205px;
                width: 209px;
                height: 294px;
                display: none;
                background: url( "../../dir_image/dir_mod/dir_10_30_20_010/BodyRegion_Div_Bkgd.png" ) no-repeat;
                z-index: 2;
                padding: 10px 9px 0 20px;
                cursor: default;
            }

                .BodyNav ul li div.HoverDiv .SubHead {
                    padding: 0;
                    margin: 0;
                    font-size: 13px;
                    height: 24px;
                }

                .BodyNav ul li div.HoverDiv .Scroll {
                    height: 269px;
                }

                    .BodyNav ul li div.HoverDiv .Scroll .RBL_Other {
                        margin: -22px 0 0 60px;
                        width: 120px;
                        font-size: 11px;
                        font-family: Verdana;
                        padding: 1px 2px;
                    }

            .BodyNav ul li.one div.HoverDiv {
                top: -8px;
            }

            .BodyNav ul li.two div.HoverDiv {
                top: -40px;
            }

            .BodyNav ul li.three div.HoverDiv {
                top: -72px;
            }

            .BodyNav ul li.four div.HoverDiv {
                top: -104px;
            }

            .BodyNav ul li.five div.HoverDiv {
                top: -136px;
            }

            .BodyNav ul li.six div.HoverDiv {
                top: -168px;
            }

            .BodyNav ul li.seven div.HoverDiv {
                top: -200px;
            }

            .BodyNav ul li.eight div.HoverDiv {
                top: -232px;
            }

            .BodyNav ul li.nine div.HoverDiv {
                top: -264px;
            }

            .BodyNav ul li.ten div.HoverDiv {
                top: -296px;
            }

            .BodyNav ul li:hover div.HoverDiv {
                display: block;
            }

.BodyImage {
    position: absolute;
    top: 1px;
    left: 198px;
    width: 368px;
    height: 302px;
    z-index: 1;
    background-position: 60px 10px;
    background-repeat: no-repeat;
}

    .BodyImage.Fem {
        background-image: url( "../../dir_image/dir_mod/dir_10_30_20_010/BodyRegion_Female_None.png" );
    }

    .BodyImage.Male {
        background-image: url( "../../dir_image/dir_mod/dir_10_30_20_010/BodyRegion_Male_None.png" );
    }

div#InnerBodyContainer {
    position: relative;
    width: 368px;
    height: 302px;
    z-index: 1;
}

.MaleButton {
    position: absolute;
    bottom: 28px;
    right: 32px;
    width: 68px;
    height: 18px;
    cursor: pointer;
    background: url( "../../dir_image/dir_mod/dir_10_30_20_010/BodyRegion_Man.png" ) no-repeat;
    text-indent: -9999px;
}

.FemaleButton {
    position: absolute;
    bottom: 48px;
    right: 32px;
    width: 68px;
    height: 18px;
    cursor: pointer;
    background: url( "../../dir_image/dir_mod/dir_10_30_20_010/BodyRegion_Woman.png" ) no-repeat;
    text-indent: -9999px;
}

.MaleSelected {
    background: url( "../../dir_image/dir_mod/dir_10_30_20_010/BodyRegion_ManSelected.png" ) no-repeat;
}

.FemaleSelected {
    background: url( "../../dir_image/dir_mod/dir_10_30_20_010/BodyRegion_WomanSelected.png" ) no-repeat;
}
/* END Body Part Styles */

/* Surgical Category Styles 10.30.10.010 */

div#SurgicalCategories {
    position: absolute;
    bottom: 34px;
    left: 34px;
    width: 572px;
    height: 308px;
    background: url( "../../dir_image/dir_mod/dir_10_30_20_010/BodyRegions_Bkgd.png" ) no-repeat;
    /*background changed to BodyRegions_Bkgd.png for gender specific surgery categories */
}

.SurgicalNav {
    float: left;
    display: inline;
    position: relative;
    width: 197px;
    height: 301px;
    padding: 7px 0 0 0;
    z-index: 2;
}

    .SurgicalNav ul {
        float: left;
        display: inline;
        position: relative;
        width: 205px;
        height: 301px;
        padding: 0;
        margin: 0 0 0 -8px;
        background: none;
        overflow: visible;
        z-index: 2;
    }

        .SurgicalNav ul li {
            float: left;
            display: inline;
            position: relative;
            color: #fff;
            width: 180px;
            height: 25px;
            padding: 4px 0 0 25px;
            margin: 0;
            background: none;
            font-size: 13px;
            z-index: 2;
        }

            .SurgicalNav ul li:hover {
                cursor: pointer;
                color: #e2426b;
                background: url( "../../dir_image/dir_mod/dir_10_30_10_010/SurgicalCategories_LIHover.png" ) no-repeat;
                height: 25px;
                padding: 5px 0 0 25px;
                margin: -1px 0 0 0;
                z-index: 2;
            }

            .SurgicalNav ul li div.HoverDiv {
                position: absolute;
                color: #000;
                font-size: 11px;
                left: 205px;
                width: 209px;
                height: 294px;
                display: none;
                background: url( "../../dir_image/dir_mod/dir_10_30_20_010/BodyRegion_Div_Bkgd.png" ) no-repeat;
                z-index: 2;
                padding: 10px 9px 0 20px;
            }

                .SurgicalNav ul li div.HoverDiv .SubHead {
                    padding: 0;
                    margin: 0;
                    font-size: 13px;
                    height: 24px;
                }

                .SurgicalNav ul li div.HoverDiv .Scroll {
                    height: 269px;
                }

                    .SurgicalNav ul li div.HoverDiv .Scroll .RBL_Other {
                        margin: -22px 0 0 60px;
                        width: 120px;
                        font-size: 11px;
                        font-family: Verdana;
                        padding: 1px 2px;
                    }

            .SurgicalNav ul li.one div.HoverDiv {
                top: -6px;
            }

            .SurgicalNav ul li.two div.HoverDiv {
                top: -35px;
            }

            .SurgicalNav ul li.three div.HoverDiv {
                top: -64px;
            }

            .SurgicalNav ul li.four div.HoverDiv {
                top: -93px;
            }

            .SurgicalNav ul li.five div.HoverDiv {
                top: -122px;
            }

            .SurgicalNav ul li.six div.HoverDiv {
                top: -151px;
            }

            .SurgicalNav ul li.seven div.HoverDiv {
                top: -180px;
            }

            .SurgicalNav ul li.eight div.HoverDiv {
                top: -209px;
            }

            .SurgicalNav ul li.nine div.HoverDiv {
                top: -238px;
            }

            .SurgicalNav ul li.ten div.HoverDiv {
                top: -267px;
            }

            .SurgicalNav ul li:hover div.HoverDiv {
                display: block;
            }

/* End Surgical Category Styles */


/* True/False Styles such as 20.20.10.010 */

.TrueFalseButton, .TrueFalseButton.Enabled {
    position: relative;
    float: left;
    width: 151px;
    height: 79px;
    background-position: top;
    background-repeat: no-repeat;
    text-indent: -9999px;
    margin: 0 2px 0 0;
}

    .TrueFalseButton:hover {
        background-position: bottom;
    }

    .TrueFalseButton.True {
        background-image: url( "../../dir_image/public/true.png" );
    }

    .TrueFalseButton.False {
        background-image: url( "../../dir_image/public/false.png" );
    }

    .TrueFalseButton.Selected {
        background-position: bottom;
    }

    .TrueFalseButton.Unselected {
        background-position: top;
    }

/* END True/False Button Styles */


/* Activity Button - View Questions Styles such as 20.20.10.030 */

.ActivityViewQuestionsButton {
    float: left;
    width: 126px;
    height: 32px;
    background-position: top;
    background-repeat: no-repeat;
    text-indent: -9999px;
    margin: 0 2px 0 0;
    background-image: url( "../dir_image/public/btn_view_questions.png" );
}

    .ActivityViewQuestionsButton:hover {
        background-position: bottom;
    }

.ActivityViewToDosButton {
    float: left;
    width: 148px;
    height: 32px;
    background-position: bottom;
    background-repeat: no-repeat;
    text-indent: -9999px;
    margin: 0 2px 0 0;
    background-image: url( "../../dir_image/public/btn_view_top_10.png" );
}

    .ActivityViewToDosButton:hover {
        background-position: top;
    }


/* END Activity Button - View Questions Styles */


.ReturnMeToWhereILeftOff {
    float: left;
    width: 114px;
    height: 113px;
    position: absolute;
    top: 300px;
    left: 190px;
    background-position: top;
    background-repeat: no-repeat;
    text-indent: -9999px;
    background-image: url( "../../dir_image/public/ReturnMeToWhereILeftOff.gif" );
}

    .ReturnMeToWhereILeftOff:hover {
        background-position: bottom;
    }

.ReturnMeToWhereILeftOff_new {
    float: left;
    width: 114px;
    height: 108px;
    /*position: absolute;
	top: 300px;
	left: 190px;*/
    background-position: top;
    background-repeat: no-repeat;
    text-decoration: none;
    background-image: url( "../../dir_image/public/ReturnMeToWhereILeftOff_blank.gif" );
    font-family: 'Roboto Slab', Arial;
    text-align: center;
    font-size: 20px;
    color: #f47922;
    line-height: 24px;
    padding: 5px 0px 0px 0px;
    font-weight: 300;
}

a.ReturnMeToWhereILeftOff_new:hover {
    text-decoration: none;
    background-position: bottom;
    color: White;
}

.StartANewProfile {
    float: left;
    width: 114px;
    height: 113px;
    position: absolute;
    top: 300px;
    left: 320px;
    background-position: top;
    background-repeat: no-repeat;
    text-indent: -9999px;
    background-image: url( "../../dir_image/public/StartANewProfile.gif" );
}

    .StartANewProfile:hover {
        background-position: bottom;
    }

.StartANewProfile_new {
    float: left;
    width: 114px;
    height: 108px;
    /*position: absolute;
	top: 300px;
	left: 320px;*/
    background-position: top;
    background-repeat: no-repeat;
    text-decoration: none;
    background-image: url( "../../dir_image/public/StartANewProfile_blank.gif" );
    font-family: 'Roboto Slab', Arial;
    text-align: center;
    font-size: 20px;
    color: #f47922;
    line-height: 24px;
    padding: 5px 0px 0px 0px;
    font-weight: 300;
}

a.StartANewProfile_new:hover {
    text-decoration: none;
    background-position: bottom;
    color: White;
}


/* Traffic */

.TrafficBody {
    /*margin: 1px 0 0 1px;*/
    /*background: url(dir_image/public/Traffic_white_background.png) no-repeat;*/
    /*border: 0px blue solid;*/
    /*height: 410px;*/
    /*padding: 34px;*/
}

.trafficSubHeadMain {
    color: #f47922;
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 6px 0px;
}

.trafficSubHead {
    color: #f47922;
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 6px 0px;
}

.trafficBodyText {
    font-size: 16px;
    padding: 0 0 6px 0;
    line-height: 1.6em;
}

    .trafficBodyText a:hover {
        color: #F47922;
    }

.trafficSelectOption {
    font-size: 16px;
    margin: 2px;
}

.trafficBodySmall {
    font-size: 12px;
    padding: 0 0 4px 0;
}

.trafficIndent {
    margin: 0px 0px 20px 34px;
}

.trafficBodyTextSpaced {
    font-size: 16px;
    padding: 0 0 6px 0;
    line-height: 1.6em;
    margin: 0 0 6px 0;
}



/* END Traffic */

/* WhoDecidesTreatment Styles such as 30.20.10.010 */

.WhoDecidesTreatmentButton {
    position: relative;
    float: left;
    width: 290px;
    height: 81px;
    background-position: top;
    background-repeat: no-repeat;
    text-indent: -9999px;
    margin: 0 2px 0 0;
}

    .WhoDecidesTreatmentButton:hover {
        background-position: bottom;
    }

    .WhoDecidesTreatmentButton.Doctor {
        background-image: url( "../../dir_image/dir_mod/dir_30_20_10_010/doctor.png" );
    }

    .WhoDecidesTreatmentButton.You {
        background-image: url( "../../dir_image/dir_mod/dir_30_20_10_010/you.png" );
    }

    .WhoDecidesTreatmentButton.Welvie {
        background-image: url( "../../dir_image/dir_mod/dir_30_20_10_010/welvie.png" );
    }
/* Number Button Styles such as 30.20.10.020 */

.NumberButton {
    position: relative;
    float: left;
    width: 80px;
    height: 80px;
    background-position: top;
    background-repeat: no-repeat;
    text-indent: -9999px;
    margin: 0 2px 0 0;
}

    .NumberButton:hover {
        background-position: bottom;
    }

    .NumberButton.Zero {
        background-image: url( "../../dir_image/public/0.png" );
    }

    .NumberButton.One {
        background-image: url( "../../dir_image/public/1.png" );
    }

    .NumberButton.Two {
        background-image: url( "../../dir_image/public/2.png" );
    }

    .NumberButton.Three {
        background-image: url( "../../dir_image/public/3.png" );
    }

    .NumberButton.Four {
        background-image: url( "../../dir_image/public/4.png" );
    }

    .NumberButton.Five {
        background-image: url( "../../dir_image/public/5.png" );
    }

    .NumberButton.Seven {
        background-image: url( "../../dir_image/public/7.png" );
    }

    .NumberButton.Twelve {
        background-image: url( "../../dir_image/public/12.png" );
    }

/* END Number Button Styles */


/* Risk1 Styles */

div#Risk1Container {
    margin: 0 -11px;
    width: 594px;
    height: 201px;
    background: url( "../../dir_image/dir_mod/dir_30_30_20_010/Risk1_Bkgd.png" ) no-repeat;
}

    div#Risk1Container .Risk1SubContainer {
        float: left;
        display: inline;
        position: relative;
        width: 122px;
        height: 231px;
        margin: 0 6px 0 0;
        padding: 40px 11px 0 11px;
    }

        div#Risk1Container .Risk1SubContainer.Last {
            margin: 0;
        }

        div#Risk1Container .Risk1SubContainer .Risk1Example {
            font-size: 1.1em;
            line-height: 1.4em;
            color: #262626;
        }

        div#Risk1Container .Risk1SubContainer .Risk1TreatmentsText {
            position: absolute;
            top: 38px;
            left: 11px;
            font-size: 11px;
            line-height: 1.4em;
            color: #262626;
        }

        div#Risk1Container .Risk1SubContainer .RiskTextBox0 {
            position: absolute;
            top: 80px;
            left: 14px;
            width: 114px;
            border: 0px;
            font-size: 11px;
            padding: 1px 2px;
            font-family: Verdana;
        }

        div#Risk1Container .Risk1SubContainer .RiskTextBox1 {
            position: absolute;
            top: 108px;
            left: 14px;
            width: 114px;
            border: 0px;
            font-size: 11px;
            padding: 1px 2px;
            font-family: Verdana;
        }

        div#Risk1Container .Risk1SubContainer .RiskTextBox2 {
            position: absolute;
            top: 136px;
            left: 14px;
            width: 114px;
            border: 0px;
            font-size: 11px;
            padding: 1px 2px;
            font-family: Verdana;
        }

        div#Risk1Container .Risk1SubContainer .RiskTextBox3 {
            position: absolute;
            top: 165px;
            left: 14px;
            width: 114px;
            border: 0px;
            font-size: 11px;
            padding: 1px 2px;
            font-family: Verdana;
        }

/* END Risk1 Styles */

/* Exit Page Button Styles such as 60.30.10.020 */

.ExitButton {
    position: relative;
    float: left;
    width: 137px;
    height: 59px;
    background-position: top;
    background-repeat: no-repeat;
    text-indent: -9999px;
    margin: 0 2px 0 0;
}

    .ExitButton:hover {
        background-position: bottom;
    }

    .ExitButton.Buddy {
        background-image: url( "../../dir_image/dir_mod/dir_60_30_10_020/Become_a_buddy.png" );
    }

    .ExitButton.PassItOn {
        background-image: url( "../../dir_image/dir_mod/dir_60_30_10_020/Pass_it_on.png" );
    }

/* END Exit Page Button Styles */

/* Activity Button - Learn More Styles such as 50.20.10.050 */

.ActivityLearnMoreButton {
    float: left;
    width: 105px;
    height: 32px;
    background-position: top;
    background-repeat: no-repeat;
    text-indent: -9999px;
    margin: 0 2px 0 0;
    background-image: url( "../../dir_image/public/btn_learn_more.png" );
}

    .ActivityLearnMoreButton:hover {
        background-position: bottom;
    }

/* END Activity Button - Learn More Styles */

/* View Buddy Schedule Button - View Buddy Schedule Day Style on 50.20.10.070 */

.ViewBuddySchedButton {
    float: left;
    width: 148px;
    height: 32px;
    background-position: top;
    background-repeat: no-repeat;
    text-indent: -9999px;
    margin: 0 2px 0 0;
    background-image: url( "../../dir_image/public/btn_view_buddy_sched.png" );
}

    .ViewBuddySchedButton:hover {
        background-position: bottom;
    }

/* END View Buddy Schedule Button - View Buddy Schedule Style */

/* Activity Button - View Chart Styles such as 50.20.10.080 */

.ActivityViewChartButton {
    float: left;
    width: 126px;
    height: 32px;
    background-position: top;
    background-repeat: no-repeat;
    text-indent: -9999px;
    margin: 0 2px 0 0;
    background-image: url( "../../dir_image/public/btn_view_chart.png" );
}

    .ActivityViewChartButton:hover {
        background-position: bottom;
    }

/* END Activity Button - View Chart Styles */

/* Typical Day Button - View Typical Day Style on 50.20.10.110 */

.TypicalDayViewButton {
    float: left;
    /*	width: 195px; old  */
    width: 194px;
    height: 32px;
    background-position: top;
    background-repeat: no-repeat;
    text-indent: -9999px;
    margin: 0 2px 0 0;
    /*	background-image: url(  "../dir_image/public/btn_view_typical_day.png" ); */
    background-image: url( "../../dir_image/public/btn_view_sample_day.png" );
}

    .TypicalDayViewButton:hover {
        background-position: bottom;
    }

/* END Typical Day Button - View Typical Day Style */

/* Activity Button - View Tracker Styles such as 50.20.10.090 */

.ActivityViewTrackerButton {
    float: left;
    width: 115px;
    height: 33px;
    background-position: top;
    background-repeat: no-repeat;
    text-indent: -9999px;
    margin: 0 2px 0 0;
    background-image: url( "../../dir_image/public/btn_view_tracker.png" );
}

    .ActivityViewTrackerButton:hover {
        background-position: bottom;
    }

/* END Activity Button - View Tracker Styles */

/* Activity Button - View Checklist Styles such as 50.20.10.100 */

.ActivityViewChecklistButton {
    float: left;
    width: 126px;
    height: 32px;
    background-position: top;
    background-repeat: no-repeat;
    text-indent: -9999px;
    margin: 0 2px 0 0;
    background-image: url( "../../dir_image/public/btn_view_checklist.png" );
}

    .ActivityViewChecklistButton:hover {
        background-position: bottom;
    }

/* END Activity Button - View Checklist Styles */

/* Activity Button - View Signs Styles such as 50.20.10.120 */

.ActivityViewSignsButton {
    float: left;
    width: 103px;
    height: 32px;
    background-position: top;
    background-repeat: no-repeat;
    text-indent: -9999px;
    margin: 0 2px 0 0;
    background-image: url( "../../dir_image/public/btn_view_signs.png" );
}

    .ActivityViewSignsButton:hover {
        background-position: bottom;
    }

/* END Activity Button - View Signs Styles */

.SaveButton {
    width: 52px;
    height: 21px;
    border: 0;
    background: url( "../../dir_image/public/SaveButton_Bkgd.png" ) no-repeat;
}

.SettingsBuddyMessage {
    color: #12a366;
    font-size: 1.2em;
    line-height: 1.5em;
    font-weight: normal;
    height: 26px;
}

/* Phil added just to help see the data vs. label */
.hwytu {
    font-family: Verdana;
    font-size: 16px;
    color: #262626;
    line-height: 1.6em;
    padding: 0 0 6px 0;
}

.question-reiterate {
    font-weight: bold;
    font-family: Verdana;
    font-size: 16px;
    color: #262626;
    line-height: 1.6em;
    padding: 0 0 6px 0;
}

.answer-reiterate {
    margin-left: 10px;
    font-style: normal;
    font-family: Verdana;
    font-size: 16px;
    color: #262626;
    line-height: 1.6em;
}

/*End Phils styles*/

/*Modal Window via AJAX.NET*/

.AJAXModal {
    background-color: #fff;
    max-width: 720px;
    padding: 20px;
}

.AJAXModalBackground {
    background-color: #a5a5a5;
    filter: alpha(opacity=50);
    opacity: 0.7;
}


/* Calendar Styles (NOTE: these are not the styles for telerik control*/

div#CalendarContainer {
    position: relative;
    /*padding: 0 27px 19px 27px;*/
    /*padding: 0 27px 19px;*/
    width: 940px;
    min-height: 472px;
    /*background: url("../../dir_image/public/LH_NonVideoContent_Bkgd.gif") no-repeat #fff;*/
    overflow: hidden;
}

    div#CalendarContainer .Body {
        font-size: 14px;
        line-height: 1.6em;
        color: #262626;
        margin: 0 0 8px 0;
    }

        div#CalendarContainer .Body a {
            color: #262626;
            text-decoration: underline;
        }

    div#CalendarContainer .SubHead {
        font-size: 18px;
        font-family: Arial;
        line-height: 1.6em;
        color: #f47922;
        font-weight: normal;
        margin: 24px 0 0 0;
    }

        div#CalendarContainer .SubHead + .Body {
            margin: 14px 0 8px 0;
        }

    div#CalendarContainer div#CalendarDropDownContainer {
        position: relative;
        height: 35px;
    }

        div#CalendarContainer div#CalendarDropDownContainer div#CalendarDropDown {
            /*position: absolute;
	top: 0;
	right: 0;
	width: 162px;
	height: 24px;*/
            /*background: url(  "../../dir_image/dir_mod/dir_50_20_10_160/CalendarView_Bkgd.png" ) no-repeat;*/
            /*padding: 3px 0 0 24px;*/
        }

            div#CalendarContainer div#CalendarDropDownContainer div#CalendarDropDown .CalendarDropDown {
                font-family: Verdana;
                font-size: 14px;
                width: 100px;
            }

    div#CalendarContainer .MainHeadline {
        height: 44px;
    }

    div#CalendarContainer div#CalendarLeftContainer {
        float: left;
        display: inline;
        position: relative;
        width: 400px;
        /*DELETEheight: 583px;
	overflow: visible;DELETE*/
        z-index: 2;
    }

#SchedulerContainer {
    float: left;
    position: relative;
    width: 400px;
    /*DELETEheight: 383px;
	overflow: auto;DELETE*/
}

.rsContentScrollArea {
    overflow: hidden !important;
}

div#CalendarContainer div#CalendarRightContainer {
    float: right;
    display: inline;
    position: relative;
    width: 186px;
    /*height: 383px;
	overflow: visible;*/
    z-index: 1;
}

    div#CalendarContainer div#CalendarRightContainer #CalendarGridContainer {
        position: relative;
        width: 184px;
        border: 1px solid #c9c9c9;
    }

.rsContentTable td:hover {
    position: relative;
    z-index: 100;
}

div#CalendarContainer div#CalendarRightContainer .CalendarButtonBar {
    position: relative;
    height: 25px;
    margin: 10px 0 0 0;
}

.CalendarPrintButton {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 80px;
    height: 25px;
    border: none;
    background: url( "../../dir_image/dir_mod/dir_50_20_10_160/CalendarPrintButton.png" ) no-repeat;
    cursor: pointer;
}

.CalendarAddButton {
    position: absolute;
    bottom: 0;
    right: 90px;
    width: 60px;
    height: 25px;
    border: none;
    background: url( "../../dir_image/dir_mod/dir_50_20_10_160/CalendarAddButton.png" ) no-repeat;
    cursor: pointer;
}

.CalendarHelpButton {
    position: absolute;
    bottom: 0;
    right: 160px;
    width: 26px;
    height: 25px;
    border: none;
    background: url( "../../dir_image/dir_mod/dir_50_20_10_160/CalendarHelpButton.png" ) no-repeat;
    cursor: pointer;
}

div#RepeaterContainer {
    position: relative;
    width: 378px;
}

div#RepeaterContainerInner {
    position: relative;
    width: 358px;
    min-height: 381px;
    border: 1px solid #c2c2c2;
    overflow: hidden;
}

div#RepeaterContainer .rsHeader {
    background: #db3b63;
    height: 42px;
    color: #fff;
}

    div#RepeaterContainer .rsHeader.Green {
        background: #00a165;
    }

    div#RepeaterContainer .rsHeader h2 {
        text-indent: 0;
        font-size: 17px;
        text-transform: uppercase;
        font-weight: normal;
        text-align: center;
        padding-top: 12px;
        color: white;
    }

.RepeaterRow, .RepeaterDate, .RepeaterText {
    float: left;
    display: inline;
}

.RepeaterRow {
    width: 358px;
    z-index: 1;
    padding: 6px 0;
}

.RepeaterDate {
    font-size: 14px;
    line-height: 16px;
    width: 35px;
    color: #262626;
    padding: 0 10px;
}

.RepeaterText {
    font-size: 14px;
    line-height: 16px;
    width: 283px;
    color: #e2426b;
    padding: 0 20px 0 0;
}

    .RepeaterText.Green {
        color: #00a165;
    }

div#ListAddContainer {
    position: relative;
    width: 166px;
    height: 171px;
    padding: 10px;
    background: url( "../../dir_image/dir_mod/dir_50_20_10_160/ListAdd_Bkgd.png" ) no-repeat;
}

/* END Calendar Styles */

/* Add a New Ailment Profile Button */

.button_add_new_profile {
    float: left;
    width: 201px;
    height: 32px;
    background-position: top;
    background-repeat: no-repeat;
    text-indent: -9999px;
    margin: 0 2px 0 0;
    background-image: url( "../dir_image/public/AddANewAilmentProfile.png" );
}

    .button_add_new_profile:hover {
        background-position: bottom;
    }

/*vote-style tooltip
    usage: <a href="#" titleX="This is the tooltip content." class="tooltipX"><span>1877</span></a>
*/

.tooltipX {
    display: inline;
    position: relative;
    text-decoration: none;
}

    .tooltipX:hover:after {
        background: #333;
        background: rgba(0,0,0,.8);
        border-radius: 5px;
        bottom: 26px;
        color: #fff;
        content: attr(titleX);
        left: 20%;
        padding: 5px 15px;
        position: absolute;
        z-index: 98;
        width: 220px;
    }

    .tooltipX:hover:before {
        border: solid;
        border-color: #333 transparent;
        border-width: 6px 6px 0 6px;
        bottom: 20px;
        content: "";
        left: 50%;
        position: absolute;
        z-index: 99;
    }

/* another type of tooltip */
/*
    <p class="wTooltip">
        Hello
        <span class="wTooltipText">
            this is the tooltip alshdgwh gahfguo
            wfhg fghwoug wugw<br />hgrwuog hwaur guoarwhg rwu
        </span>
    </p>
*/
.wTooltip:hover .wTooltipText {
    display: block;
}

.wTooltipText {
    display: none;
    position: absolute;
    z-index: 1000;
    border: 1px solid #dedede;
    font-family: 'Roboto Slab', Arial;
    text-align: left;
    border-radius: 6px;
    padding: 10px;
}


#username_hint {
    display: none;
    color: red;
    font-family: Arial;
    font-size: 14px;
    margin-left: 6px;
}

.domain {
    color: #08c;
    text-decoration: underline;
}

.monthDropDown {
    padding: 7px;
    border: 1px solid rgb(204, 204, 204);
    border-image: none;
    width: 41%;
    color: rgb(38, 38, 38);
    font-size: 16px;
}

.dayDropDown {
    padding: 7px;
    border: 1px solid rgb(204, 204, 204);
    border-image: none;
    width: 26%;
    color: rgb(38, 38, 38);
    font-size: 16px;
}

.yearDropDown {
    padding: 7px;
    border: 1px solid rgb(204, 204, 204);
    border-image: none;
    width: 30%;
    color: rgb(38, 38, 38);
    font-size: 16px;
}

/*Intro Pages*/

.ActionPrevious {
    float: left;
    width: 84px;
    height: 32px;
    background-position: bottom;
    background-repeat: no-repeat;
    text-indent: -9999px;
    background-image: url( "../dir_image/public/ActionPrevious.gif" );
}

    .ActionPrevious:hover {
        background-position: top;
    }

.ActionNext {
    float: left;
    width: 84px;
    height: 32px;
    background-position: bottom;
    background-repeat: no-repeat;
    text-indent: -9999px;
    background-image: url( "/dir_image/public/ActionNext.gif" );
}

    .ActionNext:hover {
        background-position: top;
    }

.ActionContinue {
    float: left;
    width: 84px;
    height: 32px;
    background-position: bottom;
    background-repeat: no-repeat;
    text-indent: -9999px;
    background-image: url( "../dir_image/public/ActionContinue.gif" );
}

    .ActionContinue:hover {
        background-position: top;
    }

.ActionRequestAccount {
    float: left;
    width: 186px;
    height: 28px;
    background-position: bottom;
    background-repeat: no-repeat;
    text-indent: -9999px;
    background-image: url( "../dir_image/public/RequestAccount.gif" );
}

    .ActionRequestAccount:hover {
        background-position: top;
    }
/*close Intro Pages*/


/*product page buttons*/
.btn_surgery,
.btn_acp, .btn_avs, .btn_report {
    width: 160px;
    height: 160px;
    color: white;
    border: 0px solid blue;
    font-family: 'Roboto Slab', Arial;
    font-size: 180%;
    font-weight: 300;
}

.btn_surgery {
    background-color: #f47922;
    border-radius: 50%;
}

    .btn_surgery:focus {
        outline: 0;
        box-shadow: 0 0 0 1px #a1a1a1;
    }

.btn_acp {
    background-color: #4f9fb5;
    border-radius: 50%;
}

    .btn_acp:focus {
        outline: 0;
        box-shadow: 0 0 0 1px #a1a1a1;
    }

.btn_avs {
    background-color: #4f9fb5;
    border-radius: 50%;
}

    .btn_avs:focus {
        outline: 0;
        box-shadow: 0 0 0 1px #a1a1a1;
    }

.btn_report {
    background-color: #9fb54f;
    border-radius: 50%;
}

    .btn_report:focus {
        outline: 0;
        box-shadow: 0 0 0 1px #a1a1a1;
    }

.btn_surgery:hover {
    background-color: #fea15f;
    cursor: pointer;
}

.btn_acp:hover {
    background-color: #33778a;
    cursor: pointer;
}

.btn_avs:hover {
    background-color: #33778a;
    cursor: pointer;
}

.btn_report:hover {
    background-color: #909c63;
    cursor: pointer;
}


/*product page circle links*/
.div_circle_link {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    text-align: center;
    font-family: 'Roboto Slab', Arial;
    /*float: right;*/
    margin-left: 10px;
    font-weight: 300;
}

    .div_circle_link a {
        color: #e7e7e7;
        font-size: 120%;
        width: 100%;
        height: 100%;
        text-decoration: none;
        line-height: 120%;
        display: block;
    }

        .div_circle_link a:focus {
            outline: 0;
            color: white;
        }

    .div_circle_link.welvieteal {
        background-color: #31788b;
    }

        .div_circle_link.welvieteal:hover {
            background-color: #4b8d9e;
            color: white;
        }

    .div_circle_link.welvieorange {
        background-color: #f47922;
    }

        .div_circle_link.welvieorange:hover {
            background-color: #fea15f;
            color: white;
        }

    .div_circle_link.welviegreenish {
        background-color: #9fb54f;
    }

        .div_circle_link.welviegreenish:hover {
            background-color: #909c63;
            color: white;
        }

    .div_circle_link a.oneline {
        padding: 38px 0 0 0;
    }

    .div_circle_link a.twoline {
        padding: 22px 0 0 0;
    }

    .div_circle_link a.threeline {
        padding: 10px 0 0 0;
    }


/*close product page buttons*/





/* add/edit contact modal window */
.modal,
.modal-box {
    z-index: 900;
    border: 0px solid red;
}

.modal-sandbox {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent;
}

.modal {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(0,0,0);
    background: rgba(0,0,0,.5);
    overflow: auto;
}

.modal-box {
    position: relative;
    width: 80%;
    max-width: 920px;
    /*margin: 100px auto;*/
    margin: 2% auto;
    animation-name: modalbox;
    animation-duration: .3s;
    animation-timing-function: ease-out;
}

.modal-header {
    padding: 10px 20px 0 60px;
    /*background: #c6c6c6;*/
    /*background: url(/dir_image/public/heartflag2.png) no-repeat left 20px top;*/
    background-color: #eee;
    color: #ffffff;
}

    .modal-header h1 {
        font-family: 'Roboto Slab', Arial;
        font-size: 22px;
        font-weight: 600;
        color: #000;
        padding-bottom: 20px !important;
        padding-top: 10px;
        padding-left: 20px;
    }

.modal-body {
    background: #fff;
    padding: 40px 40px 40px 80px;
}

/* Close Button */
.close-modal {
    text-align: right;
    cursor: pointer;
    color: #000;
    text-decoration: none;
    /*font-weight: bold;*/
    padding-top: 10px;
}

    .close-modal:hover {
        color: #ee4a56;
    }

    .close-modal:first-child {
        float: right;
    }

.big_checkbox, span.big_checkbox input[type=checkbox] { /* the second one is for <asp:checkbox>*/
    width: 24px;
    height: 24px;
    position: relative;
    top: 6px;
}

span.big_checkbox input[type=checkbox] {
    top: 0px;
}

/* cover the page with white until its fully loaded */
#cover {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 9999;
}

/* product select*/
.product_select_surgery {
    width: 256px;
    height: 73px;
    background: url(/dir_image/dir_acp/ProductSelectionMySurgery2x.png);
    box-sizing: border-box;
    opacity: 0.8;
}

    .product_select_surgery a {
        /*margin: 33px 0px 0 80px;*/
        color: white;
        text-decoration: none;
        text-align: left;
        font-family: 'Roboto Slab';
        font-size: 17px;
        display: inline-block;
        height: 100%;
        width: 100%;
    }

        .product_select_surgery a span {
            display: block;
            margin: 36px 0 0 80px;
        }

    .product_select_surgery:hover {
        /*color: black;*/
        /*cursor: pointer;*/
        opacity: inherit;
    }

.product_select_letter {
    width: 256px;
    height: 73px;
    background: url(/dir_image/dir_acp/ProductSelectionMyLifeLetters2x.png);
    box-sizing: border-box;
    /*padding: 33px 0px 0 80px;*/
    opacity: 0.8;
}

    .product_select_letter a {
        color: white;
        text-decoration: none;
        text-align: left;
        font-family: 'Roboto Slab';
        font-size: 17px;
        display: inline-block;
        height: 100%;
        width: 100%;
    }

        .product_select_letter a span {
            display: block;
            margin: 36px 0 0 80px;
        }

    .product_select_letter:hover {
        /*color: black;*/
        /*cursor: pointer;*/
        opacity: inherit;
    }


.product_select_virus {
    width: 256px;
    height: 73px;
    background: url(/dir_image/dir_avs/ProductSelectionMyVirus2x.png);
    box-sizing: border-box;
    /*padding: 33px 0px 0 80px;*/
    opacity: 0.8;
}

    .product_select_virus a {
        color: white;
        text-decoration: none;
        text-align: left;
        font-family: 'Roboto Slab';
        font-size: 17px;
        display: inline-block;
        height: 100%;
        width: 100%;
    }

        .product_select_virus a span {
            display: block;
            margin: 34px 0 0 80px;
        }

    .product_select_virus:hover {
        /*color: black;*/
        /*cursor: pointer;*/
        opacity: inherit;
    }


.product_select_drmike {
    width: 256px;
    height: 93px;
    background: url(/dir_image/dir_drmike/ProductSelectionDrMike.png);
    box-sizing: border-box;
    /*padding: 33px 0px 0 80px;*/
    opacity: 0.8;
}

    .product_select_drmike a {
        color: white;
        text-decoration: none;
        text-align: left;
        font-family: 'Roboto Slab';
        font-size: 20px;
        display: inline-block;
        height: 100%;
        width: 100%;
    }

        .product_select_drmike a span {
            display: block;
            margin: 44px 0 0 64px;
        }

    .product_select_drmike:hover {
        /*color: black;*/
        /*cursor: pointer;*/
        opacity: inherit;
    }


/* end product select*/

/* acp reward status table*/
.table_acp_reward_status {
    border: 1px solid #ccc;
}

    .table_acp_reward_status tr td {
        text-align: center;
    }

    .table_acp_reward_status th {
        background-color: #a5cb38;
        text-align: center;
    }


/* end acp reward status table*/

hr.hr_pink {
    width: 100%;
    height: 6px;
    background-color: #e2426b;
    border: none;
    margin: 0 auto;
}

hr.hr_pink {
    width: 100%;
    height: 6px;
    background-color: #e2426b;
    border: none;
    margin: 0 auto;
}


.redeem_link {
    background-color: #00b18a;
    color: white;
    margin: 0px 0 0 0;
    padding: 10px;
    border-radius: 5px;
    border: 4px solid #00b18a;
    font-family: 'Roboto Slab', Arial;
    font-weight: 600;
    text-align: center;
    transition: .3s;
    max-width: 310px;
    text-decoration: none;
    cursor: pointer;
}

    .redeem_link:hover {
        background-color: white;
        color: #00b18a;
        transition: .3s;
    }

    .redeem_link a {
        display: block;
    }

.redeem_href {
    text-decoration: none;
}

    .redeem_href:hover {
        text-decoration: none;
    }

a.redeem_link:hover {text-decoration: none;}

.btn_settings_change {
  padding: 6px 10px;
  color: white;
  border: 0;
  background-color: #00b18a;
  border-radius: 3px;
  font-size: 14px;
  margin: 10px 10px 0 0;
}

.btn_settings_change.unspaced {margin: 0}

  .btn_settings_change:hover {
    background-color: #0c9e94;
    cursor: pointer
  }

.required {
  color: red;
}