﻿body {
    width: 100%;
    height: 100%;
    font-size: 12px;
    font-family: Tahoma, Verdana, Kalimati;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-color: #d9d9d9;
}

.TopicAreaTitle {
    color: #05ce04;
}

div {
    z-index: 1;
}

h1 {
    font-size: 18px;
}

h2 {
    font-size: 16px;
}

PollH2 {
    font-size: 12px;
}

h3 {
    font-size: 14px;
}

a {
    color: #336699;
}

    a:hover {
        color: #999999;
        text-decoration: none;
    }

input {
    font-family: Tahoma, Verdana, Kalimati;
    color: #333333;
}

select {
    font-family: Tahoma, Verdana, Kalimati;
    color: #333333;
}

.cursorPointer {
    cursor: pointer;
}

.dummyLink {
    cursor: pointer;
}

div#topbackground {
    clear: both;
    width: 940px;
    margin: 0 auto;
    height: 30px;
    background-image: url(gfx/backgroundHeader.gif);
    background-repeat: no-repeat;
}

div#bottombackground {
    clear: both;
    width: 940px;
    margin-left: auto;
    margin-right: auto;
    height: 30px;
    background-image: url(gfx/backgroundFooter.gif);
    background-repeat: no-repeat;
}

div#maincontainer {
    clear: both;
    width: 940px;
    margin-left: auto;
    margin-right: auto;
}

div#container {
    padding: 0 30px 0 30px;
    width: 880px;
    text-align: left;
    background-image: url(gfx/backgroundFill.gif);
    background-repeat: repeat-y;
    margin-left: auto;
    margin-right: auto;
}

div#mainContentContainer {
    clear: both;
    float: left;
    width: 880px;
    z-index: 1;
}

.imageMiddleAlign {
    vertical-align: middle;
}

/* Content styles */
.content {
    color: #333333;
    /*background-color: #fff;*/
    font-weight: normal;
    float: left;
    display: inline-block;
    word-break: break-word;
    width: 100%;
    word-wrap: break-word;
}

.Aboutcontent {
    color: #333333;
    font-weight: normal;
    float: left;
    width: 85%;
}


.content h1 {
    font-size: 24px;
    font-weight: normal;
    margin: 0px 0px 20px 0px;
    padding: 0;
}

.content h2 {
    color: #002b5f;
    font-weight: bold;
    margin-bottom: 10px;
}

.content h3 {
    color: #002b5f;
    font-weight: normal;
    margin-bottom: 10px;
}

.content p {
    margin-bottom: 10px;
    line-height: 1.5;
}

.content b {
    color: #336699;
}

.content a {
    color: #3ca6e6;
    text-decoration: none;
}

    .content a:hover {
        color: #999999;
    }

.content li {
    padding-bottom: 10px;
    line-height: 1.5;
}

.content ul li ul li {
    padding-bottom: 10px;
    line-height: 1.5;
}

.content img {
    padding: 0px 0px 10px 10px;
}

.termsAndConditionsContent {
    color: #999999;
    font-weight: normal;
    float: left;
    width: 100%;
}

    .termsAndConditionsContent li {
        padding-bottom: 10px;
    }

.termsAndConditionsLink {
    padding-bottom: 15px;
}

.popupBody {
    width: 100%;
    height: 100%;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
    background-color: #FFFFFF;
}

.errorText {
    font-weight: bolder;
    margin: 0;
    color: #ff0000;
}

    .errorText a {
        color: #ff0000;
        text-decoration: underline;
    }

.genericHolder {
    position: relative;
    float: left;
    margin: 0px;
    padding: 0px;
}

.genericHolderFloatRight {
    position: relative;
    float: right;
}

.genericHolderFullWidth {
    clear: both;
    width: 100%;
}

.genericInlineImageHolder {
    float: left;
    padding: 0px 10px 0px 0px;
}

.newsImageHolder {
    float: left;
    padding: 0px 10px 0px 0px;
    width: 140px;
}

.dottedSeperator {
    clear: both;
    width: 100%;
    font-size: 0px;
    border-top: dotted 1px #000000;
    padding-bottom: 5px;
    margin-top: 5px;
}

.solidSeperatorGray {
    clear: both;
    width: 100%;
    font-size: 0px;
    border-top: solid 1px #999999;
    padding-bottom: 2px;
    margin-top: 2px;
}


div#popupContainer {
    clear: both;
    padding: 8px;
    background-color: #ffffff;
}

div#popupButtonsContainer {
    clear: both;
    border-top: dotted 1px #000000;
    padding-top: 5px;
    margin-top: 5px;
    text-align: right;
}

    div#popupButtonsContainer a {
        color: #359aff;
        text-decoration: none;
    }

        div#popupButtonsContainer a:hover {
            color: #999999;
        }

div#popupActionButtons img {
    vertical-align: middle;
}

img {
    border: 0;
}

.imgFloatBottomRight {
    vertical-align: bottom;
    float: right;
    margin-bottom: 10px;
}

div#header {
    width: 880px;
    clear: both;
}

div#footer {
    width: 880px;
    clear: both;
    padding-top: 15px;
}

div#leftFooterBody {
    margin-top: 7px;
    position: relative;
    float: left;
    width: 440px;
    text-align: left;
}

div#rightFooterBody {
    margin-top: 7px;
    position: relative;
    float: right;
    width: 440px;
    text-align: right;
}

div#footer a {
    color: #3ca6e6;
    text-decoration: none;
}

    div#footer a:hover {
        color: #999999;
    }

div#rightheader {
    border: solid 0px #000000;
    position: relative;
    float: left;
    width: 570px;
}

div#logo {
    position: relative;
    float: left;
    width: 295px;
    height: 120px;
}

div#logoSmall {
    position: relative;
    float: left;
    width: 125px;
    height: 35px;
}

div#membernav {
    text-align: right;
    clear: both;
}


    div#membernav a {
        color: #3ca6e6;
        text-decoration: none;
    }

        div#membernav a:hover {
            color: #333333;
            text-decoration: none;
        }

div#membernavGold {
    text-align: right;
    clear: both;
}

    div#membernavGold a {
        color: #e8aa20;
        text-decoration: none;
    }

        div#membernavGold a:hover {
            color: #333333;
            text-decoration: none;
        }

div#infonav {
    clear: both;
    text-align: right;
    padding-top: 7px;
}

    div#infonav a {
        color: #333333;
        text-decoration: none;
    }

        div#infonav a:hover {
            color: #3ca6e6;
            text-decoration: none;
        }

div#infonavGold {
    clear: both;
    text-align: right;
    padding-top: 7px;
}

    div#infonavGold a {
        color: #333333;
        text-decoration: none;
    }

        div#infonavGold a:hover {
            color: #e8aa20;
            text-decoration: none;
        }

div#recommendnav {
    clear: both;
    float: right;
    text-align: right;
    padding-top: 10px;
}

    div#recommendnav img {
        vertical-align: middle;
        padding-top: 4px;
    }

div#gotoNav {
    clear: both;
    float: right;
    text-align: right;
    padding-top: 10px;
}

div#searchtxt {
    float: left;
    width: 50px;
    padding-top: 3px;
    padding-right: 10px;
}

div#searchbox {
    float: left;
    width: 88px;
    height: 19px;
}

div#searchimg {
    float: left;
    width: 20px;
    height: 19px;
    padding: 3px 20px 0px 2px;
}

div#searchbox input {
    width: 84px;
    height: 15px;
    color: #58595b;
}

div#gototxt {
    float: left;
    padding-top: 3px;
    padding-right: 10px;
}

div#gotobox {
    float: left;
    height: 19px;
}

div#gotoimg {
    float: left;
    width: 20px;
    padding: 3px 0px 0px 0px;
}

div#rtxt {
    float: left;
    padding-top: 3px;
    padding-right: 10px;
}

div#rbox {
    float: left;
    width: 88px;
    height: 19px;
}

    div#rbox input {
        width: 84px;
        height: 15px;
        color: #58595b;
    }

div#rimg {
    float: left;
    width: 20px;
    height: 19px;
}

div#navigation {
    clear: both;
    text-align: right;
    float: right;
    margin-right: -10px;
}

.navMenu {
    color: #3399ff;
    font-weight: bold;
    text-decoration: none;
}

    .navMenu:hover {
        color: #333333;
        text-decoration: none;
    }

.navMenuGold {
    color: #e8aa20;
    font-weight: bold;
    text-decoration: none;
}

    .navMenuGold:hover {
        color: #333333;
        text-decoration: none;
    }

.logout {
    font-weight: bold;
    color: #333333;
}

.space {
    width: 24px;
    height: 1px;
}

div#maincontent {
    width: 880px;
    height: 100%;
    color: #404041;
    clear: both;
}

/*Page columns*/

/*Home*/
div#homeLeftPart {
    float: left;
    width: 735px;
}

div#homeRightPart {
    float: left;
    width: 251px;
}

div#homeMainContent {
    float: left;
    width: 881px;
}

div#homeleftcolumn {
    position: relative;
    float: left;
    width: 440px;
    height: 100%;
    border-right: dotted 1px #000000;
    padding-right: 7px;
}

div#homemiddlecolumn {
    position: relative;
    float: left;
    width: 270px;
}

div#homerightcolumn {
    position: relative;
    float: left;
    width: 125px;
}

div#homeleftColumnSplitLeft {
    position: relative;
    float: left;
    width: 210px;
    height: 100%;
    min-height: 100%;
    padding-right: 7px;
    border-right: dotted 1px #000000;
}

div#homeleftColumnSplitRight {
    position: relative;
    float: left;
    width: 210px;
    height: 100%;
    min-height: 100%;
    padding-left: 7px;
}

div#homemiddlecolumn {
    height: auto;
    height: 100%;
    min-height: 100%;
    width: 275px;
    position: relative;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
}

div#homerightcolumn {
    height: auto;
    height: 100%;
    min-height: 100%;
    width: 130px;
    position: relative;
    float: left;
    padding-left: 7px;
}

.quickCourse_Hide {
    display: none;
}
/*Site colours*/
.onMedicaDefault {
    color: #3399ff;
}

.newsColour {
    color: #336699;
}

.viewsColour {
    color: #de0000;
}

.learningColour {
    color: #33cc33;
}

.blogsColour {
    color: #5e3f2a;
}

.journalsColour {
    color: #009aab;
}

/*Blogs*/
div#blogsLeftColumn {
    float: left;
    width: 130px;
    height: 100%;
    min-height: 100%;
    padding-right: 7px;
}

div#blogsMiddleColumn {
    float: left;
    width: 445px;
    height: 100%;
    min-height: 100%;
    padding-left: 7px;
    padding-right: 7px;
    border-left: dotted 1px #000000;
    border-right: dotted 1px #000000;
}

div#blogsRightColumn {
    float: left;
    width: 275px;
    height: 100%;
    min-height: 100%;
    padding-left: 7px;
}

div#blogsRightColumnSplitLeft {
    float: left;
    width: 130px;
    padding-right: 7px;
}

div#blogsRightColumnSplitRight {
    margin: 0px auto;
    width: 130px;
    padding-left: 7px;
}

.blogColor {
    color: #6a3737;
}

.blogAltBackground {
    background-color: #f7f5f0;
}

.otherBloggersItem a {
    color: #6a3737;
    text-decoration: none;
}

    .otherBloggersItem a:hover {
        text-decoration: underline;
    }

.blogMenuItem {
    padding: 5px 2px 5px 2px;
    border-bottom: dotted 1px #000000;
}

.blogMenuTitle {
}

    .blogMenuTitle a {
        color: #6a3737;
        text-decoration: none;
    }

        .blogMenuTitle a:hover {
            text-decoration: underline;
        }

.blogMenuAuthor {
    font-weight: bolder;
}

/*About us*/
div#aboutSplitLeft {
    float: left;
    width: 500px;
}

div#aboutSplitRight {
    float: right;
    width: 65px;
}

    div#aboutSplitRight img {
        padding-bottom: 8px;
    }

/* Benefits */
div#benefitsSplitLeft {
    position: relative;
    float: left;
    width: 289px;
    border-right: dotted 1px #000000;
    padding-right: 5px;
}

div#benefitsSplitRight {
    position: relative;
    float: left;
    width: 289px;
    padding-left: 5px;
}

div#benefitsFullWidth {
    position: relative;
    clear: both;
    width: 100%;
}

.benefitsItem {
    width: 100%;
    padding-top: 5px;
}

    .benefitsItem h1 {
        margin: 0px 0px 5px 0px;
        padding: 0px;
    }

    .benefitsItem p {
        margin: 0px;
        padding: 0px;
    }

.benefitsItemLeft {
    position: relative;
    float: left;
    width: 88px;
}

.benefitsItemRight {
    position: relative;
    float: right;
    width: 190px;
}

.benefitsItemRightFullWidth {
    position: relative;
    float: right;
    width: 490px;
}

.newsTextColor {
    color: #3e71a0;
}

.timeTextColor {
    color: #cd0303;
}

.learnTextColor {
    color: #34cd35;
}

.pdpCategoryHeading {
    color: #333333;
    background-color: #cccccc;
    font-weight: bold;
    padding: 2px 2px 2px 2px;
    margin: 20px 0px 5px 0px;
}

.pdpTextColor {
    color: #eb6607;
}

.answersTextColor {
    color: #3ea8e6;
}

.literatureTextColor {
    color: #343434;
}

.peersTextColor {
    color: #34689a;
}

.saveMoneyTextColor {
    color: #ff9a35;
}

.pointsTextColor {
    color: #a6006c;
}

.omgTextColor {
    color: #e8aa20;
}

.omgBackground {
    height: 100%;
    background-color: #fbf0d7;
    margin: -5px 0px -5px 0px;
}

/*standard 4 column content page*/
div#standard4FirstColumn {
    float: left;
    width: 130px;
    padding-right: 7px;
}

div#standard4FirstColumnSearch {
    float: left;
    width: 130px;
    padding-right: 7px;
    height: 100%;
    /*border-right:dotted 1px #404041;	
    overflow:auto;*/
}

div#standard4SecondColumn {
    float: left;
    width: 445px;
    padding-left: 7px;
    padding-right: 7px;
    border-left: dotted 1px #404041;
    border-right: dotted 1px #404041;
}

div#standard4SecondColumnSearch {
    float: left;
    width: 130px;
    padding-left: 7px;
    padding-right: 7px;
    border-left: dotted 1px #404041;
}

div#standard4ThirdColumn {
    float: left;
    width: 130px;
    padding-left: 7px;
    padding-right: 7px;
}

div#standard4FourthColumn {
    float: left;
    width: 130px;
    padding-left: 7px;
}

/*Standard 3 column content page */
div#standard3FirstColumn {
    float: left;
    width: 130px;
    height: 100%;
    padding-right: 7px;
}

div#standard3SecondColumn {
    float: left;
    width: 590px;
    padding-left: 7px;
    padding-right: 7px;
    border-right: dotted 1px #404041;
    border-left: dotted 1px #404041;
}

div#standard3ThirdColumn {
    float: left;
    width: 130px;
    padding-left: 7px;
}

/* PDP Content page */
div#pdpFirstColumn {
    float: left;
    width: 130px;
    height: 100%;
    padding-right: 7px;
    border-right: dotted 1px #404041;
}

div#pdpSecondColumn {
    float: left;
    width: 735px;
    padding-left: 7px;
}

div#presentationLandingFirstColumn {
    float: left;
    width: 150px;
    height: 100%;
    padding-right: 7px;
}

div#presentationLandingSecondColumn {
    float: left;
    width: 565px;
    padding-left: 7px;
    padding-right: 7px;
    border-left: dotted 1px #404041;
    border-right: dotted 1px #404041;
}

/*Standard 2 column content page*/
div#standard2FirstColumn {
    float: left;
    width: 735px;
    padding-right: 7px;
    border-right: dotted 1px #404041;
}

div#standard2SecondColumn {
    float: left;
    width: 130px;
    padding-left: 7px;
}

div#newsbox {
    width: 445px;
}

    div#newsbox h3 a {
        color: #002b5f;
        text-decoration: none;
    }

        div#newsbox h3 a:hover {
            color: #3f709f;
        }

    div#newsbox p a {
        color: #002b5f;
        text-decoration: none;
    }

        div#newsbox p a:hover {
            color: #3f709f;
        }

div#newsbar {
    width: 445px;
    position: relative;
    float: left;
}

div#newsheader {
    width: 445px;
    height: 24px;
}

.newsMenuMostRecent {
    text-align: left;
    padding: 45px 0px 0px 35px;
}

    .newsMenuMostRecent a {
        color: #336699;
        text-decoration: none;
    }

        .newsMenuMostRecent a:hover {
            color: #999999;
        }

.newsMenuYear {
    color: #666666;
    text-align: left;
    width: 60px;
}

.newsMenuMonth {
    text-align: left;
    padding: 5px 0px 0px 35px;
}

    .newsMenuMonth a {
        color: #336699;
        text-decoration: none;
    }

        .newsMenuMonth a:hover {
            color: #999999;
        }

.newsMenuYearNavButtonHolder {
    width: 20px;
}

div#newstitle {
    width: 130px;
    position: relative;
    float: left;
    font-weight: bold;
    color: #3f709f;
    padding-top: 2px;
}

div#newsdate {
    width: 270px;
    position: relative;
    float: left;
    padding-right: 8px;
    text-align: right;
    padding-top: 4px;
}


.newsMenuTitle {
    font-weight: normal;
}

.newsMenuStandFirst {
}

.latestNewsItem a {
    color: #3f709f;
    text-decoration: none;
}

    .latestNewsItem a:hover {
        color: #333333;
    }


div#ticker {
    width: 445px;
    padding-top: 7px;
    float: left;
    color: #3f709f;
}

div#mainnewscontain {
    padding-top: 10px;
    width: 445px;
    float: left;
    border-bottom: dotted 1px #404041;
    padding-bottom: 10px;
}

div#mainnewsimg {
    width: 160px;
    position: relative;
    float: left;
}

div#mainnews {
    width: 285px;
    position: relative;
    float: left;
}

    div#mainnews h3 {
        font-weight: normal;
        margin: 0;
    }

    div#mainnews p {
        font-weight: normal;
        margin: 0;
        margin-top: 10px;
    }

