.resetBTN, .submitBTN {
    cursor: pointer;
}

.resetBTN, .submitBTNgrey, .submitBTN, .pushButtonLargeRed {
    background-color: #ffd255;
    color: #1e3268 !important;
    padding: 0.5rem 1.5rem;
    border-radius: 50px;
    text-decoration: none !important;
    font-size: 0.875rem;
    font-weight: 700;
    border: 2px solid transparent;
    display: inline-block;
    text-align: center;
    margin: 10px 20px;
    float: right;
}

    .resetBTN:hover, .submitBTN:hover, .pushButtonLargeRed:hover {
        background-color: #ffffff;
        border: 2px solid #ffd255;
    }

.pushButtonLargeRed {
    float: left;
    margin-left: 0;
    margin-right: 0;
}



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

.chapterSub1 {
    font-size: 14px;
    color: #666;
    font-style: italic;
}

.chapterSub2 {
    font-size: 14px;
}

div.chapterReferences li {
    font-size: 12px;
}

    div.chapterReferences li a {
        font-size: 12px;
    }

#tabs, #samir_tabs {
    margin-top: 20px;
    margin-bottom: 40px;
}

    #tabs li, #samir_tabs li {
        display: inline;
        font-size: 14px;
        padding: 5px 8px;
        margin-left: 3px;
        cursor: pointer;
        cursor: hand;
    }

    #tabs .selected, #samir_tabs .selected {
        background-color: #00b2eb;
        border-radius: 15px;
        text-decoration: none;
        color: #fff;
        font-size: 14px;
        padding: 5px 8px;
        margin-left: 3px;
    }

#themes ul li, #patientPortal ul li, #frenchPortal ul li, #chinesePortal ul li {
    list-style: circle url("./images/bullet.gif");
    margin-left: 20px;
    padding-left: 5px;
    margin-bottom: 5px;
}

#themes a, #patientPortal a, #threeCoreContent_container a, #frenchPortal a, #chinesePortal a {
    color: #000;
    padding-right: 25px;
    padding-top: 2px;
    padding-bottom: 2px;
    line-height: 20px;
}

    #themes a.no-arrow, #caseStudy a.no-arrow {
        color: #1e3268;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

        #themes a.no-arrow:hover, #caseStudy a.no-arrow:hover {
            background-image: none;
        }

#table-of-contents td a, #table-of-contents-new td a, #caseStudy a, #appendices td a, #appendices-2015 td a, #appendices-2016 td a, .listwArrows li a {
    padding-right: 25px;
}

#caseStudy a, .listwArrows li a {
    padding-bottom: 5px;
}

    #themes a:hover, #patientPortal a:hover, #frenchPortal a:hover, #chinesePortal a:hover, #table-of-contents td a:hover, #table-of-contents-new td a:hover, #caseStudy a:hover, #appendices td a:hover, #appendices-2015 td a:hover, #appendices-2016 td a:hover, #threeCoreContent_container a:hover, .listwArrows li a:hover {
        background-image: url(./images/arrow-circle.png);
        background-position: right 7px center;
        background-repeat: no-repeat;
        text-decoration: none;
    }

.buy_btn_lrg, #patientPortal a.buy_btn_lrg {
    background-color: #FFF;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
    color: #00b2eb;
    font-size: 16px;
    padding: 5px 10px;
    margin-left: 10px;
    border: 1px solid #00b2eb;
}

#patientPortal a.buy_btn_lrg {
    position: relative;
    top: -4px;
}

    .buy_btn_lrg:hover, #patientPortal a.buy_btn_lrg:hover {
        background-color: rgba(0,178,235,.1);
        background-image: none;
        text-decoration: none;
    }

.QRGthumbs {
    margin-right: 5px;
    float: left;
}

#caseStudy a.pdfLink:hover {
    background-image: url(./images/Adobe_PDF_Icon.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}

#caseStudy a.remove-arrow {
    padding-right: 0px;
}

    #caseStudy a.remove-arrow:hover {
        background-image: none;
    }

#themes ul, #themes table {
    margin-bottom: 20px;
}

#themes .chapterNo {
    color: #666;
    width: 90px;
    text-align: left;
}

#themes .relatedChapters, #frenchPortal .relatedChapters {
    background-image: url(./images/chapters-icon.png);
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 90px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#frenchPortal .slides {
    background-image: url(./images/slides-icon.png);
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 90px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#themes .tools, #frenchPortal .tools {
    background-image: url(./images/tools-icon.png);
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 90px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#themes .caseStudies {
    background-image: url(./images/caseStudies-icon.png);
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 90px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#themes .patientTools, #patientPortal .patientTools, #frenchPortal .patientTools, #chinesePortal .patientTools {
    background-image: url(./images/patient-icon.png);
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 90px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#patientPortal .additionalTools {
    background-image: url(./images/additionalResources-icon.png);
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 90px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#themes .infographic {
    background-image: url(./images/infographic-icon.png);
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 90px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#themes .interactiveTag, #themes .newTag, #themes .pdfTag, #patientPortal .pdfTag, #patientPortal .interactiveTag, #patientPortal .newTag, #frenchPortal .interactiveTag, .newTag {
    border-radius: 4px;
    color: #FFF;
    font-weight: 600;
    padding: 3px 6px 2px 6px;
    margin-left: 5px;
    font-size: 12px;
    position: relative;
    top: -1px;
}

