/* CSS layout rules for the non-content portions of the site (banner/branding, navigation, footer) */

/* ____________________ Begin reset css ______________________*/
/* orginial: http://meyerweb.com/eric/tools/css/reset/ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* _____________________ End reset css ______________________*/

#container {
    background-color: #FFF;
    border: 1px solid #B0B0B0;
    margin: 0 auto;
    text-align: left;
    voice-family: "\"}\""; /* Box Model Hack: hides declaration from PC IE 5.x */
    voice-family: inherit;
    width: 748px;
}

/* branding (header) begins */

#branding {
}

#brandingLogo {
}

#brandingTagline {
}

/* branding (header) ends */

/* nav begins */

#navMain {
}

#navSub {
}

#navCta {
}

#navSup {
}
/* nav ends */

/* Site info (footer) begins */

#footer {
    clear: both;
}

#footerLegal {
}

#footerCopyright .contentContainer {
    position: relative;
}

.youtube, .twitter, .flicker, .facebook, .linkedin, .vimeo, .instagram {
    height: 24px;
    width: 23px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    text-indent: -999999px;
}

.youtube {
    background: url("../images/icoYoutube.gif") top left no-repeat transparent;
}

    .youtube:hover {
        /*background: url("../images/icoYoutube_on.gif") top left no-repeat transparent;*/
    }

.instagram {
    background: url("../images/icoInstagram.gif") top left no-repeat transparent;
}

    .instagram:hover {
        /*background: url("../images/icoInstagram_on.gif") top left no-repeat transparent;*/
    }

.facebook {
    background: url("../images/icofacebook.gif") top left no-repeat transparent;
}

    .facebook:hover {
        /*background: url("../images/icofacebook_on.gif") top left no-repeat transparent;*/
    }

.flicker {
    background: url("../images/icoflicker.gif") top left no-repeat transparent;
}

    .flicker:hover {
        /*background: url("../images/icoflicker_on.gif") top left no-repeat transparent;*/
    }

.twitter {
    background: url("../images/icotwitter.gif") top left no-repeat transparent;
}

    .twitter:hover {
        /*background: url("../images/icotwitter_on.gif") top left no-repeat transparent;*/
    }

.linkedin {
    background: url("../images/icolinkedin.gif") top left no-repeat transparent;
}

    .linkedin:hover {
        /*background: url("../images/icolinkedin_on.gif") top left no-repeat transparent;*/
    }

.vimeo {
    background: url("../images/icovimeo.gif") top left no-repeat transparent;
}

    .vimeo:hover {
        /*background: url("../images/icovimeo_on.gif") top left no-repeat transparent;*/
    }

#contentBody {
    position: relative;
}

.st_sharethis {
    border-radius: 4px 4px 4px 4px;
    background-color: #5caee0;
    padding: 5px;
    float: right;
    margin-bottom: 10px;
    /*position: absolute;*/
    right: 0;
    top: 0;
}

.sharethis {
    background: url("../images/ui/btnShareSprite.png") left top no-repeat #5caee0 !important;
    padding: 0px 0 0 15px !important;
    color: #fff !important;
    font-weight: bold !important;
}

    .sharethis:hover {
        background-position: left bottom !important;
        color: #000 !important;
    }

/* Site info (footer) ends */

/* misc. rules begin */

.clear {
    clear: both;
    height: 0;
    overflow: hidden;
}

/* see http://www.positioniseverything.net/easyclearing.html for explaination */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* End hide from IE-mac */

.devNote {
    color: #00FF00;
    background-color: #FF0033;
}
/* misc. rules ends */

/* CSS layout rules for content formatting */

/* Begin rules for elements */

body {
    background-color: #EFEFEF;
    font-size: 69%; /* tested sizes are 60%, 62.5%, 69%, 76%. Anything else requires testing (espcially on a Mac) */
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    padding: 0;
    margin: 0;
}

p, ol, li, dd, table {
    font-size: 1em; /* this should stay as 1em. anything else will lead to potential problems with nested elements. Adjust font size in the body tag, or define a class for exceptions */
    line-height: 1.5em;
    margin: 0;
    text-align: left; /* compensates for an IE 6 bug */
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 1em 0;
}

tr, td {
    vertical-align: top;
}

ul {
    /*	margin: 1em 0 1.5em 0; 	padding-left: 1.5em; */
}

sup {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
    font-size: 0.8em;
}

sup {
    bottom: 1ex;
}

#contentBody ul {
    list-style: disc;
    padding-left: 18px;
    margin-bottom: 25px;
}

#contentBody #associatedContent ul {
    padding-left: 0;
}

    #contentBody #associatedContent ul li {
        list-style: none;
        background: url(../images/ui/bkgBulletLightGrey.gif) no-repeat left 0.6em;
        font-size: 0.8em;
        padding-left: 8px;
    }

#contentBody #associatedContent p {
    font-size: 0.8em;
}

#contentBody ul.siteMapSection {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 25px;
}

#contentBody ol {
    padding-left: 22px;
    margin-bottom: 25px;
}

#contentBody dl {
    padding-left: 18px;
    margin-bottom: 25px;
}

a {
    color: #007BA9;
    text-decoration: none;
}

    a:visited {
        color: #007BA9;
        text-decoration: none;
    }

    a:hover {
        color: #007BA9;
        text-decoration: underline;
    }

img {
    border: 0;
    vertical-align: bottom;
}

hr {
    background: #ccc; /* used by Gecko, Opera browsers */
    border: 0;
    color: #ccc; /* incorrectly used by IE */
    height: 1px;
}

/* End rules for elements */

/* Begin rules for class and id selectors */

.alignRight {
    text-align: right;
}

.imgVerticalAlign {
    vertical-align: middle;
}

.txtSmall {
    font-size: 0.9em;
}

.txtIndent {
    padding: 0 20px;
}

.required {
    font-weight: bold;
    color: red;
}

.noWrap {
    white-space: nowrap;
}

.noMarginBottom {
    margin-bottom: 0;
}

.noMargin {
    margin: 0;
    padding: 0;
}

ul.pdf {
    list-style-type: none;
    margin: 20px 0;
    padding-left: 0;
    position: relative; /*fix the disappearing list backgrounds bug in IE*/
}

    ul.pdf li {
        background: url(../images/iconPdf.gif) no-repeat 0 0;
        line-height: 1.6em;
        margin: 0 0 0.6em 0;
        padding-left: 25px;
    }

/* End rules for class and id selectors */

#headerContainer {
    min-width: 968px;
    height: 162px;
    text-align: center;
    background: url(../images/ui/bkgHeaderTile.gif) repeat-x #EFEFEF;
    position: relative;
    z-index: 999;
}

#headerContent {
    position: relative;
    width: 968px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

#topNavContainer {
    width: 100%;
    padding-bottom: 11px;
}

#topNav {
    float: right;
    clear: both;
    margin: 3px 0 0 0;
    padding: 0;
}

    #topNav li {
        display: block;
        float: left;
        background: url(../images/ui/bkgHeaderNavDivider.gif);
        background-repeat: no-repeat;
    }

        #topNav li a {
            display: block;
            color: #7c7c7c;
            padding: 4px 13px 0 13px;
            text-decoration: none;
            float: left;
        }

            #topNav li a:hover {
                text-decoration: underline;
            }

        #topNav li.last a {
            background: url(../images/ui/bkgHeaderNavDivider.gif);
            background-repeat: no-repeat;
            background-position: right;
        }

.mainLogo {
    margin-left: 25px;
    float: left;
}

#search {
    width: 274px;
    float: left;
    margin: 15px 0 0 293px;
}

#leftContainer {
    float: left;
    width: 714px;
    position: relative;
}

/* main nav styles */
#mainNav {
    width: 968px;
    height: 38px;
    float: left;
    background: none;
    margin: 6px 0 0 0;
    padding: 0;
}

    #mainNav ul li a {
        background-image: none;
    }

    #mainNav li {
        display: block;
        cursor: pointer;
        position: relative;
        float: left;
    }

        #mainNav li a, #mainNav li a div {
            height: 38px;
        }

            #mainNav li a span {
                display: none;
            }

a#mainNavAbout, a#mainNavAbout div {
    width: 104px;
}

    a#mainNavAbout, a#mainNavAbout:hover, a#mainNavAbout div.hoverimage {
        background-image: url(../images/en/navMainAbout.png);
    }

a#mainNavEducation, a#mainNavEducation div {
    width: 109px;
}

    a#mainNavEducation, a#mainNavEducation:hover, a#mainNavEducation div.hoverimage {
        background-image: url(../images/en/navMainEducation.png);
    }

a#mainNavCPD, a#mainNavCPD div {
    width: 63px;
}

    a#mainNavCPD, a#mainNavCPD:hover, a#mainNavCPD div.hoverimage {
        background-image: url(../images/en/navMainCPD.png);
    }

a#mainNavMembership, a#mainNavMembership div {
    width: 116px;
}

    a#mainNavMembership, a#mainNavMembership:hover, a#mainNavMembership div.hoverimage {
        background-image: url(../images/en/navMainMembership.png);
    }

a#mainNavHealth, a#mainNavHealth div {
    width: 129px;
}

    a#mainNavHealth, a#mainNavHealth:hover, a#mainNavHealth div.hoverimage {
        background-image: url(../images/en/navMainHealth.png);
    }

a#mainNavResources, a#mainNavResources div {
    width: 107px;
}

    a#mainNavResources, a#mainNavResources:hover, a#mainNavResources div.hoverimage {
        background-image: url(../images/en/navMainResources.png);
    }

a#mainNavPublications, a#mainNavPublications div {
    width: 122px;
}

    a#mainNavPublications, a#mainNavPublications:hover, a#mainNavPublications div.hoverimage {
        background-image: url(../images/en/navMainPublications.png);
    }

a#mainNavResearch, a#mainNavResearch div {
    width: 99px;
}

    a#mainNavResearch, a#mainNavResearch:hover, a#mainNavResearch div.hoverimage {
        background-image: url(../images/en/navMainResearch.png);
    }

a#mainNavDirectories, a#mainNavDirectories div {
    width: 119px;
}

    a#mainNavDirectories, a#mainNavDirectories:hover, a#mainNavDirectories div.hoverimage {
        background-image: url(../images/en/navMainDirectories.png);
    }

ul#mainNav {
    background-color: #FFFFFF;
}

    ul#mainNav ul {
        margin-top: 8px;
        border: 1px #E7E7E7 solid;
    }

    ul#mainNav li.first ul {
        margin-left: 2px;
    }

    ul#mainNav li li a {
        height: auto;
        padding: 10px 10px 10px 25px;
        margin: 0;
        text-decoration: none;
    }

    ul#mainNav li li {
        padding: 0;
        margin: 0;
        line-height: 1em;
        background-color: #FFFFFF;
        border-bottom: 1px #E7E7E7 solid;
        background: url(../images/navMainArrowOff.gif) no-repeat 11px 11px #FFF;
    }

        ul#mainNav li li a:hover {
            background: url(../images/navMainArrowOn.gif) no-repeat 11px 11px;
            background-color: #5BACD7;
        }

        ul#mainNav li li.odd {
            background-color: #EEF8FA;
        }

        ul#mainNav li li.last {
            border-bottom: 0;
        }

/* end main nav styles */

/* crossfade styles */
a.imgCrossFade, a.imgCrossFade div {
    margin: 0;
    text-decoration: none;
    border: none;
    float: left;
    cursor: pointer;
}

    a.imgCrossFade:hover {
        text-decoration: none;
        border: none;
    }

    a.imgCrossFade div.hoverimage {
        position: absolute;
        margin: 0;
        top: 0;
        left: 0;
    }

    a.imgCrossFade div.hoverarea {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        background: none;
    }

    a.imgCrossFade, a.imgCrossFade:hover, a.imgCrossFade div.hoverimage {
        background-repeat: no-repeat;
        background-color: transparent;
    }

a.imgCrossFade {
    position: relative;
    background-position: 0 0;
}

    a.imgCrossFade:hover, a.imgCrossFade div.hoverimage {
        background-position: 0 bottom;
    }
/* end crossfade styles */

/* rounded corner styles */

.greyRoundedBox {
    color: #666666;
    text-transform: uppercase;
}

    .greyRoundedBox .content {
        background-color: #F5F5F5;
        vertical-align: middle;
        line-height: 24px;
    }
/*
.greyRoundedBox .header div {
        background: url(../images/ui/bkgGreyRoundedTopLeft.gif) no-repeat scroll left top ;
        height:6px;
        overflow:hidden;
        width:6px;
}
*/

/*

.greyRoundedBox .footer {
        background:url("../images/ui/bkgGreyRoundedBottomRight.gif") no-repeat scroll right bottom ;
        clear:both;
        height:6px;
        overflow:hidden;
}
*/

.memberSignInWrapper {
    position: absolute;
    top: 50px;
    left: 290px;
    width: 395px;
    height: 37px;
}

#memberSignIn {
    float: right;
    z-index: 99;
    zoom: 1;
    cursor: pointer;
    color: #e67518 !important;
    min-width: 240px;
    text-align: center;
}

.loggedInLinks a {
    color: #e67518 !important;
    font-style: normal;
    font-size: 11px;
}

    .loggedInLinks a:first-child {
        margin-right: 10px;
    }

.loggedOutLinks {
    font-size: x-small;
}

    .loggedOutLinks a {
        margin-right: 10px;
    }

#memberSignIn.orangeRoundedBox {
    background-color: #fbe4b4;
    vertical-align: middle;
    line-height: 12px;
}

    #memberSignIn.orangeRoundedBox .header {
        background: url(../images/ui/bkgSearchTop.gif) no-repeat;
        height: 6px;
        width: 275px;
        overflow: hidden;
    }

    #memberSignIn.orangeRoundedBox .footer {
        background: url(../images/ui/bkgSearchBottom.gif) no-repeat;
        height: 6px;
        overflow: hidden;
        width: 275px;
    }

    #memberSignIn.orangeRoundedBox .content {
        width: auto;
        text-align: center;
        font-size: 14px;
        font-style: italic;
        padding: 6px 6px 6px 4px;
    }

