﻿/*	conferenceboard.ca CSS Layout Stylesheet - How Canada Performs
	May 2008 - Daniel Jones
	Floating, fluid 3-column layout with header and footer  */

/*Mobile section */
@media (max-width: 899px) {
    body {
        margin: 10px;
        background-color: #d3d3a6;
        font-family: verdana, helvetica, arial, sans-serif;
        font-size: 14px; /* BASE FONT SIZE */
        line-height: 22px; /* BASE LINE HEIGHT */
        color: #303030; /* d.grey, not black */
    }
    div#mobileHeader {
        display: block;
        width: 100%;
        background-color:#fff;
    }
    div#body{
        background-color:#fff;
        padding:5px;

    }
    div#header {
        display: none;
    }
    .rotatorCont{display:none;}
    p,li{text-align:left;}

    .hcpHomeColumns .hcp-li-grade-a {
        padding: 0px 0 12px 45px;
        background: url('/lib/img/hcp/hcp_title_sprite.png') no-repeat 0px -1317px;
        list-style: none outside;
    }

    .hcpHomeColumns .hcp-li-grade-b {
        padding: 0px 0 12px 45px;
        background: url('/lib/img/hcp/hcp_title_sprite.png') no-repeat 0px -1437px;
        list-style: none outside;
    }

    .hcpHomeColumns .hcp-li-grade-c {
        padding: 0px 0 12px 45px;
        background: url('/lib/img/hcp/hcp_title_sprite.png') no-repeat 0px -1557px;
        list-style: none outside;
    }

    .hcpHomeColumns .hcp-li-grade-d {
        padding: 0px 0 12px 45px;
        background: url('/lib/img/hcp/hcp_title_sprite.png') no-repeat 0px -1677px;
        list-style: none outside;
    }

    .hcpHomeColumns .hcp-li-educ {
        padding: 0px 0 12px 45px;
        background: url('/lib/img/hcp/hcp_title_sprite.png') no-repeat 0px -1797px;
        list-style: none outside;
    }

    .hcpHomeColumns .hcp-li-econ {
        padding: 0px 0 12px 45px;
        background: url('/lib/img/hcp/hcp_title_sprite.png') no-repeat 0px -1917px;
        list-style: none outside;
    }

    .hcpHomeColumns .hcp-li-inno {
        padding: 0px 0 12px 45px;
        background: url('/lib/img/hcp/hcp_title_sprite.png') no-repeat 0px -2037px;
        list-style: none outside;
    }

    .hcpHomeColumns .hcp-li-heal {
        padding: 0px 0 12px 45px;
        background: url('/lib/img/hcp/hcp_title_sprite.png') no-repeat 0px -2157px;
        list-style: none outside;
    }

    .hcpHomeColumns .hcp-li-envi {
        padding: 0px 0 12px 45px;
        background: url('/lib/img/hcp/hcp_title_sprite.png') no-repeat 0px -2277px;
        list-style: none outside;
    }

    .hcpHomeColumns .hcp-li-soci {
        padding: 0px 0 12px 45px;
        background: url('/lib/img/hcp/hcp_title_sprite.png') no-repeat 0px -2397px;
        list-style: none outside;
    }

    .hcpHomeColumns .hcp-li-prod {
        padding: 0px 0 12px 45px;
        background: url('/lib/img/hcp/hcp_title_sprite.png') no-repeat 0px -2517px;
        list-style: none outside;
    }

    .RadPanelBar_cbocMobileLeftMenu .rpItem .lblMenuTitle {
        display: block;
        height: auto !important;
        line-height: 1.25em !important;
        background: #f8f8f8;
        color: #5e5e5e !important;
        /*font-size: 100% !important;*/
        text-transform: uppercase;
        text-decoration: none;
        cursor: pointer;
    }

    .RadPanelBar_cbocMobileLeftMenu .rpRootGroup > .rpItem > .rpExpandable .rpExpandHandle {
        margin: 0;
    }

        .RadPanelBar_cbocMobileLeftMenu .rpRootGroup > .rpItem > .rpExpandable .rpExpandHandle:before {
            content: "▼";
        }

    .RadPanelBar_cbocMobileLeftMenu .rpRootGroup > .rpItem > .rpExpandable.rpExpanded .rpExpandHandle:before {
        content: "▲";
    }

    .RadPanelBar_cbocMobileLeftMenu {
        font-size: 100%;
        width: 100%;
        margin-bottom: 16px;
    }

        .RadPanelBar_cbocMobileLeftMenu .rpRootGroup {
            width: 100%;
            border: 0px none;
        }

        .RadPanelBar_cbocMobileLeftMenu .rpItem {
            padding: 0px;
        }

        .RadPanelBar_cbocMobileLeftMenu .rpLevel2, .RadPanelBar_cbocMobileLeftMenu .quickLinks + .rpSlide .rpLevel2 {
            background: #f8f8f8;
        }

        .RadPanelBar_cbocMobileLeftMenu .rpItem, .RadPanelBar_cbocMobileLeftMenu .rpItem .rpLink {
            width: 100%;
        }

        .RadPanelBar_cbocMobileLeftMenu .rpHeaderTemplate {
            border-bottom: 0px none;
        }

        .RadPanelBar_cbocMobileLeftMenu .rpHeaderTemplate {
            padding-bottom: 0px !important;
        }

    .sfNavWrp ul.sfNavVertical li.rpItem a.rpLink,
    .sfNavWrp ul.sfNavVerticalSiteMap li.rpItem a.rpLink,
    .RadSiteMap ul.rsmList li.rsmItem a.rsmLink,
    .RadSiteMap .rsmManyLevels .rsmLevel1 > .rsmItem > .rsmLink {
        padding: 8px 12px 8px 16px;
        font-weight: normal;
        margin-bottom: 0;
    }

    .lblMenuTitle {
        padding: 12px 16px 12px 16px;
    }
    .RadPanelBar .rpExpandHandle{margin:0 5px 0 0 !important;}
    .rsmList{list-style-type:none;}

    .RadSiteMap .rsmLink {
        display: inline-block;
        padding: 4px 10px;
        color: inherit;
        border: 1px solid transparent;
        text-decoration: none;
    }

    .RadSiteMap .rsmTwoLevels > .rsmItem > .rsmLink {
        margin-bottom: 5px;
        padding: 0;
        border-width: 0 0 1px;
        border-style: solid;
        font-size: 1.16667em;
        display: block;
    }
    #rightcol{
        display:none;
    }
    h1 {
        font-family: Arial, Verdana, Helvetica Condensed, Sans-Serif;
        font-weight: normal;
        font-size: 28px;
        line-height: 36px;
        color: #303030;
        margin: 0 0 24px 0;
        display: block;
        min-height: 65px;
    }
    h2, .heading2 {
        font-family: Verdana, Arial, Helvetica Condensed, Sans-Serif;
        font-weight: normal;
        font-size: 130%;
        line-height: 110%;
        color: #D80606;
        margin: 0;
        padding-top: 16px;
        speak: normal;
        stress: 30;
        richness: 90;
        width: 360px;
    }

    #maincol li {
        width: 360px;
    }

    #maincol ul {
        padding-left: 10px;
    }
    #maincol ol {
        padding-left: 10px;
    }
        #maincol ul.country li {
            width: 100px !important;
        }

    #maincol ul.category li {
        width: 100px !important;
    }

    #maincol p {
        width: 340px;
    }
    #maincol h3 {
        width: 340px;
    }

    #maincol table {
        width: 400px;
    }

    #topPageLink {
        display: none;
    }

    div.categoryLinks {
        display: none;
    }

    div#maincol.container .socialBookmarks {
        display: none;
    }

}
/*Mobile section */