.newTag {
    top: 5px;
    color: #1e3268;
}

#themes .interactiveTag, #patientPortal .interactiveTag, #frenchPortal .interactiveTag {
    background-color: #e8dff5;
    color: #6f42c1;
    font-weight: 700;
    text-decoration: underline;
    border-radius: 25px;
    padding: 8px 20px;
}

#themes .newTag, #patientPortal .newTag, .newTag, #themes .pdfTag, #patientPortal .pdfTag {
    background-color: #ff8200;
}

#themes .refTag {
    background-color: #999;
    border-radius: 4px;
    color: #FFF;
    font-weight: 600;
    padding: 3px 6px 2px 6px;
    margin-left: 5px;
    font-size: 12px;
    position: relative;
    top: -1px;
    white-space: nowrap;
}

#themes .vidTag, #patientPortal .vidTag {
    background-color: #e0f2f1;
    color: #2d5f4f;
    font-weight: 700;
    text-decoration: underline;
    border-radius: 25px;
    padding: 8px 20px;
    white-space: nowrap;
}

.interactiveTag:hover, .newTag:hover, .refTag:hover, .vidTag:hover {
    text-decoration: none;
}

#tool li, #tool li a {
    font-size: 14px;
}

#toolsRiskAssessmentResults li {
    font-size: 16px;
}

#tool .sub-note {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 14px;
}

#tool input[type=radio], #tool input[type=checkbox], #caseStudy input[type=radio] {
    margin-right: 5px;
    margin-left: 20px;
    accent-color: #1f3369;
}

#tool a.info-hover {
    background-image: url(./images/information-icon-blue.png);
    background-position: right 3px center;
    background-repeat: no-repeat;
    text-decoration: none;
    padding-right: 25px;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
}

#tool h3 a.info-hover {
    font-size: 22px;
}

#tool a.info-hover-plain {
    cursor: pointer;
}

#tool .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    #tool .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

#tool .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
}

    #tool .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: 50%;
    }

#tool input:checked + .slider {
    background-color: #00b2eb;
}

#tool input:focus + .slider {
    box-shadow: 0 0 1px #00b2eb;
}

#tool input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.highlight {
    background-color: rgba(0,178,235,0.3);
}

#caseStudy input {
    margin-bottom: 20px;
}

#caseStudy table.glcasestudy {
    width: 420px;
}

    #caseStudy table.glcasestudy td.narrow {
        width: 120px;
    }

    #caseStudy table.glcasestudy li {
        font-size: 16px;
    }

#caseStudy table.gl-questions tr td:first-child, #caseStudy table.sme-questions tr td:first-child {
    width: 65px;
}

#caseStudy table.gl-questionsanswers tr td, #caseStudy table.sme-questionsanswers tr td {
    border: #ccc medium solid;
    padding: 5px;
}

    #caseStudy table.gl-questionsanswers tr td:first-child, #caseStudy table.sme-questionsanswers tr td:first-child {
        width: 180px;
    }

#caseStudy table.gl-questions tr td:last-child, #caseStudy table.sme-questions tr td:last-child {
    padding-bottom: 20px;
}

#caseStudy table.gl-questionsanswers tr td a, #caseStudy table.sme-questionsanswers tr td a {
    font-size: 16px;
}

#tool p {
    margin-top: 20px;
}

#caseStudy table.sme-questionsanswers {
    margin-bottom: 20px;
}

#vascularRiskCalculator p, #selfAssessmentCalculator p {
    margin-bottom: 5px;
}

#vascularRiskCalculator ul {
    margin-bottom: 10px;
}

#tool input[type=checkbox] {
    margin-right: 10px;
}

#calculate {
    background-color: #00b2eb;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
    -ms-box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
    -o-box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
    text-align: center;
    padding: 2px 5px;
    margin: 30px 60px;
}

#toolsRiskAssessmentNoMeds h2, #toolRiskAssessmentABCDEs h2, #toolsSelfAssessmentNoMeds h2, #toolSelfAssessmentABCDEs h2, #toolsScreeningMoreInfoNeeded h2 {
    font-size: 20px;
    font-weight: bold;
    margin: 20px 0px;
}