#memberSignOut {
    float: right;
    z-index: 99;
    zoom: 1;
    cursor: pointer;
}

    #memberSignOut.greyRoundedBox .header {
        background: url(../images/ui/bkgMemberTopShort.gif) no-repeat;
        height: 6px;
        width: 100px;
        /*border-top:1px solid #e5e5e5;*/
        overflow: hidden;
    }

    #memberSignOut.greyRoundedBox .footer {
        background: url(../images/ui/bkgMemberBottomShort.gif) no-repeat;
        height: 6px;
        overflow: hidden;
        width: 100px;
    }

    #memberSignOut.greyRoundedBox .content {
        width: 100px;
        /*padding:0 30px 0 30px;*/
    }

#search.greyRoundedBox .header {
    background: url(../images/ui/bkgSearchTop.gif) no-repeat;
    height: 6px;
    width: 275px;
    overflow: hidden;
}

#search.greyRoundedBox .footer {
    background: url(../images/ui/bkgSearchBottom.gif) no-repeat;
    height: 6px;
    overflow: hidden;
    width: 275px;
}

.contentLogin {
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 100%;
}

div.greyOutlineBox, div.greyBox {
    width: 233px;
    margin-bottom: 7px;
}

    div.greyBox div.header {
        width: 234px;
        height: 3px;
        background: url(../images/ui/bkgGreySolidTop.gif) no-repeat;
    }

    div.greyBox div.footer {
        width: 233px;
        height: 4px;
        background: url(../images/ui/bkgGreySolidBottom.gif) no-repeat;
    }

    div.greyOutlineBox .content div.mainCopy {
        margin-top: 8px;
    }

    div.greyOutlineBox ul, #contentBody div.greyOutlineBox ul {
        list-style: none;
    }

    div.greyOutlineBox .content div.mainCopy p {
        color: #000;
        margin-bottom: 8px;
        font-size: 1em;
    }

    div.greyOutlineBox .content h3 {
        text-align: left;
        font-weight: normal;
        color: #FFFFFF;
        text-transform: uppercase;
        min-height: 25px;
        height: auto !important;
        min-height: 24px;
        font-size: 1.2em;
        padding: 7px 0 2px 10px;
        margin: 0 0 1px 3px;
        border-bottom: 1px solid #DFDFDF;
        width: 217px;
    }

    div.greyOutlineBox h3.greenFade {
        background: url(../images/ui/bkgGreenfade.png) no-repeat #98AF5C;
    }

    div.greyOutlineBox h3.greyFade {
        background: url(../images/ui/bkgGreyFade.png) repeat-x #CECECE;
        color: #025985;
    }

    div.greyOutlineBox h3.blueFade {
        background: url(../images/ui/bkgBluefade.png) no-repeat #246E93;
    }

    div.greyOutlineBox div.header {
        width: 234px;
        height: 3px;
        overflow: hidden;
        background: url(../images/ui/bkgGreyOutlineTop.gif) no-repeat;
    }

div#memProfile.greyOutlineBox div.header {
    background: url(../images/ui/profileBoxLgTop.gif) no-repeat;
    width: 692px;
}

div.greyOutlineBox .content {
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    width: 100%;
    text-align: center;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    div.greyOutlineBox .content img {
    }

div.greyOutlineBox a.hoverFade {
    margin-left: 2px;
}

div.greyOutlineBox div.footer {
    width: 234px;
    height: 3px;
    overflow: hidden;
    background: url(../images/ui/bkgGreyOutlineBottom.gif) no-repeat;
}

div#memProfile.greyOutlineBox div.footer {
    background: url(../images/ui/profileBoxLgBtm.gif) no-repeat;
    width: 692px;
}

div.greyBox {
    background-color: #F5F5F5;
    font-size: 1.1em;
}

.colRight div.greyBox p {
    line-height: 1.7em;
    margin-bottom: 1.2em;
}

div.greyBox h3 {
    margin-top: 0;
}

div.greyBox .content {
    margin: 0 8px 0 12px;
    padding-top: 8px;
}

    div.greyBox .content h3 {
        color: #007BA9;
    }

/* end rounded corner styles */

/* end nav styles */
#contentContainer {
    width: 968px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
    text-align: left;
    background-image: url(../images/ui/bkgMainContent.gif);
}

    #contentContainer #mainContent {
        padding: 4px 7px 0 7px;
        min-height: 300px;
        height: auto !important;
        height: 300px;
    }

        #contentContainer #mainContent .colRight {
            width: 234px;
            float: right;
        }

        #contentContainer #mainContent .colLeft {
            float: left;
            width: 714px;
        }

#search .content, #memberSignOut .content {
    font-size: 105%;
    text-align: center;
}

#search, #memberSignIn {
    /*	margin-left: 10px; */
}

#loginHidden {
    display: none;
    background-color: #F5F5F5;
    text-transform: none;
    margin-top: 5px;
}

    #loginHidden .loginBox {
        margin-left: 8px;
    }

    #loginHidden .mainproLoginButton {
        margin-left: 7px; /**/
        margin-right: 5px;
        margin-bottom: 10px;
    }

ul.loginBox {
    margin-bottom: 10px;
}

#contentBody ul.forgotPass {
    padding-left: 5px;
}

ul.forgotPass a {
    color: #000000;
    text-decoration: underline;
    font-size: 99%;
}

ul.forgotPass {
    margin-bottom: 10px;
}

#loginHidden label {
    color: #000000;
}

#contentContainerFooter {
    background-image: url(../images/ui/bkgContentBottom.gif);
    width: 968px;
    margin-top: 20px;
    height: 11px;
    line-height: 0;
    font-size: 0;
}

#footerContainer {
    width: 100%;
    background: url(../images/ui/bkgFooterTile.gif) repeat-x;
    background-color: #EFEFEF;
    background-position: bottom;
    text-align: center;
    min-height: 152px;
    height: auto !important;
    height: 152px;
}

#footerCopyright {
    text-align: center;
    color: #FFFFFF;
    background: url(../images/ui/bkgFooterCopyrightTile.gif) repeat-x;
    height: 34px;
    line-height: 34px;
}

#footerMainMenu {
    text-align: center;
    color: #025985;
    font-size: 1.1em;
    margin-top: 22px;
}

    #footerMainMenu li a {
        color: #025985;
        text-decoration: none;
        padding: 0 10px 0 10px;
        border-right: 1px #025985 solid;
    }

    #footerMainMenu li.last a {
        border: none;
    }

    #footerMainMenu li {
        display: inline;
    }

#footerSubMenu {
    text-align: center;
    color: #666666;
    margin-top: 8px;
}

    #footerSubMenu li {
        display: inline;
    }

        #footerSubMenu li a {
            color: #666666;
            padding: 0 10px 0 10px;
            text-decoration: none;
            border-right: 1px #666666 solid;
        }

        #footerSubMenu li.last a {
            border: none;
        }

.contentContainer {
    width: 968px;
    margin-left: auto;
    margin-right: auto;
}

.footerBottom {
    margin-top: 40px;
}

#twitter-button-en {
    float: right;
    margin-top: 12px;
}

#twitter-button-fr {
    display: none;
}

#fontSize {
    float: right;
    padding-right: 12px;
    margin-top: 10px;
}

.fontAnchors {
    cursor: pointer;
}

#normalFont {
}

#largerFont {
}

.greyOutlineBox .content h3 {
    margin: 0;
}

    .greyOutlineBox .content h3 img {
        border-bottom: 1px solid #62b0d8;
        padding: 0 0 2px 0;
        margin-bottom: 1px;
    }

.colRight .rightCtaGradFade ul, .colRight .relatedLinksBox ul, .colRight .newsEventsBox ul, .colRight .newsEventsBox a.readMore {
    text-align: left;
    width: 215px;
    margin-left: 11px;
    display: block;
}

.colRight .rightCtaGradFade ul {
    margin-left: 0;
}

.colRight .rightCtaGradFade li.nodot {
    margin-left: 0;
    padding: 0px 0px 10px 0px;
    list-style-type: none;
    background-image: none;
}

.colRight .rightCtaGradFade li .date {
    font-weight: bold;
}

.colRight .rightCtaGradFade li .programName {
    color: #007BA9;
    font-weight: bold;
}

.colRight .rightCtaGradFade li .location {
}

.colRight .rightCtaGradFade li .more {
    float: right;
}

.colRight .rightCtaGradFade li .details {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 11px;
    color: #fff;
}

.apple_overlay .close {
    position: absolute;
    right: -15px;
    top: -15px;
    cursor: pointer;
    height: 35px;
    width: 35px;
}

.rightCtaGradFade .bodyContent, .bodyContent {
    background: url("../images/ui/bkgSecNavFadeTile.gif") repeat-x scroll transparent;
    margin: 0 3px 0 3px;
    padding: 10px 5px 10px 8px;
    text-align: left;
}

.loginPage #memProfile {
    width: 642px !important;
}

.loginPage .header, .loginPage .footer {
    width: 644px !important;
}

.loginPage h2 {
    margin-top: 10px !important;
    margin-left: 16px;
}

.loginPage .bodyContent {
    background: none;
    background-color: #eeeeee;
}

.loginPage .forgotPass {
    float: none;
    margin-bottom: 0px !important;
}

.loginPage .becomeMember {
    float: none;
    margin-top: 10px;
}

.colRight .rightCtaGradFade .bodyContent p {
    color: #999;
    font-size: 1.2em;
}

.colRight .rightCtaGradFade .bodyContent ul li {
    list-style-type: none;
}

.colRight a.readMore {
    color: #007ba9;
    font-weight: bold;
    text-decoration: none;
}

.rightCtaGradFade h2 {
    text-transform: uppercase;
    color: #025985;
    font-weight: normal;
    font-size: 1.2em;
    margin-top: 3px;
    margin-bottom: 10px;
}

ul.ctaImgText {
    margin-top: 18px;
    width: 210px;
}

.colRight .rightCtaGradFade ul.ctaImgText li {
    list-style-type: none;
    margin: 0;
    padding: 0 0 13px 0;
    background: none;
    width: 210px;
    float: left;
}

    .colRight .rightCtaGradFade ul.ctaImgText li img {
        margin-right: 13px;
        float: left;
    }

    .colRight .rightCtaGradFade ul.ctaImgText li h3 {
        color: #007ba9;
        text-transform: none;
        font-size: 1em;
        font-weight: bold;
        border: 0;
        margin: 0;
        line-height: 1em;
        padding: 3px 0 3px 0;
        height: auto;
    }

.colRight .rightCtaGradFade ul li, .colRight .newsEventsBox ul li, .colRight .newsEventsBox a.readMore {
    width: 213px;
    padding: 5px 0 5px 0;
}

.colRight .rightCtaGradFade ul li {
    background: url(../images/ui/bkgBullet.gif) no-repeat 1px 13px;
    padding: 6px 0 6px 10px;
}

.newsEventsBox ul li {
    border-bottom: 1px solid #bddfef;
}

.colRight .orangeFade .content div {
    width: 220px;
    background: #fcf7ea url(../images/ui/bkgCTAOrangeFadeTile.gif) repeat-x bottom;
    margin-left: 2px;
    text-align: left;
    padding: 5px 0 10px 8px;
}

.colRight .orangeFade h2 {
    color: #dd9515;
    font-size: 1.2em;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.colRight .orangeFade p.loginSub {
    margin-bottom: 12px;
    display: block;
}

.colRight .orangeFade a {
    color: #DD9515;
}

.colRight .orangeFade h2.orangeHeaderCaps {
    font-size: 1.0em;
    text-transform: uppercase;
    clear: both;
}

#contentBody .orangeFade .content div {
    width: 220px;
    background: url(../images/ui/bkgCTAOrangeFadeTile.gif) repeat-x bottom;
    margin-left: 2px;
    text-align: left;
    padding: 5px 0 10px 8px;
    font-size: 0.8em;
    line-height: 1;
}

#contentBody .orangeFade h2 {
    color: #dd9515;
    font-size: 1.2em;
    margin-bottom: 5px;
    margin-top: 0px;
}

#contentBody .orangeFade ul {
    margin: 0px;
}

#contentBody .orangeFade p {
    margin: 0px;
}

    #contentBody .orangeFade p.loginSub {
        margin-bottom: 12px;
        display: block;
    }

#contentBody .orangeFade h2.orangeHeaderCaps {
    font-size: 1.0em;
    text-transform: uppercase;
}

ul.loginBox li {
    width: 110px;
    float: left;
    font-size: 99%;
    list-style-type: none !important;
}

#loginHidden ul.loginBox li.rememberMe, .content ul.loginBox li.rememberMe {
    width: 200px;
}

.bodyContent ul.loginBox li.rememberMe {
    width: 240px;
    clear: both;
}

ul.loginBox {
    margin-bottom: 10px !important;
}

    ul.loginBox li input.textbox {
        width: 98px;
    }

.learnMoreMainpro, .learnMoreMainpro:visited, .learnMoreMainpro:hover {
    display: block;
    clear: both;
    color: #c18405;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.mainproLoginButton {
    float: left;
    margin-left: 18px;
}

.forgotPass {
    float: left;
    margin-left: 10px;
}

ul#homeDashboard {
    background: url(../images/ui/bkgDashboard.gif) repeat-y;
    border-bottom: 2px solid #d8d8d8;
    width: 714px;
    margin-top: 5px;
    list-style: none;
}

    ul#homeDashboard, ul#homeDashboard li, ul#homeDashboard p, .colRight li, .colRight p {
        line-height: 1.3em;
        list-style: none;
    }

        ul#homeDashboard li {
            float: left;
            width: 180px;
            margin-bottom: 20px;
        }

            ul#homeDashboard li.first {
                width: 176px;
                border: none;
            }

            ul#homeDashboard li.last {
                width: 178px;
            }

            ul#homeDashboard li li {
                margin: 0 0 6px 0;
                padding: 0;
                width: 100%;
                font-weight: bold;
            }

                ul#homeDashboard li li a {
                    color: #007ba9;
                    font-weight: normal;
                }

            ul#homeDashboard li h3, ul#homeDashboard li p, ul#homeDashboard li ul {
                margin: 0px 18px 10px 17px;
            }

#memberLink {
    display: block;
    padding-right: 20px;
    width: 200px;
    background: url(../images/ui/icoArrowDownDarkGrey.gif) no-repeat 204px 11px;
    text-align: left;
    padding-left: 8px;
    color: #7C7C7C;
}

a#memberLink:hover {
    text-decoration: none;
    color: #025B7B;
}