div#dualnews {
    width: 445px;
    position: relative;
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: dotted 1px #404041;
}

    div#dualnews h3 {
        font-weight: normal;
        margin: 0;
    }

div#dualnewsleft {
    width: 216px;
    position: relative;
    float: left;
    padding-right: 6px;
    border-right: dotted 1px #404041;
}

    div#dualnewsleft p {
        font-weight: normal;
        margin: 0;
        margin-top: 6px;
    }

div#dualnewsright {
    width: 216px;
    float: left;
    padding-left: 6px;
}

    div#dualnewsright p {
        font-weight: normal;
        margin: 0;
        margin-top: 6px;
    }

div#morenews {
    width: 445px;
    position: relative;
    float: left;
    padding-top: 8px;
    padding-bottom: 10px;
}


    div#morenews a {
        color: #3f709f;
        text-decoration: none;
        font-weight: bold;
    }

        div#morenews a:hover {
            text-decoration: underline;
        }

div#blogbox {
    width: 215px;
    position: relative;
    float: left;
    padding-top: 8px;
}

    div#blogbox h3 a {
        color: #002b5f;
        text-decoration: none;
    }

        div#blogbox h3 a:hover {
            color: #6a3737;
        }

div#blogbar {
    width: 215px;
    position: relative;
    float: left;
}

div#blogheader {
    width: 215px;
    height: 24px;
}


div#blogtitle {
    width: 130px;
    position: relative;
    float: left;
    font-weight: bold;
    padding-top: 2px;
}

div#blogrss {
    width: 15px;
    position: relative;
    float: right;
    padding-right: 8px;
    padding-top: 4px;
}

.blog {
    width: 215px;
    position: relative;
    float: left;
    padding-top: 3px;
    padding-bottom: 5px;
    border-bottom: dotted 1px #404041;
}

    .blog h3 {
        font-weight: normal;
        margin: 0;
    }

    .blog p {
        font-weight: normal;
        margin: 0;
        margin-top: 2px;
    }

.blogimg {
    padding-top: 4px;
    width: 65px;
    position: relative;
    float: left;
}

.blogtxt {
    width: 150px;
    position: relative;
    float: left;
}

div#moreblogs {
    width: 215px;
    position: relative;
    float: left;
    padding-top: 8px;
    padding-bottom: 10px;
}


    div#moreblogs a {
        color: #6a3737;
        text-decoration: none;
        font-weight: bold;
    }

        div#moreblogs a:hover {
            text-decoration: underline;
        }

.blogHeader {
    clear: both;
    width: 100%;
}

    .blogHeader h2 {
        color: #6a3737;
        font-weight: bold;
        margin: 0;
        margin-top: 5px;
        margin-bottom: 20px;
    }

    .blogHeader h3 {
        color: #333333;
        font-weight: bold;
        margin: 0;
        margin-bottom: 10px;
    }

    .blogHeader h4 {
        color: #6a3737;
        font-weight: bold;
        margin: 0;
        margin-bottom: 5px;
    }

    .blogHeader p {
        font-weight: normal;
        margin: 0;
        margin-bottom: 5px;
    }

        .blogHeader p a {
            color: #6a3737;
            text-decoration: none;
        }

            .blogHeader p a:hover {
                color: #333333;
            }

div#viewsbox {
    width: 215px;
    position: relative;
    float: right;
    padding-top: 8px;
}

    div#viewsbox h3 a {
        color: #002b5f;
        text-decoration: none;
    }

        div#viewsbox h3 a:hover {
            color: #cd0303;
        }

div#viewbar {
    width: 215px;
    position: relative;
    float: left;
}

div#viewsheader {
    width: 215px;
    height: 24px;
}


div#viewstitle {
    width: 130px;
    position: relative;
    float: left;
    font-weight: bold;
    color: #cd0303;
    padding-top: 2px;
}

div#viewsrss {
    width: 15px;
    position: relative;
    float: right;
    padding-right: 8px;
    padding-top: 4px;
}

div#moreviews {
    width: 215px;
    position: relative;
    float: left;
    padding-top: 8px;
    padding-bottom: 10px;
}


    div#moreviews a {
        color: #cd0303;
        text-decoration: none;
        font-weight: bold;
    }

        div#moreviews a:hover {
            text-decoration: underline;
        }

.green {
    color: #06ce06;
    font-weight: bold;
}

.blue {
    color: #3f709f;
    font-weight: bold;
}

.brown {
    color: #6a3737;
    font-weight: bold;
}

div#learnbox {
    width: 275px;
    position: relative;
    float: left;
}

    div#learnbox h3 a {
        color: #002b5f;
        text-decoration: none;
    }

        div#learnbox h3 a:hover {
            color: #06ce06;
        }


div#learnheader {
    width: 275px;
    height: 24px;
}

div#learnbar {
    width: 275px;
    position: relative;
    float: left;
}

div#learntitle {
    width: 130px;
    position: relative;
    float: left;
    font-weight: bold;
    color: #06ce06;
    padding-top: 2px;
}

div#learnrss {
    width: 15px;
    position: relative;
    float: right;
    padding-right: 8px;
    padding-top: 4px;
}

div#morelearn {
    width: 275px;
    position: relative;
    float: left;
    padding-top: 8px;
    padding-bottom: 10px;
}


    div#morelearn a {
        color: #06ce06;
        text-decoration: none;
        font-weight: bold;
    }

        div#morelearn a:hover {
            text-decoration: underline;
        }

.learnimg {
    padding-top: 4px;
    width: 77px;
    position: relative;
    float: left;
}

.learntxt {
    width: 198px;
    position: relative;
    float: left;
}

div#recommendbox {
    width: 275px;
    position: relative;
    float: left;
    padding-top: 8px;
}


div#recommendheader {
    width: 275px;
    background-color: #dadada;
    height: 36px;
}

.black {
    color: Black;
}

div#recommendcontent {
    width: 275px;
    position: relative;
    float: left;
    background-image: url('../images/recmid.jpg');
    background-position: top;
    background-repeat: no-repeat;
    background-color: #cccccc;
}


div#recommendbottom {
    width: 275px;
    position: relative;
    float: left;
}

.recommend {
    width: 252px;
    position: relative;
    float: left;
    padding-top: 5px;
    padding-left: 12px;
}

.recommendtop {
    position: relative;
    float: left;
    width: 252px;
    background: url(../images/top.jpg);
    background-position: bottom left;
    background-repeat: no-repeat;
    height: 8px;
}

.recommendbot {
    position: relative;
    float: left;
    width: 252px;
    background: url(../images/bottom.jpg);
    background-position: bottom left;
    background-repeat: no-repeat;
    height: 8px;
    background-color: White;
}


.recommendcont {
    position: relative;
    float: left;
    width: 252px;
    background-color: White;
}

.recommendimg {
    width: 60px;
    padding-left: 5px;
    position: relative;
    float: left;
}


.recommendtxt {
    width: 180px;
    position: relative;
    float: left;
}


.recommend p {
    font-weight: normal;
    margin: 0;
}

    .recommend p a {
        color: #002b5f;
        text-decoration: none;
    }

        .recommend p a:hover {
            color: #53aee6;
        }

div#points {
    position: relative;
    position: relative;
    float: left;
    width: 130px;
}

.spacer {
    position: relative;
    clear: both;
    width: 100%;
    font-size: 0px;
    height: 0px;
    top: 19px;
    left: 0px;
}

.spacer5 {
    position: relative;
    clear: both;
    width: 100%;
    font-size: 0px;
    height: 5px;
}

.spacer10 {
    position: relative;
    clear: both;
    width: 100%;
    font-size: 0px;
    height: 10px;
    /*top: 19px;*/
    left: 0px;
    top: 0px;
}

.spacer15 {
    position: relative;
    clear: both;
    width: 100%;
    font-size: 0px;
    height: 15px;
    top: 0px;
    left: 0px;
}

.spacer20 {
    position: relative;
    clear: both;
    width: 100%;
    font-size: 0px;
    height: 20px;
}

.spacer25 {
    position: relative;
    clear: both;
    width: 100%;
    font-size: 0px;
    height: 25px;
}

.spacer5FloatRight {
    position: relative;
    float: right;
    font-size: 0px;
    width: 5px;
}

.spacer10FloatRight {
    position: relative;
    float: right;
    font-size: 0px;
    /*padding-left:25px;*/
    /*background-color:#ff0000;*/
    width: 10px;
}

.spacer15FloatRight {
    position: relative;
    float: right;
    font-size: 0px;
    width: 15px;
}

.spacer20FloatRight {
    position: relative;
    float: right;
    font-size: 0px;
    width: 20px;
}

.spacer25FloatRight {
    position: relative;
    float: right;
    font-size: 10px;
    /*padding-left:25px;*/
    /*background-color:#ff0000;*/
    width: 25px;
}

.spacerVertical5 {
    font-size: 0px;
    height: 5px;
    clear: both;
}

.spacerVertical10 {
    font-size: 0px;
    height: 10px;
    clear: both;
}

.spacerVertical15 {
    font-size: 0px;
    height: 15px;
    clear: both;
}

.spacerVertical20 {
    font-size: 0px;
    height: 20px;
    clear: both;
}

.spacerVertical25 {
    font-size: 10px;
    height: 25px;
    clear: both;
}

.pt {
    width: 81px;
    float: right;
    padding-right: 5px;
    padding-top: 10px;
}


div#ptlogo {
    width: 35px;
    float: left;
}

.pttop {
    padding-top: 0px;
    margin-top: 0px;
    width: 81px;
    background: url(../images/pttop.jpg);
    background-position: bottom left;
    background-repeat: no-repeat;
    height: 7px;
}

.ptbot {
    width: 81px;
    background: url(../images/ptbot.jpg);
    background-position: bottom left;
    background-repeat: no-repeat;
    height: 7px;
    background-color: white;
}


.ptcont {
    width: 81px;
    text-align: center;
    background-color: White;
    color: #a6006c;
    font-weight: bold;
}


div#pointsheader {
    position: relative;
    float: left;
    width: 130px;
    height: 6px;
    background-image: url(../images/pointsheader.jpg);
    background-repeat: no-repeat;
    background-color: #a6006c;
}

div#pointsbottom {
    position: relative;
    float: left;
    width: 130px;
    height: 5px;
    background-repeat: no-repeat;
    background-image: url(../images/pointsbottom.jpg);
}

div#pointscont {
    position: relative;
    float: left;
    width: 130px;
    background-color: #a6006c;
}

div#pdp {
    position: relative;
    float: left;
    width: 130px;
    padding-top: 15px;
}

div#pdpheader {
    position: relative;
    float: left;
    width: 130px;
    height: 42px;
    background-image: url(../images/pdptop.jpg);
}

div#pdpbottom {
    position: relative;
    float: left;
    width: 130px;
    height: 6px;
    background-image: url(../images/pdpbottom.jpg);
    background-repeat: no-repeat;
}


div#pdptxt {
    float: left;
    width: 130px;
    background-color: #ff9933;
}

div#pdptxt2 {
    float: left;
    width: 120px;
    padding-left: 10px;
    background-color: #ff9933;
}


    div#pdptxt2 a {
        color: White;
        text-decoration: none;
        font-weight: bold;
    }


        div#pdptxt2 a:hover {
            color: #e66b0c;
            text-decoration: none;
        }

.pdp {
    width: 116px;
    float: left;
    padding-left: 7px;
    padding-bottom: 5px;
}

.pdptop {
    float: left;
    width: 116px;
    background: url(../images/pdpt.jpg);
    background-position: bottom left;
    background-repeat: no-repeat;
    height: 7px;
}

.pdpbot {
    float: left;
    width: 116px;
    background: url(../images/pdpb.jpg);
    background-position: bottom left;
    background-repeat: no-repeat;
    height: 7px;
    background-color: white;
}


.pdpcont {
    float: left;
    width: 116px;
    text-align: center;
    background-color: White;
}

div#pollbox {
    width: 130px;
    float: left;
    padding-top: 8px;
}


div#pollheader {
    width: 130px;
    float: left;
    background-color: #666666;
}

div#pollcontent {
    width: 130px;
    float: left;
    background-color: #666666;
}


div#pollbottom {
    width: 130px;
    float: left;
    background-color: #666666;
    height: 6px;
}

.poll {
    width: 118px;
    float: left;
    padding-left: 6px;
    padding-bottom: 5px;
}

.polltop {
    float: left;
    width: 118px;
    background: url(../images/ptop.jpg);
    background-position: bottom left;
    background-repeat: no-repeat;
    height: 7px;
}

.pollbot {
    float: left;
    width: 118px;
    background: url(../images/pbot.jpg);
    background-position: bottom left;
    background-repeat: no-repeat;
    height: 7px;
    background-color: white;
}


.pollcont {
    float: left;
    width: 118px;
    text-align: center;
    background-color: White;
}

    .pollcont h4 {
        margin: 0;
        padding: 0;
        color: #002b5f;
        font-weight: normal;
    }

form {
    padding: 0;
    margin: 0;
    height: 100%;
}

input {
    padding: 0;
}

.radio {
    float: left;
    padding-left: 2px;
    height: 30px;
    width: 24px;
}


.pollhold {
    float: left;
    width: 118px;
    padding-bottom: 4px;
}

.polltxt {
    float: left;
    text-align: left;
    width: 86px;
    padding-top: 2px;
}

/*Content object */
.webContentObject {
    clear: both;
    padding-bottom: 15px;
}

.contentObjectHeader {
    padding-top: 5px;
    width: 100%;
    clear: both;
}

.contentObjectBody {
    width: 100%;
    height: 100%;
    clear: both;
}

.contentObjectFooter {
    padding-top: 10px;
    clear: both;
}

div#contentObjectHeading {
    float: left;
}

.panelTitle {
    font-weight: bold;
}

.panelDate {
    padding-right: 15px;
}

.panelMore {
    margin-top: 10px;
    font-weight: bold;
    text-decoration: none;
}

    .panelMore:hover {
        text-decoration: underline;
    }

div#contentObjectHeaderRight {
    position: relative;
    float: right;
}

div#contentObjectDate {
    float: left;
}

.rssButton {
    padding-right: 5px;
}

/* Forms */

.standardFormItem {
    clear: both;
    width: 100%;
    padding-bottom: 5px;
}

.standardFormLeftCol {
    float: left;
    width: 130px;
    padding-right: 5px;
    font-weight: normal;
}

.standardFormRightCol {
    float: left;
    width: 310px;
}

.regFormTree {
}

.standardInputBox {
    border: 1px solid #999999;
    background-color: #ffffff;
    padding: 2px;
    font-family: Tahoma;
    font-size: 12px;
}

.standardInputBoxDisabled {
    border: 1px solid #BBBBBB;
    color: #CCCCCC;
    background-color: #FEFEFE;
    font-family: Tahoma;
    padding: 2px;
}

/*Repeaters*/
.rptStandardItem {
    clear: both;
    padding: 5px 5px 5px 5px;
    background-color: #edf1f6;
}

.rptStandardItemAlt {
    clear: both;
    padding: 5px 5px 5px 5px;
    background-color: #ffffff;
}

.rptStandardItem h2 {
    color: #336699;
    font-weight: normal;
    margin: 0px 0px 5px 0px;
}

.rptStandardItemAlt h2 {
    color: #336699;
    font-weight: normal;
    margin: 0px 0px 5px 0px;
}

.rptStandardItem p {
}

.rptStandardItem a {
    cursor: pointer;
    text-decoration: none;
    color: #002b5f;
}

.rptStandardItemAlt a {
    cursor: pointer;
    text-decoration: none;
    color: #002b5f;
}

.rptStandardItem a:hover {
    text-decoration: underline;
}

.rptSearchSnippetItem {
    clear: both;
    width: 435px;
    padding: 5px 5px 5px 5px;
    background-color: #edf1f6;
    border-bottom: dotted 1px #000000;
}

.rptSearchSnippetItemAlt {
    clear: both;
    width: 435px;
    background-color: #ffffff;
    padding: 5px 5px 5px 5px;
    border-bottom: dotted 1px #000000;
}

.rptSearchSnippetItem a {
    cursor: pointer;
    text-decoration: none;
    color: #002b5f;
}

.rptSearchSnippetItemAlt a {
    cursor: pointer;
    text-decoration: none;
    color: #002b5f;
}

.rptSearchTitleItem {
    clear: both;
    width: 435px;
    padding: 5px 5px 5px 5px;
    background-color: #edf1f6;
}

.rptSearchTitleItemAlt {
    clear: both;
    width: 435px;
    background-color: #ffffff;
    padding: 5px 5px 5px 5px;
}

.rptSearchTitleItem a {
    cursor: pointer;
    text-decoration: none;
    color: #002b5f;
}

.rptSearchTitleItemAlt a {
    cursor: pointer;
    text-decoration: none;
    color: #002b5f;
}


.rptStandardItemAlt a:hover {
    text-decoration: underline;
}

.rptStandardItemAlt h3 {
    color: #336699;
    font-weight: normal;
    margin: 0px 0px 5px 0px;
}

.rptStandardItemAlt p {
}

.rptStandardItem img {
    padding-right: 10px;
}

.rptStandardItemAlt img {
    padding-right: 10px;
}

.rptStandardItemContentFill {
    width: 100%;
    clear: both;
    font-size: 0px;
    height: 1px;
}

.rptStandardComments {
    padding: 5px 5px 10px 5px;
    background-color: #edf0f5;
}

    .rptStandardComments h3 {
        color: #002b5f;
        font-weight: normal;
        margin: 0px 0px 5px 0px;
    }

    .rptStandardComments p {
        word-wrap: break-word;
        margin: 0px 0px 5px 0px;
    }

.rptStandardCommentsAlt {
    padding: 5px 5px 10px 5px;
    background-color: #ffffff;
}

    .rptStandardCommentsAlt h3 {
        color: #002b5f;
        font-weight: normal;
        margin: 0px 0px 5px 0px;
    }

    .rptStandardCommentsAlt p {
        word-wrap: break-word;
        margin: 0px 0px 5px 0px;
    }

.rptStandardCommentsSeperator {
    border-bottom: dotted 1px #000000;
}

.rptStandardCommentsDate {
    color: #666666;
}