.toolResultsRecommendation, .extraInfoBox {
    position: relative;
    background-color: #FDFDFD;
    background: linear-gradient(0% 0% 270deg, #FFFFFF, #F2F2F2);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));
    background: -moz-linear-gradient(0% 0% 270deg, #FFFFFF, #F2F2F2);
    background: -ms-linear-gradient(0% 0% 270deg, #FFFFFF, #F2F2F2);
    background: -o-linear-gradient(0% 0% 270deg, #FFFFFF, #F2F2F2);
    border-radius: 4px;
    border: 1px solid #CCC;
    -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25), inset 0px 1px 0px rgba(255, 255, 255, 0.25);
    -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25), inset 0px 1px 0px rgba(255, 255, 255, 0.25);
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25), inset 0px 1px 0px rgba(255, 255, 255, 0.25);
    margin: 20px 60px;
    padding: 5px 10px 5px 10px;
    clear: both;
}

    .toolResultsRecommendation h3 {
        margin-top: 10px;
    }

    .toolResultsRecommendation a img {
        display:none;
    }

.toolToggle a {
    color: #000;
    cursor: pointer;
}

.toolToggle {
    border-image: linear-gradient(to right, #00b2eb, #ffffff) 1%;
    border-top: 4px solid;
}



#SMBGresults_container, #SMBGpatternresults_container, #SMBG2results_container, #SMBG2patternresults_container, #SMBGPwDresults_container, #SMBGPwDpatternresults_container, #SMBGPwD2results_container, #SMBGPwD2patternresults_container {
    margin-top: 20px;
}

#SMBGPwDTogglePatternB1, #SMBGPwDTogglePatternB2, #SMBGPwDTogglePatternD1, #SMBGPwDTogglePatternD2, #SMBGPwDTogglePatternD3, #SMBGPwDTogglePatternE1, #SMBGPwDTogglePatternE2, #SMBGPwDTogglePatternE3, #SMBGPwDTogglePatternF1, #SMBGPwDTogglePatternF2, #SMBGPwDTogglePatternF3, #SMBGPwDTogglePatternF4, #SMBGPwDTogglePatternL1, #SMBGPwDTogglePatternL2, #SMBGPwDTogglePatternL3, #SMBGPwDTogglePatternO1, #SMBGPwDTogglePatternO2 {
    margin-bottom: 20px;
}

#SMBGPwD2TogglePatternB1, #SMBGPwD2TogglePatternB2, #SMBGPwD2TogglePatternD1_1, #SMBGPwD2TogglePatternD1_2, #SMBGPwD2TogglePatternD3, #SMBGPwD2TogglePatternE1, #SMBGPwD2TogglePatternE2, #SMBGPwD2TogglePatternE3, #SMBGPwD2TogglePatternF1, #SMBGPwD2TogglePatternF2, #SMBGPwD2TogglePatternF3, #SMBGPwD2TogglePatternF4, #SMBGPwD2TogglePatternL1, #SMBGPwD2TogglePatternL2, #SMBGPwD2TogglePatternL3, #SMBGPwD2TogglePatternO1, #SMBGPwD2TogglePatternO2 {
    margin-bottom: 20px;
}

#SMBGpatternresults_container p, #SMBG2patternresults_container p, #SMBGPwDpatternresults_container p, #SMBGPwD2patternresults_container p {
    margin-bottom: none;
}

#SMBGpatternresults_container table, #SMBG2patternresults_container table, #SMBGPwDpatternresults_container table, #SMBGPwD2patternresults_container table {
    width: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #333;
    border-collapse: collapse;
}

#SMBGPwDpatternresults_container table, #SMBGPwD2patternresults_container table {
    margin-top: 20px;
}

#SMBGPwDpatternresults_container li, #SMBGPwD2patternresults_container li {
    font-size: 16px;
}

#SMBGpatternresults_container table td, #SMBG2patternresults_container table td, #SMBGPwDpatternresults_container table td, #SMBGPwD2patternresults_container table td {
    font-size: 12px;
    padding: 5px;
    border: 1px solid #333;
    text-align: center;
    vertical-align: middle;
}

#SMBGPwDpatternresults_container table td, #SMBGPwD2patternresults_container table td {
    font-size: 14px;
}

#SMBGPwDpatternresults_container img, #SMBGPwD2patternresults_container img {
    margin-bottom: 0px;
}

#SMBGPwDpatternresults_container table td, #SMBGPwD2patternresults_container table td {
    width: 10%;
}

#SMBGPwDpatternresults_container table tr td:first-child, #SMBGPwD2patternresults_container table tr td:first-child {
    width: 20%;
}

#SMBGPwDpatternresults_container table td, #SMBGPwDpatternresults_container table td ol li, #SMBGPwDpatternresults_container table td a, #SMBGPwD2patternresults_container table td, #SMBGPwD2patternresults_container table td ol li, #SMBGPwD2patternresults_container table td a {
    font-size: 14px;
}

    #SMBGPwDpatternresults_container table td ol, #SMBGPwD2patternresults_container table td ol {
        margin-bottom: 0px;
    }

td.check-mark {
    background-image: url("./images/check_mark.png");
    height: 58px;
}

#step1, #SMBG2step1, #SMBGPwDstep1, #SMBGPwD2step1 {
    margin-bottom: 20px;
}