ul#homeHorzCTA {
    background: url(../images/ui/bkgBottomCTA.jpg) no-repeat;
    background-position: 236px 0;
    margin-top: 8px;
    list-style: none;
}

    ul#homeHorzCTA li {
        float: left;
        background: url(../images/ui/bkgHomeBottomCTA.gif) repeat-x;
        margin-right: 6px;
        padding-left: 10px;
        padding-right: 8px;
        width: 216px;
        color: #666;
    }

        ul#homeHorzCTA li p {
            line-height: 1.2em;
        }

        ul#homeHorzCTA li a.readMore {
            display: block;
            margin-top: 5px;
            font-weight: bold;
        }

        ul#homeHorzCTA li.last {
            margin: 0;
        }

    ul#homeHorzCTA h3 {
        font-family: Georgia, "Times New Roman", Times, serif;
        margin: 10px 8px 8px 0px;
        font-size: 1em;
        color: #000;
    }

    ul#homeHorzCTA img {
        float: left;
        padding-right: 8px;
    }

li.rememberMe {
    margin-top: 8px;
}

    li.rememberMe input {
        margin: 0;
        padding: 0;
        vertical-align: bottom;
        position: relative;
        overflow: hidden;
        height: 1.2em;
    }

.becomeMember {
    color: #007BA9;
    text-align: left;
    display: block;
    float: left;
    font-weight: bold;
    margin-left: 16px;
    margin-bottom: 10px;
}

#loginHidden .becomeMember {
    margin-left: 10px;
}

ul#breadCrumb {
    margin-left: 16px;
    float: left;
}

    ul#breadCrumb li {
        display: inline;
        font-size: 1em;
    }

        ul#breadCrumb li a {
            padding-right: 10px;
            margin-right: 5px;
            color: #007BA9;
            background: url(../images/ui/iconArrowBlue.gif) no-repeat right;
            text-decoration: underline;
        }

            ul#breadCrumb li a:hover {
                text-decoration: none;
            }

p#sectionHeading {
    margin-top: 20px;
    margin-bottom: 10px;
}

#navSubLeft {
    width: 235px;
    float: left;
}

    #navSubLeft ul {
        list-style: none;
    }

div#resourceContent {
    float: left;
    width: 719px;
}

#contentBody, #summaryTop {
    float: left;
    width: 694px;
    font-size: 1.2em;
    line-height: 1.5em;
    padding-left: 16px;
}

#summaryTop {
    padding-bottom: 35px;
}

div#resourceContent #summaryTop {
    padding-bottom: 0px;
}

div#contentContainer.threeCol #contentBody {
    width: 450px;
}

#contentBody.full {
    width: 913px !important;
}

#contentBody p, #summaryTop p {
    margin-bottom: 25px;
}

h1 {
    color: #00598D;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.4em;
    font-weight: normal;
}

h2 {
    font-family: Arial, Helvetica, Verdana, Sans;
    font-size: 1.1em;
    color: #025985;
    font-weight: bold;
}

#contentBody h2 {
    margin-top: 25px;
}

h3 {
    font-family: Arial, Helvetica, Verdana, Sans;
    font-size: 1.1em;
    color: #96A471;
    font-weight: bold;
    line-height: 20px;
    margin-top: 25px;
    margin-bottom: 3px;
}

#homeHorzCTA h3 {
    color: #000000;
    line-height: 1.2em;
    padding-top: 5px;
}

ul#homeDashboard li h3 {
    font-size: 1em;
    line-height: 1em;
    color: #000000;
    margin-bottom: 0.8em;
    clear: both;
    padding-top: 10px;
}

ul#homeDashboard p {
    font-weight: bold;
    clear: both;
}

    ul#homeDashboard p a:after, .loggedInLinks a:after {
        content: " \BB \ ";
    }

h3 a {
    color: #007BA9;
    text-decoration: none;
}

    h3 a:hover {
        color: #007BA9;
        text-decoration: underline;
    }

#contentBody .summary, #summaryTop .summary {
    color: #999999;
    font-size: 1.1em;
    clear: both;
    margin-bottom: 1em;
    line-height: 1.5em;
}

ul#linkedPagesMenu {
    width: 612px;
    background-color: #F9F9F9;
    margin-left: 10px;
}

    ul#linkedPagesMenu li {
        width: 305px;
        border-right: 1px solid #FFF;
        border-bottom: 1px solid #FFF;
        float: left;
        display: block;
    }

        ul#linkedPagesMenu li a {
            padding: 10px;
            padding-left: 25px;
            display: block;
            background: url(../images/ui/icoArrowRightLightGrey.gif) no-repeat 13px 16px;
            font-weight: bold;
            font-size: 0.8em;
        }

div.contentCta {
    text-align: left;
    margin: 2px 0 15px 15px;
    float: right;
}

    div.contentCta img {
        border: 1px #DFDFDF solid;
        margin-bottom: 20px;
    }

#contentContainer.twoCol div.contentCta {
    width: 295px;
}

#contentContainer.threeCol div.contentCta {
    width: 165px;
}

#bannerContainer {
    float: left;
    margin-bottom: 10px;
}

#contentContainer.twoCol #contentBody {
    width: 622px;
}

#contentContainer.twoCol.wide #contentBody {
    width: 694px;
}

#contentContainer.oneCol #contentBody {
    width: 871px;
    padding: 25px 54px 0 25px;
}

#contentContainer.twoColNoMenu #contentBody {
    width: 694px;
    padding: 25px 0 0 16px;
}

#contentContainer.twoColNoMenu #mainContent .colRight {
    padding-top: 25px;
}

#contentContainer.oneCol #contentBody div.col1, #contentContainer.oneCol #contentBody div.col2, #contentContainer.oneCol #contentBody div.col3 {
    width: 290px;
    float: left;
}
/*subnav styles*/

ul#secNav {
    width: 234px;
    border-top: 7px solid #5badd6;
    border-bottom: 5px solid #5badd6;
}

    ul#secNav li {
        border-bottom: 2px solid #5badd6;
        background: transparent url("../images/ui/bkgSecNavFadeTile.gif") scroll repeat-x top left;
        line-height: 1.5em;
    }

        ul#secNav li a {
            color: #333333;
            font-weight: normal;
            font-size: 1.3em;
            text-transform: uppercase;
            display: block;
            background: transparent url("../images/ui/icoArrowDownGreyFade.gif") scroll no-repeat 207px 13px;
            padding: 8px 40px 10px 11px;
            width: 182px;
        }

        ul#secNav li.secNavHere a {
            color: #333333;
        }

    ul#secNav ul {
        width: 234px;
    }

        ul#secNav ul li {
            border-top: 1px solid #dedede;
            border-bottom: none;
            background: transparent url("../images/ui/icoArrowRightLightGrey.gif") scroll no-repeat 5px 12px;
        }

            ul#secNav ul li a {
                color: #007ba9;
                font-size: 1em;
                font-weight: bold;
                text-transform: none;
                display: block;
                padding: 7px 0 6px 17px;
                width: 217px;
                background: none;
            }

            ul#secNav ul li#secNavSub ul {
                border-top: none;
                padding-bottom: 5px;
            }

                ul#secNav ul li#secNavSub ul li {
                    border-top: none;
                    background: none;
                }

            ul#secNav ul li#secNavSub a {
                color: #333333;
            }

            ul#secNav ul li#secNavSub ul li.secNavHere a {
                text-decoration: underline;
            }

            ul#secNav ul li#secNavSub ul li a {
                color: #007ba9;
                width: 217px;
                font-size: 1em;
                font-weight: normal;
                text-transform: none;
                display: block;
                padding: 3px 0 4px 29px;
                background: none;
                width: 201px;
            }

/* end subnav styles */

/*subnav styles*/

ul#secNav {
    width: 234px;
    border-top: 7px solid #5badd6;
    border-bottom: 5px solid #5badd6;
}

    ul#secNav li {
        border-bottom: 2px solid #5badd6;
        background: transparent url("../images/ui/bkgSecNavFadeTile.gif") scroll repeat-x top left;
        line-height: 1.5em;
    }

        ul#secNav li a {
            color: #333333;
            font-weight: normal;
            font-size: 1.3em;
            text-transform: uppercase;
            display: block;
            background: transparent url("../images/ui/icoArrowDownGreyFade.gif") scroll no-repeat 207px 13px;
            padding: 8px 40px 10px 11px;
            width: 182px;
        }

        ul#secNav li.childless a {
            background: none;
        }

        ul#secNav li.secNavHere a {
            color: #025985;
        }

        ul#secNav li.secNavHere li a {
            color: #007ba9;
        }

        ul#secNav li li.secNavHere a {
            color: #333333;
        }

    ul#secNav ul {
        width: 234px;
    }

        ul#secNav ul li {
            border-top: 1px solid #dedede;
            border-bottom: none;
            background: transparent url("../images/ui/icoArrowRightLightGrey.gif") scroll no-repeat 5px 12px;
        }

            ul#secNav ul li li a {
                color: #007ba9;
                font-size: 1em;
                font-weight: bold;
                text-transform: none;
                display: block;
                padding: 7px 0 6px 17px;
                width: 217px;
                background: none;
            }

            ul#secNav ul li#secNavSub ul {
                border-top: none;
                padding-bottom: 5px;
            }

                ul#secNav ul li#secNavSub ul li {
                    border-top: none;
                    background: none;
                }

            ul#secNav ul li#secNavSub a {
                color: #333333;
            }

            ul#secNav ul li#secNavSub ul li.secNavHere a {
                text-decoration: underline;
                color: #333333;
            }

            ul#secNav ul li#secNavSub ul li a {
                color: #007ba9;
                width: 217px;
                font-size: 1em;
                font-weight: normal;
                text-transform: none;
                display: block;
                padding: 3px 0 4px 29px;
                background: none;
                width: 201px;
            }

/* end subnav styles */

#contentBody .listLogoItem {
    width: 480px;
    padding-bottom: 15px;
    overflow: hidden;
}

    #contentBody .listLogoItem.noImage {
        padding-left: 0;
        width: 650px;
    }

#contentBody h3 a {
    color: #007ba9;
}

#contentBody .listLogoItem h3 {
    margin-bottom: 0;
    margin-top: 0;
}

#contentBody .listLogoItem p {
    margin-bottom: 8px;
}

#contentBody .listItem {
    width: 480px;
    padding-bottom: 35px;
    overflow: hidden;
}

    #contentBody .listItem p {
        margin-bottom: 8px;
    }

a.readMore, ul#homeHorzCTA li a {
    color: #007BA9;
    text-decoration: none;
    font-weight: bold;
}

    a.readMore:after, ul#homeHorzCTA li a:after {
        content: " \BB \ ";
    }

    a.readMore:hover, ul#homeHorzCTA li a:hover {
        text-decoration: underline;
    }

#contentBody .listItem h3 {
    margin-bottom: 0;
    margin-top: 0;
}

#contentBody .listItem h4 {
    margin: 0 0 7px;
}

#contentBody .imgListItem {
    padding-left: 170px;
}

    #contentBody .imgListItem .imgItems {
        float: left;
        display: inline;
        width: 154px;
        margin: 2px 0 0 -170px;
        text-align: right;
    }

        #contentBody .imgListItem .imgItems img {
            border: 1px solid #DDD;
            margin: 0 0 10px;
        }

#contentBody .listLogoItem .imgItems img {
    border: none;
}

#tableOfContents {
    padding-left: 20px;
}

    #tableOfContents h2 {
        color: #96a471;
        margin-bottom: 12px;
    }

/* begin classes for expand/contract lists used in e.g. FAQ */
/* CSS below accomodates both unordered lists and more-semantic dictionary lists */
#contentBody .expandableList {
    list-style: none;
}

    #contentBody .expandableList li, #contentBody .expandableList dt {
        background: transparent url(../images/ui/icoExpandPlus.gif) no-repeat scroll 0 4px;
        padding: 0 0 10px 17px;
    }

    #contentBody .expandableList dd {
        padding: 0 0 10px 17px;
    }

    #contentBody .expandableList li.active, #contentBody .expandableList dt.active {
        background: transparent url(../images/ui/icoCollapseMinus.gif) no-repeat scroll 0 2px;
    }

    #contentBody .expandableList li .expandable, #contentBody .expandableList dd.expandable {
        display: none;
        width: 800px;
    }

div.twoCol #contentBody .expandableList li .expandable, div.twoCol #contentBody .expandableList dd.expandable {
    width: 622px;
}

#contentBody .expandableList li .expandable a:visited, #contentBody .expandableList dd.expandable a:visited {
    color: #96A471;
}

#contentBody .expandableList li p, #contentBody .expandableList dd p {
    margin-bottom: 10px;
}

#contentBody .expandableList li a, #contentBody .expandableList dt a, #contentBody .expandableList dd a {
    color: #007BA9;
    text-decoration: none;
}

    #contentBody .expandableList li a:hover, #contentBody .expandableList dt a:hover, #contentBody .expandableList dd a:hover {
        text-decoration: underline;
    }

#contentBody .expandableList li .expandable div, #contentBody .expandableList dd.expandable div {
    padding: 10px 0;
}

#contentBody .expandableList li a:visited:hover, .expandableList li a:hover, #contentBody .expandableList dt a:visited:hover, .expandableList dt a:hover, #contentBody .expandableList dd a:visited:hover, .expandableList dd a:hover {
    text-decoration: underline;
}

#contentBody .expandableList li a:visited, #contentBody .expandableList dt a:visited, #contentBody .expandableList dd a:visited {
    color: #007BA9;
    text-decoration: none;
}
/* end classes for expand/contract lists */

.noMarginBottom {
    margin-bottom: 0 !important;
}

.orange {
    color: #e67518 !important;
}

#contentBody .paddingRight {
    padding-right: 50px;
}

#contentBody .backToLink {
    text-align: right;
    margin-bottom: 10px;
}

    #contentBody .backToLink a:link, #contentBody .backToLink a:visited, #contentBody .backToLink a:hover {
        padding: 0 0 5px 12px;
        background: transparent url("../images/ui/iconArrowBlueBack.gif") no-repeat scroll 1px 6px;
        color: #007BA9;
        font-weight: bold;
        font-size: 0.9em;
    }

.tabPanel {
    width: 686px;
    background: transparent url("../images/ui/bkgTabPanelTile.gif") bottom left repeat-x;
    padding-bottom: 25px;
    border-bottom: 2px solid #5badd6;
}