.rptFaqs {
    padding: 5px 5px 10px 5px;
    background-color: #edf0f5;
}

    .rptFaqs p {
    }

    .rptFaqs h3 {
        color: #002b5f;
        font-weight: normal;
        margin: 0px 0px 5px 0px;
    }

.rptFaqsAlt {
    padding: 5px 5px 10px 5px;
    background-color: #ffffff;
}

    .rptFaqsAlt p {
    }

    .rptFaqsAlt h3 {
        color: #002b5f;
        font-weight: normal;
        margin: 0px 0px 5px 0px;
    }

.rptLinks {
    padding: 5px 5px 10px 5px;
    background-color: #edf0f5;
    border-top: dotted 1px #000000;
}

    .rptLinks a {
        color: #002b5f;
        text-decoration: none;
    }

        .rptLinks a:hover {
            color: #333333;
        }

    .rptLinks h3 {
        color: #002b5f;
        font-weight: normal;
        margin: 0px 0px 5px 0px;
    }

    .rptLinks p {
        color: #333333;
    }

.rptLinksAlt {
    padding: 5px 5px 10px 5px;
    background-color: #ffffff;
    border-top: dotted 1px #000000;
}

    .rptLinksAlt a {
        color: #002b5f;
        text-decoration: none;
    }

        .rptLinksAlt a:hover {
            color: #333333;
        }

    .rptLinksAlt h3 {
        color: #002b5f;
        font-weight: normal;
        margin: 0px 0px 5px 0px;
    }

    .rptLinksAlt p {
    }

.standardCommentsInputBox {
    border: 1px solid #666666;
    background-color: #eeeeee;
    font-family: Tahoma;
}

/* Navigation */
.standardNavItem {
    font-weight: bold;
    float: left;
    height: 30px;
    line-height: 30px;
    padding-right: 5px;
    padding-left: 5px;
}

    .standardNavItem a {
        color: #002b5f;
        text-decoration: none;
    }

        .standardNavItem a:hover {
            color: #3ca6e6;
        }

.standardNavSeperator {
    float: left;
    height: 30px;
    width: 1px;
    border-right: dotted 1px #000000;
}

.newsNumberArticles {
    float: left;
    width: 350px;
}

.standardPageNavigation {
    float: right;
}

.standardPageNavigationItem {
    text-decoration: none;
    padding: 2px 2px 2px 2px;
}

.standardPageNavigationItemHighlighted {
    text-decoration: none;
    padding: 2px 2px 2px 2px;
    color: #333333;
    font-weight: bolder;
}

.standardPageNavigationItem:hover {
    color: #333333;
}


/*Section colours*/

/*News*/
.news {
    color: #336699;
}

.newsSolid {
    background-color: #336699;
}

table#panelBarHeaderNews {
    width: 100%;
}

    table#panelBarHeaderNews td {
        background-color: #ffffff;
        background-image: url(gfx/panelBarNewsFill.gif);
    }

.newsHeader {
    clear: both;
    width: 100%;
}

    .newsHeader h1 {
        font-size: 20px;
        color: #CD0303;
        margin: 0;
        margin-bottom: 20px;
        font-weight: normal;
    }

    .newsHeader h2 {
        color: #CD0303;
        font-weight: bold;
        margin: 10px 0px 10px 0px;
        font-size: 14px;
    }

    .newsHeader h3 {
        color: #333333;
        font-weight: bold;
        margin: 0;
        margin-bottom: 10px;
    }

    .newsHeader h4 {
        color: #CD0303;
        font-weight: bold;
        margin: 0;
        margin-bottom: 5px;
    }

    .newsHeader p {
        font-weight: normal;
        margin: 0;
        margin-bottom: 5px;
    }

        .newsHeader p a {
            color: #336699;
            text-decoration: none;
        }

            .newsHeader p a:hover {
                color: #333333;
            }

.newsItem {
    width: 445px;
    clear: both;
    position: relative;
    float: left;
    padding-top: 3px;
    /*border-top:dotted 1px #404041;  */
    margin-top: 10px;
}

    .newsItem img {
        float: left;
        padding-right: 10px;
    }

    .newsItem h3 {
        font-weight: normal;
        margin: 0;
        padding: 0px 0px 0px 0px;
    }

        .newsItem h3 a {
            color: #336699;
            text-decoration: none;
        }

            .newsItem h3 a:hover {
                text-decoration: underline;
            }

    .newsItem p a {
        color: #336699;
        text-decoration: none;
    }

        .newsItem p a:hover {
            color: #999999;
            text-decoration: none;
        }

    .newsItem p {
        font-weight: normal;
        margin: 0;
        margin-top: 2px;
    }

.newsItemImage {
    float: left;
    width: 70px;
}

.newsItemText {
    float: left;
    width: 375px;
}

.newsItemText_NoImage {
    width: 445px;
}


.newsItemHeader {
    width: 445px;
    clear: both;
    position: relative;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    /*border-bottom:dotted 1px #404041;  */
}

    .newsItemHeader img {
        float: left;
        padding-right: 10px;
        vertical-align: bottom;
    }

    .newsItemHeader h3 {
        font-size: 22px;
        font-weight: 300;
        margin: 0;
        padding: 0px 0px 10px 0px;
    }

        .newsItemHeader h3 a {
            color: #336699;
            text-decoration: none;
        }

            .newsItemHeader h3 a:hover {
                text-decoration: underline;
            }

    .newsItemHeader p a {
        color: #333333;
        text-decoration: none;
    }

        .newsItemHeader p a:hover {
            color: #999999;
            text-decoration: none;
        }

    .newsItemHeader p {
        font-weight: normal;
        margin: 0;
        margin-top: 2px;
    }

.newsItemHeaderImage {
    float: left;
    width: 170px;
}

.newsItemHeaderText {
    float: left;
    width: 275px;
}

.newsItemHeaderText_NoImage {
    width: 445px;
}


.newsItemSplitLeft {
    width: 200px;
    position: relative;
    float: left;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-right: 10px;
    border-right: dotted 1px #000000;
    margin-top: 5px;
}

    .newsItemSplitLeft h3 {
        font-weight: normal;
        margin: 0;
        padding: 0px 5px 0px 0px;
    }

        .newsItemSplitLeft h3 a {
            color: #336699;
            text-decoration: none;
            padding: 0px 5px 0px 0px;
        }

            .newsItemSplitLeft h3 a:hover {
                text-decoration: underline;
            }

    .newsItemSplitLeft p a {
        color: #333333;
        text-decoration: none;
    }

        .newsItemSplitLeft p a:hover {
            color: #999999;
            text-decoration: none;
        }

    .newsItemSplitLeft p {
        font-weight: normal;
        margin: 0;
        margin-top: 2px;
        padding: 0px 3px 0px 0px;
    }

.newsItemSplitRight {
    width: 200px;
    position: relative;
    float: left;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 7px;
    margin-top: 5px;
}

    .newsItemSplitRight h3 {
        font-weight: normal;
        margin: 0;
        padding: 0px 0px 2px 0px;
    }

        .newsItemSplitRight h3 a {
            color: #336699;
            text-decoration: none;
        }

            .newsItemSplitRight h3 a:hover {
                text-decoration: underline;
            }

    .newsItemSplitRight p a {
        color: #336699;
        text-decoration: none;
    }

        .newsItemSplitRight p a:hover {
            color: #999999;
            text-decoration: none;
        }

    .newsItemSplitRight p {
        font-weight: normal;
        margin: 0;
        margin-top: 2px;
    }

.newsItemSplitImage {
    float: left;
    width: 70px;
}

.newsItemSplitText {
    float: left;
    width: 145px;
}

.newsItemSplitText_NoImage {
    width: 215px;
}

.relatedLink {
    clear: both;
    vertical-align: middle;
}

    .relatedLink img {
        padding-right: 5px;
    }

    .relatedLink a {
        color: #333333;
        text-decoration: none;
    }

        .relatedLink a:hover {
            color: #3ca6e6;
            text-decoration: none;
        }

div#newsArticle {
}

    div#newsArticle h1 {
        color: #002b5f;
        font-weight: normal;
    }

    div#newsArticle p {
    }

div#viewsArticle {
}

    div#viewsArticle h1 {
        color: #002b5f;
        font-weight: normal;
    }

    div#viewsArticle p {
    }

div#newsArticleNav {
    clear: both;
    width: 100%;
}

div#newsArticleNavLeft {
    float: left;
    /*width: 200px;*/
    text-align: left;
}

    div#newsArticleNavLeft img {
        vertical-align: middle;
        padding-right: 5px;
    }

    div#newsArticleNavLeft a {
        text-decoration: none;
        color: #336699;
    }

        div#newsArticleNavLeft a:hover {
            color: #333333;
        }

div#newsArticleNavRight {
    float: right;
    /*width: 200px;*/
    text-align: right;
}

    div#newsArticleNavRight img {
        vertical-align: middle;
        padding-left: 5px;
    }

    div#newsArticleNavRight a {
        text-decoration: none;
        color: #336699;
    }

        div#newsArticleNavRight a:hover {
            color: #333333;
        }

/*Learning*/
.learning {
    color: #05CE04;
}

.learningSolid {
    background-color: #05CE04;
}

table#panelBarHeaderLearning {
    width: 100%;
}

    table#panelBarHeaderLearning td {
        background-color: #ffffff;
        background-image: url(gfx/panelBarLearningFill.gif);
    }

.learningHeader {
    clear: both;
    font-weight: normal;
    padding-bottom: 5px;
}

    .learningHeader h1 {
        font-size: 20px;
        color: #3E5BC7;
        margin: 0;
        margin-bottom: 20px;
        font-weight: normal;
    }

    .learningHeader h2 {
        color: #3E5BC7;
        font-weight: bold;
        margin: 10px 0px 10px 0px;
        font-size: 14px;
    }

    .learningHeader h3 {
        color: #333333;
        font-weight: bold;
        margin: 0;
        margin-bottom: 10px;
    }

    .learningHeader h4 {
        color: #05CE04;
        font-weight: bold;
        margin: 0;
        margin-bottom: 5px;
    }

    .learningHeader h5 {
        color: #05CE04;
        font-weight: bold;
        margin: 0;
    }

    .learningHeader p {
    }

        .learningHeader p a {
            text-decoration: none;
            color: #336699;
        }

            .learningHeader p a:hover {
                color: #333333;
            }

.censusLearningHeader {
    clear: both;
}

    .censusLearningHeader h2 {
        color: #05CE04;
        font-weight: bold;
        margin: 0;
        margin-top: 5px;
        margin-bottom: 20px;
    }

    .censusLearningHeader h3 {
        color: #336699;
        font-weight: normal;
        margin: 0;
        margin-bottom: 10px;
    }

.censusLearningHeader_mainTitle {
    font-size: 20px;
    color: #3E5BC7;
    margin: 0;
    margin-bottom: 20px;
    font-weight: normal;
}

.censusLearningHeader_subTitle {
    color: #336699;
    font-weight: normal;
    margin: 0;
    margin-bottom: 10px;
}

.newsHeader {
    clear: both;
}

.learningButtons img {
    padding-right: 20px;
}

.learningItem {
    width: 275px;
    clear: both;
    position: relative;
    float: left;
    padding-top: 5px;
}

    .learningItem img {
        float: left;
        padding-right: 10px;
    }

    .learningItem h3 {
        font-weight: normal;
        margin: 0;
        padding: 0px 0px 0px 0px;
    }

        .learningItem h3 a {
            color: #336699;
            text-decoration: none;
        }

            .learningItem h3 a:hover {
                text-decoration: underline;
            }

    .learningItem p a {
        color: #336699;
        text-decoration: none;
    }

        .learningItem p a:hover {
            color: #999999;
            text-decoration: none;
        }

    .learningItem p {
        font-weight: normal;
        margin: 0;
        margin-top: 2px;
    }

.learningSeparator {
    clear: both;
    padding-bottom: 10px;
}

.learningItemImage {
    float: left;
    width: 55px;
}

.learningItemText {
    float: left;
    width: 220px;
}

.learningItemText_NoImage {
    width: 275px;
}


.learningQuestionSummary {
    font-style: italic;
}

div#learningLandingTopSection {
    clear: both;
    width: 100%;
}

div#learningLandingBottomSection {
    clear: both;
    width: 100%;
    padding-top: 10px;
}

div#learningLandingCol1 {
    position: relative;
    float: left;
    width: 186px;
    height: 100%;
    padding-right: 7px;
    border-right: dotted 1px #000000;
}

div#learningLandingCol2 {
    position: relative;
    float: left;
    width: 186px;
    height: 100%;
    padding-left: 7px;
    padding-right: 7px;
    border-right: dotted 1px #000000;
}

div#learningLandingCol3 {
    position: relative;
    float: left;
    width: 186px;
    height: 100%;
    padding-left: 7px;
}

div#learningLandingCol1NoLine {
    position: relative;
    float: left;
    width: 186px;
    padding-right: 8px;
}

div#learningLandingCol2NoLine {
    position: relative;
    float: left;
    width: 186px;
    padding-left: 7px;
    padding-right: 8px;
}

div#learningLandingCol3NoLine {
    position: relative;
    float: left;
    width: 186px;
    padding-left: 7px;
}

.learningItemsHeaderText {
    float: left;
    /*width:420px;*/
}

.learningItemsHeaderLogo {
    float: right;
    width: 150px;
    text-align: right;
}


.theraputicAreasItem {
    clear: both;
    width: 186px;
    background-color: #f1f1f1;
    padding: 5px 0px 5px 0px;
}

.theraputicAreasItemAlt {
    clear: both;
    width: 186px;
    padding: 5px 0px 5px 0px;
}

.theraputicAreasDescription {
    position: relative;
    float: left;
    width: 145px;
    padding-left: 5px;
}

.theraputicAreasDescriptionSelected {
    position: relative;
    float: left;
    width: 145px;
    padding-left: 5px;
    color: #33cc33;
    font-weight: bolder;
}

    .theraputicAreasDescriptionSelected a {
        text-decoration: none;
        color: #33cc33;
        cursor: default;
    }

.theraputicAreasDescription a {
    color: #333333;
    text-decoration: none;
}

    .theraputicAreasDescription a:hover {
        color: #33cc33;
    }

.theraputicAreasNumber {
    position: relative;
    float: right;
    text-align: right;
    width: 20px;
    padding-left: 6px;
    padding-right: 5px;
}

.learningSection {
}

    .learningSection h3 {
        padding: 0;
        margin: 0px 0px 10px 0px;
    }

    .learningSection p {
        height: 75px;
        padding: 0;
        margin: 0;
    }

.learningCoursesAndCasesColor {
    text-decoration: none;
    color: #359aff;
}

.learningInteractivePresentationsColor {
    text-decoration: none;
    color: #35689a;
}

.learningBusinessTutorialsColor {
    text-decoration: none;
    color: #213f5e;
}

.learningClinicalArticlesColor {
    text-decoration: none;
    color: #ff9900;
}

.learningClinicalInteractiveColor {
    text-decoration: none;
    color: #ff0000;
}

.learningOtherColor {
    text-align: center;
    text-decoration: none;
    color: #666666;
}

.learningSectionAreaHeading {
}

    .learningSectionAreaHeading h3 {
        color: #6a6a6a;
        font-weight: bold;
        padding: 0;
        margin: 0px 0px 10px 0px;
    }


div#panelFeaturedCase {
    width: 186px;
    cursor: pointer;
    text-decoration: none;
}

    div#panelFeaturedCase h3 {
        font-weight: normal;
        padding: 5px 5px 0px 5px;
        color: #ffffff;
        margin: 0;
    }

    div#panelFeaturedCase p {
        padding: 0px 5px 0px 5px;
        color: #ffffff;
    }

div#panelFeaturedCaseTop {
    width: 186px;
    height: 25px;
    background-image: url(gfx/panelFeaturedCaseTop.jpg);
    background-repeat: no-repeat;
}

div#panelFeaturedCaseBody {
    background-color: #3399ff;
}

div#panelFeaturedCaseBottom {
    width: 186px;
    height: 5px;
    background-image: url(gfx/panelFeaturedCaseBottom.jpg);
    background-repeat: no-repeat;
}

div#panelFeaturedPresentation {
    width: 186px;
    cursor: pointer;
    text-decoration: none;
}

    div#panelFeaturedPresentation h3 {
        font-weight: normal;
        padding: 5px 5px 0px 5px;
        color: #ffffff;
        margin: 0;
    }

    div#panelFeaturedPresentation p {
        padding: 0px 5px 0px 5px;
        color: #ffffff;
    }

div#panelFeaturedPresentationTop {
    width: 186px;
    height: 25px;
    background-image: url(gfx/panelFeaturedPresentationTop.jpg);
    background-repeat: no-repeat;
}

div#panelFeaturedPresentationBody {
    background-color: #336699;
}

div#panelFeaturedPresentationBottom {
    width: 186px;
    height: 5px;
    background-image: url(gfx/panelFeaturedPresentationBottom.jpg);
    background-repeat: no-repeat;
}

div#panelFeaturedTutotial {
    width: 186px;
    cursor: pointer;
    text-decoration: none;
}

    div#panelFeaturedTutotial h3 {
        font-weight: normal;
        padding: 5px 5px 0px 5px;
        color: #ffffff;
        margin: 0;
    }

    div#panelFeaturedTutotial p {
        padding: 0px 5px 0px 5px;
        color: #ffffff;
    }

div#panelFeaturedTutotialTop {
    width: 186px;
    height: 25px;
    background-image: url(gfx/panelFeaturedTutorialTop.jpg);
    background-repeat: no-repeat;
}

div#panelFeaturedTutotialBody {
    background-color: #264e77;
}

div#panelFeaturedTutotialBottom {
    width: 186px;
    height: 5px;
    background-image: url(gfx/panelFeaturedTutorialBottom.jpg);
    background-repeat: no-repeat;
}

.panelLearningCI {
    width: 186px;
    cursor: pointer;
    text-decoration: none;
}

.panelLearningCITop h3 {
    font-weight: normal;
    padding: 5px 5px 0px 5px;
    color: #ffffff;
    margin: 0;
}

.panelLearningCI p {
    padding: 5px 5px 0px 5px;
    color: #ffffff;
}

.panelLearningCI img {
    float: left;
    padding-right: 5px;
}