#SMBGPwDpatternA, #SMBGPwDpatternB, #SMBGPwDpatternC, #SMBGPwDpatternD, #SMBGPwDpatternE, #SMBGPwD2patternA, #SMBGPwD2patternB, #SMBGPwD2patternC, #SMBGPwD2patternD1, #SMBGPwD2patternD2, #SMBGPwD2patternE {
    position: relative;
}

div.arrow_animate_PA {
    position: absolute;
    opacity: 0;
}
/*#patternA_arrow{top:455px;}
#patternB_1a_arrow, #patternB_1b_arrow{top:420px;}
#patternB_2a_arrow, #patternB_2b_arrow{top:1180px;}
#patternC_1a_arrow, #patternC_1b_arrow{top:556px;}
#patternC_2a_arrow, #patternC_2b_arrow{top:1316px;}
#patternD_1a_arrow, #patternD_1b_arrow, #patternD_1c_arrow, #patternD_1d_arrow{top:500px;}
#patternD_2a_arrow, #patternD_2b_arrow, #patternD_2c_arrow, #patternD_2d_arrow{top:1332px;}
#patternD_3a_arrow, #patternD_3b_arrow, #patternD_3c_arrow, #patternD_3d_arrow{top:2206px;}
#patternE_1a_arrow, #patternE_1b_arrow, #patternE_1c_arrow{top:475px;}
#patternE_2a_arrow, #patternE_2b_arrow, #patternE_2c_arrow{top:1335px;}
#patternE_3a_arrow, #patternE_3b_arrow, #patternE_3c_arrow{top:2243px;}*/
#A1CresultsSummary p {
    margin-bottom: 0px;
}

#A1CresultsSummary ul {
    margin-top: 0px;
    margin-bottom: 20px
}

#A1CresultsSummary li {
    font-size: 16px;
}

.extraInfoBox {
    margin: 20px 0px;
}

#caseStudy .extraInfoBox p {
    text-align: left;
    margin-left: 10px;
    margin-right: 10px;
}

#caseStudy {
    border-spacing: 10px;
}

    #caseStudy #animateBox1, #caseStudy #animateBox2, #caseStudy #animateBox3 {
        position: relative;
        background-color: #FDFDFD;
        background: linear-gradient(0% 0% 270deg, #FFFFFF, #F2F2F2);
        background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));
        background: -moz-linear-gradient(0% 0% 270deg, #FFFFFF, #F2F2F2);
        background: -ms-linear-gradient(0% 0% 270deg, #FFFFFF, #F2F2F2);
        background: -o-linear-gradient(0% 0% 270deg, #FFFFFF, #F2F2F2);
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        border: 1px solid #CCC;
        -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25), inset 0px 1px 0px rgba(255, 255, 255, 0.25);
        -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25), inset 0px 1px 0px rgba(255, 255, 255, 0.25);
        box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25), inset 0px 1px 0px rgba(255, 255, 255, 0.25);
        padding: 10px;
        text-align: center;
        display: table-cell;
        width: 165px;
        height: 120px;
        vertical-align: middle;
        opacity: 0;
    }

#SMARTanimate, #SMARTanimate2 {
    opacity: 0;
}

#diabetesListedRiskFactors, #whatIsTelehealth {
    text-align: left;
}

    #diabetesListedRiskFactors li ul {
        margin-bottom: 0px;
    }

.boxedSubNote {
    font-size: 14px;
}

.bordered {
    background-image: url("./images/border-gradient-bottom.png");
    background-repeat: repeat-x;
    padding-top: 15px;
}

#toolReduceComplicationsABCDEs table tr td {
    border: 1px solid #00b2eb;
    padding: 5px;
}

    #toolReduceComplicationsABCDEs table tr td:first-child, #toolReduceComplicationsABCDEs table tr th:first-child {
        border-left: 0;
        background-color: #d9ebf8;
        padding: 15px;
    }

    #toolReduceComplicationsABCDEs table tr td:last-child, #toolReduceComplicationsABCDEs table tr th:last-child {
        border-right: 0;
        font-size: 14px;
    }