#contentBody ul.tabNav {
    margin: 0;
    padding: 0;
    width: 686px;
    border-bottom: 2px solid #5badd6;
    overflow: hidden;
}

    #contentBody ul.tabNav li {
        display: block;
        float: left;
        padding: 0;
        margin: 0;
        height: 34px;
        background: #FFF url("../images/ui/bkgTabNavTile.gif") bottom left repeat-x;
        border-right: 2px solid #FFF;
    }

        #contentBody ul.tabNav li.last {
            border-right: none;
        }

        #contentBody ul.tabNav li.navHere {
            background-color: #5badd6;
            background-image: none;
        }

            #contentBody ul.tabNav li.navHere a:link, #contentBody ul.tabNav li.navHere a:visited {
                color: #fff;
            }

        #contentBody ul.tabNav li a:link, #contentBody ul.tabNav li a:visited {
            text-align: center;
            color: #025985;
            padding: 7px 20px;
            float: left;
            width: 130px;
            text-decoration: none;
            font-size: 0.9em;
            font-weight: bold;
        }

#contentBody.profileupdates ul.tabNav li a:link, #contentBody.profileupdates ul.tabNav li a:visited {
    width: 150px !important;
}

#contentBody.memberApplication ul.tabNav li a:link, #contentBody.memberApplication ul.tabNav li a:visited, #contentBody.memberProfile ul.tabNav li a:link, #contentBody.memberProfile ul.tabNav li a:visited {
    width: auto;
    padding: 7px 11px;
}

#contentBody ul.tabNav li a:hover, #contentBody ul.tabNav li a:focus, #contentBody ul.tabNav li.ui-state-active a {
    color: #fff;
    background: #5badd6;
    cursor: pointer;
}

#contentBody ul.tabNav li.ui-state-disabled a:hover {
    color: #025985;
    background: inherit;
    cursor: default;
}

#contentBody ul.tabNav li.ui-state-active a:hover {
    cursor: default;
}

.tabContent {
    overflow: hidden;
    padding: 25px 20px 0 20px;
    background: #f9f9f9 url("../images/ui/bkgTabContentTile.gif") top left repeat-x;
}

    .tabContent h4 {
        margin-bottom: 0;
    }

    .tabContent .contentCta img {
        margin-bottom: 10px;
    }

    .tabContent .contentCta ul {
        padding-left: 15px;
    }

        .tabContent .contentCta ul li {
            font-size: 0.8em;
            padding: 0 0 5px 10px;
            background: transparent url("../images/ui/bkgBulletLightGrey.gif") no-repeat scroll 1px 6px;
            list-style: none;
        }

            .tabContent .contentCta ul li a:link, .tabContent .contentCta ul li a:visited, .tabContent .contentCta ul li a:hover {
                background: transparent url("../images/ui/iconArrowBlue.gif") no-repeat scroll right center;
                padding-right: 10px;
                color: #007BA9;
            }

#contentBody .contentCta p.contentCtaCaption {
    font-size: 0.8em;
    color: #666666;
    line-height: 1.4em;
    padding-left: 15px;
    margin-bottom: 10px;
}

#cpd-activity-options {
    display: block;
    margin: 15px 0 15px 0;
}

table.tableCPDSearchFilter {
    margin-bottom: 20px;
    border: 1px;
}

    table.tableCPDSearchFilter td {
        padding: 2px 2px 2px 2px;
    }

table.tableBlueHead, table.tableGreyHead {
    margin-bottom: 20px;
}

    table.tableBlueHead thead, table.tableGreyHead thead {
        color: #FFFFFF;
        height: 2em;
        vertical-align: middle;
        line-height: 1.9em;
        text-align: left;
    }

        table.tableBlueHead thead td {
            background-color: #5badd6;
        }

        table.tableGreyHead thead td {
            background-color: #F5F5F5;
            color: #96A471;
            font-weight: bold;
        }

    table.tableGreyHead td {
        border: 1px solid #F5F5F5;
    }

    table.tableBlueHead td, table.tableGreyHead td {
        padding: 0 8px 0 8px;
    }

    table.tableBlueHead tbody td, table.tableGreyHead tbody td {
        padding: 10px 8px;
    }

    table.tableBlueHead.memberFees tbody td {
        padding: 5px 8px 5px 8px;
    }

    table.tableBlueHead.memberFees tbody tr.even td {
        background-color: #F5F5F5;
    }

    table.tableBlueHead.memberFees {
        border-bottom: 3px solid #F5F5F5;
    }

    table.tableBlueHead tbody {
        background: url("../images/ui/bkgSearchResultsTile.gif") repeat-x;
    }

.searchResultHead {
    background-color: #5badd6;
    color: #FFFFFF;
    height: 2em;
    line-height: 1.9em;
    vertical-align: middle;
    width: 694px;
    overflow: hidden;
}

.searchResultNoHead {
    color: #FFFFFF;
    width: 694px;
    overflow: hidden;
}

.searchResultHead .dateCol, .searchResultHead .descCol, .searchResultHead .formatCol, .searchResultHead .titleCol, .searchResultHead .resourceTitleCol, .searchResultHead .resourceTitleLongCol, .searchResultHead .resourceDateCol, .searchResultHead .resourceTypeCol, .searchResultHead .resourceSubjectCol, .searchResultHead .resourceFormatCol {
    font-weight: normal;
}

.searchResultBody {
    background: #FFF url("../images/ui/bkgSearchResultsTile.gif") top left repeat-x;
}

.searchResultBodyNoHead {
    background: #FFF;
}

.searchResultBody {
    line-height: 1.2em;
}

.searchResultEntry {
    width: 694px;
    padding-top: 20px;
    overflow: hidden;
    padding-bottom: 15px;
}

    .searchResultEntry.even {
        background-color: #f5f5f5;
    }

a.sortableCol {
    color: #FFFFFF;
    text-decoration: underline;
}

.searchResultEntry .dateCol, .searchResultEntry .descCol h2, .searchResultEntry .titleCol h2, .searchResultEntry .resourceTitleCol h2, .searchResultEntry .resourceTitleLongCol h2, .searchResultEntry .resourceDateCol h2 {
    line-height: 1.2em;
}

#contentBody p.resourceCategory {
    margin-bottom: 0px;
}

.searchResultEntry .formatCol {
    padding-top: 3px;
}

.searchResultEntry .resourceFormatCol {
    padding-top: 3px;
}

.dateCol {
    float: left;
    width: 90px;
    padding-left: 10px;
}

.activity {
    float: left;
    width: 200px;
    padding-right: 5px;
}

.activityCol {
    float: left;
    width: 200px;
    padding-right: 5px;
}

.credits-m1, .creditM1Col {
    float: left;
    width: 40px;
    display: block;
    border-top: 1px solid #fff;
}

.even .creditM1Col {
    border-top: 1px solid #F5F5F5;
}

.edit-view {
    float: left;
    width: 60px;
    padding-left: 0px;
}

.files {
    float: left;
    width: 90px;
    padding-right: 5px;
}

.credits-m1 {
    border-top: 1px solid #5BADD6;
}

.even .credits-m1 {
    border-top: 1px solid #F5F5F5;
}

.even .creditM2Col {
    border-top: 1px solid #F5F5F5;
}

.credits-m2, .creditM2Col {
    float: left;
    width: 40px;
    display: block;
    border-top: 1px solid #fff;
}

.even .creditM2Col {
    border-top: 1px solid #F5F5F5;
}

.credits-m2 {
    border-top: 1px solid #5BADD6;
}

.even .credits-m2 {
    border-top: 1px solid #F5F5F5;
}

.credits-c, .creditCCol {
    float: left;
    width: 40px;
    border-top: 1px solid #fff;
}

.credits-c {
    border-top: 1px solid #5BADD6;
}

.even .creditCCol {
    border-top: 1px solid #F5F5F5;
}

.credits-status {
    float: left;
    width: 60px;
    padding-right: 5px;
}

.searchResultEntry .status {
    float: left;
    width: 60px;
}

.credit-summary-area {
    left: 364px;
    position: relative;
}

    .credit-summary-area .credits-m1, .credit-summary-area .credits-m2, .credit-summary-area .credits-c {
        border: 0;
    }

.resourceDateCol {
    float: left;
    width: 60px;
    padding-left: 10px;
}

.resourceTypeCol {
    float: left;
    width: 120px;
    padding-left: 10px;
}

.resourceSubjectCol {
    float: left;
    width: 120px;
    padding-left: 10px;
}

.nameCol {
    float: left;
    width: 265px;
    padding-left: 10px;
}

.searchResultBody .nameCol {
    font-weight: bold;
}

.locationCol {
    float: left;
    padding-left: 10px;
    width: 90px;
}

.specialCol {
    float: left;
    padding-left: 60px;
    width: 185px;
}

.descCol {
    float: left;
    width: 480px;
}

.titleCol {
    float: left;
    width: 470px;
    padding-left: 10px;
}

.resourceTitleCol {
    float: left;
    width: 250px;
    padding-left: 10px;
}

.resourceTitleLongCol {
    float: left;
    width: 380px;
    padding-left: 10px;
}

.progCol {
    float: left;
    width: 210px;
    padding-right: 15px;
}

.creditTypeCol {
    width: 100px;
    float: left;
}

.categoryCol {
    float: left;
    width: 100px;
}

.creditsCol {
    float: left;
    width: 70px;
}

.cityCol {
    float: left;
    width: 80px;
}

.provCol {
    float: left;
    width: 35px;
}

.btnMore, #addnumber, #addotherEd, #addlicence, #addpracticetraining, #addothertraining, #addhistorypracticetraining, #addbreakspracticehistory, #addmedicallicense, #addrequiredpostgraduatetraining, #addotherrequiredpostagraduatetraining, #addemergencymedicine, #addfamilymedicine {
    background: url(../images/ui/icoExpandPlus.gif) no-repeat 0 2px;
    width: 40px;
    padding-left: 18px;
    float: left;
    color: #007BA9;
    cursor: pointer;
    display: block;
}

.TopicCol {
    float: left;
    width: 150px;
    padding-right: 20px;
}

.ProcedureCol, .ProcCol {
    float: left;
    width: 200px;
    padding-right: 20px;
}

.KFCol, .FeatureCol {
    float: left;
    width: 200px;
    padding-right: 5px;
    padding-left: 5px;
}
/*.KFSubtextCol
{
        float: left;
        width: 130px;
        padding-right: 5px;
}*/
.Skill1Col, .SkillsCol {
    width: 150px;
    float: left;
    padding-right: 8px;
}
/*.Skill2Col
{
        float: left;
        width: 70px;
        padding-right: 8px;
}*/

p.searchstring {
    margin-bottom: 0 !important;
}

.Phase1Col {
    float: left;
    width: 150px;
}
/*.Phase2Col
{
        float: right;
        width: 70px;
}*/

.SelectCol, .LinkCol {
    float: left;
    width: 120px;
    padding-right: 20px;
    padding-left: 5px;
}

.ThemeCol {
    float: left;
    width: 500px;
    padding-right: 5px;
    padding-left: 5px;
}

#addnumber, #addotherEd, #addlicence, #addpracticetraining, #addothertraining, #addemergencymedicine, #addfamilymedicine {
    width: 200px;
    clear: both;
    margin-left: 65px;
}

#addotherEd {
    margin-left: 114px;
}

.ui-widget-content .removenumber {
    color: #007BA9;
}

.btnMore:hover {
    text-decoration: underline;
}

.detailedInfo {
    width: 585px;
    padding-left: 110px;
    float: left;
}

    .detailedInfo h2 {
        color: #96A471;
        font-size: 1.1em;
    }

    .detailedInfo ul {
        width: 575px;
        font-size: 0.9em;
    }

        .detailedInfo ul li {
            width: 270px; /*345px*/
            margin-bottom: 12px;
            float: left;
        }

            .detailedInfo ul li.odd {
                width: 270px; /*230px*/
                /*clear: both;*/
            }

.detailedInfoMainPro {
    margin-top: 10px;
    padding-top: 10px;
    width: 585px;
    padding-left: 110px;
    float: left;
    border-top: 1px solid #ddd;
}

    .detailedInfoMainPro ul {
        width: 575px;
        font-size: 0.9em;
    }

        .detailedInfoMainPro ul li {
            margin-left: -16px;
            list-style-type: none;
            background: url('../images/arrow_icon.png') no-repeat left center;
        }

            .detailedInfoMainPro ul li a {
                padding-left: 25px;
            }

.tableDetailTitle {
    font-weight: bold;
    color: #025985;
}

#contentBody .descCol h2 {
    margin: 0;
    font-size: 1em;
}

#contentBody .titleCol h2, #contentBody .resourceTitleCol h2, #contentBody .resourceTitleLongCol h2 {
    margin: 0;
    font-size: 1em;
}

#contentBody .titleCol p, #contentBody .resourceTitleCol p, #contentBody .resourceTitleLongCol p {
    margin: 0;
}

#contentBody .descCol p {
    margin: 0;
}

.formatContainer {
    clear: both;
    float: left;
    position: relative;
    width: 100%;
}

.formatCol {
    float: left;
    position: relative;
    text-align: center;
    width: 100px;
}

    .formatCol ul {
        float: left;
        left: 50%;
        list-style-type: none;
        margin: 0 auto;
        padding: 0;
        position: relative;
    }

        .formatCol ul li {
            display: block;
            float: left;
            height: 21px;
            list-style-type: none;
            margin: 0;
            position: relative;
            right: 50%;
            text-align: left;
            width: 22px;
        }

            .formatCol ul li a {
                display: block;
                height: 0;
                margin: 0 auto;
                overflow: hidden;
                padding: 21px 0 0;
                text-decoration: none;
            }

            .formatCol ul li.article a {
                background: #FFF url("../images/ui/icoSearchArticle.gif") scroll no-repeat 0 0;
                width: 18px;
            }

            .formatCol ul li.downloadPDF a {
                background: #FFF url("../images/ui/icoSearchPDF.gif") scroll no-repeat 0 0;
                width: 18px;
            }

            .formatCol ul li.resourceExternal a {
                background: #FFF url("../images/iconLink.gif") scroll no-repeat 0 0;
                width: 18px;
            }

            .formatCol ul li.video a {
                background: #FFF url("../images/iconVideo.gif") scroll no-repeat 0 0;
                width: 18px;
            }