.panelLearningCITop {
    width: 186px;
    height: 24px;
    background-image: url(gfx/pnlLearningCITop.jpg);
    background-repeat: no-repeat;
}

.panelLearningCIBody {
    background-image: url(gfx/pnlLearningCIFill.jpg);
    background-repeat: repeat-y;
}

.panelLearningCIBottom {
    width: 186px;
    height: 5px;
    background-image: url(gfx/pnlLearningCIBottom.jpg);
    background-repeat: no-repeat;
}

.learningMenuHeader {
    clear: both;
}

    .learningMenuHeader h2 {
        color: #33cc33;
        font-weight: bold;
        margin: 0;
        margin-top: 5px;
        margin-bottom: 10px;
    }

/*Blogs*/
.blogs {
    color: #693736;
}

.blogsSolid {
    background-color: #693736;
}

table#panelBarHeaderBlogs {
    width: 100%;
}

    table#panelBarHeaderBlogs td {
        background-color: #ffffff;
        background-image: url(gfx/panelBarBlogsFill.gif);
    }



.blogTitle {
    font-weight: bold;
}

.blogAuthor {
    font-weight: normal;
}

.blogsMenuHeader {
    clear: both;
}

    .blogsMenuHeader h2 {
        color: #6a3737;
        font-weight: bold;
        margin: 0;
        margin-top: 5px;
        margin-bottom: 10px;
    }

.blogsNavigation a {
    color: #6a3737;
}

.blogsItem {
    width: 210px;
    clear: both;
    position: relative;
    float: left;
    padding-top: 5px;
    /*border-top:dotted 1px #404041;  
    margin-top:10px;*/
}

    .blogsItem img {
        float: left;
        padding-right: 10px;
    }

    .blogsItem h3 {
        font-weight: normal;
        margin: 0;
        padding: 0px 0px 0px 0px;
    }

        .blogsItem h3 a {
            color: #336699;
            text-decoration: none;
        }

            .blogsItem h3 a:hover {
                text-decoration: underline;
            }

    .blogsItem p a {
        text-decoration: none;
    }

        .blogsItem p a:hover {
            color: #999999;
            text-decoration: none;
        }

    .blogsItem p {
        font-weight: normal;
        margin: 0;
        margin-top: 2px;
    }

.blogsItemImage {
    float: left;
    width: 70px;
}

.blogsItemText {
    float: left;
    width: 140px;
}

.blogsItemText_NoImage {
    width: 210px;
}

.blogsItemHeader {
    width: 210px;
    clear: both;
    position: relative;
    float: left;
    padding-top: 5px;
}

    .blogsItemHeader img {
        float: left;
        padding-right: 10px;
    }

    .blogsItemHeader h3 {
        font-weight: normal;
        margin: 0;
        padding: 0px 0px 0px 0px;
    }

        .blogsItemHeader h3 a {
            color: #336699;
            text-decoration: none;
        }

            .blogsItemHeader h3 a:hover {
                text-decoration: underline;
            }

    .blogsItemHeader p a {
        color: #336699;
        text-decoration: none;
    }

        .blogsItemHeader p a:hover {
            color: #999999;
            text-decoration: none;
        }

    .blogsItemHeader p {
        font-weight: normal;
        margin: 0;
        margin-top: 2px;
    }

.blogsSeparator {
    clear: both;
    padding-bottom: 10px;
    /*border-bottom:dotted 1px #404041;  */
}

.blogPost {
    padding-top: 10px;
}

    .blogPost h1 {
        color: #002b5f;
        font-weight: normal;
        margin: 20px 0px 20px 0px;
    }

    .blogPost h2 {
        color: #6a3737;
        font-weight: bold;
        margin: 0;
    }

    .blogPost h3 {
        color: #6a3737;
        font-weight: normal;
        margin: 0;
    }

    .blogPost p {
    }




/*Views*/
.views {
    color: #CD0303;
}

.viewsSolid {
    background-color: #CD0303;
}

.viewsHeader {
    clear: both;
    width: 100%;
}

    .viewsHeader h1 {
        font-size: 20px;
        color: #336699;
        margin: 0;
        margin-bottom: 20px;
        font-weight: normal;
    }

    .viewsHeader h2 {
        color: #336699;
        font-weight: bold;
        margin: 10px 0px 10px 0px;
        font-size: 14px;
    }

    .viewsHeader h3 {
        color: #333333;
        font-weight: bold;
        margin: 0;
        margin-bottom: 10px;
    }

    .viewsHeader h4 {
        color: #336699;
        font-weight: bold;
        margin: 0;
        margin-bottom: 5px;
    }

    .viewsHeader p {
        font-weight: normal;
        padding-bottom: 5px;
    }

table#panelBarHeaderViews {
    width: 100%;
}

    table#panelBarHeaderViews td {
        background-color: #ffffff;
        background-image: url(gfx/panelBarViewsFill.gif);
    }

.viewsItem {
    width: 210px;
    clear: both;
    position: relative;
    float: left;
    padding-top: 5px;
}

    .viewsItem h3 {
        font-weight: normal;
        margin: 0;
        padding: 0px 0px 0px 0px;
    }

        .viewsItem h3 a {
            color: #336699;
            text-decoration: none;
        }

            .viewsItem h3 a:hover {
                text-decoration: underline;
            }

    .viewsItem p a {
        color: #336699;
        text-decoration: none;
    }

        .viewsItem p a:hover {
            color: #999999;
            text-decoration: none;
        }

    .viewsItem p {
        font-weight: normal;
        margin: 0;
        margin-top: 2px;
    }

.viewsSeparator {
    clear: both;
    padding-bottom: 10px;
    /*border-bottom:dotted 1px #404041;  */
}

.viewsItemImage {
    float: left;
    width: 55px;
}

.viewsItemText {
    float: left;
    width: 155px;
}

.viewsItemText_NoImage {
    width: 210px;
}

/* OMG */
table#panelBarHeaderOMG {
    width: 100%;
}

    table#panelBarHeaderOMG td {
        background-color: #ffffff;
        background-image: url(gfx/panelBarOMGFill.gif);
    }

.omgContentLeft {
    position: relative;
    float: left;
    width: 310px;
    margin: 5px 0px 5px 10px;
}

.omgContentRight {
    position: relative;
    float: right;
    width: 115px;
    margin: 5px 5px 5px 5px;
    text-align: center;
}

/* objects */
.pointsTop {
    width: 130px;
    height: 50px;
    background-image: url(gfx/objPointsTop.jpg);
    background-repeat: no-repeat;
}

.pointsBody {
    width: 130px;
    background-image: url(gfx/objPointsBody.jpg);
    background-repeat: repeat-y;
}

    .pointsBody h1 {
        color: #3ba9e6;
        padding: 0px 10px 0px 10px;
        margin: 0;
    }

    .pointsBody h2 {
        color: #999999;
        padding: 5px 10px 5px 10px;
        margin: 0;
    }

.pointsBottom {
    width: 130px;
    height: 11px;
    background-image: url(gfx/objPointsBottom.jpg);
    background-repeat: no-repeat;
}

.OMGPointsTop {
    width: 130px;
    height: 40px;
    background-image: url(gfx/objOMGPointsTop.jpg);
    background-repeat: no-repeat;
}

.OMGPointsBody {
    width: 130px;
    background-image: url(gfx/objOMGPointsBody.jpg);
    background-repeat: repeat-y;
}

    .OMGPointsBody h1 {
        color: #eaa61d;
        padding: 0px 10px 0px 10px;
        margin: 0;
    }

    .OMGPointsBody h2 {
        color: #999999;
        padding: 5px 10px 0px 10px;
        margin: 0;
    }

    .OMGPointsBody p {
        color: #999999;
        padding: 5px 10px 5px 10px;
        margin: 0;
    }

.OMGPointsBottom {
    width: 130px;
    height: 11px;
    background-image: url(gfx/objOMGPointsBottom.jpg);
    background-repeat: no-repeat;
}

.pointsObject {
    width: 130px;
    height: 74px;
    padding-bottom: 15px;
    background-image: url(gfx/objPoints.jpg);
    background-repeat: no-repeat;
}

.pointsText {
    font-weight: bold;
    color: #a6016a;
    padding: 18px 10px 0px 50px;
}

.pdpTrackerObject {
    width: 130px;
    height: 118px;
    padding-bottom: 15px;
    background-image: url(gfx/objPDPTracker.jpg);
    background-repeat: no-repeat;
}

.pdpTrackerText {
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 50px;
    height: 28px;
}

.pdpViewTrackedPages {
    margin-top: 20px;
    margin-left: 10px;
}

.pdpViewLearnMore {
    margin-left: 10px;
}

.pdpLinks {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

    .pdpLinks:hover {
        color: #333333;
    }

.googleSearchObject {
    clear: both;
    padding-bottom: 15px;
}

.googleSearchTop {
    height: 9px;
    background-image: url(gfx/objGoogleSearchTop.jpg);
    background-repeat: no-repeat;
}

.googleSearchBody {
    /*width:275px;	*/
    background-image: url(gfx/objGoogleSearchFill.jpg);
    background-repeat: repeat-y;
    padding: 2px;
}

.googleSearchBottom {
    /*width:275px;	*/
    height: 5px;
    background-image: url(gfx/objGoogleSearchBottom.jpg);
    background-repeat: no-repeat;
}

.drSocratesSearchObject {
    clear: both;
    padding-bottom: 15px;
    padding-right: 0px;
    border: solid 0px #000000;
}

.drSocratesSearchTop {
    width: 274px;
    height: 4px;
    background-image: url(gfx/objSearchTop.jpg);
    background-repeat: no-repeat;
}

.drSocratesSearchBody {
    border: solid 0px #000000;
    width: 274px;
    background-image: url(gfx/objSearchFill.jpg);
    background-repeat: repeat-y;
    padding-right: 0px;
    padding-left: 4px;
    padding-top: 2px;
}

.drSocratesSearchBottom {
    width: 274px;
    height: 5px;
    background-image: url(gfx/objSearchBottom.jpg);
    background-repeat: no-repeat;
}

.drSocratesSearchBack {
    padding-top: 15px;
    height: 9px;
    background-image: url(gfx/DocSoc-Banner_02.jpg);
    background-repeat: no-repeat;
}

.drSocratesSearchBackLine {
    height: 9px;
    background-image: url(gfx/docSoc1pxLine.jpg);
    background-repeat: repeat;
}

.DrSocArticlesSearch {
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    color: Navy;
    font-weight: bold;
}

.DrSocArticles {
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    color: #666666;
}

    .DrSocArticles a {
        /*color:#336699;*/
        color: Navy;
    }

        .DrSocArticles a:hover {
            color: #999999;
        }


.omgStatsObject {
    clear: both;
    padding-bottom: 15px;
}

.omgStatsObjectTop {
    width: 130px;
    height: 40px;
    background-image: url(gfx/objOMGStatsTop.jpg);
    background-repeat: no-repeat;
}

.omgStatsObjectStatus {
    width: 130px;
    height: 30px;
    background-image: url(gfx/objOMGStatsStatus.jpg);
    background-repeat: no-repeat;
}

.omgStatsObjectStatusText {
    padding: 8px 10px 10px 20px;
}

.omgStatsObjectFill {
    width: 130px;
    background-image: url(gfx/objOMGStatsFill.jpg);
    background-repeat: repeat-y;
}

.omgStatsObjectContent {
    width: 116px;
    min-height: 100px;
    margin: 0px 7px 0px 7px;
}

    .omgStatsObjectContent p {
        color: #ffffff;
    }

.omgStatsObjectBottom {
    width: 130px;
    height: 10px;
    background-image: url(gfx/objOMGStatsBottom.jpg);
    background-repeat: no-repeat;
}

.pollObject {
    clear: both;
    padding-bottom: 15px;
}

.pollObjectTop {
    width: 130px;
    height: 40px;
    background-image: url(gfx/objPollTop.jpg);
    background-repeat: no-repeat;
}

.pollObjectFill {
    width: 130px;
    background-image: url(gfx/objPollFill.jpg);
    background-repeat: repeat-y;
}

.pollObjectContent {
    width: 114px;
    min-height: 135px;
    margin: 0px 8px 0px 8px;
    padding-left: 2px;
}

    .pollObjectContent h2 {
        color: #336699;
        padding: 0;
        margin: 0;
        font-size: 13px;
        padding-right: 2px;
    }

        .pollObjectContent h2 a {
            text-decoration: none;
            color: #333333;
        }

            .pollObjectContent h2 a:hover {
                color: #336699;
            }

.pollObjectBottom {
    width: 130px;
    height: 30px;
    background-image: url(gfx/objPollBottom.jpg);
    background-repeat: no-repeat;
}

.pollObjectLink {
    width: 130px;
    padding-top: 12px;
    padding-left: 10px;
    text-align: left;
}

    .pollObjectLink a {
        text-decoration: none;
        color: #ffffff;
        font-weight: bold;
    }

        .pollObjectLink a:hover {
            color: #68d2ff;
        }

.pollAnswer {
    width: 100%;
    clear: both;
    padding-bottom: 5px;
    cursor: pointer;
}

    .pollAnswer a {
        text-decoration: none;
        color: #336699;
    }

        .pollAnswer a:hover {
            color: #333333;
        }

    .pollAnswer P {
        padding-bottom: 0px;
    }

.blogsObject {
    width: 130px;
    height: 205px;
    background-image: url(gfx/objBlogs.jpg);
    background-repeat: no-repeat;
    padding: 0px 0px 10px 0px;
}

.blogsObjectLink {
    width: 120px;
    padding-top: 175px;
    padding-left: 10px;
    text-align: left;
}

    .blogsObjectLink a {
        text-decoration: none;
        color: #ffffff;
        font-weight: bold;
    }

        .blogsObjectLink a:hover {
            color: #359aff;
        }

.miObject {
    /*	width:130px;
	height:205px;
	background-image:url(gfx/objMI.jpg);	
	background-repeat:no-repeat;*/
    padding: 0px 0px 10px 0px;
    /*	cursor:pointer;*/
}

.miObjectLink {
    width: 120px;
    padding-top: 175px;
    padding-left: 10px;
    text-align: left;
}

    .miObjectLink a {
        text-decoration: none;
        color: #ffffff;
        font-weight: bold;
    }

        .miObjectLink a:hover {
            color: #333333;
        }

.editorsObject {
    clear: both;
    width: 275px;
    padding-bottom: 15px;
}

.editorsObjectTop {
    width: 275px;
    height: 5px;
    background-image: url(gfx/objEditorTop.jpg);
    background-repeat: no-repeat;
}

.editorsObjectFill {
    width: 275px;
    background-image: url(gfx/objEditorFill.jpg);
    background-repeat: repeat-y;
}

.editorsObjectBody {
    margin: 0px 5px 0px 5px;
}

    .editorsObjectBody img {
        float: left;
        margin: 0px 5px 2px 0px;
    }

    .editorsObjectBody h2 {
        font-weight: bolder;
        padding: 0px 0px 5px 0px;
        margin: 0px;
    }

    .editorsObjectBody a {
        text-decoration: none;
        color: #336699;
    }

        .editorsObjectBody a:hover {
            color: #333333;
        }

    .editorsObjectBody h3 {
        font-weight: normal;
        padding: 0px 0px 5px 0px;
        margin: 0px;
    }


.editorsObjectBottom {
    width: 275px;
    height: 5px;
    background-image: url(gfx/objEditorBottom.jpg);
    background-repeat: no-repeat;
}

.onMedicaGoldObject {
    /*width:130px;	
	height:206px;
	background-image:url(gfx/objOnMedicaGold.jpg);	
	background-repeat:no-repeat;	*/
    padding-bottom: 15px;
}

.onMedicaGoldObjectLink {
    width: 120px;
    padding-top: 187px;
    padding-left: 10px;
    text-align: left;
}

    .onMedicaGoldObjectLink a {
        text-decoration: none;
        color: #ffffff;
        font-weight: bold;
    }

        .onMedicaGoldObjectLink a:hover {
            color: #333333;
        }

.onMedicaCarGameObject {
    padding-bottom: 15px;
}

.onMedicaYellowCardReport {
    padding-bottom: 15px;
}

.onMedicaDemoObject {
    /*width:130px;	
	height:206px;
	background-image:url(gfx/objOnMedicaDemo.jpg);	
	background-repeat:no-repeat;	*/
    padding-bottom: 15px;
}

.onMedicaDemoObjectLink {
    width: 120px;
    padding-top: 187px;
    padding-left: 10px;
    text-align: left;
}

    .onMedicaDemoObjectLink a {
        text-decoration: none;
        color: #ffffff;
        font-weight: bold;
    }

        .onMedicaDemoObjectLink a:hover {
            color: #333333;
        }

.learningObject {
    width: 130px;
    height: 246px;
    background-image: url(gfx/objLearning.jpg);
    background-repeat: no-repeat;
    padding-bottom: 15px;
}

.learningObjectLink {
    width: 110px;
    padding: 175px 10px 0px 10px;
    text-align: left;
}

    .learningObjectLink h1 {
        color: #ffffff;
        padding: 0px;
        margin-bottom: 50px;
    }

    .learningObjectLink a {
        text-decoration: none;
        color: #ffffff;
        font-weight: bold;
    }

        .learningObjectLink a:hover {
            color: #333333;
        }

.learningButtonSmall {
    width: 186px;
    height: 38px;
    background-image: url(gfx/panelLearningSmallFull.jpg);
    background-repeat: no-repeat;
    cursor: pointer;
    text-decoration: none;
}

.learningButtonLinks {
    width: 186px;
    height: 38px;
    background-image: url(gfx/panelLearningLinksBG.jpg);
    background-repeat: no-repeat;
    cursor: pointer;
    text-decoration: none;
}

.learningButtonArchive {
    width: 186px;
    height: 38px;
    background-image: url(gfx/panelLearningArchiveBG.jpg);
    background-repeat: no-repeat;
    cursor: pointer;
    text-decoration: none;
}

.learningButtonSmallInnerText {
    color: #ffffff;
    padding: 5px 5px 5px 40px;
}

.learningButtonCA {
    width: 186px;
    height: 38px;
    background-image: url(gfx/panelLearningCABG.jpg);
    background-repeat: no-repeat;
    cursor: pointer;
    text-decoration: none;
}

.panelPresentation {
    width: 187px;
    clear: both;
}

.panelPresentationTop {
    background-image: url(gfx/panelPresentationTop.jpg);
    background-repeat: no-repeat;
    height: 35px;
    clear: both;
    width: 100%;
}

    .panelPresentationTop h1 {
        padding: 8px 5px 0px 8px;
        margin: 0px;
        color: #333333;
    }

.panelPresentationBody {
    background-image: url(gfx/panelPresentationFill.jpg);
    background-repeat: repeat-y;
    clear: both;
    width: 100%;
}

.panelPresentationBottom {
    background-image: url(gfx/panelPresentationBottom.jpg);
    background-repeat: no-repeat;
    height: 16px;
    clear: both;
    width: 100%;
}

/* Default objects */
table#panelBarDefault {
    width: 100%;
}

    table#panelBarDefault td {
        background-color: #ffffff;
        background-image: url(gfx/panelBarDefaultFill.gif);
    }