#toolRiskAssessmentABCDEs, #toolSelfAssessmentABCDEs, #toolThe5Rs {
    margin-top: 30px;
}

    #toolRiskAssessmentABCDEs h1, #toolSelfAssessmentABCDEs h1 {
        font-size: 24px;
        font-weight: normal;
        margin-top: 10px;
        color: #00b2eb;
    }

    #toolRiskAssessmentABCDEs h3, #toolSelfAssessmentABCDEs h3 {
        color: #00b2eb;
        font-size: 30px;
        font-weight: bold;
    }

    #toolRiskAssessmentABCDEs td, #toolSelfAssessmentABCDEs td {
        vertical-align: middle;
        font-size: 18px;
        padding-bottom: 10px;
    }

    #toolRiskAssessmentABCDEs table, #toolSelfAssessmentABCDEs table {
        width: 100%;
    }

    #toolThe5Rs td {
        vertical-align: middle;
        padding-bottom: 15px;
    }

        #toolThe5Rs td h4 {
            font-family: 'Open Sans', sans-serif;
            font-weight: 400;
            font-size: 24px;
            padding: 15px 15px;
            width: 120px;
            text-align: center;
            background-color: #FDFDFD;
            background: linear-gradient(0% 0% 270deg, #FFFFFF, #F2F2F2);
            background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));
            background: -moz-linear-gradient(0% 0% 270deg, #FFFFFF, #F2F2F2);
            background: -ms-linear-gradient(0% 0% 270deg, #FFFFFF, #F2F2F2);
            background: -o-linear-gradient(0% 0% 270deg, #FFFFFF, #F2F2F2);
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
            border: 1px solid #CCC;
            -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25), inset 0px 1px 0px rgba(255, 255, 255, 0.25);
            -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25), inset 0px 1px 0px rgba(255, 255, 255, 0.25);
            box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25), inset 0px 1px 0px rgba(255, 255, 255, 0.25);
            margin-right: 15px;
            margin-bottom: 5px;
            margin-top: 5px;
        }

    #toolSelfAssessmentABCDEs td {
        font-size: 16px;
    }

        #toolRiskAssessmentABCDEs td h4, #toolSelfAssessmentABCDEs td h4 {
            color: #00b2eb;
            font-family: 'Open Sans', sans-serif;
            font-weight: 400;
            font-size: 24px;
            padding: 10px 15px;
            width: 25px;
            text-align: center;
            background-color: #FDFDFD;
            background: linear-gradient(0% 0% 270deg, #FFFFFF, #F2F2F2);
            background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));
            background: -moz-linear-gradient(0% 0% 270deg, #FFFFFF, #F2F2F2);
            background: -ms-linear-gradient(0% 0% 270deg, #FFFFFF, #F2F2F2);
            background: -o-linear-gradient(0% 0% 270deg, #FFFFFF, #F2F2F2);
            border-radius: 4px;
            border: 1px solid #CCC;
            -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25), inset 0px 1px 0px rgba(255, 255, 255, 0.25);
            -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25), inset 0px 1px 0px rgba(255, 255, 255, 0.25);
            box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25), inset 0px 1px 0px rgba(255, 255, 255, 0.25);
            margin-right: 15px;
            margin-top: 5px;
            margin-bottom: 5px;
        }

.ABCDEs {
    color: #00b2eb;
    font-size: 22px;
}

#toolRiskAssessmentABCDEs li, #toolSelfAssessmentABCDEs li {
    font-size: 18px;
    list-style-type: none;
    margin-left: 0px;
}

#toolsSelfAssessmentCalculateButton, #screeningToolCalculateButton, #toolsRiskAssessmentCalculateButton, #toolsPharmT2CalculateButton, #RiskAssessmentCalculateButton {
    margin-top: 20px;
    margin-bottom: 30px;
}

#screeningToolAdditionalRiskFactors ul {
    text-align: left;
    margin-bottom: 0px;
}

#screeningToolAdditionalRiskFactors {
    padding-bottom: 30px;
}

table.pharmT2agent, #metformin_table {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #CCC;
    border-collapse: collapse;
}

    table.pharmT2agent th {
        font-size: 13px;
        padding: 5px;
        text-align: left;
        background-color: #FDFDFD;
        background: linear-gradient(0% 0% 270deg, #FFFFFF, #F2F2F2);
        background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));
        background: -moz-linear-gradient(0% 0% 270deg, #FFFFFF, #F2F2F2);
        background: -ms-linear-gradient(0% 0% 270deg, #FFFFFF, #F2F2F2);
        background: -o-linear-gradient(0% 0% 270deg, #FFFFFF, #F2F2F2);
        -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25), inset 0px 1px 0px rgba(255, 255, 255, 0.25);
        -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25), inset 0px 1px 0px rgba(255, 255, 255, 0.25);
        box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25), inset 0px 1px 0px rgba(255, 255, 255, 0.25);
        border: 1px solid #CCC;
    }

#tableHasBeeIndividualized {
    margin-top: 30px;
}

#resetTable {
    color: #c7254e;
}

table th[data-sort] {
    cursor: pointer;
}

table.pharmT2agent td, #metformin_table td {
    font-size: 12px;
    padding: 5px;
    border: 1px solid #CCC;
}