.resourceFormatCol {
    float: left;
    position: relative;
    text-align: center;
    width: 100px;
}

    .resourceFormatCol ul {
        float: left;
        left: 50%;
        list-style-type: none;
        margin: 0 auto;
        padding: 0;
        position: relative;
    }

        .resourceFormatCol ul li {
            display: block;
            float: left;
            height: 21px;
            list-style-type: none;
            margin: 0;
            position: relative;
            right: 50%;
            text-align: left;
            width: 22px;
        }

            .resourceFormatCol ul li a {
                display: block;
                height: 0;
                margin: 0 auto;
                overflow: hidden;
                padding: 21px 0 0;
                text-decoration: none;
            }

            .resourceFormatCol ul li.article a {
                background: #FFF url("../images/ui/icoSearchArticle.gif") scroll no-repeat 0 0;
                width: 18px;
            }

            .resourceFormatCol ul li.downloadPDF a {
                background: #FFF url("../images/ui/icoSearchPDF.gif") scroll no-repeat 0 0;
                width: 18px;
            }

            .resourceFormatCol ul li.resourceExternal a {
                background: #FFF url("../images/ui/iconExternalLink.gif") scroll no-repeat 0 0;
                width: 18px;
            }

            .resourceFormatCol ul li.video a {
                background: #FFF url("../images/iconVideo.gif") scroll no-repeat 0 0;
                width: 20px;
            }

.paginationContainer {
    text-align: center;
    width: 100%;
    float: left;
    line-height: 1.8em;
    text-align: center;
    margin-bottom: 1em;
}

.paginationContent {
    display: table;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

a.paginationPrev:link, a.paginationPrev:visited {
    color: #007ba9;
    background: transparent url(../images/ui/iconArrowBlueBack.gif) no-repeat scroll 0 center;
    float: left;
    margin-right: 6px;
    padding-left: 11px;
    vertical-align: bottom;
}

.paginationNext:link, a.paginationNext:visited {
    color: #007ba9;
    background: transparent url(../images/ui/iconArrowBlue.gif) no-repeat scroll right center;
    float: left;
    margin-left: 10px;
    padding-right: 11px;
    vertical-align: bottom;
}

.pagination {
    display: inline;
    margin: 0;
    padding: 0;
}

ul.pagination li {
    float: left;
    padding-left: 4px;
    display: inline;
    margin: 0;
}

.pagination li.navHere a {
    background-color: #DDD;
    border-color: #DDD;
    font-weight: bold;
    color: #333;
}

.pagination li a {
    border: 1px solid #DDD;
    display: block;
    height: 19px;
    text-align: center;
    width: 19px;
    color: #007ba9;
}

.searchResultFooter {
    padding-top: 35px;
}

.searchResultHeader {
    overflow: hidden;
    width: 694px;
}

.paginationPerPage {
    float: right;
}

#contentBody .resultStats {
    float: left;
    margin-bottom: 0;
}

.orange {
    color: #C18405;
}

.pullquote {
    margin: 5px 5px 15px 5px;
    font-size: 1.2em;
    font-style: italic;
    text-indent: -0.8em;
}

    .pullquote:before, .pullquote:after {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 130%;
        font-weight: bold;
        color: #e67518;
    }

    .pullquote:before {
        content: "\201C  ";
    }

    .pullquote:after {
        content: " \201D";
        line-height: 1em;
    }

.quoteSource {
    text-align: right;
    color: #666;
    font-weight: bold;
    padding-right: 20px;
}

#bannerPager {
    width: 714px;
    position: absolute;
    top: 170px;
    left: 0;
    border-bottom: 3px solid #3493c2;
    z-index: 50; /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(256, 256, 256); /* RGBa with 0.9 opacity */
    background: rgba(256, 256, 256, 0.95); /* For IE 5.5 - 7*/
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#EFFFFFFF', EndColorStr='#EFFFFFFF'); /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#EFFFFFFF', EndColorStr='#EFFFFFFF')";
}

    #bannerPager a {
        float: left;
        padding: 15px 15px 12px 15px;
        text-transform: uppercase;
        font-weight: bold;
        color: #007BA9;
    }

        #bannerPager a.activeSlide {
            background: url(../images/ui/IconArrowBlueUp.gif) center bottom no-repeat;
        }

#homeBannerPager {
    background-color: #3493c2;
    padding-left: 10px;
    border-bottom: 4px solid #7bb9d7;
}

    #homeBannerPager a {
        color: #FFFFFF;
        padding: 10px 12px 8px 12px;
        display: inline-block;
        font-weight: bold;
        text-transform: uppercase;
    }

        #homeBannerPager a.activeSlide {
            background: url(../images/ui/iconWhiteArrowDown.gif) no-repeat center top #7bb9d7;
        }

#contentBody ul.formSubject {
    float: left;
    list-style: none;
}

.form3col {
    float: left;
    padding: 0 0 30px 0;
    width: 215px;
}

    .form3col ul {
        padding-left: 25px;
    }

        .form3col ul.first {
            padding-left: 0;
        }

        .form3col ul li {
            float: left;
            margin-bottom: 0.7em;
            padding-right: 10px;
            width: 200px;
        }

    .form3col label {
        display: block;
        float: left;
        font-size: 0.9em;
        line-height: 1.7em;
        margin: 0;
        padding: 0;
        width: 161px;
    }

    .form3col input {
        float: left;
        margin-right: 12px;
    }

#searchFormTitle {
    padding-top: 25px;
    clear: both;
}

.searchFormTopFields {
    width: 285px;
    padding-right: 20px;
    float: left;
}

    .searchFormTopFields input, .searchFormTopFields select {
        width: 100%;
    }

    .searchFormTopFields label {
        font-weight: bold;
    }

.btnFormGoSearch {
    margin-top: 18px;
}

#btnFormGoTop {
    margin-top: 18px;
}

#formButtonContainer {
    text-align: center;
}

.summaryTopSubTitle {
    display: block;
    width: 440px;
    float: left;
    font-weight: bold;
}

.summaryTopRight {
    width: 180px;
    display: block;
    float: right;
    font-weight: bold;
    text-align: right;
}

.searchOptions {
    width: 220px;
    display: block;
    float: right;
    font-weight: bold;
    text-align: right;
}

ul.summaryLinkList {
    list-style: none;
    margin-left: 10px;
}

    ul.summaryLinkList li {
        display: inline;
    }

        ul.summaryLinkList li a {
            padding-left: 35px;
            padding-right: 30px;
            height: 2em;
            display: inline-block;
        }

            ul.summaryLinkList li a.pdf {
                background: url(../images/iconPDF.gif) no-repeat;
            }

            ul.summaryLinkList li a.video {
                background: url(../images/iconVideo.gif) no-repeat;
            }

            ul.summaryLinkList li a.link {
                background: url(../images/iconLink.gif) no-repeat;
            }

ul#feeCalcForm {
    list-style: none;
    margin-left: 40px;
}

    ul#feeCalcForm li {
        margin-bottom: 20px;
    }

    ul#feeCalcForm label {
        font-weight: bold;
        width: 110px;
        text-align: right;
        display: inline-block;
    }

#feeCalcFormSubtotal, #feeCalcFormTotal {
    padding-left: 172px;
}

.blueFont {
    color: #007BA9;
}

.blue {
}

.largerFontSize {
    font-size: 1.2em;
    font-weight: bold;
}

ul#memberListForm {
    list-style: none;
    padding-left: 0;
    width: 450px;
    margin-bottom: 40px;
}

    ul#memberListForm li {
        width: 225px;
        float: left;
        margin-bottom: 20px;
    }

    ul#memberListForm label {
        display: block;
        font-weight: bold;
        margin-bottom: 5px;
    }

    ul#memberListForm select {
        width: 215px;
    }

.greenDate {
    color: #96A471;
    font-size: 1.1em;
}

.fontSizeLarge, fontSizeNormal {
    cursor: pointer;
}

/* Global Search Result */
.lnkGlobalResultLink {
    font-weight: bold;
}

.globalSearchText, .globalSearchButton {
    vertical-align: bottom;
}

/* subnav */

#mainNavAboutSub, #mainNavEducationSub, #mainNavCPDSub, #mainNavMembershipSub, #mainNavHealthSub, #mainNavResourcesSub, #mainNavPublicationsSub, #mainNavResearchSub {
    width: 200px;
}

#mainNavDirectoriesSub {
    width: 150px;
}

/* Member Form Styles */

.spinny {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 150px;
    height: 150px;
    background-image: url(/images/ajax-loader.gif);
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center 80%;
    padding: 10px;
    border: 1px solid #dddddd;
    display: none;
    color: #1a85b9;
    text-align: center;
    font-weight: bold;
}

.error, .valid, .messageBox {
}

.error, .messageBox {
}

.error {
    color: #cc0000;
}

.valid {
}

ul.messageBox {
    list-style-type: none !important;
    display: none;
}

    ul.messageBox li {
        width: 300px;
    }

    ul.messageBox .valid {
        display: none;
    }

    ul.messageBox label {
        float: none !important;
    }

.messageBox label {
    width: 500px !important;
    text-align: left !important;
}

label.error {
    background-color: Transparent;
    border: 0px solid #fff;
    color: #cc0000;
}

.error.valid {
    display: none !important;
}

.continue {
    margin-top: 15px;
    color: black;
    font-size: 16px;
    font-family: Arial;
    font-weight: bold;
    float: right;
}

    .continue i {
        display: none;
    }

    .continue:after {
        content: ' >>';
    }

    .continue.disabled {
        color: #C0C0C0;
        text-decoration: none;
        cursor: none;
    }

        .continue.disabled i {
            display: inline;
        }

    .continue.hide {
        display: none;
    }

.reloadback {
    margin-top: 15px;
    color: black;
    font-size: 16px;
    font-family: Arial;
    font-weight: bold;
    float: right;
    display: none;
}

    .reloadback:before {
        content: '<< ';
    }

    .reloadback.show {
        display: block;
    }

.memberFormPage {
}

    .memberFormPage .formRow {
        position: relative;
        border: 1px solid #ddd;
        background: #eee url(../css/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
        float: left;
        padding: 5px;
        margin-bottom: 10px;
    }

        .memberFormPage .formRow input[type=radio] {
            clear: left;
            float: left;
        }

        .memberFormPage .formRow label {
            width: 230px;
            float: left;
        }

        .memberFormPage .formRow p {
            width: 300px;
            float: left;
        }

        .memberFormPage .formRow.noborder {
            background: none;
            border: none;
        }

    .memberFormPage .formitem {
        float: left;
    }

        .memberFormPage .formitem select {
            height: 22px;
            margin-top: 2px;
        }

        .memberFormPage .formitem.col1 {
            width: 850px;
        }

            .memberFormPage .formitem.col1 input[type=text] {
                width: 846px;
            }

            .memberFormPage .formitem.col1 select {
                width: 850px;
            }

            .memberFormPage .formitem.col1 label {
                width: 850px;
            }

        .memberFormPage .formitem.col2 {
            width: 415px;
            margin-right: 20px;
        }

            .memberFormPage .formitem.col2 input[type=text] {
                width: 411px;
            }

            .memberFormPage .formitem.col2 select {
                width: 415px;
            }

            .memberFormPage .formitem.col2 label {
                width: 415px;
            }

        .memberFormPage .formitem.col3 {
            width: 270px;
            margin-right: 20px;
        }

            .memberFormPage .formitem.col3 input[type=text] {
                width: 266px;
            }

            .memberFormPage .formitem.col3 select {
                width: 270px;
            }

            .memberFormPage .formitem.col3 label {
                width: 270px;
            }

        .memberFormPage .formitem.col4 {
            width: 197.5px;
            margin-right: 20px;
        }

            .memberFormPage .formitem.col4 input[type=text] {
                width: 193px;
            }

            .memberFormPage .formitem.col4 select {
                width: 197px;
            }

            .memberFormPage .formitem.col4 label {
                width: 197px;
            }

        .memberFormPage .formitem.last {
            margin-right: 0px;
        }

.month {
    width: 86px;
    float: left;
}

.year {
    width: 86px;
    float: left;
    margin-left: 25px;
}

.yearSelector {
    width: 75px !important;
}

.monthSelector {
    width: 75px !important;
}

#editButonTop, #editButonSifgTop {
    position: absolute;
    left: 536px;
    top: 50px;
}

#editButtonBtm, #editButonSifgBtm {
    position: relative;
    left: 548px;
}

.sifpSectionDec {
    margin-bottom: 0px !important;
    margin-left: 22px;
    font-size: .8em !important;
}

/* End of Member Form Styles */

.messages {
    margin-bottom: 2em;
}

    .messages ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .messages ul li {
            display: block;
            margin: .75em 0;
            padding: 10px;
            border: 2px solid #ddd;
            background-color: #eee;
            color: #222;
        }

#contentBody ul.Notice {
    padding-left: 0px;
}

.messages ul.Notice li {
    background: #FFF6BF;
    color: #817134;
    border-color: #FFD324;
}

.messages ul.Success li {
    background: #E6EFC2;
    color: #529214;
    border-color: #C6D880;
}

.messages ul.Error li {
    background: #FBE3E4;
    color: #D12F19;
    border-color: #FBC2C4;
}

div.loginContainer ul {
    margin: 10px 0 10px 0;
}

ul.forgotPass li {
    list-style-type: none !important;
}

div.loginContainer li {
    font-weight: bold;
    list-style-type: disc;
    padding: 2px 0 2px 0;
}

div.loginContainer .mainproLoginButton {
    padding: 15px 0 10px 0;
    margin: 0px 5px 0 0;
}

h3 a.rssLink {
    float: right;
    margin: 2px 5px 0 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 0.8em;
    text-decoration: none;
    font-weight: bold;
}

.newsReleaseNewLabel {
    color: #e97414;
    text-transform: uppercase;
    font-size: 0.7em;
    font-weight: bold;
}

.continue {
    clear: both;
    color: #025985;
    margin-top: 30px;
    margin-right: 30px;
    font-size: 0.9em;
    font-weight: bold;
}

.formitem {
    overflow: hidden;
}

    .formitem label {
        width: 110px;
        float: left;
        margin-right: 8px;
        text-align: right;
        clear: both;
    }

.formitem {
    margin-bottom: 15px;
}

#tab2Group1, #tab2Group2 {
    margin-bottom: 40px;
}

#tab2Group3 {
    padding-bottom: 25px;
    border-bottom: 1px solid #E7E7E7;
}

.txtBoxItalics {
    color: #999;
}