@media (min-width: 900px) {
    .rotatorCont {
        display: block;
    }

    div#mobileHeader {
        display: none;
    }

    div#header {
        display: block;
    }

    /* BODY */
    body {
        border-width: 0;
        margin: 0;
        background-color: #d3d3a6;
        font-family: verdana, helvetica, arial, sans-serif;
        font-size: 14px; /* BASE FONT SIZE */
        line-height: 22px; /* BASE LINE HEIGHT */
        color: #303030; /* d.grey, not black */
    }

    /* THE FOLLOWING CLASSES ARE FOR DEBUGGING ONLY; DO NOT LEAVE THEM UNCOMMENTED */

    /* table {   border: solid 2px red; }
td { border: dotted 1px red; }
span { border: double 3px orange; background: #ffe0cc; }
div { border: solid 3px yellow; background: lightyellow; }
p { border: solid 3px aliceblue; background: aliceblue; }
div.container#body { border: solid 2px blue; background: none; }
div.container#leftcol, #leftColumn { border: solid 2px aqua; background: none; }
div.container#maincol, #rightColumn { border: solid 2px green; background: none; }
div.container#rightcol { border: solid 2px lime; background: none; }
ol, ul { border: 1px solid black; background: #ddd; }
li { border: dotted 3px magenta; background: pink; } */

    /* HEADING 1 */
    h1 {
        font-family: Arial, Verdana, Helvetica Condensed, Sans-Serif;
        font-weight: normal;
        font-size: 28px;
        line-height: 36px;
        color: #303030;
        margin: 0 0 24px 0; /* the 10px of padding pushes this down & makes 24px of bottom space */
        display: block;
        min-height: 65px;
    }

        h1 span {
            display: table-cell;
            vertical-align: middle;
            padding: 0 0 0 68px;
            height: 52px;
        }

    .hcp-section-title + h1 {
        margin-top: 50px;
    }

    h1.long {
        margin: 14px 0;
        line-height: 125% !important;
    }

    .hcp-h1-grade-a {
        background: url('/lib/img/hcp/hcp_title_sprite.png') no-repeat 0px -2637px;
    }

    .hcp-h1-grade-b {
        background: url('/lib/img/hcp/hcp_title_sprite.png') no-repeat 0px -2757px;
    }

    .hcp-h1-grade-c {
        background: url('/lib/img/hcp/hcp_title_sprite.png') no-repeat 0px -2877px;
    }

    .hcp-h1-grade-d {
        background: url('/lib/img/hcp/hcp_title_sprite.png') no-repeat 0px -2997px;
    }

    .hcp-h1-educ {
        background: url('/lib/img/hcp/hcp_title_sprite.png') no-repeat 0px -3117px;
    }

    .hcp-h1-econ {
        background: url('/lib/img/hcp/hcp_title_sprite.png') no-repeat 0px -3237px;
    }

    .hcp-h1-inno {
        background: url('/lib/img/hcp/hcp_title_sprite.png') no-repeat 0px -3357px;
    }

    .hcp-h1-heal {
        background: url('/lib/img/hcp/hcp_title_sprite.png') no-repeat 0px -3477px;
    }

    .hcp-h1-envi {
        background: url('/lib/img/hcp/hcp_title_sprite.png') no-repeat 0px -3597px;
    }

    .hcp-h1-soci {
        background: url('/lib/img/hcp/hcp_title_sprite.png') no-repeat 0px -3717px;
    }

    .hcp-h1-prod {
        background: url('/lib/img/hcp/hcp_title_sprite.png') no-repeat 0px -3837px;
    }

    .hcp-h1-prov {
        background: url('/lib/img/hcp/hcp_title_sprite.png') no-repeat 0px -3957px;
    }

    .hcp-h1-intl {
        background: url('/lib/img/hcp/hcp_title_sprite.png') no-repeat 0px -4077px;
    }

    /* HEADING 2 */
    h2, .heading2 {
        font-family: Verdana, Arial, Helvetica Condensed, Sans-Serif;
        font-weight: normal;
        font-size: 16px; /* RELATIVE FONT SIZE */
        line-height: 17px; /* RELATIVE LINE HEIGHT */
        color: #D80606;
        margin: 0;
        padding-top: 16px;
    }

    .h2div { /* H2 decoration */
        clear: both;
        padding-bottom: 10px;
        margin-bottom: 8px;
        margin-top: 6px;
        background: url('../img/hcp/dotlines_hdr.gif') repeat-x bottom left;
    }

    /* HEADING 3 */
    h3, .heading3 {
        font-family: Verdana, Helvetica, Arial, Sans-Serif;
        font-weight: normal;
        font-size: 145%; /* RELATIVE FONT SIZE */
        line-height: 120%; /* RELATIVE LINE HEIGHT */
        color: #8e9a44;
        margin: 0;
    }

    /* PARAGRAPHS */
    p {
        margin: 0;
        padding: 5px 0px;
    }

    /* LINKS */
    a {
        color: #4d93be;
        text-decoration: none;
    }

        a:visited {
            color: #8d5990;
            text-decoration: none;
        }

        a:hover {
            color: #4d93be;
            text-decoration: underline;
        }

    /* SPECIFIC ADJACENCY RULES */
    h1 + h3 {
        margin-top: -12px;
        margin-bottom: 16px
    }

    div.hcpRptCard + div.h2div > h2 {
        padding-top: 0
    }

    h1 + p, h1 + ul, h1 + ol, h2 + p, h3 + p {
        margin-top: 0px;
    }

    h2 + ul, h3 + ul, h2 + ol, h3 + ol, h2 + div, h3 + div {
        margin-top: 5px;
    }

    h2 p, h3 p, h4 p {
        padding: 0;
        margin: 0;
    }

    p h1, p h2, p h3 {
        margin: 0 0 -5px 0;
    }

    p + ol, p + ul {
        margin-top: -4px;
    }

    p + p {
        padding-top: 8px;
    }

    p + h2, p + h3 {
        margin-top: 5px;
    }

    /* TEXT MARKUP CLASSES */
    .small {
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 85%; /* RELATIVE FONT SIZE */
        line-height: 125%; /* RELATIVE LINE HEIGHT */
        color: #303030;
    }

    .smaller {
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 90%; /* RELATIVE FONT SIZE */
        line-height: 125%; /* RELATIVE LINE HEIGHT */
    }

    .red {
        color: #F00;
    }

    .orange {
        color: #e36f1e;
    }

    .green {
        color: #396;
    }

    .blue {
        color: #006;
    }

    .grey {
        color: #303030;
    }

    .white {
        color: #FFF;
    }

    .bold {
        font-weight: bold;
    }

    .more {
        font-weight: bold;
    }

    .right {
        float: right;
    }

    /* cbocDate = grey for dates */
    .cbocDate {
        color: #606060;
    }

    .hcpDate {
        color: #606060;
    }

    .readmore {
        text-align: right;
    }

        .readmore a {
            padding: 3px 7px 3px 12px;
            background: transparent url("../img/hcp/icon_plus.gif") no-repeat 0% 50%;
        }

    .hcpKeyMessages {
        margin: 0;
    }

    /* OBJECTS (FLASH) */
    object {
        border: 1px solid #cccccc;
        background: #ffffff;
        display: block;
    }

    /* HORIZ. RULES */
    hr {
        width: 100%;
        height: 1px;
        text-align: center;
        background-color: #fff;
        border-top: 1px solid #d5d5b4;
        border-bottom: 0px none;
        border-left: 0px none;
        border-right: 0px none;
    }

    div.container#rightcol hr {
        width: 98%;
    }

    /* INPUT BOXES */
    input {
    }

    /* IMAGES */
    img.imgRightAlign {
        background: #fff;
        padding: 0 0 14px 14px;
    }

    object.imgRightAlign {
        margin: 0 0 14px 14px;
    }

    img {
        border: 0px none;
        margin: 0;
        padding: 0;
    }

    /* RECLASSIFY ME - OBJECTS */
    .post {
        margin-bottom: 8px;
    }

    /* GENERAL CONTAINER DIVS */
    div.container {
        border-collapse: collapse;
        border: 0px none;
        margin: 0;
        padding: 0;
    }

        /* TOP WRAPPER DIV */
        div.container#topwrapper {
            width: 100%;
            background: #d3d3a6 url('../img/hcp/bg_main.gif') repeat-y scroll top center;
        }

        /* WRAPPER DIV */
        div.container#wrapper {
            width: 972px;
            /*background-color: #f6f6ed;*/
            padding-bottom: 16px;
        }

        /* PAGE HEADER */
        div.container#header {
            z-index: 1;
            position: relative;
            overflow: visible;
            width: 100%;
        }

        /* PAGE BODY */
        div.container#body {
            z-index: 0;
            float: left;
            text-align: left;
            overflow: hidden;
            width: 100%;
            display: inline;
            margin-left: 0px;
        }

        /* LEFT-HAND MENU */
        div.container#leftcol, #leftColumn {
            float: left;
            display: inline;
            width: 183px; /* 200 (-17) */
            background: #f6f6ed;
            margin-left: 16px;
        }

        /* MAIN CONTENT AREA */
        div.container#maincol { /* should be 660px wide */
            position: relative;
            background: #fff;
            margin-left: 18px;
            /*margin-right:15px;*/
            padding-right: 15px;
            /*margin-bottom:0px;
	border-left: solid 1px #d5d5b4;
	border-right: solid 1px #d5d5b4;
	padding: 16px 8px 20px 20px;*/
            /*border-left: solid 1px #d5d5b4;
	border-bottom: solid 1px #d5d5b4;*/
            border-right: solid 1px #d5d5b4;
            width: 722px; /* 707 (+15) */
            float: left;
        }

        /* MAIN CONTENT AREA */
        div.container#maincolhome { /* should be 972px wide */ /* update this too */
            position: relative;
            background: #fff;
            margin-left: 18px;
            margin-right: 18px;
            margin-bottom: 0;
            border: 0px none;
            padding: 0;
        }

    .hcpHomeColumns {
    }

        .hcpHomeColumns .hcpHomeCol {
            float: left;
            display: inline-block;
            width: 293px;
        }

        .hcpHomeColumns div + .hcpHomeCol {
            width: 295px;
        }

        .hcpHomeColumns div + div + .hcpHomeCol {
            width: 293px;
        }

        .hcpHomeColumns ul {
            padding: 24px 28px 0 0;
        }

        .hcpHomeColumns .hcp-li-grade-a {
            padding: 0px 0 12px 45px;
            background: url('/lib/img/hcp/hcp_title_sprite.png') no-repeat 0px -1317px;
            list-style: none outside;
        }

        .hcpHomeColumns .hcp-li-grade-b {
            padding: 0px 0 12px 45px;
            background: url('/lib/img/hcp/hcp_title_sprite.png') no-repeat 0px -1437px;
            list-style: none outside;
        }

        .hcpHomeColumns .hcp-li-grade-c {
            padding: 0px 0 12px 45px;
            background: url('/lib/img/hcp/hcp_title_sprite.png') no-repeat 0px -1557px;
            list-style: none outside;
        }

        .hcpHomeColumns .hcp-li-grade-d {
            padding: 0px 0 12px 45px;
            background: url('/lib/img/hcp/hcp_title_sprite.png') no-repeat 0px -1677px;
            list-style: none outside;
        }

        .hcpHomeColumns .hcp-li-educ {
            padding: 0px 0 12px 45px;
            background: url('/lib/img/hcp/hcp_title_sprite.png') no-repeat 0px -1797px;
            list-style: none outside;
        }

        .hcpHomeColumns .hcp-li-econ {
            padding: 0px 0 12px 45px;
            background: url('/lib/img/hcp/hcp_title_sprite.png') no-repeat 0px -1917px;
            list-style: none outside;
        }

        .hcpHomeColumns .hcp-li-inno {
            padding: 0px 0 12px 45px;
            background: url('/lib/img/hcp/hcp_title_sprite.png') no-repeat 0px -2037px;
            list-style: none outside;
        }

        .hcpHomeColumns .hcp-li-heal {
            padding: 0px 0 12px 45px;
            background: url('/lib/img/hcp/hcp_title_sprite.png') no-repeat 0px -2157px;
            list-style: none outside;
        }

        .hcpHomeColumns .hcp-li-envi {
            padding: 0px 0 12px 45px;
            background: url('/lib/img/hcp/hcp_title_sprite.png') no-repeat 0px -2277px;
            list-style: none outside;
        }

        .hcpHomeColumns .hcp-li-soci {
            padding: 0px 0 12px 45px;
            background: url('/lib/img/hcp/hcp_title_sprite.png') no-repeat 0px -2397px;
            list-style: none outside;
        }

        .hcpHomeColumns .hcp-li-prod {
            padding: 0px 0 12px 45px;
            background: url('/lib/img/hcp/hcp_title_sprite.png') no-repeat 0px -2517px;
            list-style: none outside;
        }

    div.maincol-bottom {
        position: relative;
        height: 4px;
        line-height: 4px;
        padding: 0;
        margin: 0;
        background: #fff url('../img/hcp/bg_body_bottom.gif') no-repeat bottom left;
        margin-left: 216px;
        margin-right: 16px;
    }

    /* RIGHT-HAND COLUMN */
    div.container#rightcol {
        /* position:relative; */ /* this causes a bug in firefox, and IE doesn't seem to need it */
        position: relative;
        text-align: left;
        float: left;
        /*margin-left:750px;*/
        width: 183px;
        height: 100%;
        margin-left: 0;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 12px;
        line-height: 20px;
    }

        div.container#rightcol h2 {
            font-size: 16px;
            line-height: 22px;
            padding: 0;
        }



    /* PAGE FOOTER */
    div.container#footer {
        clear: both;
        width: 972px;
        background-color: #fff;
        border-top: 1px solid #d5d5b4;
    }

    /* PAGE BANNER (HEADER AREA) */
    div.container#banner {
        width: 100%;
        height: 96px;
        background: #fff;
        /*background-image:url('../img/hcp/bg_top.gif');*/
        background-image: url('../img/hcp/HCP_revBanner_pencil.jpg');
        background-position: right top;
        background-repeat: no-repeat;
    }

        div.container#banner table {
            height: 96px;
        }

            div.container#banner table td + td {
                padding-right: 15px;
            }

        div.container#banner img {
            vertical-align: middle;
            /*margin:15px;*/
        }

        div.container#banner .cbocLogo {
            margin-right: 0px;
        }

        div.container#banner .hcpLogo {
            margin-left: 17px;
        }

        div.container#banner #links {
            float: right;
            vertical-align: top;
            text-align: right;
            white-space: nowrap;
            margin: 20px;
            color: white;
        }

            div.container#banner #links a {
                color: #346380;
            }

    /* GLOBAL NAVIGATION MENU (HEADER AREA) */
    div.container#topbar {
        z-index: 10000;
        /* position:relative; */
        overflow: visible;
        background: #d20303;
        color: #fff;
        font-weight: bold;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    div.container#topbar {
        z-index: 10000;
        /* position:relative; */
        overflow: visible;
        background: #d20303;
        color: #fff;
        font-weight: bold;
        width: 100%;
        margin: 0;
        padding: 0;
    }

        div.container#topbar .hcp-search {
            margin: 0;
            padding: 0;
            width: 225px;
        }

            div.container#topbar .hcp-search .hcp-searchbox {
                margin: 0;
                padding: 0 0 0 3px;
                border-top: 1px solid #8e100d;
                border-left: 1px solid #8e100d;
                border-bottom: 1px solid #8e100d;
                border-right: 0px none;
                font: 11px verdana, helvetica, arial, sans-serif;
                line-height: 15px;
                color: #666666;
                width: 179px;
                height: 16px;
            }

        div.container#topbar table,
        div.container#topbar tbody,
        div.container#topbar tr,
        div.container#topbar td {
            margin: 0;
            padding: 0;
            border-collapse: collapse;
            border-spacing: 0;
            height: 26px;
        }

    /* BREADCRUMB NAVIGATION (HEADER AREA) */
    div.container#breadcrumb {
        overflow: hidden;
        border: 0px none;
        text-align: left;
        clear: both;
        background-color: #8e100d;
        width: 100%;
        height: 26px;
        margin: 0;
        padding: 0;
    }

        div.container#breadcrumb .bc-right {
            float: right;
            height: 26px;
            width: 30%;
            margin: 0 18px 0 0;
            padding: 0;
        }

            div.container#breadcrumb .bc-right ul {
                margin: 0;
                padding: 0;
            }

            div.container#breadcrumb .bc-right li {
                float: right;
                position: relative;
                list-style-type: none;
                height: 26px;
                line-height: 25px; /* ABSOLUTE LINE HEIGHT */
                font-size: 85%; /* RELATIVE FONT SIZE */ /* 10px */
                color: #fff;
                padding: 0 0 0 15px;
                background: transparent url('../img/hcp/line_breadcrumb.gif') no-repeat top left;
            }

            div.container#breadcrumb .bc-right table, div.container#breadcrumb .bc-right td {
                height: 23px;
                line-height: normal;
                padding: 0;
                margin: 0;
                border: 0 none;
                border-collapse: collapse;
            }

            div.container#breadcrumb .bc-right li + li {
                padding: 0 15px;
            }

        div.container#breadcrumb p, #breadcrumb .sfContentBlock, #breadcrumb .sfBreadcrumbLabel {
            float: left;
            text-align: left;
            font-size: 85%; /* RELATIVE FONT SIZE */ /* 10px */
            line-height: 26px; /* ABSOLUTE LINE HEIGHT */
            color: #fff;
            margin: 0 0 0 18px; /* lines up with first item of top menu bar */
            padding: 0;
        }

        div.container#breadcrumb p {
            width: 65%;
        }

        div.container#breadcrumb a, div.container#breadcrumb a:visited {
            color: #fff;
            text-decoration: none;
        }

            div.container#breadcrumb a:hover {
                color: #fff;
                text-decoration: underline;
            }

        div.container#breadcrumb .small {
            line-height: 150%;
        }

    /* GLOBAL ACTION BAR (HEADER AREA) */
    div.container#actionbar {
        overflow: hidden;
        border: 0px none;
        clear: both;
        background-color: transparent;
        /*border-bottom: 1px solid #d5d5b4;*/
        font-size: 90%; /* RELATIVE FONT SIZE */ /* 10px */
        line-height: 21px; /* ABSOLUTE LINE HEIGHT */
        text-align: right;
        width: 100%;
        height: 21px;
        margin: 0;
        padding: 0;
    }

        div.container#actionbar a, div.container#actionbar a:visited {
            color: #8e9a44;
            text-decoration: none;
        }

            div.container#actionbar a:hover {
                color: #8e9a44;
                text-decoration: underline;
            }

    div#spanPrintButton {
        display: none;
    }

    div.btnPrintFriendly {
        display: inline;
    }

    div.divPrintEmail {
        margin: 0 17px;
        padding: 1px 0 0;
    }

    /* MAIN PAGE HEADER GRAPHIC (HEADER AREA) */
    div.container#headerend {
        /*	width:100%; */
        /*	height:134px; */
        background: #fff; /* url('../img/hcp/img_pen.jpg') no-repeat scroll top right; */
        height: 28px;
    }

    /* MAIN PAGE TITLE (HEADER AREA) */
    div.container#headertitle {
        position: relative;
        width: 45%;
        height: 28px;
        left: 0px;
        /*top:106px;*/
        top: 0px;
        padding-left: 41px;
        line-height: 28px; /* ABSOLUTE LINE HEIGHT */
        background: #000 url('../img/hcp/corner_title_TR.gif') no-repeat scroll top right;
    }

        div.container#headertitle span {
            height: 28px;
            font-family: Georgia, 'Times New Roman', serif;
            font-size: 160%; /* RELATIVE FONT SIZE */ /* 17px */
            color: #fff;
        }

    .hcp-section-title {
        padding: 2px 25px 2px 0;
        text-transform: uppercase;
        font: 14px Verdana;
        color: #8e9a44;
        display: inline-block;
        clear: all;
    }

        .hcp-section-title + h1 {
            margin-top: 50px;
        }

        .hcp-section-title + .hcp-section-subtitle {
            margin-top: 0;
        }

    .hcp-section-subtitle + h1 {
        margin-top: 28px;
    }

    .hcp-section-subtitle {
        font: 12px Verdana;
        line-height: 22px;
        color: #b2b2b2;
    }

    .prov-section {
        background: url('https://www.conferenceboard.ca/docs/default-source/hcp-public/leaf_sm.png') no-repeat 100% 30%;
    }

    .intl-section {
        background: url('https://www.conferenceboard.ca/docs/default-source/hcp-public/globe_sm.png') no-repeat 100% 30%;
    }

    /* COPYRIGHT NOTICE (FOOTER AREA) */
    div.container#copyright {
        padding: 8px 16px 16px;
        text-align: left;
        font-size: 90%; /* RELATIVE FONT SIZE */ /* 10px */
    }

    form {
        margin: 0;
        padding: 0;
    }

    /* CONTACT US (MAIN CONTENT AREA) */

    .hcpContactUs {
        padding: 0;
        margin: 0;
        border: 0px none;
        border-collapse: collapse;
    }

        .hcpContactUs td {
            padding: 3px 15px 3px 0px;
            border-collapse: collapse;
        }

        .hcpContactUs input {
            width: 50%;
        }

        .hcpContactUs .buttonGroup input {
            width: auto;
        }

        .hcpContactUs textarea {
            width: 90%;
        }


    /* REPORT CARD (FLOATED IN MAIN CONTENT AREA) */
    .hcpRptCard {
        float: right;
        display: inline;
        clear: none;
        background: #fff;
        padding-left: 16px;
        margin-bottom: 8px;
        width: 193px;
    }

    .hcpReportCard * {
        position: relative;
    }

    .hcpRptCard img {
        margin: 0 !important;
    }

    /* REPORT CARD BOX (REPORT CARD) */
    div.hcpRptCardTop {
        background: #fff url('../img/hcp/rcBox_top.gif') no-repeat scroll top right;
        width: 193px;
        height: 30px;
        line-height: 30px;
        padding: 0;
        margin: 0;
    }

    div.hcpRptCardBox {
        overflow: hidden;
        border-collapse: collapse;
        border-left: 1px solid #c3c3c3;
        border-right: 1px solid #c3c3c3;
        width: 191px;
        padding: 0;
    }

        div.hcpRptCardBox .hcp_boxindent {
            padding-left: 16px;
            width: 177px;
            margin: 2px 0;
        }

        div.hcpRptCardBox .hcp_boxgrade {
            text-align: center;
            padding: 4px 4px;
        }

        div.hcpRptCardBox .hcp_boxassess {
            border-top: 1px solid #fff !important;
            padding-top: 3px;
        }

        div.hcpRptCardBox table {
            border-collapse: collapse;
            border-top: 0px none;
            border-bottom: 1px solid #c3c3c3;
            border-left: 0px none;
            border-right: 0px none;
            margin: 0 0 0 -1px;
            width: 193px;
        }

            div.hcpRptCardBox table td {
                border-collapse: collapse;
                border: 1px solid #c3c3c3;
                padding: 0px;
            }

    div.hcpRptCardGradeFloat {
        float: right;
        height: 38px;
        position: absolute;
        right: 11px;
        top: 11px;
        width: 38px;
        padding: 0;
        margin: 0;
    }

        div.hcpRptCardGradeFloat div.gradeA {
            background: transparent url('../img/hcp/gradeA_lg.png') no-repeat scroll top left;
            height: 38px;
            width: 38px;
        }

        div.hcpRptCardGradeFloat div.gradeB {
            background: transparent url('../img/hcp/gradeB_lg.png') no-repeat scroll top left;
            height: 38px;
            width: 38px;
        }

        div.hcpRptCardGradeFloat div.gradeC {
            background: transparent url('../img/hcp/gradeC_lg.png') no-repeat scroll top left;
            height: 38px;
            width: 38px;
        }

        div.hcpRptCardGradeFloat div.gradeD {
            background: transparent url('../img/hcp/gradeD_lg.png') no-repeat scroll top left;
            height: 38px;
            width: 38px;
        }

    div.hcpRptCardBottom {
        background: transparent url('../img/hcp/bg_reportcard_bottom.gif') no-repeat scroll top left;
        height: 4px;
        line-height: 4px;
        margin: 0 0 8px;
    }

    /* TOPBOX (...) */
    div.hcpTopBox {
        margin-bottom: 8px;
    }

    /* DETAILS BOX (REPORT CARD) */
    div.hcpDetailsBox {
        position: relative;
        width: 193px;
        border-collapse: collapse;
        background: #fff url('../img/hcp/rcBox_bottom_bkgd.gif') no-repeat scroll 50% 101%;
    }

    div.hcpSocialBox {
        width: 193px;
        border-collapse: collapse;
        background: #fff url('../img/hcp/bg_soc_box_img_text.gif') no-repeat scroll 50% 101%;
        padding: 0 0 8px;
        margin: 0 0 8px;
    }

    .hcpDetailsDefinitionTop, .hcpSocialTop {
        background: transparent url('../img/hcp/bg_ftrbox_top.gif') no-repeat scroll top left;
        border: 0px none;
        height: 6px;
        line-height: 6px;
        padding: 0px;
        margin: 0px;
    }

    div.hcpDetailsContent, div.hcpSocialContent {
        border-collapse: collapse;
        border-left: 1px solid #c3c3c3;
        border-right: 1px solid #c3c3c3;
        border-top: 0px none;
        border-bottom: 0px none;
        margin: 0px;
        padding-left: 16px;
        padding-right: 16px;
        width: 159px;
    }

    div.hcpDetailsContent {
        padding-top: 12px;
        padding-bottom: 19px;
    }

        div.hcpDetailsContent p {
            padding-top: 12px;
            padding-bottom: 0;
        }

    div.hcpSocialContent {
        padding-top: 4px;
        padding-bottom: 0px;
    }

    .hcpDetailsDefinition, .hcpSocialTitle {
        font-weight: bold;
        font-size: 100%; /* RELATIVE FONT SIZE */ /* 10px */
        font-family: Verdana, Helvetica, Arial, Sans-Serif;
        line-height: 100%; /* RELATIVE LINE HEIGHT */
        padding-bottom: 6px;
        margin: 0;
    }

    .hcpDetailsDefinition {
        color: #dd2727; /* red */
    }

    div.hcpDetailsContent .hcpDetailsDefinitionTitle {
        font-size: 130%; /* RELATIVE FONT SIZE */ /* 10px */
        font-family: Verdana, Helvetica, Arial, Sans-Serif;
        line-height: 130%; /* RELATIVE LINE HEIGHT */
        color: #8e9a44; /* green */
        padding-top: 10px;
        /*padding-bottom:4px;*/
    }

    .hcpDetailsBottom {
        background: transparent url('../img/hcp/bg_ftrbox_text_bottom.gif') no-repeat scroll top left;
        height: 6px;
        margin: 0;
    }

    .hcpSocialBottom {
        background: transparent;
        height: 6px;
    }

    .hcpDetailsDate {
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 90%;
        line-height: 140%;
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 24px;
        padding-bottom: 16px;
    }


    /* OVERVIEW BOX (REPORT CARD) */
    div.hcpOverviewBox {
        border-collapse: collapse;
        background: #fff url('../img/hcp/bg_ftrbox_pen.gif') no-repeat scroll 50% 100%;
    }

    div.hcpOverviewBoxTitle {
        border: 0px none;
        background: #b5c550;
        color: #fff;
        font: bold 130% Verdana, Helvetica, Arial, sans-serif; /* RELATIVE FONT SIZE */ /* 14px */
        line-height: 36px; /* ABSOLUTE LINE HEIGHT */
        height: 39px;
        padding: 0 16px 0 16px;
        margin: 0;
    }

    div.hcpOverviewContent {
        border-collapse: collapse;
        border-left: 1px solid #c3c3c3;
        border-right: 1px solid #c3c3c3;
        background: transparent url('../img/hcp/icon_arrow_down.gif') no-repeat scroll 90% 0%;
        margin: 0 0 0 0;
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 24px;
        padding-top: 12px;
    }

    div.hcpOverviewBox ul, div.hcpOverviewBox ol {
        padding-left: 0px !important;
        margin-left: 0px !important;
    }

    div.hcpOverviewBox li {
        list-style-type: none;
        padding-left: 0px;
        margin-left: 0px;
        margin-bottom: 5px;
    }

    div.hcpOverviewBottom {
        background: transparent url('../img/hcp/bg_ftrbox_pen_bottom.gif') no-repeat scroll top left;
        height: 6px;
        line-height: 6px;
        margin: 0;
    }

    /* ON THIS PAGE (MAIN CONTENT AREA) */
    div.hcpOnThisPage {
        background: #f6f6ed;
        width: 420px;
        padding-left: 12px;
        padding-right: 12px;
        margin: 0 0 3px;
    }

    div.hcpOnThisPageLong {
        background: #f6f6ed;
        clear: both;
        padding-left: 12px;
        padding-right: 12px;
        margin: 0 0 3px;
    }

        div.hcpOnThisPage ul, div.hcpOnThisPage ol, div.hcpOnThisPageLong ul, div.hcpOnThisPageLong ol {
            padding-top: 8px;
            padding-bottom: 10px;
            list-style: disc none outside !important;
            color: #727272;
        }

    div.hcpOnThisPage li + li {
        margin-top: 6px;
    }

    div.hcpOnThisPageLong li + li {
        margin-top: 6px;
    }

    .hcpKeyMessages .h2div {
        clear: none;
    }

        .hcpKeyMessages .h2div h2 {
            padding-top: 3px !important;
        }

    .hcpDidYouKnow .h2div {
        clear: none;
    }

    .socialBookmarks .h2div {
        clear: none;
    }

    .hcpTopOfPage {
        text-align: right;
        clear: both;
        margin-top: 6px;
    }

    /* LISTS: SECOND-LEVEL HEADING CONTENT (MAIN CONTENT AREA) */
    .h2contentdiv ul, .hcpKeyMessages ul {
        margin-left: 13px;
        padding-left: 12px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    /* LISTS: SECOND-LEVEL HEADING CONTENT (MAIN CONTENT AREA) */
    .h2contentdiv ol, .hcpKeyMessages ol {
        margin-left: 26px;
        padding-left: 12px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
        /* LISTS: KEY MESSAGES (MAIN CONTENT AREA) */
        .hcpKeyMessages ul li, .hcpKeyMessages ol li {
            list-style: none;
            padding-left: 25px !important;
            margin-left: -25px !important;
            background: transparent url('../img/hcp/icon_checkmark.gif') no-repeat scroll 0% 0%;
        }
        /* LISTS: KEY MESSAGES (MAIN CONTENT AREA) */
        .hcpKeyMessages ul ul li, .hcpKeyMessages ol ul li {
            list-style: circle;
            padding-left: 10px !important;
            margin-left: -10px !important;
            background: none !important;
        }
        /* LISTS: KEY MESSAGES (MAIN CONTENT AREA) */
        .hcpKeyMessages ul ol li, .hcpKeyMessages ol ol li {
            list-style: decimal;
            padding-left: 10px !important;
            margin-left: -10px !important;
            background: none !important;
        }
    /* LISTS: LEFT-HAND MENU TITLE (MAIN CONTENT AREA) */
    .hcpOnThisPage ul, hcpOnThisPage ol {
        margin-left: 13px;
        padding-left: 12px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    /* LISTS: SECOND-LEVEL HEADING CONTENT (MAIN CONTENT AREA) */
    .h2contentdiv ul li, .h2contentdiv ol li {
        padding-left: 0;
        margin-left: -10px !important
    }

    .h2contentdiv li, .hcpKeyMessages li {
        padding-bottom: 7px;
    }

        .h2contentdiv li + li, .hcpKeyMessages li + li {
            margin-top: 7px;
        }
    /* LISTS: NUMBERED LIST (MAIN CONTENT AREA, HOME PAGE) */
    .h2contentdiv ol li.hcp_one {
        list-style: none;
        padding-left: 25px !important;
        margin-left: -25px !important;
        background: transparent url('../img/hcp/icon_red_1.gif') no-repeat scroll 0% 0%;
    }

    .h2contentdiv ol li.hcp_two {
        list-style: none;
        padding-left: 25px !important;
        margin-left: -25px !important;
        background: transparent url('../img/hcp/icon_red_2.gif') no-repeat scroll 0% 0%;
    }

        .h2contentdiv ol li.hcp_one a, .h2contentdiv ol li.hcp_two a {
            font-size: 130%; /* RELATIVE FONT SIZE */ /* 14px */
        }

    /* LEFT-HAND MENU TITLE */
    div.hcpLeftMenuTitle {
        border: 0px none;
        background: #b5c550 url('../img/hcp/corner_hdr_BL.gif') no-repeat scroll bottom left;
        color: #fff;
        font: bold 120% Verdana, Helvetica, Arial, sans-serif; /* RELATIVE FONT SIZE */ /* 14px */
        line-height: 36px; /* ABSOLUTE LINE HEIGHT */
        height: 39px;
        padding: 0 16px 0 16px;
        margin: -1px 0 0;
    }
    /* LEFT-HAND MENU: DOWN ARROW */
    .RadPanelbar_hcp {
        background: transparent url('../img/hcp/icon_arrow_down.gif') no-repeat scroll 10% 0%;
    }

    /* BOX TITLE (RIGHT-HAND COLUMN) */
    div.hcpHomeBoxTitle {
        border: 0px none;
        background: #b5c550 url('../img/hcp/corner_hdr_BR.gif') no-repeat scroll bottom right;
        color: #fff;
        font: bold 130% Verdana, Helvetica, Arial, sans-serif; /* RELATIVE FONT SIZE */ /* 14px */
        line-height: 36px; /* ABSOLUTE LINE HEIGHT */
        height: 39px;
        padding: 0 16px 0 16px;
        margin: 0;
    }

    /* BOX BODY (RIGHT-HAND COLUMN) */
    div.hcpBoxBody {
        margin: 0 0 16px 0;
        padding: 8px 5px 5px 6px;
    }
    /* BOX BODY (RIGHT-HAND COLUMN, HOME PAGE) */
    div.hcpHomeBoxBody {
        background: transparent url('../img/hcp/icon_arrow_down.gif') no-repeat scroll 90% 0%;
        color: #4d4d4d;
        margin: 0 0 12px 0;
        padding: 12px 5px 5px 14px;
    }

        /* MYTH/REALITY BOX (RIGHT-HAND COLUMN, HOME PAGE) */
        div.hcpHomeBoxBody .myth {
            color: #dd2727;
            padding-right: 10px;
        }

        div.hcpHomeBoxBody .reality {
            color: #657500;
            padding-right: 10px;
        }
        /* RESOURCES BOX (RIGHT-HAND COLUMN, HOME PAGE) */
        /* div.hcpHomeBoxBody .resource {
    padding-right:10px;
    width:67px; } */
        div.hcpHomeBoxBody img {
            border: 1px solid #d5d5b4;
            background: #fff;
            padding: 2px;
            margin-bottom: 2px;
        }

        div.hcpHomeBoxBody .hcpResourceTitle {
            color: #657500;
        }

        /* TABLES (RIGHT-HAND COLUMN, HOME PAGE) */
        div.hcpHomeBoxBody table {
            display: block;
            width: 95%;
            border: none;
        }

    /* HCP INDICATOR BOX (MAIN CONTENT AREA) */
    table.hcp_indicators {
        border-collapse: collapse;
        border: 0px none;
        width: 100%;
        padding: 0;
        margin: 0;
    }

        table.hcp_indicators td {
            text-align: left;
            width: 45%;
            height: 25px;
            border-bottom: 1px solid #f6f6ed;
        }

        table.hcp_indicators .head {
            height: 18px;
        }

            table.hcp_indicators .head .grade {
                padding-top: 0px;
                padding-bottom: 5px !important;
            }

        table.hcp_indicators .grade {
            padding-top: 2px;
            text-align: center;
            width: 5% !important;
        }

        table.hcp_indicators .col1 + .grade {
            padding-right: 12px;
        }

        table.hcp_indicators .col1 {
            width: 40% !important;
            padding-left: 0px;
        }

        table.hcp_indicators .col2 {
            width: 50% !important;
            padding-left: 32px;
            border-left: 1px solid #f6f6ed;
        }

    table.hcpDownloadBox {
        margin: 14px 0;
        width: 100%;
    }

    table.hcpDownloadBoxInside {
        margin: 16px;
    }

        table.hcpDownloadBoxInside, table.hcpDownloadBoxInside tr, table.hcpDownloadBoxInside td, table.hcpDownloadBoxInside tbody {
            border: 0px none;
            border-collapse: collapse;
            padding: 0;
        }

            table.hcpDownloadBoxInside h2 {
                color: #d20303;
                font-size: 1.2em;
            }

    /* Resizable rounded corners */
    .hcpBoxTE {
        background: url('../img/hcp/ipBox_tope.gif') 0 0 repeat-x;
        background-color: #f6f6ed;
        margin: 0;
        padding: 0;
        position: relative;
    }

    .hcpBoxBE {
        background: url('../img/hcp/ipBox_Bottome.gif') 0 100% repeat-x;
        margin: 0;
        padding: 0;
        position: relative;
    }

    .hcpBoxLE {
        background: url('../img/hcp/ipBox_lefte.gif') 0 0 repeat-y;
        margin: 0;
        padding: 0;
        position: relative;
    }

    .hcpBoxRE {
        background: url('../img/hcp/ipBox_Righte.gif') 100% 0 repeat-y;
        margin: 0;
        padding: 0;
        position: relative;
    }

    .hcpBoxBLC {
        background: url('../img/hcp/ipBox_bottomLeft.gif') 0 100% no-repeat;
        margin: 0;
        padding: 0;
        position: relative;
    }

    .hcpBoxBRC {
        background: url('../img/hcp/ipBox_bottomRight.gif') 100% 100% no-repeat;
        margin: 0;
        padding: 0;
        position: relative;
    }

    .hcpBoxLTC {
        background: url('../img/hcp/ipBox_topLeft.gif') 0 0 no-repeat;
        margin: 0;
        padding: 0;
        position: relative;
    }

    .hcpBoxTRC {
        background: url('../img/hcp/ipBox_topRight.gif') 100% 0 no-repeat;
        margin: 0;
        padding: 0;
        position: relative;
    }

    div#maincol.container .socialBookmarks {
        margin: 0 0 1.27em;
        padding: 4px 6px 3px;
        background: #f1f1f1;
    }

        div#maincol.container .socialBookmarks.sbNarrow {
            /* width: 483px; */
        }

    .socialBookmarks table, .socialBookmarks tbody, .socialBookmarks td {
        padding: 0;
        margin: 0;
        border-collapse: collapse;
    }

        .socialBookmarks td.socialButtons {
            width: 340px !important;
        }

    .socialBookmarks a {
        font-size: 11px;
    }

    /* HIDDEN TEXT - to hide it while still keeping it as an element on the page */
    div.hidden {
        position: absolute;
        left: -999em;
    }

    /* SPACER */
    div.spacer:after {
        content: ".";
        display: block;
        height: 0;
        line-height: 0; /* ABSOLUTE LINE HEIGHT */
        font-size: 0; /* ABSOLUTE FONT SIZE */
        clear: both;
        visibility: hidden;
    }

    div.spacer {
        display: inline-block;
    }
    /* Hides from IE5/Mac \*/
    * html div.spacer {
        height: 1px;
    }

    div.spacer {
        display: block;
    }
    /* End hide from IE5/Mac */
    div.info-body div.spacer {
    }

    /* TALL SPACER (14 PX) */
    div.tall-spacer {
        clear: both;
        padding: 7px;
    }

    .hcp_DateBox {
        font-family: Verdana !important;
        font-size: 8pt;
        text-align: left;
        color: #8E9A44;
        /*padding-left:2px;*/
        padding-top: 17px;
        vertical-align: top;
        width: 193px;
    }

    .hcp_DateBox_Bracket {
        color: #D20303 !important;
    }

    #menu-mob {
        display: none;
    }
}/*monitor screen*/

    /* A NOTE ON TEXT SIZES

   Base text size is assumed to be 11px Verdana;
   we express ALL font sizes in PERCENTAGES
   so that users can increase and decrease
   font sizes at will in MSIE/Firefox etc.
   Use this scale:

    POINTS      PIXELS
                17px- 160%
    14pt- 150%	14px- 130%
	12pt- 135%	12px- 
	11pt- 120%	11px- 100%
    10pt- 110%	10px-  90%
    9pt-  100%	9px-
    8pt-   85%	8px-
    7pt-   70%
*/