table.pharmT2agent th.sortedRedHeader {
    background-color: rgba(0,178,235,0.25);
    background: linear-gradient(0% 0% 270deg, rgba(255, 255, 255,0.5), rgba(0,178,235,0.5));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255,0.5)), to(rgba(0,178,235,0.5)));
    background: -moz-linear-gradient(0% 0% 270deg, rgba(255, 255, 255,0.5), rgba(0,178,235,0.5));
    background: -ms-linear-gradient(0% 0% 270deg, rgba(255, 255, 255,0.5), rgba(0,178,235,0.5));
    background: -o-linear-gradient(0% 0% 270deg, rgba(255, 255, 255,0.5), rgba(0,178,235,0.5));
    -moz-box-shadow: 0px 2px 0px rgba(255, 255, 255, 0.25), inset 0px 2px 0px rgba(255, 255, 255, 0.25);
    -webkit-box-shadow: 0px 2px 0px rgba(255, 255, 255, 0.25), inset 0px 2px 0px rgba(255, 255, 255, 0.25);
    box-shadow: 0px 2px 0px rgba(255, 255, 255, 0.25), inset 0px 2px 0px rgba(255, 255, 255, 0.25);
}

.redEmphasis, .revealCS1DiagnosticCriteriaLink, .revealCS2DiagnosticCriteriaLink {
    color: #003366;
}

.divider {
    width: 100%;
    border-top: solid 1px #00b2eb;
}

#mobile_btn {
    display: none;
}

.pushButtonSmallRed, .pushButtonSmallGrey {
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-align: center;
    line-height: 44px;
    min-width: 44px;
    height: 44px;
    margin-left: auto;
    margin-right: auto;
    background-color: #00b2eb;
    border-radius: 4px;
    cursor: hand;
    cursor: pointer;
}

.pushButtonSmallGreyBehind {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-align: center;
    line-height: 44px;
    min-width: 44px;
    height: 44px;
    margin-left: auto;
    margin-right: auto;
    cursor: hand;
    cursor: pointer;
    color: #666;
}

.pushButtonSmallRed {
    margin: 20px 400px 20px 0px;
}

#threeCoreNav_container .pushButtonSmallRed, #fiveSupportNav_container .pushButtonSmallRed {
    margin: 20px 20px 20px 0px;
}

.pushButtonSmallGrey {
    margin: 20px 20px 20px 0px;
    font-weight: 700;
    font-size: 18px;
    color: #000;
    background-color: #ccc;
}

    .pushButtonSmallGrey:active {
        background-color: #999;
    }

.pushButtonLargeRed:active, .pushButtonSmallRed:active {
    background-color: #008aaa;
}

#toolsPharmT2IndividualizeButton, #A1CtargetCalculateButtonQ1, #A1CtargetCalculateButtonQ2, #A1CtargetCalculateButtonQ3, #A1CtargetCalculateButtonQ4, #A1CtargetCalculateButtonQ5, #A1CtargetCalculateButtonQ6, #A1CtargetCalculateButtonQ7, #A1CtargetCalculateButtonQ8 {
    margin-top: 20px;
    margin-bottom: 30px;
}

.pushButtonLargeGrey {
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-align: center;
    line-height: 44px;
    min-width: 44px;
    height: 44px;
    margin-left: auto;
    margin-right: auto;
    background-color: #999;
    border-radius: 4px;
    margin-top: 20px;
    margin-bottom: 30px;
    opacity: 0.5;
}

#resetTable {
    cursor: pointer;
}

#tool {
    background-color: white;
}

#individualizeContainer {
    margin-top: 20px;
}

#AICresults {
    margin-top: 30px;
}
/*Accordion lists*/

.ui-accordion .ui-accordion-content {
    padding: 0;
    padding-right: 15px;
}
/*.accordion-chapters h4.ui-accordion-header{
    font-size:15px;
}*/
.accordion-sections h4 {
    margin-left: 30px;
}

.accordion-sections h3.ui-accordion-header {
    font-size: 18px;
    font-weight: bold;
}

.accordion-sections h3.ui-state-default {
    background: #ebebeb;
}

.accordion-sections h3.ui-state-hover:hover {
    background: #e6e6e6;
}

.accordion-sections h3.ui-state-active, .accordion-sections h3.ui-state-active:hover {
    border: 1px solid #0095eb;
    background: #00b2eb;
}
/*PA tool*/
#definitions table tr td:first-child {
    padding-right: 30px;
}

#definitions ul {
    margin-left: 0;
    padding-left: 0;
}

    #definitions ul li {
        list-style: none;
        font-size: 16px;
        padding-left: 30px;
        text-indent: -30px;
        margin-left: 0;
        margin-bottom: 5px;
    }

#tool #PAtoolQ6_container input[type=radio] {
    margin-left: -20px;
}

#tool #PAtoolQ6_container li {
    list-style: none;
    font-size: 16px;
}

#telehealthCaseStudy ol li {
    font-size: 16px;
}

.TelehealthFootnote {
    font-size: 14px;
}

.clopidogrel {
    font-size: 16px;
}

a.pptxLink, a.videoLink, a.frenchLink {
    display: block;
    margin: 0px 15px 65px 0px;
    padding: 0px;
    width: 180px;
    height: 135px;
    float: left;
    position: relative;
    background: no-repeat 0px 0px;
    border: 1px solid #CCC;
    cursor: pointer;
}