#footerLogos {
    margin-left: 0 auto;
    padding-bottom: 20px;
    overflow: hidden;
}

    #footerLogos li {
        display: inline;
        padding-right: 10px;
    }

div#address1, div#address2 {
    width: 333px;
    float: left;
    border-bottom: 1px solid #E7E7E7;
    padding-bottom: 25px;
}

div#address2 {
}

#address1 input, #address1 select, #address1 textarea, #address1 button, #address2 input, #address2 select, #address2 textarea, #address2 button {
    width: 170px;
}

.borderBottom {
    border-bottom: 1px solid #E7E7E7;
    padding-bottom: 25px;
}

.borderTop {
    border-top: 1px solid #E7E7E7;
    padding-top: 25px;
}

#numbers .formRow {
    margin-bottom: 15px;
    padding-left: 65px;
}

#tabs h3 {
    margin-bottom: 25px;
}

.formitem.col4 div.year, .formitem.col4 div.month {
    margin: 0 5px 0 0;
    width: auto;
}

#contentBody.memberRegistry .searchResultHead, #contentBody.memberRegistry .searchResultBody {
    font-size: 1.05em;
}

ul.messageBox {
    padding-left: 20px;
}

    ul.messageBox li {
        width: auto;
        display: block;
        text-align: left;
        background: url(../images/ui/redDot.gif) no-repeat left;
        padding-left: 8px;
    }

        ul.messageBox li.first {
            background: none;
            padding: 0;
        }

        ul.messageBox li label {
            width: auto;
            display: block;
            text-align: left;
        }

h5.errorHeading {
    color: #CC0000;
}

#tabs-1 .formRow label.error {
    font-size: 1em;
    color: #CC0000;
    font-weight: normal;
}

#otherEd .formRow {
    padding-bottom: 20px;
}

.memberApplication div.rowLeft {
    width: 400px;
    float: left;
}

#discount {
    font-style: italic;
}

#rowTotalAmount {
    border-top: 3px #F5F5F5 solid;
    border-bottom: 3px #F5F5F5 solid;
}

    #rowTotalAmount div.formitem {
        margin: 3px 0 3px 0;
        background: #F5F5F5;
        padding: 3px 0;
    }

    #rowTotalAmount strong {
        margin: 3px 0 3px 0;
    }

.memberApplication #rowTotalAmount div.rowLeft {
    padding-left: 10px;
    width: 390px;
}

#memProfile {
    width: 694px;
}

div#memProfile.greyOutlineBox .content {
    position: relative;
}

    div#memProfile.greyOutlineBox .content h3 {
        width: auto;
        margin-right: 3px;
        border-bottom: 0;
    }

        div#memProfile.greyOutlineBox .content h3.orange {
            padding: 0;
        }

        div#memProfile.greyOutlineBox .content h3.blueFade {
            background-repeat: repeat-x;
        }

#memProfile p {
    margin-bottom: 0.8em;
}

#memProfile .left {
    width: 225px;
    float: left;
}

    #memProfile .left h4 {
        font-size: 1.1em;
        color: #96A471;
    }

#memProfile h4 {
    margin-bottom: 0.5em;
}

#memProfile .right {
    width: 240px;
    float: right;
    border-left: 1px solid #DFDFDF;
    padding-left: 20px;
}

    #memProfile .right h4 {
        color: #007BA9;
    }

#contentBody #memProfileUpdate, #contentBody #membershipRightList {
    padding-left: 0;
}

#membershipRightList li, #memProfileUpdate li {
    font-size: 0.8em;
    font-weight: bold;
}

#memProfileUpdate {
    position: absolute;
    width: 115px;
    top: 46px;
    left: 224px;
}

#memProfile div {
    text-align: left;
}

.catList {
    font-size: 0.9em;
}

.orange {
    color: #F6C763;
}

#cpdRecords {
    background: url("../images/ui/bkgSecNavFadeTile.gif") repeat-x;
    border-top: 10px #F6C763 solid;
    border-bottom: 30px #FBE5B4 solid;
    padding: 15px 0 15px 12px;
    margin-top: 20px;
    /*margin-bottom: 10px;*/
}

.highlightBox {
    border: 1px solid #ccc;
    padding: 25px 25px 0 25px;
    margin-bottom: 20px;
    background: url("../images/ui/bkgCTAOrangeFadeTile.gif") repeat-x scroll center bottom #FCF7EA;
}

.status {
    display: inline;
    font-size: 0.9em;
    padding-right: 5px;
}

#cpdIcons {
    /*position: absolute;
    margin-left: 340px;*/
    margin-top: 20px;
    text-align: center;
    width: 670px;
    padding-left: 0 !important;
}

    #cpdIcons li {
        display: inline;
        list-style: none;
    }

        #cpdIcons li a {
            padding-right: 35px;
            padding-bottom: 5px;
            background: url("../images/ui/iconNewWindow.gif") no-repeat right;
            margin-left: 15px;
        }

.summaryWithImg img {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}

.summaryWithImg .summary {
    clear: none !important;
}

#iconLinks {
    clear: both;
    overflow: hidden;
    display: block;
}

.iconLink {
    width: 169px;
    float: left;
    margin-right: 3px;
}

.iconTop {
    background: url("../images/imgLinkIconTop.gif") no-repeat top left;
    height: 4px;
}

.iconBody {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    text-align: center;
    vertical-align: middle;
    /* height: 155px;*/
}

    .iconBody img {
        vertical-align: middle;
        /* margin-top:30px;
     margin-bottom:30px;
     vertical-align:middle; */
    }

    .iconBody a {
        height: 110px;
        display: block;
    }

.iconHeader {
    background-color: #5ea4cf;
    padding: 7px;
    margin: 0 2px 0 2px;
    color: #fff;
    text-align: center;
    line-height: 1.2em;
    vertical-align: middle;
    height: 32px;
}

    .iconHeader a {
        color: #fff;
    }

.iconBtm {
    background: url("../images/imgLinkIconBtm.gif") no-repeat top left;
    height: 3px;
}

#dashLeft {
    width: 210px;
    float: left;
}

#dashBottom {
    clear: both;
    text-align: center;
    padding-top: 20px;
    border-top: 5px solid #FBE5B4;
}

a.button {
    padding: 7px 10px 7px 10px;
    background-color: #5ea4cf;
    color: #fff;
    font-weight: bold;
}

.buttonClone {
    padding: 4px 10px 5px 10px;
    background-color: #5ea4cf;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    cursor: hand;
    cursor: pointer;
}

    .buttonClone:hover {
        text-decoration: underline;
    }

ul.right {
    float: right;
}

.hButtons {
    display: block;
}

    .hButtons li {
        display: inline;
        list-style-type: none;
        line-height: 2em;
    }

#dashRight {
    border-left: 1px solid #DFDFDF;
    padding-left: 10px;
    width: 335px;
    float: right;
}

ul#creditsList {
    padding: 0;
}

#creditsList li {
    list-style: none;
    width: 192px;
    padding: 8px 0 8px 8px; /**/
    font-weight: bold;
    clear: both;
    display: block;
    height: 20px;
}

    #creditsList li.grey {
        background-color: #FBFBFB;
        border-bottom: #ccc;
        border-top: #ccc;
    }

ul#creditsList .creditsTitle {
    float: left;
    width: 100px;
    display: block;
}

ul#creditsList .credits {
    float: right;
    padding-right: 20px;
    font-weight: normal;
    width: 60px;
}

#dashLeft a {
    font-size: 0.8em;
    font-weight: bold;
}

#dashLeft h4, #dashRight h4 {
    color: #E67518;
    margin-top: 10px;
}

#activitiesSummary {
    float: right;
    width: 420px;
}

    #activitiesSummary p {
        margin-bottom: 10px;
    }

#activitiesCredit {
    float: left;
}

    #activitiesCredit h4 {
        color: #E67518;
    }

    #activitiesCredit ul#creditsList .credits {
        padding-right: 10px;
    }

.residentdetails {
    width: 100px;
}

#langContainer {
    width: 538px;
    height: 238px;
    background: url(../images/bkgSplash.gif);
}

#engLangSelector {
    width: 112px;
    height: 45px;
    background: url(../images/btnSplashEn_off.gif);
    float: left;
    margin-top: 162px;
    margin-left: 134px;
    cursor: pointer;
}

#frLangSelector {
    width: 112px;
    height: 45px;
    background: url(../images/bkgSplashFr_off.gif);
    float: left;
    margin-top: 162px;
    margin-left: 27px;
    cursor: pointer;
}

#engLangSelector:hover {
    background: url(../images/btnSplashEn_on.gif);
}

#frLangSelector:hover {
    background: url(../images/bkgSplashFr_on.gif);
}

#engLangSelector span {
    display: none;
}

#frLangSelector span {
    display: none;
}

#residentdetails h3, #oocdetails h3, #studentdetails h3 {
    margin: 0;
}

#residentdetails p, #oocdetails p, #studentdetails p {
    margin-bottom: 1em;
    padding-left: 0 !important;
    color: #000;
}

.memberApplication .messageBox label {
    padding-left: 10px;
    width: auto;
    background: url(../images/ui/redDot.gif) no-repeat left;
}

.memberApplication .messageBox .valid, .memberApplication .messageBox .error {
    display: none;
}

.longInput {
    width: 400px;
}

.midInput {
    width: 300px;
}

#feeMessage {
    font-weight: bold;
}

#paymentErrorCheque {
    color: #cc0000;
    margin: 5px 0 10px 0;
}

    #paymentErrorCheque a {
        color: #cc0000;
    }

.invisible {
    display: none;
}

.readonly {
    color: #333;
    background-color: White;
    border: none !important;
}

.readonlyValue {
    color: #333;
    background-color: White;
}

.readonlyValue {
    color: #333;
    background-color: White;
}

.enabled {
    padding: .2em;
    background-color: #fff;
    border: 1px solid #7f9db9;
    font-size: 1em;
}

/* Exam Application css begins */
.devNotes {
    font-weight: bold;
    color: Red;
}

#contentBody.examApplication ul.tabNav li a:link, #contentBody.examApplication ul.tabNav li a:visited {
    width: auto;
    padding: 7px 16px;
}

.examApplication .formitem label {
    padding-right: 20px;
}

.examApplication #page-2 {
    display: none;
}

.examApplication #tabs {
    display: none;
}

.examApplication .tabNav li.width200 {
    width: 200px;
    text-align: center !important;
}

    .examApplication .tabNav li.width200 a {
        width: 168px !important;
    }

.examApplication .tabNav li.width225 {
    width: 225px;
    text-align: center !important;
}

    .examApplication .tabNav li.width225 a {
        width: 193px !important;
    }

.examApplication .tabNav li.width226 {
    width: 226px;
    text-align: center !important;
}

    .examApplication .tabNav li.width226 a {
        width: 194px !important;
    }

.examApplication .tabNav li.width139 {
    width: 139px;
    text-align: center !important;
}

    .examApplication .tabNav li.width139 a {
        width: 107px !important;
    }

.examApplication .tabNav li.width227 {
    width: 227px;
    text-align: center !important;
}

    .examApplication .tabNav li.width227 a {
        width: 195px !important;
    }

.examApplication #tabs-1 .formRow label {
    color: #000;
    font-size: 1em;
}

    .examApplication #tabs-1 .formRow label.error {
        color: #cc0000;
    }

.examApplication #tabs-2 .col3 .rowLeft {
    width: 500px;
}

.examApplication #tabs-2 .col3 .rowMid {
    float: left;
    width: 100px;
}

.examApplication #tabs-2 .col3 .rowLast {
    float: left;
    width: 100px;
}

.formRow span {
    margin-right: 8px;
}

#addpracticetraining, #addothertraining, #addhistorypracticetraining, #addbreakspracticehistory, #addmedicallicense, #addrequiredpostgraduatetraining, #addotherrequiredpostagraduatetraining, #addemergencymedicine, #addfamilymedicine {
    width: 500px;
}

.examApplication #tabs-5 label {
    width: 100% !important;
    clear: both;
    text-align: left;
}

.examApplication .formitem label {
    width: 160px !important;
}

.hasUnderline {
    text-decoration: underline;
}

.examApplication #tabs-5 span {
    margin-right: 0;
}

.examApplication #tabs-6 .col2 .rowLeft {
    float: left;
    width: 300px;
    padding-right: 30px;
}

.examApplication #tabs-6 .col2 .hst, .examApplication #tabs-6 .col2 .total {
    text-align: right;
}

.examApplication #tabs-4 .col2 .rowLeft {
    float: left;
    width: 300px;
    margin-top: 10px;
}

.examApplication .program {
    width: 400px;
}

.examApplication #pamentmethod {
    padding-left: 0;
}

    .examApplication #pamentmethod li {
        list-style: none;
    }

.examApplication .inCanadaYear, .examApplication .inCanadaMonth, .examApplication .elseWhereYear, .examApplication .elseWhereMonth, .hrsYear {
    width: 40px;
}

.examApplication .wording {
    color: #cc0000;
}

.examApplication .messageBox {
    margin-bottom: 0 !important;
}

    .examApplication .messageBox label {
        padding-left: 10px;
        text-align: left;
        width: auto !important;
        background: url(../images/ui/redDot.gif) no-repeat left;
    }

.examApplication ul.messageBox {
    list-style-type: none !important;
    display: none;
}

    .examApplication ul.messageBox li {
        width: 300px;
    }

.examApplication .messageBox .valid {
    display: none;
}

.examApplication ul.messageBox label {
    float: none !important;
}

.examApplication .print {
    text-align: right;
    margin-bottom: 25px;
}

    .examApplication .print a {
        background: url(../images/iconPrint.gif) 0 0 no-repeat;
        padding-left: 20px;
    }

.examApplication .printicon a {
    background: url(../images/iconPrint.gif) 0 0 no-repeat;
    padding-left: 20px;
    display: block;
}

.examApplication .printVisible {
    display: none;
}

.calender {
    padding: .2em .2em 0;
    background-color: #fff;
    border: 1px solid #7f9db9;
    font-size: 1em;
}

    .calender.error, input.error, select.error {
        border: 1px solid #cc0000 !important;
    }

.modal {
    background-color: #fff;
    display: none;
    width: 500px;
    padding: 15px;
    text-align: left;
    border: 2px solid #333;
    opacity: 1;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-box-shadow: 0 0 50px #ccc;
    -webkit-box-shadow: 0 0 50px #ccc;
}