table#panelBarHeaderClinicalArticles {
    width: 100%;
}

    table#panelBarHeaderClinicalArticles td {
        background-color: #ffffff;
        background-image: url(gfx/panelBarClinicalArticlesFill.gif);
    }

table#panelBarHeaderOther {
    width: 100%;
}

    table#panelBarHeaderOther td {
        background-color: #ffffff;
        background-image: url(gfx/panelBarOtherFill.gif);
    }

table#panelBarInteractivePresentation {
    width: 100%;
}

    table#panelBarInteractivePresentation td {
        background-color: #ffffff;
        background-image: url(gfx/panelBarIPFill.gif);
    }

table#panelBarBusinessPresentation {
    width: 100%;
}

    table#panelBarBusinessPresentation td {
        background-color: #ffffff;
        background-image: url(gfx/panelBarBTFill.gif);
    }


.defaultHeader {
    clear: both;
}

    .defaultHeader h1 {
        font-size: 20px;
        color: #336699;
        margin: 0;
        margin-bottom: 20px;
        font-weight: normal;
    }

    .defaultHeader h2 {
        color: #336699;
        font-weight: bold;
        margin: 10px 0px 10px 0px;
        font-size: 14px;
    }

    .defaultHeader h3 {
        font-weight: bold;
        margin: 0;
        margin-bottom: 10px;
    }

    .defaultHeader p {
        font-weight: normal;
        margin: 0;
        margin-bottom: 5px;
    }

    .defaultHeader a {
        text-decoration: none;
        color: #336699;
    }

        .defaultHeader a:hover {
            color: #333333;
        }

    .defaultHeader img {
        float: left;
        padding-right: 10px;
    }

.censusDefaultHeader {
    clear: both;
}

    .censusDefaultHeader h2 {
        color: #359aff;
        font-weight: bold;
        margin: 0;
        margin-top: 5px;
        margin-bottom: 20px;
    }

    .censusDefaultHeader h3 {
        font-weight: bold;
        margin: 0;
        margin-bottom: 10px;
    }

    .censusDefaultHeader p {
        font-weight: normal;
        margin: 0;
        margin-bottom: 5px;
    }

    .censusDefaultHeader a {
        text-decoration: none;
        color: #336699;
    }

        .censusDefaultHeader a:hover {
            color: #333333;
        }

    .censusDefaultHeader img {
        float: left;
        padding-right: 10px;
    }

.otherHeader {
    clear: both;
}

    .otherHeader h2 {
        color: #6a6a6a;
        font-weight: bold;
        margin: 0;
        margin-top: 5px;
        margin-bottom: 20px;
    }

    .otherHeader h3 {
        font-weight: bold;
        margin: 0;
        margin-bottom: 10px;
        color: #336699;
    }

    .otherHeader p {
        font-weight: normal;
        margin: 0;
        margin-bottom: 5px;
    }

    .otherHeader a {
        text-decoration: none;
        color: #336699;
    }

        .otherHeader a:hover {
            color: #333333;
        }

.OMGHeader {
    clear: both;
}

    .OMGHeader h2 {
        color: #e8aa20;
        font-weight: bold;
        margin: 0;
        margin-top: 5px;
        margin-bottom: 20px;
    }

    .OMGHeader h3 {
        font-weight: bold;
        margin: 0;
        margin-bottom: 10px;
    }

    .OMGHeader p {
        font-weight: normal;
        margin: 0;
        margin-bottom: 5px;
    }

    .OMGHeader a {
        text-decoration: none;
        color: #336699;
    }

        .OMGHeader a:hover {
            color: #333333;
        }

    .OMGHeader img {
        float: left;
        padding-right: 10px;
    }

.omgHeader {
    clear: both;
}

    .omgHeader h2 {
        color: #e8aa20;
        font-weight: bold;
        margin: 0;
        margin-top: 5px;
        margin-bottom: 20px;
    }

    .omgHeader h3 {
        font-weight: bold;
        margin: 0;
        margin-bottom: 10px;
    }

    .omgHeader p {
        font-weight: normal;
        margin: 0;
        margin-bottom: 5px;
    }

    .omgHeader a {
        text-decoration: none;
        color: #336699;
    }

        .omgHeader a:hover {
            color: #333333;
        }

    .omgHeader img {
        float: left;
        padding-right: 10px;
    }

#defaultMenu {
    float: left;
    width: 100%;
    text-align: left;
}

    #defaultMenu ul {
        list-style-type: none;
        padding-bottom: 15px;
        width: 100%;
        text-align: left;
        padding: 0;
        margin: 0;
    }


    #defaultMenu li {
        margin-top: 3px;
        margin-bottom: 3px;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    #defaultMenu a {
        text-decoration: none;
        color: #333333;
    }

        #defaultMenu a:hover {
            color: #359aff;
        }

.defaultMenu {
    float: left;
    width: 100%;
    text-align: left;
    padding-bottom: 15px;
}

    .defaultMenu a {
        text-decoration: none;
        color: #333333;
    }

        .defaultMenu a:hover {
            color: #359aff;
        }

.defaultMenuItem {
    padding-top: 15px;
}

.menuItemSelected {
    font-weight: bolder;
}

.defaultMenuItemAlt {
    padding-top: 5px;
}

    .defaultMenuItemAlt a {
        text-decoration: none;
        color: #333333;
    }

        .defaultMenuItemAlt a:hover {
            color: #359aff;
        }

.learningMenuItem ul {
    padding-left: 0;
    margin-left: 0;
}

.learningMenuItem li {
    padding-top: 15px;
    list-style-type: none;
}

.learningMenuItem a {
    text-decoration: none;
    color: #333333;
}

    .learningMenuItem a:hover {
        color: #33cc33;
    }

.learningLinkItem {
    padding-top: 15px;
}

    .learningLinkItem img {
        padding-right: 10px;
        vertical-align: middle;
    }

    .learningLinkItem a {
        text-decoration: none;
        color: #33cc33;
    }

        .learningLinkItem a:hover {
            color: #333333;
        }

/*Terms and conditions*/
div#tandcTopNavigation {
    float: left;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: dotted 1px #333333;
}

    div#tandcTopNavigation a {
        text-decoration: none;
        font-weight: bold;
        color: #333333;
    }

        div#tandcTopNavigation a:hover {
            color: #359aff;
        }

.tandcNavItem {
    float: left;
    padding-right: 10px;
    padding-left: 10px;
    border-right: dotted 1px #000000;
    height: 30px;
}

.tandcNavItemFirst {
    float: left;
    padding-right: 10px;
    border-right: dotted 1px #000000;
    height: 30px;
}

.tandcNavItemFinal {
    float: left;
    padding-left: 10px;
    height: 30px;
}

.termHolder {
    width: 100%;
    border-bottom: dotted 1px #000000;
    /*padding-top: 10px;*/
    padding-bottom: 10px;
}

.termBody {
    width: 100%;
    background-color: #f5f5f5;
}

.termBodyIndent {
    padding-left: 10px;
    padding-right: 10px;
}

.termBody h3 {
    color: #359aff;
    font-weight: bold;
    margin: 0;
    margin-bottom: 5px;
}

.termBody h4 {
    color: #336699;
    font-weight: normal;
    margin: 0;
    margin-bottom: 5px;
}

.termBody p {
    font-weight: normal;
    margin: 0;
    margin-bottom: 10px;
}

.termBody img {
    float: right;
    padding-right: 10px;
}

.termBodyAlt {
    width: 100%;
    background-color: #ffffff;
}

    .termBodyAlt h3 {
        color: #359aff;
        font-weight: bold;
        margin: 0;
        margin-bottom: 5px;
    }

    .termBodyAlt h4 {
        color: #336699;
        font-weight: normal;
        margin: 0;
        margin-bottom: 5px;
    }

    .termBodyAlt p {
        font-weight: normal;
        margin: 0;
        margin-bottom: 10px;
    }

    .termBodyAlt img {
        float: right;
        padding-right: 10px;
    }

/*Contact Us*/
div#contactUsAddressSplitLeft {
    float: left;
    width: 40px;
    padding-right: 10px;
    padding-bottom: 15px;
}

.contactUsGenericText {
}

div#contactUsAddressSplitRight {
    float: left;
    width: 390px;
    padding-bottom: 15px;
}

    div#contactUsAddressSplitRight h3 {
        color: #336699;
        font-weight: bold;
        margin: 0;
        margin-bottom: 5px;
    }

div#contactUsPhoneSplitLeft {
    float: left;
    width: 40px;
    padding-right: 10px;
    padding-bottom: 15px;
}

div#contactUsPhoneSplitRight {
    float: left;
    width: 390px;
    padding-bottom: 15px;
}

div#contactUsSupportObject {
    clear: both;
    width: 100%;
    padding-bottom: 10px;
}

    div#contactUsSupportObject h3 {
        color: #336699;
        font-weight: bold;
        margin: 0;
        margin-bottom: 5px;
    }

div#contactUsEditorialObject {
    clear: both;
    width: 100%;
    padding-bottom: 10px;
}

    div#contactUsEditorialObject h3 {
        color: #336699;
        font-weight: bold;
        margin: 0;
        margin-bottom: 5px;
    }

div#contactForm {
    clear: both;
    width: 100%;
    padding-top: 15px;
}

.contactFormRow {
    clear: both;
    width: 100%;
    /*padding-bottom:5px;*/
}

    .contactFormRow span {
        clear: left;
        width: 310px;
    }

.contactFormLeftCol {
    float: left;
    width: 130px;
    padding-right: 5px;
    font-weight: normal;
}

.contactFormRightCol {
    float: left;
    width: 310px;
    font-weight: normal;
}

    .contactFormRightCol span {
    }

/*Address and map*/
div#addressAndMapAddress {
    clear: both;
    width: 100%;
}

    div#addressAndMapAddress h3 {
        color: #336699;
        font-weight: bold;
        margin: 0;
        margin-bottom: 5px;
    }

    div#addressAndMapAddress p {
        font-weight: normal;
        margin: 0;
    }

.directionsDefault {
    clear: both;
    width: 100%;
    margin-bottom: 10px;
    padding: 2px;
}

.directionsDefaultAlt {
    clear: both;
    width: 100%;
    margin-bottom: 10px;
    background-color: #efefef;
    padding: 2px;
}

.directionsSplitLeft {
    float: left;
    width: 70px;
}

.directionsSplitRight {
    float: left;
    width: 365px;
}

    .directionsSplitRight a {
        font-weight: normal;
        margin: 0;
        text-decoration: none;
        color: #002b5f;
    }

        .directionsSplitRight a:hover {
            font-weight: normal;
            margin: 0;
            color: #3399ff;
        }

div#findUsMapTop {
    clear: both;
    width: 100%;
    height: 340px;
    background-image: url(gfx/imgFindUsMapTop.gif);
    background-repeat: no-repeat;
}

div#findUsMapBody {
    clear: both;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    background-image: url(gfx/imgFindUsMapFill.gif);
    background-repeat: repeat-y;
}

    div#findUsMapBody h3 {
        font-weight: bold;
        margin: 0;
        color: #ffffff;
    }

    div#findUsMapBody p {
        font-weight: normal;
        margin: 0;
        color: #ffffff;
    }

div#findUsMapBottom {
    clear: both;
    width: 100%;
    height: 7px;
    background-image: url(gfx/imgFindUsMapBottom.gif);
    background-repeat: no-repeat;
}

/*Standard profile*/
.stdProfileWhoWeAre {
    clear: both;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .stdProfileWhoWeAre h3 {
        font-weight: bolder;
        margin: 0;
        margin-bottom: 10px;
        color: #002b5f;
    }

    .stdProfileWhoWeAre p {
        font-weight: normal;
        margin: 0;
        color: #333333;
    }

.stdProfile {
    clear: both;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: dotted 1px #000000;
    background-color: #efefef;
}

.stdProfileAlt {
    clear: both;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: dotted 1px #000000;
}

.stdProfilePicture {
    float: left;
    width: 80px;
    padding-left: 5px;
}

.stdProfileBody {
    float: right;
    width: 490px;
}

    .stdProfileBody h3 {
        font-weight: normal;
        margin: 0;
        margin-bottom: 10px;
        color: #002b5f;
    }

    .stdProfileBody p {
        font-weight: normal;
        margin: 0;
        color: #333333;
    }

/* Registration page */
.registrationForm {
    clear: both;
    width: 100%;
}

    .registrationForm h3 {
        color: #359AFF;
    }

    .registrationForm a {
        color: #3ca6e6;
        text-decoration: none;
    }

        .registrationForm a:hover {
            color: #333333;
        }

.regFormLoadingPanel {
    z-index: 9999;
    text-align: center;
    height: 100%;
    width: 100%;
    background-color: #FFFFFF;
    position: absolute;
    left: 0px;
}

.regFormItem {
    clear: both;
    width: 100%;
    padding-bottom: 10px;
}

.regFormItemDisabled {
    clear: both;
    width: 100%;
    padding-bottom: 5px;
    color: #AAAAAA;
}

.regFormButtonHolder {
    clear: both;
    width: 100%;
    padding-bottom: 5px;
    padding-top: 5px;
}

    .regFormButtonHolder a {
        color: #359aff;
        text-decoration: none;
    }

        .regFormButtonHolder a:hover {
            color: #333333;
        }

    .regFormButtonHolder img {
        vertical-align: middle;
    }

.regFormLeftCol {
    float: left;
    width: 165px;
    padding-right: 5px;
    padding-top: 2px;
    height: 20px;
}

    .regFormLeftCol a {
        color: #336699;
        text-decoration: underline;
    }

regFormLeftCol a:hover {
    color: #999999;
    text-decoration: none;
}

.regFormLeftColHighlight {
    float: left;
    width: 165px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-weight: normal;
    background-color: #eeeeee;
}

.regFormRightCol {
    float: left;
    width: 420px;
    font-weight: normal;
}

.regFormAddressPopupRightCol {
    float: left;
    width: 320px;
    font-weight: normal;
}

.regFormOptInCol {
    float: left;
    width: 160px;
    font-weight: normal;
}

.regFormOptInTermsCol {
    float: left;
    width: 260px;
    font-weight: normal;
    padding-top: 6px;
}

.regFormFullCol {
    float: left;
    width: 100%;
    font-weight: normal;
}

.regFormStepError {
    width: 100%;
    font-weight: normal;
    text-align: center;
}

.regFormStepError_Summary {
    width: 100%;
    font-weight: normal;
    text-align: center;
}

.regFormUpdateConfirm {
    width: 100%;
    font-weight: bolder;
    text-align: center;
    color: #33cc33;
    margin: 10px;
}

.regFormPrivacyStatement {
    float: left;
    width: 590px;
    font-weight: normal;
    padding-top: 6px;
    text-align: right;
}

div#regFormMenuTopNavigation {
    float: left;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: dotted 1px #000000;
}

.regFormMenuItem {
    text-decoration: none;
    font-weight: bold;
    color: #333333;
}

    .regFormMenuItem:hover {
        color: #359aff;
    }

.regFormMenuItemNoHover {
    text-decoration: none;
    font-weight: bold;
    color: #333333;
    cursor: default;
}

.regFormMenuItemActive {
    text-decoration: none;
    font-weight: bold;
    color: #359aff;
}

    .regFormMenuItemActive:hover {
        color: #359aff;
    }

.regFormMenuItemNotComplete {
    text-decoration: none;
    font-weight: bold;
    color: #cccccc;
}

.regFormMenuItem:hover {
    color: #359aff;
}

.regFormMenuNavItem {
    float: left;
    padding-right: 10px;
    padding-left: 10px;
    border-right: dotted 1px #000000;
    height: 15px;
}

.regFormMenuNavItemFirst {
    float: left;
    padding-right: 10px;
    border-right: dotted 1px #000000;
    height: 15px;
}

.regFormMenuNavItemFinal {
    float: left;
    padding-left: 10px;
    height: 15px;
}

.regFormDefaultAddress {
    background-color: #EEEEEE;
}

.regFormSmallText {
    font-weight: normal;
}
/*Login object*/
div#loginObjTop {
    clear: both;
    height: 55px;
    width: 100%;
    background-image: url(gfx/objLoginTop.jpg);
}

.loginObjectItem {
    clear: both;
    width: 300px;
}

div#loginObjHeading {
    padding: 15px 10px 10px 10px;
}

    div#loginObjHeading img {
        vertical-align: middle;
        padding-right: 5px;
    }

span#loginObjHeadingLogin {
    color: #3399cc;
    font-weight: bolder;
}

div#loginObjBody {
    background-image: url(gfx/objLoginFill.jpg);
    background-repeat: repeat-y;
    padding-left: 10px;
}

div#loginObjBottom {
    clear: both;
    height: 10px;
    width: 100%;
    background-image: url(gfx/objLoginBottom.jpg);
    background-repeat: no-repeat;
    padding-bottom: 10px;
}

div#loginObjRegisterText {
    float: left;
    padding-top: 15px;
}

div#loginObjRegister {
    float: right;
    padding: 10px 0px 0px 0px;
}

div#loginObjForgottenPasswordText {
    float: left;
    padding-top: 15px;
}

div#loginObjForgottenPassword {
    float: right;
    padding: 10px 0px 0px 0px;
}

    div#loginObjForgottenPassword a {
        text-decoration: none;
        color: #333333;
    }

        div#loginObjForgottenPassword a:hover {
            text-decoration: none;
            color: #3ca6e6;
        }