a.videoListLink {
    cursor: pointer;
}

a.pptxLink div.caption, a.videoLink div.caption, a.frenchLink div.caption {
    position: absolute;
    width: 145px;
    top: 136px;
    padding: 20px 20px 15px 15px;
    color: #fff;
    background-color: rgba(0,0,0,.65);
    font-size: 16px;
}

a.pptxLink div.mediaIcon, a.frenchLink div.mediaIcon {
    position: absolute;
    width: 80px;
    height: 70px;
    top: 30px;
    left: 49px;
    background-image: url(./images/pptxIcon.png);
    overflow: hidden;
}

a.videoLink div.mediaIcon {
    position: absolute;
    width: 80px;
    height: 70px;
    top: 30px;
    left: 49px;
    background-image: url(./images/vidIcon.png);
    overflow: hidden;
}

    a.pptxLink div.mediaIcon:hover, a.videoLink div.mediaIcon:hover, a.frenchLink div.mediaIcon:hover {
        background-position-y: 70px;
    }

a.pptxLink div.subThumbnail, a.videoLink div.subThumbnail {
    position: absolute;
    width: 160px;
    top: 136px;
    padding: 5px 10px 60px 10px;
    color: #000;
    background-color: #FFF;
    font-size: 14px;
    text-align: center;
}

a.frenchLink div.subThumbnail {
    position: absolute;
    width: 160px;
    top: 136px;
    padding: 5px 10px 80px 10px;
    color: #000;
    background-color: #FFF;
    font-size: 14px;
    text-align: center;
}

a.pptxLink:hover, a.videoLink:hover, a.frenchLink:hover {
    border-color: #00b2eb;
}

#pptx, #nar, #french {
    cursor: pointer;
    cursor: hand;
}
/*ANGIE'S STORY*/
#AngiesStoryContainer {
    position: relative;
    height: 350px;
}

    #AngiesStoryContainer div, #AngiesStoryContainer p, #AngiesStoryContainer img {
        position: absolute;
        font-family: "CrimeFighter", Arial, Helvetica, sans-serif;
    }

#panel1_meetAngie img {
    top: 20px;
    left: 230px;
}

#panel1_meetAngie h3 {
    position: absolute;
    font-family: "CrimeFighter", Arial, Helvetica, sans-serif;
    font-size: 30px;
    width: 300px;
    top: 10px;
}

#panel1_meetAngie p {
    top: 80px;
    left: 0px;
    width: 220px;
}

#panel2_pharmacy img, #panel5_pharmacyAgain img {
    top: 40px;
    width: 320px;
}

#panel2_pharmacy p, #panel5_pharmacyAgain p {
    left: 290px;
    width: 320px;
}

#panel5_pharmacyAgain p {
    top: 60px;
}

#panel3_medicalCentre img {
    top: 50px;
    left: 290px;
    width: 340px;
}

#panel3_medicalCentre p {
    width: 280px;
    top: 20px;
}

#panel4_speechBubble img {
}

#panel4_speechBubble p {
    left: 250px;
    width: 350px;
    top: 40px;
}

    #panel4_speechBubble p.speechBubble {
        color: #609;
        left: 108px;
        top: 3px;
        width: 120px;
    }

#panel6_team p, #panel7_team2 p {
    left: 310px;
    width: 300px;
    top: 20px;
}

#panel6_team img {
    width: 300px;
    top: 40px;
}

#panel7_team2 img {
    left: -20px;
    width: 320px;
    top: 20px;
}

#StoryPrevNext {
    top: -140px;
    width: 614px;
}

#OCTools li {
    list-style: none;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: 0px;
}

    #OCTools li a {
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        color: #000;
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 10px;
    }

        #OCTools li a:hover {
            color: #00b2eb;
            text-decoration: none;
        }

#OCToolNotes a, #OCToolTeam a, #OCToolTargets a, #OCToolPrepare a, #OCToolGraphic a {
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 90px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#OCToolNotes a {
    background-image: url(./images/OCTool_notes.png);
}

#OCToolTeam a {
    background-image: url(./images/OCTool_team.png);
}

#OCToolTargets a {
    background-image: url(./images/OCTool_targets.png);
}

#OCToolPrepare a {
    background-image: url(./images/OCTool_prepare.png);
}

#OCToolGraphic a {
    background-image: url(./images/OCTool_graphic.png);
}

#tool ul li.relatedResources a {
    font-size: 16px;
}

#framework_container, #threeCoreContent_container, #fiveSupportContent_container, #samir_framework_container, #samir_fiveSupportContent_container {
    position: relative;
}

#threeCoreNav_container .pushButtonSmallRed, #threeCoreNav_container .pushButtonSmallGrey, #fiveSupportNav_container .pushButtonSmallRed, #fiveSupportNav_container .pushButtonSmallGrey {
    padding: 10px 0px;
}