.partialExamModal {
    height: 222px;
}

.ajaxLoading {
    display: none;
    margin-left: 5px;
}

.degreeDD {
    width: 200px;
}

.licenselocation {
    width: 300px;
}

.examApplication .txtSmall {
    float: right;
    margin-right: 73px;
    width: 400px;
}
/* Exam Application css ends */

/* Member CPD XFORM */
.xf-root {
    clear: both;
    overflow: hidden;
    display: block;
}

.xf-field-wrapper {
    clear: left;
    margin-top: 10px;
    display: block;
}

.xf-text-label {
    float: left;
    font-weight: bold;
    width: 250px;
    margin-left: 0 !important;
    font-style: normal !important;
    font-size: 0.9em;
}

.xf-inline-tip {
    margin-left: 250px !important;
    font-weight: normal !important;
    font-size: .8em !important;
    color: #666 !important;
}

.xf-list-context {
    float: left;
    margin-bottom: 8px;
}

.xf-heading {
    font-family: Arial, Helvetica, Verdana, Sans;
    font-size: 1.2em !important;
    color: #96A471;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 10px;
    width: 100% !important;
}

/*
.xf-custom .xf-label {
    float:left;
    width: 200px;
}

*/

.xf-text-translation {
    font-style: italic;
    margin-left: 250px;
    float: left;
    font-size: .9em;
}

.xf-input-text, .ui-autocomplete-input {
    width: 320px;
    float: left;
}

.xf-group {
    clear: both;
    display: block;
    height: 60px;
}

.hlayout {
    border-top: 1px solid #ddd;
}

    .hlayout .xf-field-wrapper {
        clear: none;
        float: left;
        margin-right: 10px;
        width: 80px !important;
    }

    .hlayout .xf-input-text {
        width: 80px !important;
    }

    .hlayout .xf-text-label {
        width: 120px;
    }

    .hlayout .xf-field-wrapper .xf-text-label, .hlayout .xf-field-wrapper .xf-input-text {
        float: none;
    }

.xf-short-input {
    width: 60px !important;
}

.xf-root input, .xf-root select {
    margin-right: 5px;
}

.xf-command-submit, .xf-command-cancel {
    width: auto !important;
}

.xf-text-help {
    background: url(../images/tooltip_icon.gif) no-repeat left top;
    padding-left: 30px;
    text-indent: -99999px;
    margin-left: 0 !important;
    cursor: pointer;
    display: block;
    width: 19px;
}

#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #ccc;
    background-color: #eee;
    padding: 5px;
    opacity: 1;
    text-align: left;
    width: 400px;
    line-height: 1.2em;
}

.xf-messages-desc {
    display: none;
}

.xf-list-context-etc {
    display: none;
}

.xf-text-desc-string {
    width: 340px;
    font-style: italic;
}

.xf-summary {
    color: #cc0000;
}
/* Member CPD XFORM css ends*/

/* Member CPD courses*/
.accordion-nav {
    cursor: pointer;
    font-size: .9em;
    margin-left: 20px;
}

.accordion h3 {
    margin-top: 15px;
    line-height: 1.1em;
    font-size: 1em;
}
/* Member CPD courses ends*/

/* emergency exam css begins */
.grey, .grey a, .grey a:visited {
    color: #999;
}

.tooltips {
    background: url("../images/tooltip_icon.gif") no-repeat scroll left top transparent;
    cursor: pointer;
    display: inline-block;
    margin-left: 0 !important;
    padding-left: 30px;
    text-indent: -99999px;
    width: 19px;
    position: absolute;
    z-index: 4000;
}

.formitem .tooltips {
    padding-left: 0;
}

.examApplication .paymentLeft {
    width: 520px;
    float: left;
    margin-right: 10px;
}

span.applicationName {
    margin-right: 0 !important;
}
/* emergency exam css ends */

/* exam result details css begins */
.left {
    width: 45%;
    float: left;
    padding: 5px;
}

.right {
    width: 45%;
    float: right;
    padding: 5px;
}

a.blueArrow {
    padding-right: 10px;
    margin-right: 5px;
    color: #007BA9;
    background: url(../images/ui/iconArrowBlue.gif) no-repeat right;
    text-decoration: none;
}

    a.blueArrow:hover {
        text-decoration: underline;
    }

.examDetails .ui-tabs-panel {
    background: none !important;
    border-bottom: none !important;
}

.examDetails .greyOutlineBox .content {
    padding-bottom: 10px;
    width: 690px;
}

.examDetails div.greyOutlineBox {
    width: 692px;
}

.examDetails .greyOutlineBox div.header {
    background: url(../images/ui/profileBoxLgTop.gif) no-repeat;
    width: 692px;
}

div#examResults .ui-tabs-panel {
    padding: 0 !important;
}

.examDetails .greyOutlineBox .content h3 {
    width: auto;
    margin-right: 3px;
    border-bottom: 0;
    margin-bottom: 0 !important;
}

div#examResults.greyOutlineBox .content h3.orange {
    padding: 0;
    margin: 0;
}

.examDetails .greyOutlineBox .content h3.blueFade {
    background-repeat: repeat-x;
}

.examDetails .greyOutlineBox div.footer {
    background: url(../images/ui/profileBoxLgBtm.gif) no-repeat;
    width: 692px;
}

.examDetails .bodyContent {
    padding-left: 0;
    padding-right: 0;
}
/*new layout*/
.boxContainer {
    position: relative;
    float: left;
}

.box344 {
    width: 344px;
}

.header344Top {
    background: url(../images/ui/imgHeader344Top.gif) no-repeat;
    height: 3px;
    width: 344px;
}

.header344Btm {
    background: url(../images/ui/imgHeader344Btm.gif) no-repeat;
    height: 3px;
    width: 344px;
}

.box344Mid {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    width: 338px;
    padding: 0 2px 0 2px;
}

ul.boxHeader {
    margin: 0 !important;
    padding: 0 !important;
    /*overflow:hidden;*/
    list-style: none !important;
    display: block;
    background: url(../images/ui/bkgBluefade.png) top left repeat-x;
    height: 30px;
}

    ul.boxHeader li {
        float: left;
        list-style: none;
        color: #fff;
        vertical-align: middle;
        line-height: 30px;
    }

    ul.boxHeader a, ul.boxHeader a:visited, ul.boxHeader a:hover {
        color: #fff;
        text-decoration: none;
    }

    ul.boxHeader li.title {
        text-transform: uppercase;
        margin-left: 3px;
        font-size: 1.2em;
    }

    ul.boxHeader li.link {
        float: right;
        margin: 3px 0px 0 0;
        line-height: 20px;
    }

        ul.boxHeader li.link a {
            display: block;
            text-decoration: none;
        }

            ul.boxHeader li.link a.btnUpdateProfile {
                background: url(../images/en/btnUpdateProfile_off.gif) top left no-repeat;
                width: 110px;
            }

                ul.boxHeader li.link a.btnUpdateProfile:hover {
                    background: url(../images/en/btnUpdateProfile_on.gif) top left no-repeat;
                }

            ul.boxHeader li.link a.btnViewTranscripts {
                background: url(../images/en/btnViewTranscripts_off.png) top left no-repeat;
                width: 112px;
            }

                ul.boxHeader li.link a.btnViewTranscripts:hover {
                    background: url(../images/en/btnViewTranscripts_on.png) top left no-repeat;
                }

            ul.boxHeader li.link a.btnViewExamHistory {
                background: url(../images/en/history-off.gif) top left no-repeat;
                width: 74px;
            }

                ul.boxHeader li.link a.btnViewExamHistory:hover {
                    background: url(../images/en/history-on.gif) top left no-repeat;
                }

            ul.boxHeader li.link a.btnViewActivity {
                background: url(../images/en/btnViewActivity_off.png) top left no-repeat;
                width: 179px;
            }

                ul.boxHeader li.link a.btnViewActivity:hover {
                    background: url(../images/en/btnViewActivity_on.png) top left no-repeat;
                }

            ul.boxHeader li.link a.btnAddRecord {
                background: url(../images/en/btnAddRecord_off.png) top left no-repeat;
                width: 173px;
            }

                ul.boxHeader li.link a.btnAddRecord:hover {
                    background: url(../images/en/btnAddRecord_on.png) top left no-repeat;
                }

.box344 .bodyContent {
    margin: 0;
    padding-top: 10px;
}

    .box344 .bodyContent p {
        margin: 0 !important;
        padding-bottom: 5px !important;
    }

.floatLeft {
    float: left;
}

#myProfile {
    margin-right: 4px;
}

#membership {
    margin-bottom: 12px;
}

.orangeBox {
    background-color: #fbe4b4;
    padding: 10px;
}

#examstatus {
    /*position:absolute;
    bottom:0px;
    left:346px;*/
}
/*#examstatus .bodyContent ul
{
    list-style:none;
    margin:0 !important;
    padding:0 !important;
}
#examstatus .bodyContent ul li
{
    padding: 0px 0 5px 0;
    margin-bottom:5px;
    border-bottom:1px solid #ddd;
}*/
#examResults .left {
    width: 40%;
}

#examResults .right {
    width: 55%;
}

#examResults .examName, .examName {
    float: left;
    width: 50%;
}

#examResults .examResult, .examResult {
    float: right;
    text-align: right;
}

#examResults .result, .result {
    padding: 5px;
}

#examstatus .result {
    border-top: 1px solid #ddd;
    /*background-color:#fff;*/
}

    #examstatus .result.first {
        border: 0;
    }

#examResults .alternate, #paymentDetails .alternate, #renewMembership .alternate {
    background-color: #f5f5f5;
}

.alternate {
    background: none;
}

#feedbackRequest {
    padding: 0 20px 20px 0;
    border-bottom: 1px solid #ddd;
}

.feeName {
    float: left;
    width: 80%;
}

.feeResult {
    float: right;
    text-align: right;
}

#chkAppeal, #chkRequestFeedback {
    margin-bottom: 20px;
    float: left;
}

.examDetails a.pdfLink {
    background: url(../images/iconPrint.gif) 0 0 no-repeat;
    padding-left: 20px;
    display: block;
}

#myProfile .label {
    float: left;
    width: 120px;
    display: inline-block;
    text-align: right;
    margin-right: 10px;
}

#myProfile .data {
    float: left;
}

#myProfile p {
    margin-bottom: 0px;
}

#myProfile, #membership, #examstatus {
    font-size: .9em;
}

.examDetails #tabs-1 {
    padding: 0;
}

.examDetails #tabs-2 {
    padding: 0;
}

.examDetails #tabs-3 {
    padding: 0;
}

.examDetails #tabs-4 {
    padding: 0;
}

.feedbackPanel {
    width: 140px;
    float: left;
}
/* exam result details css ends */

/* Membership cards css begins */
.receiptDetails .ui-tabs-panel {
    background: none !important;
    border-bottom: none !important;
}

.receiptDetails .greyOutlineBox .content {
    padding-bottom: 10px;
    width: 690px;
}

.receiptDetails div.greyOutlineBox {
    width: 692px;
}

.receiptDetails .greyOutlineBox div.header {
    background: url(../images/ui/profileBoxLgTop.gif) no-repeat;
    width: 692px;
}

.receiptDetails .greyOutlineBox .content h3 {
    width: auto;
    margin-right: 3px;
    border-bottom: 0;
    margin-bottom: 0 !important;
}

    .receiptDetails .greyOutlineBox .content h3.blueFade {
        background-repeat: repeat-x;
    }

.receiptDetails .greyOutlineBox div.footer {
    background: url(../images/ui/profileBoxLgBtm.gif) no-repeat;
    width: 692px;
}

.receiptDetails .bodyContent {
    padding-left: 0;
    padding-right: 0;
}

#receiptList .receiptName, .receiptName {
    float: left;
    width: 80%;
}

#receiptList .receiptLink, .receiptLink {
    float: right;
    text-align: right;
}

#receiptList .result, .result {
    padding: 5px;
}

#receiptList .alternate, #paymentDetails .alternate {
    background-color: #f5f5f5;
}

.alternate {
    background: none;
}

#receiptList a.pdfLink {
    background: url(../images/iconPrint.gif) 0 0 no-repeat;
    padding-left: 20px;
    display: block;
}

.feeName {
    float: left;
    width: 70%;
}

.feeResult {
    float: right;
    text-align: right;
}

.result {
    padding: 5px;
}

.radioButtonList {
    width: 677px;
}

    .radioButtonList tr td {
        padding-bottom: 20px;
    }

        .radioButtonList tr td label a {
            margin-left: 22px;
        }

.selfLearning {
    padding: 5px;
    margin-left: 30px;
}
/* Membership cards css ends */

/* MainPro css starts */
.mainproDetails .ui-tabs-panel {
    background: none !important;
    border-bottom: none !important;
}

.mainproDetails .greyOutlineBox .content {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    width: 690px;
}

.mainproDetails {
    width: 692px;
    padding: 0 !important;
    margin: 0 !important;
}

    .mainproDetails div.greyOutlineBox {
        width: 692px;
    }

    .mainproDetails .greyOutlineBox div.header {
        background: url(../images/ui/profileBoxLgTop.gif) no-repeat;
        width: 692px;
    }

    .mainproDetails .greyOutlineBox div.footer {
        background: url(../images/ui/profileBoxLgBtm.gif) no-repeat;
        width: 692px;
    }

    .mainproDetails .bodyContent {
        padding: 2px 0px 0px 0px;
    }

    .mainproDetails .greyOutlineBox .content .boxHeader {
        margin: 0px 2px 0px 2px !important;
        padding: 0 !important;
        /*overflow:hidden;*/
        list-style: none !important;
        display: block;
        background: url(../images/ui/bkgBluefade.png) top left repeat-x;
        height: 30px;
    }

#mainProList {
    width: 338px;
    float: left;
    padding-top: 10px;
    font-size: 12px;
}

    #mainProList .title {
        width: 32%;
        float: left;
        font-weight: bold;
        text-align: right;
    }

    #mainProList .creditsTitle {
        padding: 5px 0px 5px 2px;
        display: block;
        line-height: 20px;
    }

    #mainProList .credits {
        padding: 5px 0px 5px 35px;
        display: block;
        text-align: left;
        line-height: 20px;
    }

    #mainProList span.creditsTitle, #mainProList span.credits {
        border-top: 1px solid #ccc;
    }

.highlight {
    background-color: #F0F0F0;
}

.bold {
    font-weight: bold;
}