div#loginObjButtonsStandalone {
    font-family: Tahoma;
    width: 265px;
    text-align: center;
}

.loginTitle {
    text-align: left;
    padding-bottom: 10px;
}

.loginLabel {
    font-size: 14px;
    color: #333333;
    padding: 10px 0px 10px 0px;
    text-align: left;
    vertical-align: middle;
    width: 100px;
}
/* CSS for login at top of site */
.loginHeader {
    width: 100%;
    border: 0px solid #666666;
    float: right;
}

    .loginHeader td {
        padding-left: 5px;
    }

.forgottenText {
    padding-right: 33px;
    float: right;
}

.loginLabelHeader {
    border: 0px solid #666666;
    color: #333333;
    font-size: 10px;
    /*margin-top:15px;*/
    text-align: left;
    vertical-align: middle;
}

.loginTextBoxHeader {
    border: 1px solid #666666;
    background-color: #eeeeee;
    font-family: Tahoma;
    font-size: 12px;
    width: 100px;
    height: 15px;
    padding: 2px;
}

.loginButton {
    padding: 10px 0px 0px 0px;
    height: 27px;
}

.login-related-btn img {
    height: 27px;
}

.loginJoin {
    width: 50px;
    padding: 13px 0px 0px 0px;
    float: right;
}

.loginText {
    color: #666666;
    padding: 10px 0px 10px 100px;
}

.loginTextBox {
    border: 1px solid #666666;
    background-color: #eeeeee;
    font-family: Tahoma;
    width: 150px;
    padding: 2px;
    margin: 0;
}

/*Specialities*/
.specialityHolder {
    clear: both;
    width: 590px;
    padding-bottom: 15px;
}

.specialityHolderClinical {
    clear: both;
    width: 590px;
    padding-bottom: 15px;
    height: 1122px;
}

.specialityHolderNonClinical {
    clear: both;
    width: 590px;
    padding-bottom: 15px;
    height: 340px;
}

.specialityLeftCol {
    float: left;
    width: 275px;
    padding-right: 7px;
}

.specialityRightCol {
    float: left;
    width: 304px;
    height: 100%;
    border: solid 2px #66ccff;
    overflow: auto;
}

.specialityItemAlt {
    padding-left: 2px;
}

    .specialityItemAlt a {
        text-decoration: none;
        color: #333333;
    }

        .specialityItemAlt a:hover {
            color: #359aff;
        }

.specialityItem {
    background-color: #eeeeee;
    padding-left: 2px;
}

    .specialityItem a {
        text-decoration: none;
        color: #333333;
    }

        .specialityItem a:hover {
            color: #359aff;
        }

.specialityItemHighlighted {
    margin: -2px -9px -2px -2px;
    padding: 2px;
    background-color: #66ccff;
}

.specialityMessage {
    width: 100%;
    text-align: center;
    vertical-align: middle;
}

/*Role*/
.roleHolder {
    clear: both;
    width: 590px;
    padding-bottom: 15px;
    height: 180px;
}

.roleLeftCol {
    float: left;
    width: 275px;
    padding-right: 7px;
}

.roleRightCol {
    float: left;
    width: 304px;
    height: 100%;
    border: solid 2px #66ccff;
    overflow: auto;
}

.roleItemAlt {
    padding-left: 2px;
}

    .roleItemAlt a {
        text-decoration: none;
        color: #333333;
    }

        .roleItemAlt a:hover {
            color: #359aff;
        }

.roleItem {
    background-color: #eeeeee;
    padding-left: 2px;
}

    .roleItem a {
        text-decoration: none;
        color: #333333;
    }

        .roleItem a:hover {
            color: #359aff;
        }

.roleItemHighlighted {
    margin: -2px -9px -2px -2px;
    padding: 2px;
    background-color: #66ccff;
}

.roleMessage {
    width: 100%;
    text-align: center;
    vertical-align: middle;
}


.registrationDefaultAddress {
    color: #359aff;
}

.regFormEmailChangeButtons {
    padding-left: 170px;
}

.regForm5050Split {
    float: left;
    width: 295px;
}

div#objectOnMedicaGoldWideHolder {
}

div#objectOnMedicaGoldWideLogo {
    float: left;
    width: 110px;
    padding-top: 45px;
    padding-left: 8px;
    padding-right: 10px;
    text-align: center;
}

div#objectOnMedicaGoldWideText {
    float: left;
    width: 430px;
}

div#objectOnMedicaGoldWideHeader {
    width: 586px;
    height: 20px;
    background-image: url('gfx/objOnMedicaGoldWideTop.jpg');
    background-position: top left;
    background-repeat: no-repeat;
}

div#objectOnMedicaGoldWideContent {
    width: 586px;
    background-image: url('gfx/objOnMedicaGoldWideFill.jpg');
    background-repeat: repeat-y;
}

div#objectOnMedicaGoldWideFooter {
    width: 586px;
    height: 20px;
    background-image: url('gfx/objOnMedicaGoldWideBottom.jpg');
    background-position: top left;
    background-repeat: no-repeat;
}

div#objectOnMedicaGoldWideContent h1 {
    color: #d8a538;
    margin: 0px;
    padding: 0px 0px 10px 0px;
}

div#objectOnMedicaGoldWideContent p {
    font-weight: bolder;
    margin: 0px;
    padding: 0px 0px 10px 0px;
}

div#objectOnMedicaGoldWideContent img {
    vertical-align: middle;
    padding-right: 5px;
}

.noPadding {
    padding: 0px !important;
}

.rounded-corner {
    border-radius: 5px;
}

.panel-bar {
    width: 100%;
    height: 8px;
}

.contentImage {
    float: right;
    padding: 0px 0px 10px 10px;
}

.bulletPoint {
    padding-right: 5px;
}

div#topicsMenu {
}

    div#topicsMenu a {
        position: relative;
        float: left;
        margin: 0px;
        text-decoration: none;
        color: #333333;
    }

        div#topicsMenu a:hover {
            color: #33cc33;
        }

.topicsMenuSeperator {
    position: relative;
    float: left;
    height: 15px;
    border-right: dotted 1px #000000;
    padding-left: 4px;
    margin-right: 4px;
    font-size: 0px;
}

div#clinicalTopicsIcons {
    clear: both;
    width: 100%;
}

.clinicalTopicsIconsHolder {
    position: relative;
    float: left;
    padding-right: 10px;
}

div#ctNewsHead {
    float: left;
    height: 24px;
    width: 63px;
    background-image: url(gfx/News_tab.jpg);
}

div#ctNewsBody {
    float: left;
    height: 24px;
    background-image: url(gfx/ctNewsBody.jpg);
    background-repeat: repeat-x;
    color: #ffffff;
    padding: 2px 2px 0px 5px;
}

div#ctNewsTail {
    float: left;
    height: 24px;
    width: 4px;
    background-image: url(gfx/ctNewsTail.jpg);
}

div#ctViewsHead {
    float: left;
    height: 24px;
    width: 63px;
    background-image: url(gfx/Views_tab.jpg);
}

div#ctViewsBody {
    float: left;
    height: 24px;
    background-image: url(gfx/ctViewsBody.jpg);
    background-repeat: repeat-x;
    color: #ffffff;
    padding: 2px 2px 0px 5px;
}

div#ctViewsTail {
    float: left;
    height: 24px;
    width: 4px;
    background-image: url(gfx/ctViewsTail.jpg);
}

div#ctCAHead {
    float: left;
    height: 24px;
    width: 26px;
    background-image: url(gfx/ctCAHead.jpg);
}

div#ctCABody {
    float: left;
    height: 24px;
    background-image: url(gfx/ctCABody.jpg);
    background-repeat: repeat-x;
    color: #ffffff;
    padding: 2px 2px 0px 5px;
}

div#ctCATail {
    float: left;
    height: 24px;
    width: 4px;
    background-image: url(gfx/ctCATail.jpg);
}

div#ctBlogsHead {
    float: left;
    height: 24px;
    width: 63px;
    background-image: url(gfx/Blogs_tab.jpg);
}

div#ctBlogsBody {
    float: left;
    height: 24px;
    background-image: url(gfx/ctBlogsBody.jpg);
    background-repeat: repeat-x;
    color: #ffffff;
    padding: 2px 2px 0px 5px;
}

div#ctBlogsTail {
    float: left;
    height: 24px;
    width: 4px;
    background-image: url(gfx/ctBlogsTail.jpg);
}

div#ctLearningHead {
    float: left;
    height: 24px;
    width: 78px;
    background-image: url(gfx/Learning_tab.jpg);
}

div#ctLearningBody {
    float: left;
    height: 24px;
    background-image: url(gfx/ctLearningBody.jpg);
    background-repeat: repeat-x;
    color: #ffffff;
    padding: 2px 2px 0px 5px;
}

div#ctLearningTail {
    float: left;
    height: 24px;
    width: 4px;
    background-image: url(gfx/ctLearningTail.jpg);
}

.articleListTitle {
    position: relative;
    float: left;
    width: 360px;
}

.newsArticleListTitle {
    position: relative;
    float: left;
    width: 400px;
}

.articleListTitle img {
    padding: 0px 0px 0px 0px;
}

.articleListDate {
    position: relative;
    float: right;
    color: #333333;
}

.articleListStandFirst {
    color: #666666;
}

/* E-Details */
div#edetailTopBackground {
    clear: both;
    width: 780px;
    margin: 0 auto;
    height: 30px;
    /*background-image:url(gfx/edetailBackgroundHeader.gif);*/
}

div#edetailMainContainer {
    clear: both;
    width: 780px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    padding: 0px 0px 20px 0px;
}

div#edetailContainer {
    padding: 0 30px 0 30px;
    width: 720px;
    text-align: left;
    /*background-image:url(gfx/edetailBackgroundFill.gif);*/
    background-repeat: repeat-y;
    margin-left: auto;
    margin-right: auto;
}

div#edetailHeader {
    width: 720px;
    clear: both;
    padding-bottom: 3px;
}

div#edetailMainContentContainer {
    clear: both;
    float: left;
    width: 100%;
}

div#edetailFooter {
    width: 100%;
    clear: both;
    padding-top: 0px;
}

div#edetailFooterBody {
    margin-top: 7px;
    /*position:relative;
	float:left;
    width:720px;*/
    text-align: right;
}

    div#edetailFooterBody a {
        text-decoration: none;
        color: #333333;
    }

        div#edetailFooterBody a:hover {
            text-decoration: none;
            color: #3ca6e6;
        }

div#edetailBottomBackground {
    clear: both;
    width: 780px;
    margin-left: auto;
    margin-right: auto;
    height: 30px;
    /*background-image:url(gfx/edetailBackgroundFooter.gif);*/
}

div#edetailrightheader {
    position: relative;
    float: right;
    width: 595px;
}

div#edetailNavigation {
    clear: both;
    /*padding-top:60px;*/
    margin-top: 20px;
    text-align: right;
    width: 100%;
}

    div#edetailNavigation a {
        color: #999999;
        font-weight: bold;
        text-decoration: none;
        padding-left: 25px;
    }

        div#edetailNavigation a:hover {
            color: #333333;
            text-decoration: none;
        }

.edetailHolder {
    width: 715px;
    min-height: 400px;
    border: solid 1px #333333;
}

.edetailHolderQuestion {
    width: 707px;
    min-height: 400px;
    border: solid 1px #333333;
    padding: 4px;
    padding-top: 22px;
}

.edetailMargin {
    padding: 5px;
}

.promotionMargin {
    margin: 5px;
}

div#edetailNavigationHolder {
    width: 715px;
    height: 31px;
    background-color: #ebf6fc;
    border: solid 1px #bcbcbc;
}

    div#edetailNavigationHolder input {
        padding: 2px 2px 2px 0px;
        margin: 0px;
        cursor: pointer;
    }

    div#edetailNavigationHolder img {
        padding: 2px 2px 2px 0px;
        margin: 0px;
        cursor: pointer;
    }

div#edetailNavigationButtonsHolder {
}

    div#edetailNavigationButtonsHolder .buttonsLeft {
        float: left;
        width: 200px;
        padding-left: 2px;
    }

.edetailNavigationProgressHolder {
    float: left;
    padding: 10px 0px 0px 0px;
    width: 315px;
}

div#edetailNavigationButtonsHolder .buttonsRight {
    float: right;
    text-align: right;
    width: 190px;
}


.censusAddressPopupHolder {
    background-color: #FFFFFF;
}

.censusHolder {
}

    .censusHolder a {
        color: #359aff;
        text-decoration: none;
    }

        .censusHolder a:hover {
            color: #333333;
        }

.questionHolder {
    margin: 5px;
}

    .questionHolder a {
        color: #359aff;
        text-decoration: none;
    }

        .questionHolder a:hover {
            color: #333333;
        }

.questionHolderTopBorder {
    border-top: dotted 1px #000000;
}

div#censusNavigationHolder {
    width: 445px;
    height: 31px;
}

    div#censusNavigationHolder input {
        padding: 2px 2px 2px 0px;
        margin: 0px;
        cursor: pointer;
    }

    div#censusNavigationHolder img {
        padding: 2px 2px 2px 0px;
        margin: 0px;
        cursor: pointer;
    }

div#censusNavigationButtonsHolder {
    float: right;
}

.censusLoadingPanel {
    background-color: #EEEEEE;
    width: 100%;
    height: 100%;
    text-align: center;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.archivePanelsRow {
    clear: both;
    width: 100%;
    padding-bottom: 5px;
}

.archivePanelTextArea {
    float: left;
    width: 220px;
    margin: 5px 0px 5px 100px;
}

    .archivePanelTextArea h1 {
        font-weight: bolder;
        padding: 0px 0px 5px 0px;
        margin: 0px;
    }

    .archivePanelTextArea p {
        padding: 0px;
        margin: 0px;
    }

    .archivePanelTextArea a {
        color: #336699;
        text-decoration: none;
    }

        .archivePanelTextArea a:hover {
            color: #999999;
        }

.archivePanelButtonArea {
    float: left;
    margin: 63px 5px 5px 7px;
}

div#archivePanelNews {
    float: left;
    width: 364px;
    height: 99px;
    background-image: url(gfx/panelArchiveNewsFull.jpg);
    background-repeat: no-repeat;
    padding-right: 5px;
}

div#archivePanelLearning {
    float: left;
    width: 364px;
    height: 99px;
    background-image: url(gfx/panelArchiveLearningFull.jpg);
    background-repeat: no-repeat;
}

div#archivePanelLinks {
    float: left;
    width: 364px;
    height: 99px;
    background-image: url(gfx/panelArchiveLinksFull.jpg);
    background-repeat: no-repeat;
    padding-right: 5px;
}

div#archivePanelJournals {
    float: left;
    width: 364px;
    height: 99px;
    background-image: url(gfx/panelArchiveJournalFull.jpg);
    background-repeat: no-repeat;
}

.learningLandingSectionHolder {
    float: left;
    height: 220px;
    width: 180px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 5px;
}

.ClinicalInteractiveTiles img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    width: 77px;
}

.ctListLeft {
    width: 310px;
    float: left;
}

.ctListRight {
    float: right;
    width: 120px;
    text-align: right;
}

    .ctListRight img {
        vertical-align: middle;
        padding: 0px 2px 0px 0px;
    }

.presentationItem {
    background-color: #eeeeee;
}

.presentationItemAlt {
    background-color: #ffffff;
}

.presentationItemHeader {
    clear: both;
    width: 100%;
}

.genericPadding2px {
    padding: 2px;
}

.genericPadding5px {
    padding: 2px;
}

.OMGCol1Head {
    float: left;
    /*width:500px;*/
    color: #336699;
    border-right: dotted 1px #000000;
}

.OMGCol2Head {
    /*float:left;*/
    width: 89px;
    color: #336699;
    border-right: dotted 1px #000000;
}

.OMGCol3Head {
    /*float:left;*/
    width: 89px;
    color: #336699;
    border-right: dotted 1px #000000;
}

.OMGCol1 {
    /*float:left;*/
    width: 500px;
    color: #336699;
    border-right: dotted 1px #000000;
    border-top: dotted 1px #000000;
}

    .OMGCol1 h1 {
        font-weight: normal;
        margin: 0px;
        padding: 5px 2px 5px 2px;
        color: #003366;
    }

    .OMGCol1 a {
        text-decoration: none;
        color: #333333;
    }

.OMGCol2 {
    /*float:left;*/
    width: 89px;
    color: #336699;
    border-top: dotted 1px #000000;
    border-right: dotted 1px #000000;
}

    .OMGCol2 h1 {
        font-weight: normal;
        margin: 0px;
        padding: 5px 2px 5px 2px;
        color: #003366;
    }

    .OMGCol2 a {
        text-decoration: none;
        color: #333333;
    }

        .OMGCol2 a:hover {
            color: #336699;
        }


.OMGCol3 {
    /*float:left;*/
    width: 89px;
    color: #336699;
    border-top: dotted 1px #000000;
}

    .OMGCol3 h1 {
        font-weight: normal;
        margin: 0px;
        padding: 5px 2px 5px 2px;
        color: #003366;
    }

    .OMGCol3 a {
        text-decoration: none;
        color: #333333;
    }

        .OMGCol3 a:hover {
            color: #336699;
        }



.presentationsListTitleCol1 {
    width: 85px;
    color: #336699;
}

.presentationsListTitleCol2 {
    width: 355px;
    border-left: dotted 1px #000000;
    color: #336699;
}

.presentationsListTitleCol3 {
    width: 69px;
    border-left: dotted 1px #000000;
    color: #336699;
}

.presentationsListTitleCol4 {
    width: 70px;
    border-left: dotted 1px #000000;
    color: #336699;
}

.presentationsListCol1 {
    width: 85px;
    height: 100%;
    border-top: dotted 1px #000000;
}

    .presentationsListCol1 img {
        padding-bottom: 5px;
    }