#threeCoreNav_container, #threeCoreContent_container, #fiveSupportNav_container, #fiveSupportContent_container, #samir_fiveSupportNav_container, #samir_fiveSupportContent_container {
    margin-top: 40px;
}

#framework_container img, #samir_framework_container img {
    margin-top: 5px;
}

#caseStudy #samir_framework_container a {
    padding-right: 0px;
    padding-bottom: 0px;
}

    #caseStudy #samir_framework_container a:hover, #caseStudy #samir_framework_container a:active {
        background-image: none;
        background-color: #008aaa;
        text-decoration: none;
    }

#samir_intro_p {
    margin-top: 0px, margin-bottom:0px;
}

#framework_container #assess_btn, #samir_framework_container #samir_assess_btn {
    position: absolute;
    left: 261px;
    top: 0px;
}

#framework_container #educate_btn, #samir_framework_container #samir_educate_btn {
    position: absolute;
    left: 498px;
    top: 108px;
}

#framework_container #collaborate_btn, #samir_framework_container #samir_collaborate_btn {
    position: absolute;
    left: 412px;
    top: 345px;
}

#framework_container #setGoals_btn, #samir_framework_container #samir_setGoals_btn {
    position: absolute;
    left: 98px;
    top: 345px;
}

#framework_container #followUp_btn, #samir_framework_container #samir_followUp_btn {
    position: absolute;
    left: 7px;
    top: 108px;
}

#framework_container #monitor_btn {
    position: absolute;
    left: 151px;
    top: 182px;
}

#framework_container #manage_btn {
    position: absolute;
    left: 259px;
    top: 182px;
}

#framework_container #promote_btn {
    position: absolute;
    left: 363px;
    top: 182px;
}

#framework_container #nutrition_btn {
    position: absolute;
    left: 135px;
    top: 147px;
}

#framework_container #exercise_btn {
    position: absolute;
    left: 396px;
    top: 147px;
}

#framework_container #psych_btn {
    position: absolute;
    left: 137px;
    top: 257px;
}

#framework_container #med_btn {
    position: absolute;
    left: 367px;
    top: 257px;
}

.pdfLink {
    color: #1e3268;
    background-image: url("./images/Adobe_PDF_Icon.png");
    background-repeat: no-repeat;
    display: block;
/*    padding-left: 35px;*/
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 20px;
}

.footnote {
    font-size: 12px;
    color: #c7254e;
    font-weight: bold;
    vertical-align: 6px
}

#footer {
    margin-top: 10px;
    padding-bottom: 30px;
    text-align: center;
}

    #footer img {
        margin-bottom: 0px;
    }

    #footer a {
        font-size: 14px;
        padding-left: 6px;
        padding-right: 6px;
        color: #000;
    }

.copyright {
    text-align: center;
    font-size: 14px;
    margin-top: 20px;
}

#toolDisclaimer {
    padding-top: 20px;
    margin-top: 12px;
    width: 100%;
    font-size: 12px;
}

   

#T2step2results, #T2step3Info {
    margin-top: 20px;
}

#SDtoggle1 a, #SDtoggle2 a, #SDtoggle3 a, #SDtoggle4 a, #SDtoggle5 a, #SDtoggle6 a, #VRtoggle a, #VRtoggle2 a, #SAtoggle a, #SAtoggle2 a, #T2step1toggle a, #T2step2toggle a, #T2step3toggle a, .PAtoggle a, #RiskAssessmentToggle1 a, #RiskAssessmentToggle2 a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

#T2step1toggle, #T2step2toggle, #T2step3toggle {
    margin: 20px 0;
}

#SDtoggle1, #SDtoggle2, #SDtoggle3, #SDtoggle4, #SDtoggle5, #SDtoggle6, .PAtoggle {
    margin-top: 20px;
}

#SDstep3 img, #SDstep4 ul {
    margin-top: 20px;
}

#VRtoggle {
    margin-bottom: 20px;
}

#recognize-answer5 li {
    font-size: 16px;
    margin-bottom: 10px;
}

    #recognize-answer5 li a {
        font-size: 16px;
    }

#recognize-answer5 ul {
    margin-bottom: 0px;
}

.ui-tooltip {
    font-size: 12px;
    -moz-box-shadow: 0px 0px 1px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.5);
    -ms-box-shadow: 0px 0px 1px rgba(0,0,0,0.5);
    -o-box-shadow: 0px 0px 1px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 1px rgba(0,0,0,0.5);
    background-color: #E1FAFF;
}

.archiveToggleStyle {
    margin-bottom: 10px;
    cursor: pointer;
}

#additionalressources {
    margin-top: 40px;
}

    #additionalressources li a {
        font-size: 16px;
    }

#tool #quicktips_accordion p {
    margin: 15px 0;
}

div.qt-answer.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active p a {
    color: #1e3268;
}

.chapterFigure img, .chapterTable img {
    width: 100%
}

.boxed-text {
    background: #f5f5f5 !important;
    border: none;
    line-height: 1.875rem;
    padding: 1rem;
}