.icon_base_left {
    padding-left: 24px;
    background-position: left;
    background-repeat: no-repeat;
}

a.icon_delete {
    background: url(../images/close_icon.png) no-repeat;
    display: block;
    height: 20px;
    width: 20px;
    margin-right: -18px;
}

#ct100_content_fileUpload_ControlPlaceHolder table {
    margin-top: 12px;
    display: block;
}

/* Key Features */

.tableCPDSearchFilter {
    position: relative;
}

a.topics, a.procedurelist {
    padding-top: 3px;
    display: block;
}

    a.topics:hover, a.procedurelist:hover {
        cursor: pointer;
    }

span#ctl00_Content_Label3 {
    float: left;
    padding: 3px 5px 0 0;
}

.icon_base_notext {
    padding-right: 16px;
    padding-top: 5px;
    background-position: right;
    background-repeat: no-repeat;
}

#kfModal {
    background: #fff;
}

    #kfModal ul {
        float: left;
        list-style-type: none;
        width: 205px;
    }

        #kfModal ul li { /*height: 18px; overflow:hidden; */
            border-left: 1px solid #ccc;
            padding-left: 10px;
            line-height: 1.2em;
            padding-bottom: .6em;
        }

.ui-dialog {
    background: #fff;
}

.ui-dialog-title {
    padding-left: 5px;
}

.evaluation {
    margin-top: 25px;
}

.evaluationPages {
    margin-left: 165px;
}

.evaluation input[type=text] {
    margin-bottom: 8px;
}

#behaviousList input[type='checkbox'] {
    float: left;
    margin-bottom: 2em;
    margin-right: 1em;
}

#behaviousList p {
    clear: both;
}

#hidObservedBehaviour {
    font-weight: bold;
}

.noResultCount .resultStats {
    display: none;
}

.pos {
    background: url('../images/ui/imgCheckMark.jpg') top left no-repeat;
    display: inline-block;
}

/*Family Exam Application Enhancement*/
.hide {
    display: none;
}

.show {
    display: block;
}

.red, .red a {
    color: Red;
}

    .red a {
        text-decoration: underline;
    }

/* Duplicate Membership Alerts */

.duplicate {
    margin-left: -20px;
    font-weight: bold;
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    color: #c09853;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* outstanding fee css */
.bills tr {
    border-bottom: 1px solid #dedede;
}

    .bills tr.totalline {
        border-bottom: 2px solid #eeeeee;
    }

    .bills tr td {
        padding: 15px 0px;
    }

.bills .summary {
    font-size: 1em !important;
}

.bills .total {
    font-weight: bold;
}

.print a {
    background: url(../images/iconPrint.gif) 0 0 no-repeat;
    padding-left: 20px;
    display: block;
}

#bills {
    font-size: 0.9em;
    margin-bottom: 12px;
}

.invoiceMessage {
    font-weight: bold;
    color: #000;
}

    .invoiceMessage a {
        color: #000;
    }

ul.arrow {
    padding-left: 0px !important;
}

    ul.arrow li {
        border: none;
        background: transparent url("../images/ui/icoArrowRightLightGrey.gif") scroll no-repeat 5px 5px;
        list-style: none;
        padding-left: 20px;
    }

ul.boxHeader li.link a.btnViewAllReceipts {
    background: url(../images/en/btnViewAllReceipts_off.gif) top left no-repeat;
    width: 116px;
}

    ul.boxHeader li.link a.btnViewAllReceipts:hover {
        background: url(../images/en/btnViewAllReceipts_on.gif) top left no-repeat;
    }

ul.boxHeader li.link a.btnPaynow {
    background: url(../images/en/btnPaynow_off.gif) top left no-repeat;
    width: 69px;
}

    ul.boxHeader li.link a.btnPaynow:hover {
        background: url(../images/en/btnPaynow_on.gif) top left no-repeat;
    }

#CreditCardPayment {
    margin: 10px;
}

.lessLineHeight p {
    margin-bottom: 10px !important;
}

#billsGrid li.link {
    width: 92px;
    text-align: center;
    display: block;
}

.hasSymbal {
    margin-right: 8px;
}

#CreditCardPayment input[type=radio] {
}

#CreditCardPayment .formitem {
    margin-bottom: 0;
}

#CreditCardPayment select {
    margin-right: 8px;
}

.cardtype label {
    margin-right: 10px;
}

span.cardtype {
    margin-right: 0;
}
/* outstanding fee css ends */

/* Developer styles ... (bold and ugly styles to use for debugging during development) */

.devHighVisBox /* big yellow and red dotted box*/ {
    padding: 4px 7px 4px 7px;
    background-color: yellow;
    border: 5px dashed red;
    font-size: x-large;
    color: maroon;
}
/* Developer styles end. */

/*Forgot Password Task Styles*/

.forgot_password {
    padding-left: 0px !important;
    width: 100% !important;
}

    .forgot_password .left {
        width: auto !important;
    }

    .forgot_password#contentBody .header {
        background: none !important;
    }

    .forgot_password div.greyOutlineBox .content {
        border-right: 1px solid #ccc;
        border-left: none;
        margin-right: 35px;
    }

    .forgot_password .bodyContent {
        background: none;
    }

    .forgot_password h2 {
        font-family: Georgia, 'Times New Roman',sans-serif;
        font-size: 19px;
        font-weight: 200;
        margin-left: 0px;
    }

    .forgot_password div.greyOutlineBox div.footer {
        background: none !important;
    }

    .forgot_password ul {
        padding-left: 0px !important;
    }

        .forgot_password ul.loginBox li {
            width: 280px;
            display: block;
            float: none;
        }

            .forgot_password ul.loginBox li label {
                display: block;
                font-size: 14px;
                font-weight: bold;
                margin-bottom: 3px;
            }

            .forgot_password ul.loginBox li input.textbox {
                width: 100%;
                margin-bottom: 10px;
                height: 27px;
            }

            .forgot_password ul.loginBox li:last-child {
                margin-bottom: 5px;
            }

    .forgot_password .mainproLoginButton {
        margin-left: 0px !important;
    }

    .forgot_password ul.forgotPass {
        margin-left: 0px;
        position: relative;
        width: 320px;
    }

        .forgot_password ul.forgotPass li a {
            position: absolute;
            top: -46px;
            left: 115px;
            color: #007ba9;
        }

/* CTA Style*/
.outline-wrap {
    border: 1px solid #DFDFDF;
    margin-bottom: 10px;
}

div.outline-wrap h3.greenFade {
    background: url(../images/ui/bkgGreenfade.png) no-repeat #98AF5C;
    text-align: left;
    font-weight: normal;
    color: #FFFFFF;
    text-transform: uppercase;
    min-height: 25px;
    height: auto !important;
    min-height: 24px;
    font-size: 1.05em;
    padding: 7px 0 7px 10px;
    margin: 3px 0 1px 3px;
    border-bottom: 1px solid #DFDFDF;
    width: 217px;
}

.outline-wrap .content {
    padding: 10px;
    background: url("../images/ui/bkgSecNavFadeTile.gif") repeat-x scroll transparent;
}

    .outline-wrap .content p {
        margin-bottom: 10px !important;
    }

    .outline-wrap .content ul {
        margin: 0 0 15px 20px;
    }

        .outline-wrap .content ul li {
            font-size: 12px;
            list-style: disc;
        }

.outline-wrap a img {
    padding: 2px;
}

/*Forgot Password Task Style End*/

body #mainContent .forgot_password #memProfile {
    width: 640px !important;
}

/* REF style */
#funds {
    margin-top: 20px;
}

.REF {
    padding: 5px;
    margin-left: 30px;
}

    .REF .messageBox {
        margin: 10px 0;
        text-align: left;
        color: #bd0f0f;
        font-weight: bold;
        font-size: .9em;
    }

    .REF .option {
        text-align: left;
    }

    .REF .selection {
        margin-bottom: 10px;
    }

        .REF .selection .label {
            float: left;
            width: 100px;
            font-weight: bold;
            margin: 0 10px 0 10px;
        }

        .REF .selection .select {
            float: left;
            width: 420px;
            text-align: left;
            padding-right: 20px;
        }

            .REF .selection .select select {
                width: 350px;
                padding: 5px;
            }

        .REF .selection .input {
            float: left;
            width: 90px;
        }

            .REF .selection .input input {
                width: 65px;
                padding: 5px;
            }

    .REF .add {
        margin: 10px;
        text-align: left;
    }

.result .feeName {
    text-align: left;
}

.result.hasSeperator {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 5px;
    margin: 10px 5px;
}

.add .icon {
    border: 1px solid #dddddd;
    padding: 0 2px;
    color: #007ba9;
    font-size: .9em;
    font-weight: bolder;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.messageBox div:not(:first-child) {
    display: none !important;
}
/* REF style ends */

/* Outstanding invoice REF */
.no-margin {
    margin: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.bills .items {
    margin-left: 20px;
}

.tooltip:hover {
}
/*.bodyContent {display: block !important;}*/
/* REF style*/

label.msgComplianceAgreementMember, label.msgComplianceAgreementNonMember {
    float: left;
    width: 400px;
    text-align: left;
    margin-left: 140px;
    /*margin-top: -20px;*/
}

.selectComplianceAgreement {
    /*margin-left: 116px;*/
    float: left;
}

{
    /*display: block !important;*/
}

.memberApplication .messageBox div:not(:first-child) {
    /*display: block !important;*/
}

display: none;
}

.complianceAgreement {
    position: relative !important;
}

    .complianceAgreement .selectComplianceAgreement {
        position: absolute;
        left: 116px;
        top: 0;
    }

    .complianceAgreement .required {
        position: absolute;
        left: 110px;
    }

{
    color: #cc0000;
    margin-left: 140px;
}

.complianceAgreement .required, .complianceAgreement .message {
    display: none;
}

/* CAC style */
.cacApplication .tabNav li a {
    width: auto !important;
}

.app-screen {
    padding-bottom: 1em;
}

.navButtons {
    border-top: 2px solid #5badd6;
    text-align: right;
    padding-top: .5em;
    margin-top: 1em;
}

    .navButtons a {
        margin-left: 2em;
    }

.cacApplication .ui-tabs .ui-tabs-panel {
    border: none;
}

.cacApplication h2 {
    color: #00598d;
}

.cacApplication h3 {
    color: #96a471;
}

.cacApplication h4 {
    color: #96a471;
}

.cacApplication label {
    font-weight: bold;
}

    .cacApplication label.normal {
        font-weight: normal !important;
    }

.cacApplication .formitem label {
    text-align: left;
    width: 20%;
    font-weight: bold;
}

.cacApplication .longLabel label {
    width: 40%;
}

.cacApplication .longLabel input {
    width: 50%;
}

.cacApplication input.shortInput {
    width: 40px;
}

.cacApplication .modal {
    border: 1px solid #000;
    border-radius: 5px;
    padding: 1em;
}

    .cacApplication .modal h3 {
        color: #00598d;
        text-transform: uppercase;
        background: none;
        padding: 1em;
        margin-top: 0;
    }

    .cacApplication .modal .modalContent {
        padding: 1em;
    }

    .cacApplication .modal p {
        margin-bottom: .5em;
    }

    .cacApplication .modal .buttonClone {
        padding: 5px 30px;
        margin-right: 1em;
    }

#screen-routing.app-screen .route-item {
    margin-top: 1em;
}

#screen-routing.app-screen .route-item-col1 {
    float: left;
    width: 5%;
}

#screen-routing.app-screen .route-item-col2 {
    float: left;
    width: 85%;
}

#screen-routing.app-screen .route-item-end {
    clear: both;
}

#screen-routing.app-screen .available-practice-areas {
    padding-left: 2em;
}

.cacApplication textarea.notes {
    width: 80%;
    height: 300px;
}

.hasRequiredNotes {
    position: relative;
}

    .hasRequiredNotes .required {
        position: absolute;
        top: 0;
        left: 82%;
    }

.cacApplication #screen-payment .formitem label {
    width: 110px;
}

.printicon {
    background: url(../images/iconPrint.gif) 0 0 no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 5px;
}

.cacApplication .comments {
    color: #666666;
}

.cacApplication .attestation .remove, .cacApplication .file-upload-results .remove {
    text-align: right;
    cursor: pointer;
}

.cacApplication .add {
    cursor: pointer;
}

.cacApplication .checkboxRow {
    clear: both;
}

    .cacApplication .checkboxRow input {
        float: left;
    }

    .cacApplication .checkboxRow label {
        float: right;
        width: 95%;
    }

.cacApplication .navButtons a {
    font-weight: bold;
}

.infoBlue {
    color: #00598d;
    font-weight: bold;
}

.validationElement {
    border: 1px solid #cc0000;
}

.validation-summary {
    color: #cc0000;
    border: 1px solid black;
}

.complianceAgreement .required, .complianceAgreement .message {
    display: none;
}

#identificationBlock .message {
    color: #cc0000;
    display: none;
    <<<<<<< local;
}

=======
}

/* Mainpro+ Dashboard widget */

div#dashboard-widget-mainpro {
    /*reset mainpro widget styles*/
    margin: 0;
    padding: 0;
    border: 0;
}

    div#dashboard-widget-mainpro a { /* mainpro+ widget links */
        padding: 0;
        margin: 0;
        border: 0;
        cursor: pointer;
    }

    div#dashboard-widget-mainpro div#mainpro-plus-button { /* the button area */
        position: relative;
        background: url(/images/en/dashboard-mainpro-plus.jpg) no-repeat top;
        background-position-y: 10px;
        background-position-x: 20px;
        height: 140px;
        border: 5px solid #fbe4b4;
        margin-bottom: 10px;
    }

        div#dashboard-widget-mainpro div#mainpro-plus-button p { /* the button area's internal text accompanynig the graphic */
            text-align: center;
            padding: 0;
            margin: 0;
            position: absolute;
            bottom: 10px;
            right: 10px;
            left: 10px;
            font-size: 1.3em;
            font-weight: bolder;
            color: #355B7A;
        }

    div#dashboard-widget-mainpro div#mainpro-plus-content { /* content area following the mainpro+ button area */
        padding: 0;
        margin: 0;
        border: 5px solid white;
    }

        div#dashboard-widget-mainpro div#mainpro-plus-content > p { /* content paras */
            border: 0;
            padding: 0;
            padding-bottom: 1em;
            margin: 0;
        }

> > > > > > > other