.presentationsListCol2 {
    width: 355px;
    height: 100%;
    border-top: dotted 1px #000000;
    border-left: dotted 1px #000000;
}

    .presentationsListCol2 h1 {
        margin: 0px;
        padding: 0px 0px 5px 0px;
        color: #003366;
    }

        .presentationsListCol2 h1 a {
            color: #003366;
            text-decoration: none;
        }

            .presentationsListCol2 h1 a:hover {
                color: #999999;
            }

    .presentationsListCol2 h2 {
        font-weight: normal;
        margin: 0px;
        padding: 0px 0px 5px 0px;
        color: #003366;
    }

    .presentationsListCol2 p {
        color: #666666;
    }

    .presentationsListCol2 ul {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .presentationsListCol2 li {
        color: #666666;
        padding-bottom: 5px;
    }

    .presentationsListCol2 a {
        color: #336699;
        text-decoration: none;
    }

        .presentationsListCol2 a:hover {
            color: #333333;
        }

.presentationsListCol3 {
    width: 69px;
    height: 100%;
    border-top: dotted 1px #000000;
    border-left: dotted 1px #000000;
}

    .presentationsListCol3 img {
        padding-bottom: 5px;
    }

.presentationsListCol4 {
    width: 70px;
    height: 100%;
    border-top: dotted 1px #000000;
    border-left: dotted 1px #000000;
    text-align: center;
}

.presentationStatus {
    text-align: left;
    color: #336699;
    padding-bottom: 20px;
}

.coursesItemHeader {
    clear: both;
    width: 100%;
}

.coursesItem {
    background-color: #eeeeee;
}

.coursesItemAlt {
    background-color: #ffffff;
}

.coursesListTitleCol1 {
    /*width:250px;*/
    color: #336699;
    border-right: dotted 1px #000000;
}

.coursesListTitleCol2 {
    width: 90px;
    color: #336699;
    border-right: dotted 1px #000000;
}

.coursesListTitleCol3 {
    width: 90px;
    color: #336699;
}

.coursesListCol1 {
    border-top: dotted 1px #000000;
    border-right: dotted 1px #000000;
}

    .coursesListCol1 h1 {
        margin: 0px;
        padding: 0px 0px 5px 0px;
        color: #003366;
    }

        .coursesListCol1 h1 a {
            color: #003366;
            text-decoration: none;
        }

            .coursesListCol1 h1 a:hover {
                color: #999999;
            }

    .coursesListCol1 p {
        color: #666666;
    }

.coursesListCol2 {
    width: 90px;
    border-right: dotted 1px #000000;
    border-top: dotted 1px #000000;
}

    .coursesListCol2 p {
    }

.coursesListCol3 {
    width: 90px;
    float: left;
    text-align: center;
    border-top: dotted 1px #000000;
}

.courseStatus {
    text-align: left;
    color: #336699;
    padding-bottom: 20px;
}

.learningLatestCourseItem {
    padding: 0px 12px 0px 12px;
}

    .learningLatestCourseItem a {
        text-decoration: none;
        color: #333333;
    }

        .learningLatestCourseItem a:hover {
            color: #3ca6e6;
        }

.learningLatestCourseSeperator {
    clear: both;
    width: 177px;
    margin-left: 5px;
    height: 4px;
    background-image: url(gfx/imgLatestCoursesSeperator.gif);
    background-repeat: repeat-x;
}

.learningLatestPresentationItemHolder {
    padding: 0px 12px 0px 12px;
}

.learningLatestPresentationItem {
    width: 162px;
    height: 112px;
    background-image: url(gfx/imgLatestPresentationBG.gif);
    background-repeat: no-repeat;
    cursor: pointer;
}

.learningLatestPresentationItemTitle {
    text-decoration: none;
    font-weight: bolder;
    color: #ffffff;
    padding: 6px 6px 0px 6px;
}

.learningLatestPresentationItemHolder a {
    text-decoration: none;
}

.learningSummaryPanel {
    clear: both;
    width: 100%;
}

.learningSummaryPanelLeft {
    float: left;
    width: 230px;
    padding-right: 7px;
    border-right: dotted 1px #000000;
}

.learningSummaryPanelRight {
    float: left;
    width: 200px;
    padding-left: 7px;
}

.closeButton {
    padding: 5px 0px 0px 0px;
}

.earnPointsHolder {
    clear: both;
    width: 100%;
}

.earnPointsRow {
    clear: both;
    width: 100%;
}

.earnPointsRowAlt {
    clear: both;
    width: 100%;
    background-color: #eeeeee;
}

.earnPointsHeader {
    color: #336699;
}

.earnPointsDottedTop {
    border-top: dotted 1px #000000;
}

.earnPointsCol1 {
    float: left;
    width: 99px;
    border-right: dotted 1px #000000;
}

.earnPointsCol2 {
    float: left;
    width: 289px;
    border-right: dotted 1px #000000;
}

.earnPointsCol3 {
    float: left;
    width: 99px;
    border-right: dotted 1px #000000;
}

.earnPointsCol4 {
    float: left;
    width: 100px;
}

div#presentationResourcesPanelHolder {
    border: solid 1px #336699;
    background-color: #eeeeee;
}

div#presentationResourcesPanelContent {
    padding: 5px;
    white-space: nowrap;
}

    div#presentationResourcesPanelContent h1 {
        color: #336699;
        padding: 0px 0px 10px 0px;
        margin: 0;
    }

    div#presentationResourcesPanelContent a {
        text-decoration: none;
        color: #333333;
    }

.presentationClientRefHolder {
    color: #888888;
    position: absolute;
    padding: 4px;
    z-index: 900;
    width: 707px;
}

.censusResponseBar {
    margin-top: 6px;
    background-image: url(gfx/objResponseBar_Blue.gif);
    background-repeat: repeat-x;
    background-position: top left;
    float: left;
}

.censusResponseBarPercent {
    float: left;
    padding-left: 5px;
}

div#presentationResourcesPanelContent a:hover {
    color: #336699;
}

.areaJump {
    text-decoration: none;
    cursor: pointer;
}

.omPointsRow {
    clear: both;
    width: 100%;
    background-color: #ffffff;
}

.omPointsRowAlt {
    clear: both;
    width: 100%;
    background-color: #ffffff;
}

.omPointsRow {
    clear: both;
    width: 100%;
}

.omPointsRowAlt {
    clear: both;
    width: 100%;
    background-color: #eeeeee;
}

.omPointsHeader {
    color: #336699;
}

.omPointsDottedTop {
    border-top: dotted 1px #000000;
}

.omPointsCol1 {
    float: left;
    width: 96px;
    padding: 2px 7px 2px 2px;
}

.omPointsCol2 {
    float: left;
    width: 360px;
    padding: 2px 7px 2px 7px;
    border-left: dotted 1px #000000;
    border-right: dotted 1px #000000;
}

.omPointsCol3 {
    float: left;
    width: 98px;
    padding: 2px 2px 2px 7px;
    padding-left: 7px;
}

.spendOmPointsCol1 {
    float: left;
    width: 470px;
    padding: 2px 7px 2px 2px;
    border-right: dotted 1px #000000;
}

    .spendOmPointsCol1 a {
        color: #333333;
        text-decoration: none;
    }

        .spendOmPointsCol1 a:hover {
            color: #336699;
        }

.spendOmPointsCol2 {
    float: left;
    width: 100px;
    padding: 2px 2px 2px 7px;
    padding-left: 7px;
}

.omPointsHeader {
    font-weight: bolder;
    color: #336699;
}

.ratingBar {
    background-image: url(gfx/imgRatingBar.gif);
    background-repeat: no-repeat;
    background-position: top left;
    height: 9px;
}

.ratingBarActualRatingHolder {
    /*margin:7px 0px 0px 7px;*/
}

    .ratingBarActualRatingHolder img {
        padding: 0px 0px 0px 1px;
    }

.progressBar {
    background-image: url(gfx/imgProgressBar.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    height: 26px;
    width: 308px;
    float: left;
}

.progressBarSlim {
    background-image: url(gfx/imgProgressBarSlim.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    height: 11px;
    width: 296px;
    padding: 1px;
}

.progressBarActualProgressHolder {
    width: 294px;
    margin: 6px 0px 0px 7px;
}

.progressBarActualProgressHolderSlim {
    width: 294px;
}

.progressBarTitle {
    color: #333333;
    font-weight: normal;
    margin-bottom: 3px;
}

.progressBarPercent {
    padding: 6px 0px 0px 6px;
    float: left;
    color: #333333;
    font-weight: normal;
}

.OMGContentRow {
    clear: both;
    width: 100%;
}

.OMGContentRowAlt {
    clear: both;
    width: 100%;
    background-color: #eeeeee;
}

.OMGContentHeader {
    color: #336699;
}

.OMGContentDottedTop {
    border-top: dotted 1px #000000;
}

.OMGContentCol1 {
    float: left;
    width: 219px;
    border-right: dotted 1px #000000;
}

.OMGContentCol2 {
    float: left;
    width: 219px;
    border-right: dotted 1px #000000;
}

.OMGContentCol3 {
    float: left;
    width: 150px;
}

.certificateHeader {
    clear: both;
    text-align: center;
}

    .certificateHeader h2 {
        color: #359aff;
        font-weight: bold;
        margin: 0;
        margin-top: 5px;
        margin-bottom: 20px;
    }

    .certificateHeader h3 {
        font-weight: bold;
        margin: 0;
        margin-bottom: 10px;
    }

.pdpLearningRecordObject {
    clear: both;
    width: 100%;
}

.pdpLearningRecordLeft {
    float: left;
    width: 60px;
}

.pdpLearningRecordRight {
    float: left;
    width: 515px;
}

.pdpLearningRecordTitle {
    float: left;
    width: 385px;
}

.pdpLearningRecordDate {
    float: left;
    width: 100px;
    text-align: right;
    font-weight: normal;
}

.pdpLearningNeedTitle {
    float: left;
    width: 450px;
}

.pdpLearningNeedDate {
    float: left;
    width: 100px;
    text-align: right;
    font-weight: normal;
}

div#demoBackLink {
    clear: both;
    width: 100%;
    padding-left: 10px;
}

    div#demoBackLink a {
        color: #ffffff;
        text-decoration: none;
    }

        div#demoBackLink a:hover {
            color: #336699;
        }

div#omPointsNextReward img {
    padding-right: 10px;
}

div#omPointsNextReward h2 {
    color: #333333;
    font-weight: normal;
}

.pdpButton {
    float: left;
    padding-right: 10px;
}

.pdpButtonStack {
    padding-bottom: 10px;
}

    .pdpButtonStack img {
        vertical-align: middle;
        padding: 0px;
        margin: 0px;
    }

    .pdpButtonStack a {
        color: #333333;
        text-decoration: none;
    }

        .pdpButtonStack a:hover {
            color: #336699;
        }

.pdpButton img {
    vertical-align: middle;
    padding: 0px;
    margin: 0px;
}

.pdpButton a {
    color: #333333;
    text-decoration: none;
}

    .pdpButton a:hover {
        color: #336699;
    }

.pdpColTitle {
    float: left;
    width: 380px;
    padding-right: 5px;
}

.pdpColAdd {
    float: left;
    width: 30px;
}

.pdpColEdit {
    float: left;
    width: 30px;
}

.pdpColDelete {
    float: left;
    width: 35px;
}

.pdpColTimespent {
    float: left;
    width: 70px;
}

.pdpColDate {
    float: left;
    width: 100px;
}

.pdpColExpand {
    float: left;
    width: 30px;
}

.pdpHeader {
    color: #3399ff;
}

.pdpBodyTitle {
    color: #333333;
    font-weight: bolder;
}

    .pdpBodyTitle a {
        color: #336699;
        text-decoration: none;
    }

        .pdpBodyTitle a:hover {
            color: #333333;
        }

.pdpBodyLink {
}

    .pdpBodyLink a {
        color: #336699;
        text-decoration: none;
    }

        .pdpBodyLink a:hover {
            color: #333333;
        }

    .pdpBodyLink img {
        vertical-align: middle;
        padding-right: 5px;
    }

.pdpBodyReason {
}

.pdpBodyTimeSpent {
}

.pdpBodyDate {
    color: #336699;
}

div#OMGMenuTitle {
    color: #e8aa20;
}

.OMGQualified {
    font-weight: bolder;
    color: #3366ff;
}

.OMGNotQualified {
    font-weight: bolder;
    color: #ff0000;
}

/* Tool tip */
div#toolTip {
    position: absolute;
    z-index: 1000;
    width: 220px;
    background: #eeeeee;
    border: dotted 1px #000000;
    text-align: left;
    padding: 5px;
    min-height: 1em;
    -moz-border-radius: 5px;
}

    div#toolTip p {
        margin: 0;
        padding: 0;
        color: #333333;
        font-family: Tahoma, Verdana, Kalimati;
    }

        div#toolTip p em {
            display: block;
            margin-top: 3px;
            color: #f60;
            font-style: normal;
            font-weight: bold;
        }

div#xtoolTip p em span {
    font-weight: bold;
    color: #fff;
}

/*Quote Box */
.quoteBox {
    width: 200px;
    font-family: Tahoma, Verdana, Arial;
    border: solid 1px #CCCCCC;
    padding: 6px;
}

.quoteBoxRight {
    float: right;
    margin: 0px 0px 10px 10px;
}

.quoteBoxLeft {
    float: left;
    margin: 0px 10px 10px 0px;
}

.quoteBox h2 {
    color: #333333;
    font-weight: bold;
    margin: 0px;
    padding-top: 10px;
}

.quoteBox img {
    margin: 0px;
    padding: 0px 2px 0px 2px;
}

.loadingText {
    color: #888888;
}

.loadingText2 {
    color: #888888;
    padding-bottom: 7px;
}

.loadingText_Default {
    color: #336699;
    font-size: 12px;
    padding-left: 10px;
}

.relatedContentTitle {
    font-weight: normal;
}

.relatedContentDate {
    font-size: 11px;
    font-weight: normal;
    color: #666666;
    margin-top: 5px;
}

.relatedContentItem a {
    color: #3f709f;
    text-decoration: none;
}

    .relatedContentItem a:hover {
        color: #333333;
    }


.addressLookupItem {
    width: 100%;
    padding-bottom: 5px;
    padding-top: 5px;
    background-color: #F0F1F2;
    margin-bottom: 10px;
    border-bottom: dotted 1px #000000;
    clear: both;
}

    .addressLookupItem:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

.addressLookupLeftCol {
    float: left;
    width: 165px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    font-weight: bolder;
}

.addressLookupRightCol {
    float: left;
    width: 320px;
    font-weight: normal;
}

.addressLookupList {
    border: solid 1px #359AFF;
    width: 310px;
    margin-top: 4px;
    background-color: #FFFFFF;
}


    .addressLookupList a {
        color: #359aff;
        text-decoration: none;
    }

        .addressLookupList a:hover {
            color: #333333;
        }

.addressLookupListItem {
    clear: both;
    width: 306px;
    padding: 2px;
    background-color: #eeeeee;
}

    .addressLookupListItem:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

.addressLookupListItemAlt {
    clear: both;
    width: 306px;
    padding: 2px;
}

    .addressLookupListItemAlt:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }


.addressLookupListLeftCol {
    float: left;
    width: 248px;
}

.addressLookupListRightCol {
    text-align: right;
    float: left;
    width: 58px;
}

/* Model popup */
div#modalPopupBackground {
    display: none;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    z-index: 1;
    background-color: #333333;
    filter: alpha(opacity=40);
    -moz-opacity: .40;
    opacity: .40;
}

div#modalPopupHolder {
    display: none;
    width: 663px;
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -330px;
    /*margin-top:-50px;*/
    z-index: 99;
}

.modalPopupBackground {
    display: none;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    z-index: 1;
    background-color: #333333;
    filter: alpha(opacity=40);
    -moz-opacity: .40;
    opacity: .40;
}

.modalPopupHolder {
    display: none;
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -330px;
    z-index: 99;
}

div#q_modalPopupBackground {
    display: none;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    z-index: 1;
    background-color: #333333;
    filter: alpha(opacity=40);
    -moz-opacity: .40;
    opacity: .40;
}

div#q_modalPopupHolder {
    display: none;
    width: 663px;
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -330px;
    /*margin-top:-50px;*/
    z-index: 99;
}

div#m_modalPopupBackground {
    display: none;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    z-index: 1;
    background-color: #333333;
    filter: alpha(opacity=40);
    -moz-opacity: .40;
    opacity: .40;
}

div#m_modalPopupHolder {
    display: none;
    width: 663px;
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -330px;
    /*margin-top:-50px;*/
    z-index: 99;
}

div#modaPopupTop {
    height: 30px;
    background-image: url(gfx/modal_top.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

    div#modaPopupTop img {
        float: right;
    }

div#modaPopupBody {
    padding: 0px 20px 0px 10px;
    background-image: url(gfx/modal_body.gif);
    background-position: top left;
    background-repeat: repeat-y;
}

div#modaPopupBottom {
    height: 15px;
    background-image: url(gfx/modal_bottom.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

.LatestArticles {
}

    .LatestArticles a {
        margin-left: 2px;
        width: 270px;
        padding-bottom: 2px;
        color: #336699;
        text-decoration: none;
    }

        .LatestArticles a:hover {
            color: #999999;
        }

.LatestArticleTiles {
    color: #336699;
}


.HomepageTabsetContainer {
    padding: 0 0 0 0;
    width: 272px;
    border: 1px solid #999999;
    border-width: 0 1px 0 1px;
    margin-top: -2px;
    margin-right: 3px;
    margin-bottom: -1px;
}

.headings2 {
    background-color: red;
    color: Red;
    font-size: 2px;
}

div#registrationPopupBackground {
    display: none;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    z-index: 1;
    background-color: #333333;
    filter: alpha(opacity=50);
    -moz-opacity: .50;
}

div#registrationPopupHolder {
    display: none;
    width: 663px;
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -330px;
    /*margin-top:-50px;*/
    z-index: 99;
}

.AltBackColour {
    padding-left: 10px;
    background-color: #000000;
}

div#comments {
}

    div#comments h2 {
        /*
    font-weight:bold;
    margin:0;
	margin-top:5px;
    margin-bottom:20px;*/
    }

.snBookmark {
    padding: 0px 10px 0px 10px;
}

    .snBookmark img {
        padding-right: 5px;
    }

    .snBookmark a {
        color: #3ca6e6;
        text-decoration: none;
    }

        .snBookmark a:hover {
            color: #999999;
        }

.WaveMedicalPromo {
}

    .WaveMedicalPromo .mainBlockTop {
        background-image: url(gfx/WaveMedical/mainTop.gif);
        background-position: top left;
        background-repeat: no-repeat;
        width: 734px;
        height: 11px;
    }

    .WaveMedicalPromo .mainBlockBody {
        color: #FFFFFF;
        width: 714px;
        background-color: #3399ff;
        padding: 0 10px 0 10px;
    }

    .WaveMedicalPromo .mainBlockBottom {
        background-image: url(gfx/WaveMedical/mainBottom.gif);
        background-position: top left;
        background-repeat: no-repeat;
        width: 734px;
        height: 11px;
    }


.searchHeader h2 {
    color: #336699;
    font-weight: bold;
    margin: 0;
    margin-top: 5px;
}

.formRow {
    clear: both;
    width: 100%;
    padding: 10px;
}

.colourAlt {
    background-color: lightblue;
}

.formColLeft {
    float: left;
    width: 130px;
    padding-right: 5px;
    font-weight: normal;
}

.formColRight {
}


.certificateContainer {
    position: absolute;
    top: 220px;
    left: 80px;
    font-size: 10px;
    width: 386px;
}

    .certificateContainer h2 {
        color: #0298CB;
        font-size: 14px;
    }

    .certificateContainer .practiceAddress {
        font-size: 8px;
    }

    .certificateContainer .standardFormLeftCol {
        float: left;
        width: 130px;
        padding-right: 5px;
        font-weight: bold;
    }

    .certificateContainer .standardFormRightCol {
        float: left;
        width: 250px;
    }

.opaqueBackground {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1000;
    width: 100%;
    background-color: #CCCCCC;
    display: none;
    opacity: .7;
    MozOpacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
}

.dlgJoinPrompt {
    position: absolute;
    left: 50%;
    margin-left: -200px;
    margin-top: 200px;
    width: 400px;
    display: none;
    padding: 8px;
    border: 3px solid #3CA6E6;
    z-index: 1001;
    background-color: #FFFFFF;
}

    .dlgJoinPrompt .JoinText {
        color: #359aff;
        font-weight: bold;
    }


a#btnObligations img {
    margin-right: 20px;
    float: left;
    width: 110px;
    height: 26px;
    background-image: url(gfx/obs.jpg);
}

a#btnObligations:hover img {
    margin-right: 20px;
    float: left;
    background-image: url(gfx/obsGrey.jpg);
}

a#btnObligations:active img {
    background: url(gfx/obsGrey.jpg) top left no-repeat;
}

a#btnBenefits img {
    margin-right: 20px;
    float: left;
    width: 110px;
    height: 26px;
    background-image: url(gfx/benefit.jpg);
}

a#btnBenefits:hover img {
    margin-right: 20px;
    float: left;
    background-image: url(gfx/bensGrey.jpg);
}

a#btnBenefits:active img {
    background: url(gfx/bensGrey.jpg) top left no-repeat;
}

a#btnPoints img {
    margin-right: 20px;
    float: left;
    width: 110px;
    height: 26px;
    background-image: url(gfx/points.jpg);
}

a#btnPoints:hover img {
    margin-right: 20px;
    float: left;
    background-image: url(gfx/points_Grey.jpg);
}

a#btnPoints:active img {
    background: url(gfx/points_Grey.jpg) top left no-repeat;
}


a#btnFAQs img {
    margin-right: 20px;
    float: left;
    width: 110px;
    height: 26px;
    background-image: url(gfx/faq.jpg);
}

a#btnFAQs:hover img {
    margin-right: 20px;
    float: left;
    background-image: url(gfx/faqGrey.jpg);
}

a#btnFAQs:active img {
    background: url(gfx/faqGrey.jpg) top left no-repeat;
}

#pageHolder {
    height: 100%;
    width: 920px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    overflow: hidden;
}

#pageHeaderHolder {
    width: 880px;
    margin-left: auto;
    margin-right: auto;
    height: 110px;
}

#pageHeaderHolder_small {
    width: 880px;
    margin-left: auto;
    margin-right: auto;
    height: 35px;
    padding-top: 10px;
}

#pageContentHolder {
    width: 880px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

#logoHolder_small {
    float: left;
    width: 105px;
    height: 35px;
}

#logoHolder {
    float: left;
    width: 300px;
    height: 100px;
}

#searchHolder {
    float: left;
}

#hcpHolder h3 {
    text-align: right;
    color: #3E5BC7;
    font-size: 12px;
    padding-top: 5px;
    margin-top: 0;
}

#loginHolder {
    float: right;
    text-align: right;
    font-size: 14px;
}

    #loginHolder a {
        color: #333333;
        text-decoration: none;
    }

        #loginHolder a:hover {
            text-decoration: underline;
        }

#welcomeMessageHolder {
    height: 20px;
}

#menuHolder {
    background-color: #3E5BC7;
}

#breadcrumbHolder {
    font-size: 12px;
    padding: 10px 0px 15px 20px;
    height: 12px;
}

    #breadcrumbHolder a {
        text-decoration: none;
    }

        #breadcrumbHolder a:hover {
        }

.static {
    font-size: 14px;
    color: #ffffff;
    background-color: #3E5BC7;
    text-transform: uppercase;
    padding: 1em 0em 0em 1em;
}

.selected {
    background-color: #d8edfa;
    color: #333333;
}

.highlighted {
    background-color: #d8edfa;
    color: #333333;
}

.searchBox {
    width: 210px;
    background-color: #ffffff;
    border: solid 1px #999999;
    height: 18px;
}

.searchButton {
    color: #666666;
    text-decoration: none;
    font-size: 14px;
    padding: 1px 5px 1px 5px;
    background-color: #eeeeee;
    border: solid 1px #999999;
    height: 16px;
}

#footerHolder {
    padding: 0px 20px 10px 20px;
    height: 100%;
}

#footerLeft {
    float: left;
    width: 610px;
}

#footerRight {
    float: right;
    width: 260px;
    text-align: right;
}

#footerLinks {
    font-size: 12px;
    padding-bottom: 10px;
}

    #footerLinks a {
        color: #333333;
    }

.Copyright {
    font-size: 10px;
}

#footerAddress {
    font-size: 10px;
}

#footerRegistrationInfo {
    font-size: 10px;
}

.login_modal {
    background-color: #ffffff;
    border: solid 1px #3da6e7;
    width: 300px;
    margin-left: -150px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.login_modal_body {
    padding: 20px 20px 10px 20px;
}

.login_modal_header {
    text-align: right;
    font-size: 14px;
    padding: 2px 5px 2px 0px;
}

    .login_modal_header a {
        color: #333333;
    }

        .login_modal_header a:hover {
            text-decoration: underline;
        }

/* Modal calsses */
.modalBackground {
    background-color: #333333;
    filter: alpha(opacity=40);
    -moz-opacity: .40;
    opacity: .40;
}

.modalPopup_Rules {
    background-color: #ffffff;
    width: 600px;
    padding: 10px;
    border: solid 1px #336699;
    text-align: left;
}

.modalPopup_information {
    background-color: #ffffff;
    width: 600px;
    height: 500px;
    padding: 10px;
    border: solid 1px #336699;
    text-align: left;
    overflow: scroll;
}

.modalPopup_whyRegister {
    width: 100%;
    height: 470px;
    overflow: auto;
}

.modalPopup_register {
    background-color: #ffffff;
    width: 600px;
    height: 600px;
    padding: 10px;
    border: solid 1px #999999;
    text-align: left;
}

.modalContent {
    padding: 0px 10px 10px 10px;
    overflow: hidden scroll;
}

.modalClose {
    float: right;
}

.modalTitleText {
    float: left;
    font-size: large;
}

.modalHeader {
    padding: 0px 0px 10px 0px;
}

.modalheader_cancel {
    float: right;
}

.modalheader_title {
    font-size: 14px;
    float: left;
    color: #336699;
    font-weight: bold;
}

/*Content list*/
.contentList_dataPager {
    font-size: 14px;
}

.contentList_pageNavigation {
    font-size: 14px;
    text-align: right;
}

.contentList_title {
    padding: 0px 0px 10px 0px;
}

    .contentList_title a {
        font-size: 14px;
        font-weight: bold;
        color: #003366;
        text-decoration: none;
    }

.contentList_date {
    font-size: 12px;
    padding: 0px 0px 10px 0px;
}

.contentsList_standFirst {
    font-size: 12px;
    padding: 0px 0px 2px 0px;
}

.contentList_header tr td {
    font-size: 14px;
    color: #003366;
    text-decoration: none;
    padding-bottom: 10px;
}

.contentsList_text {
    font-size: 12px;
}

.contentsList_colStandard {
    border-top: dotted 1px #333333;
}

.contentsList_colFill {
    border-top: dotted 1px #333333;
    border-left: dotted 1px #333333;
}

.contentsList_padding {
    padding: 5px;
}

.contentslist_altRow {
    background-color: #eeeeee;
}

.contentList_areaCell {
    background-color: #eeeeee;
    font-size: 12px;
    padding: 2px;
    margin: 2px;
}

.contentList_areaCellAlt {
    font-size: 12px;
    padding: 2px;
    margin: 2px;
}

.contentList_status_Pending {
    background-color: #fcfca4;
}

.contentList_status_Active {
    font-size: 12px;
}

.contentList_PresentationLength {
    font-size: 12px;
}

.contentList_AdditionalResources {
    font-size: 12px;
}

    .contentList_AdditionalResources a {
        color: #336699;
    }

.panelTitle {
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0px 20px 0px;
}

.bannerHolder {
    padding-bottom: 10px;
}

.searchListTitle h2 {
    margin: 0px 0px 10px 0px;
    color: #002B5F;
    font-size: 16px;
}

    .searchListTitle h2 a {
        color: #002B5F;
        text-decoration: none;
    }

.featuredNewsItem {
}

    .featuredNewsItem h3 {
        font-weight: normal;
        margin: 0;
        padding: 0px 0px 0px 0px;
    }

        .featuredNewsItem h3 a {
            color: #336699;
            text-decoration: none;
        }

            .featuredNewsItem h3 a:hover {
                text-decoration: underline;
            }

    .featuredNewsItem p {
        font-weight: normal;
        margin: 0;
        margin-top: 2px;
    }

.featuredNewsSeperator {
    padding-top: 10px;
    border-top: dotted 1px #404041;
    margin-top: 10px;
}

.regForm_Loading {
    float: right;
    padding-right: 50px;
}

.regForm_interests {
    width: 400px;
    height: 200px;
}

.passStrengthPoor {
    color: #ff0000;
}

.passStrengthWeak {
    color: #5E2605;
}

.passStrengthAverage {
    color: #FFA500;
}

.passStrengthStrong {
    color: #00688B;
}

.passStrengthExcellent {
    color: #00ff00;
}

.profileEditButton {
    margin: 0px 0px 0px 10px;
    vertical-align: middle;
}

.profileLoader {
    float: right;
    padding: 0px 10px 0px 0px;
}

.quickCourse_sectionTitle {
    color: #333333;
    font-weight: normal;
    font-size: 1.2em;
    padding-bottom: 10px;
}

.pdpMenuItem {
    margin: 0px 0px 20px 0px;
}

.pdpMenuItem_ImageHolder {
    float: left;
    margin-right: 5px;
    width: 35px;
    text-align: right;
}

.pdpHomeMain {
    width: 499px;
    float: left;
}

.pdpHomeSide {
    float: right;
    width: 180px;
}

.pdpSideBarItem {
}

.pdpSideBarItem_Image {
    position: relative;
    float: left;
    width: 80px;
}

.pdpSideBarItem_Text {
    position: absolute;
    bottom: 8px;
    left: 0px;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    width: 80px;
    cursor: default;
}

.pdpSideBarText {
    float: right;
    width: 90px;
    padding-top: 5px;
}

.pdpFormLeftCol {
    float: left;
    width: 200px;
    padding-right: 5px;
    font-weight: bolder;
}

.pdpFormRightCol {
    float: left;
    width: 500px;
}

.ForumComingSoon {
    font-style: italic;
}

.ForumThanks {
    background-color: pink;
}

.FollowedTrue {
    list-style-image: url(gfx/Forums/FollowedTrue.png);
}

.FollowedFalse {
    list-style-image: url(gfx/Forums/FollowedFalse.png);
}

.forumNavigationTop a {
    text-decoration: none;
}

.forumNavigationBottom a {
    text-decoration: none;
}

.ForumNavigationCategoryItemSelected a {
    background-color: #3da6e7;
    color: White;
    text-decoration: none;
}

.ForumActionLink a {
    text-decoration: none;
}

    .ForumActionLink a:hover {
        text-decoration: underline;
        color: #336699;
    }

.ForumMainContentArea {
    border: 0 invisible;
    background-color: White;
}

.AlternateForumPost {
    background-color: #EDF1F6;
    border-style: dotted;
    border-color: darkgrey;
    border-spacing: 10em;
}

.ForumTopPost {
    background-color: #FFFBD6;
}

.ForumPost {
    background-color: White;
    border-style: dotted;
    border-color: lightgrey;
    border-spacing: 10em;
}

    .ForumPost div {
        background-color: White;
    }

.ForumPostTitle {
}

.ForumPostContent {
}

.AlternateForumPostContent {
}

.ForumPostFooter {
}

.ForumAuthorLine {
    color: Black;
}

.ForumThreadDescription {
    font-style: italic;
    font-size: 14px;
    font-family: Verdana;
}

.ForumThread a {
    color: #3da6e7;
}

.ForumThread h2 {
    font-size: large;
}

.ForumPostTitle h2 {
    font-size: small;
}

.AlternateForumPostTitle h2 {
    font-size: small;
}


.pdpLearningRecordList {
}

    .pdpLearningRecordList thead {
        background-color: #f1f1f1;
    }

        .pdpLearningRecordList thead tr td {
            color: #2fa5ea;
            font-size: 14px;
            font-weight: bold;
        }

            .pdpLearningRecordList thead tr td a {
                color: #2fa5ea;
                text-decoration: underline;
            }

    .pdpLearningRecordList td {
        vertical-align: top;
        padding: 5px;
    }

.pdpLearningRecodTitleRow td {
    padding: 5px 5px 0px 5px;
}

.pdpLearningRecordList h2 {
    font-size: 14px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.pdpLearningRecordList td a {
    text-decoration: none;
}

    .pdpLearningRecordList td a:hover {
        text-decoration: underline;
        color: #336699;
    }

.pdpFilterTooltip {
    display: none;
    width: 250px;
    border: 1px solid #666666;
    background-color: #ffffff;
}

.pdpFilterTooltip_content {
    font-size: 12px;
    color: #333333;
    padding: 10px;
    font-weight: normal;
}

    .pdpFilterTooltip_content h4 {
        margin: 0px 0px 10px 0px;
        padding: 0;
        font-size: 14px;
    }

    .pdpFilterTooltip_content label {
        font-size: 12px;
        color: #333333;
        font-weight: normal;
    }

.pdpAppDateField {
    width: 70px;
    background-color: transparent;
    border: 0px solid #ffffff;
    color: #ffffff;
    text-align: center;
}

#appDateButtons {
    /*margin-top:35px;*/
    display: none;
}

.pdpProgressHolder {
    width: 499px;
    height: 18px;
    margin: 5px 0px 5px 0px;
}

.pdpMarkers {
    width: 499px;
}

.pdpMarkerLeft {
    float: left;
    color: #999999;
}

.pdpMarkerRight {
    float: right;
    color: #999999;
}

.pdpProgressMarkerHolder {
    width: 499px;
    position: relative;
    height: 32px;
}

.pdpProgressMarker {
    position: absolute;
    float: left;
    height: 32px;
    width: 46px;
}

.pdpProgressBarHolder {
    width: 499px;
    margin: 0px 23px 0px 23px;
}

.pdpMarkerText {
    color: #ffffff;
    position: absolute;
    top: 4px;
    left: 10px;
}

.pdpMarkerText_Invert {
    color: #ffffff;
    position: absolute;
    bottom: 4px;
    left: 10px;
}

.pdpFilterLink {
    text-decoration: none !important;
    color: #333333 !important;
    vertical-align: middle;
}

    .pdpFilterLink:hover {
        text-decoration: underline;
    }

.pdpMessage {
    font-weight: bold;
}

.pdpRemoveLink {
    text-decoration: none;
}

    .pdpRemoveLink img {
        margin-right: 5px;
    }

/*----- BUTTON STYLES (DEFAULT GREEN) -----*/
.Button {
    background: #b2e663;
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    font-family: Tahoma, Verdana, Kalimati;
    color: #ffffff;
    font-size: 12px;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    display: inline-block;
    letter-spacing: 1px;
    border-style: solid;
    border-width: 1px;
    font-weight: bolder;
}

    .Button:hover {
        /*text-decoration: underline;*/
        /*font-size: 14px;*/
        cursor: pointer;
        color: #ffffff;
    }

.NavigiationButtons {
    margin-top: 5px;
}

.new-blue {
    color: #3E5BC7;
}

._Blue {
    background: #3E5BC7;
    /*border-color: #007fff;*/
    color: white !important;
}

._Teal {
    background: #62c9b9;
    /*border-color: #00AA00;*/
    color: white !important;
}

._Green {
    background: #00AA00;
    border-color: #00AA00;
    color: white !important;
}

._Grey {
    background: #9CAFAD;
    /*border-color: #737373;*/
}

._Red {
    background: #E7363C;
    /*border-color: #d40202;*/
    color: white !important;
}

._Orange {
    background: #f27e03;
    border-color: #d6700b;
}
/*----- END OF BUTTON STYLES -----*/

.DownloadCertificateButton {
    background: #0a0;
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    font-family: sans-serif;
    color: #ffffff;
    font-size: 12px;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    display: inline-block;
    letter-spacing: 1px;
    border-style: solid;
    border-width: 1px;
}


/*Update progress style*/

.updateprogress {
    position: fixed;
    top: 0px;
    left: 0px;
    min-height: 100%;
    min-width: 100%;
    background-image: url("Images/loader.gif");
    background-size: 40px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #e4e4e6;
    z-index: 500 !important;
    opacity: 0.8;
    overflow: hidden;
}

/*.updateprogress img {
        height: 40px;
        width: 40px;
    }*/
