.userLatestInteraction{
    position: relative;
    padding: 15px 25px 15px 15px;
    color: #5a5a5a;
    border-bottom: 1px solid #d9d9d9;
    max-height: 77px;
}

.userInteractionList {
    min-height: 324px;
}

.userInteractionList.empty p{
    font-family: ProximaNovaExCnBold, Arial, sans-serif;
    font-size: 16px;
    color:#CBCBCB;
    text-transform: uppercase;
    text-align: center;
    padding-top: 120px;
}

.userLatestInteraction .edit {
    position: absolute;
    top: 17px;
    right: 10px;
    font-family: ProximaNova,Arial,sans-serif;
    font-size: 14px;
}

.userLatestInteraction h4{
    font-family: ProximaNovaExCnBold, Arial, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 25px 3px 0;
    color: #00AEEF;
}

.userLatestInteraction .date{
    font-family: ProximaNovaExCn, Arial, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 8px;
}


.userLatestInteraction .desc{
    font-family: ProximaNova,Arial,sans-serif;
    font-size: 14px;
    margin-bottom: 4px;
}

.forum .userLatestInteraction .desc{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.userLatestInteraction .stats{
    font-family: ProximaNova,Arial,sans-serif;
    font-size: 14px;

}

.userLatestInteraction .stats a {
    font-weight: bold;
}


.profileUserInfo{
    position: relative;
    content: " ";
    display: table;
    margin: 30px 0;
    width: 100%;
}

.profileUserInfo .divider{
    width: 1px;
    background-color: #c8c8c8;
    height: 100%;
    top:0;
    position: absolute;
    left: 50%;
}

.profileUserInfo .infoSummary, .profileUserInfo .overAllGoal {
    padding-left: 15px;
    position: relative;
}

.profileUserInfo .infoSummary a.edit{
    position: absolute;
    top: 6px;
    right: 0px;
    z-index: 1;
}

.profileUserInfo .overAllGoal a.edit{
    position: absolute;
    top: 4px;
    right: 0px;
}

.profileUserInfo .infoSummary li {
    font-family: ProximaNovaExCnBold, Arial, sans-serif;
    font-size: 20px;
    color: #232323;
    line-height: 23px;
    list-style: none;
    word-wrap: break-word;
    padding-left: 104px;
    position: relative;
    min-height: 23px;
    text-transform: uppercase;
}
.profileUserInfo .infoSummary li span{
    color: #919191;
    position: absolute;
    left: 0;
}

.profileUserInfo .infoSummary ul li:first-child{
    padding-right: 30px;
}

.profileUserInfo .overAllGoal  h3{
    color: #919191;
    font-size: 20px;
    font-family: ProximaNovaExCnBold, Arial, sans-serif;
    margin-bottom: 15px;
    padding-right: 30px;
}

.profileUserInfo .overAllGoal h3 span{
    color: #00aeef;
    margin: 0 3px;
}

.profileUserInfo .overAllGoal h3 span:last-child {
    margin: 0;
    color: #919191;
}

.profileUserInfo .overAllGoal p{
    font-family: ProximaNova, Arial ,sans-serif;
    font-size: 16px;
    line-height: 19px;
    font-weight: bold;
    word-wrap: break-word;
}

.profileUserInfo .overAllGoal p.empty{
    font-family: ProximaNovaExCnBold,Arial,sans-serif;
    padding-top: 35px;
    text-transform: uppercase;
    color: #CBCBCB;
    text-align: center;
}

.mobile-profile-landing .userInteractionList {
    min-height: 120px;
}

.mobile-profile-landing .userInteractionList.empty p {
    padding-top: 60px;
}

.comment-box-container {
    position: relative;
}
.comment-box-container .bbProfileComment {
    display: inline-block;
    width: 90%;
    *display: inline;
    *zoom: 1;
}
.comment-box-container .post-button {
    display: inline-block;
    width: 10%;
    position:absolute;
    bottom: -2px;
    right: -10px;
    *display: inline;
    *zoom: 1;
}
.bbActiveCoreInput.comment-box-container .post-button {
    bottom: 21px;
}

#leftContent .has-left-sidebar .weightBodyFatEmptyContent,
#leftContent .has-left-sidebar .bbModuleContainer.empty .currentBodyCompContent,
#leftContent .has-left-sidebar .currentBodyCompContent{
    min-height: 266px;
}

.programWidget .bbModuleContainer{
    height: 365px;
}


.box-goal-composition{
    margin: auto;
}

@media (max-width: 400px) {

    .comment-box-container .post-button {
        display: block;
        position: relative;
        right: 0;
        bottom: 0;
        width: 100%;
    }

    .comment-box-container .bbProfileComment {
        width: 100%;
    }

    .profileUserInfo{
    }

    .profileUserInfo div > div{
        background: #fff;
        border: 1px solid #E3E3E3;
        border-radius: 2px;
    }

    .profileUserInfo .infoSummary{
        padding: 15px 10px 20px 15px;
        border-bottom: 1px solid #E3E3E3;
    }

    .profileUserInfo .overAllGoal{
        padding: 20px 10px 0px 15px;
    }

    .profileUserInfo .divider{
        display: none;
    }
    .profileUserInfo .infoSummary a.edit{
        font-size: 14px;
        right: 10px;
        top: 20px;
    }

    .profileUserInfo .overAllGoal a.edit{
        font-size: 14px;
        right: 10px;
        top: 25px;
    }
}
.pgGrid .moduleContent {
    position: relative;
}
.pgGrid .contentContainer {
    margin-top: 18px;
    margin-bottom: 10px;
}
.pgGrid .content {
    text-align: center;
}
.pgGrid .imgContainer {
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    height: 212px;
    overflow: hidden;
}
.pgGrid .imgWrapper {
    margin: 0 3px 5px 2px;
    display: inline-block;
    vertical-align: top;
}
.pgGrid .fitboard-bottom-nav {
    text-align: right;
    margin: 6px 5px 0 0;
}
.pgGrid #fitboard-posts-reload {
    margin-right: 5px;
    vertical-align: top;
    display: inline-block;
    cursor: pointer;
}
.pgGrid #fitboard-posts-reload.loading {
    background-image: none;
}
.pgGrid #fitboard-posts-view-all {
    margin-left: 5px;
    margin-top: 2px;
    display: inline-block;
    border-left: 1px solid #c8c8c8;
    padding-left: 10px;
}
.pgGrid .add-post .white-container {
    position: relative;
    width: 100px;
    height: 100px;
}
.pgGrid .add-post .white-container  .plus {
    font-size: 48px;
    line-height: 42px;
    text-decoration: none;
    width: 42px;
    height: 42px;
    border: 3px dashed #00aeef;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    color: #00AEEF;
}
.pgGrid .add-post .white-container:hover .plus {
    border-color: #00A1DE;
    color: #00A1DE;
}
.pgMobile .imgContainer {
    height: 105px;
}
.pgMobile .pgGrid .imgWrapper {
    margin: 6px;
}
.pgMobile .pgGrid .square-box-100x100 {
    width: 40px;
    height: 40px;
}
.pgMobile .pgGrid .add-post .white-container {
    width: 42px;
    height: 42px;
    border: none;
}
.pgMobile .pgGrid .add-post .white-container .plus {
    line-height: 40px;
    width: 42px;
    height: 42px;
}
.pgMobile .pgGrid .fitboard-bottom-nav {
    display: none;
}

/*General Classes for Goals********************/

.trophyIconNormal {
    width: 10px;
    height: 11px;
    background: url(//common.bbcomcdn.com/BB/APP/Goals/full/graphyte/goals-sprite.png) 0 0;
}
.goalDateArrows {
    background: url(//common.bbcomcdn.com/BB/APP/Goals/full/graphyte/goals-sprite.png) 0 -1px;
    width: 266px;
    height: 7px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*General Classes for the progress bars********************/
.progressBarContainer {
    width: 100%;
}
/*.goal-progress-bar.red,*/
.progressBarContainer.expired .title-display {
    color: #CC0400;
}
/*.goal-progress-bar.green,*/
.progressBarContainer.accomplished .title-display {
    color: #62BD19;
}
.progressBarContainer.inactive {
    color: #8F8F8F;
}
.goal-progress-bar.row {
    margin: 0;
}
.goal-progress-bar .element-container {
    padding: 0;
    position: relative;
}
.has-left-sidebar .goal-progress-bar .percentage-display {
	padding-left: 8px;
}
.goal-progress-bar .element-container .trophy-icon-container {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #000;
    background-repeat: no-repeat;
    padding: 3px;
}
.goalProgressBarContainer .goal-progress-bar .element-container .trophy-icon-container {
    margin-top: -11px;
}
.goalProgressBarContainer.social-container {
	font-family: ProximaNova, "Arial", sans-serif;
	text-transform: none;
	font-size: 12px;
}

.progressBarContainer.inactive .trophy-icon-container {
    background-color: #CACACA;
}

.goal-progress-bar.green .trophy-icon-container,
.progressBarContainer.accomplished .trophy-icon-container {
    background-color: #62BD19;
}
/*.goal-progress-bar .element-container.percentage-display {
    padding-left: 10px;
}*/
.progressBarContainer .goal-progress-bar .element-container.percentage-display {
    padding-left: 0;
    margin-top: 10px;
}
.progressBarContainer .goal-progress-bar .separator {
    display: inline-block;
    margin: 0 5px;
    *display: inline;
    *zoom: 1;
}
/*.progressTitle {*/
    /*width: 22%;*/
    /*float: left;*/
/*}*/
/*.progressBar {*/
    /*float: left;*/
    /*width: 58%;*/
/*}*/
/*.progressPercent {*/
    /*width: 20%;*/
    /*float: right;*/
    /*text-align: right;*/
/*}*/
.gridBottomMargin {
    margin-bottom: 30px;
}
.bodyspace-landing-header {
	padding: 12px 14px;
}
.landing-page {
	/*padding: 12px 0;*/
}

.alignHeight.richState.noLeft.noMargin.row .col-md-6 .bbModuleContainer {
    min-height: 335px;
}
@media (max-width: 400px) {
    .alignHeight.richState.noLeft.noMargin.row .col-md-6 .bbModuleContainer {
        min-height: 0;
    }
}

/**
 * Motivation page also uses tabs. These styles should be common, but the motivation page is broken so I don't know if they
 * need these. Might need to be moved.
 */
.bbModuleContainer .bbModuleContainerTabbed .moduleTabs {
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    position: relative;
    z-index: 11;
}

.bbModuleContainerTabbed .moduleContent {
    border-top: 1px solid #e0e0e0;
    margin-top: -1px;
    z-index: 10;
}

span.goalValueValue,
span.goalValueUnit,
span.currentValueValue,
span.currentValueUnit {
    color: #00aeef;
}

.editable {
    cursor: pointer;
}

/* Weight & Body Fat Progress */
.has-left-sidebar .changeTypeContainer .changeStats .value {
    font-size: 40px;
}

.has-left-sidebar .arrowLarge .arrowShaft {
    height: 33px;
    width: 20px;
}

.has-left-sidebar .arrowLarge .arrowHead {
    border-bottom-width: 30px;
    border-left-width: 23px;
    border-right-width: 23px;
}
.has-left-sidebar .stats-container {
    min-width: 0;
}
.has-left-sidebar .weightBodyFatChangeContent {
    margin: 5px auto;
}
.has-left-sidebar .weightBodyFatChangeContent .changeTypeContainer {
    margin-bottom: 0;
    text-align: left;
}

/* Strength & Measurement Goals */
.has-left-sidebar .goalTypeContainer {
    padding: 10px;
}
.has-left-sidebar .goalTypeContainer .goalValues .label {
    font-size: 12px;
}
.has-left-sidebar .goalTypeContainer .goalValues .value {
    font-size: 10px;
}
/*.has-left-sidebar .goalTypeContainer .progress-display {*/
    /*width: 37%;*/
/*}*/
/*.has-left-sidebar .goalTypeContainer .percentage-display {*/
    /*width: 31%;*/
/*}*/
/*.has-left-sidebar .goalTypeContainer .title-display {*/
    /*width: 30%;*/
/*}*/
.has-left-sidebar .goalTypeContainer .set-goal-link-container {
    padding-right: 8px;
}
.communityMembersContent .member:not(:last-child) {
    border-bottom: 1px solid #d9d9d9;
}
.communityMembersContent .member {
    padding: 10px;
}
.communityMembersContent .member .image {
    float: left;
    margin-right: 10px;
}
.communityMembersContent .member .image img {
    width: 50px;
    height: 50px;
}
.communityMembersContent .member .text {
    height: 50px;
    display: table-cell;
    vertical-align: middle;
    font-family: ProximaNova, Arial, sans-serif;
    font-size: 14px;
}
.communityMembersContent .member .timestamp {
    color: #919191;
}


div.bbSlider {
    position: relative;
    height: 13px;
    border-radius: 3px;
    background: #232323;
    background: -moz-linear-gradient(top,#FFF 0,#919191 8%,#C8C8C8 96%,#232323 99%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFF),color-stop(8%,#919191),color-stop(96%,#C8C8C8),color-stop(99%,#232323));
    background: -webkit-linear-gradient(top,#FFF 0,#919191 8%,#C8C8C8 96%,#232323 99%);
    background: -o-linear-gradient(top,#FFF 0,#919191 8%,#C8C8C8 96%,#232323 99%);
    background: -ms-linear-gradient(top,#FFF 0,#919191 8%,#C8C8C8 96%,#232323 99%);
    background: linear-gradient(to bottom,#FFF 0,#919191 8%,#C8C8C8 96%,#232323 99%);
    cursor: pointer;
}
div.bbSlider .handle {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -22px;
    margin-left: -22px;
    padding: 10px;
}
div.bbSlider .handle .image {
    width: 23px;
    height: 25px;
    background: url(//assets.bodybuilding.com/bodyspace/images/sections/membersearch/sliderKnob.png);
}
div.bbSlider .fill {
    position: absolute;
    left: 0;
    width: 0;
    height: 100%;
    background: #002A44;
    border-radius: 3px;
    background: -moz-linear-gradient(top,#002A44 0,#00AEEF 9%,#005A8B 96%,#FFF 99%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#002A44),color-stop(9%,#00AEEF),color-stop(96%,#005A8B),color-stop(99%,#FFF));
    background: -webkit-linear-gradient(top,#002A44 0,#00AEEF 9%,#005A8B 96%,#FFF 99%);
    background: -o-linear-gradient(top,#002A44 0,#00AEEF 9%,#005A8B 96%,#FFF 99%);
    background: -ms-linear-gradient(top,#002A44 0,#00AEEF 9%,#005A8B 96%,#FFF 99%);
    background: linear-gradient(to bottom,#002A44 0,#00AEEF 9%,#005A8B 96%,#FFF 99%);
}

.field .bbTextBoxWithMultipleFields {
    width: 100%;
}

.mainGoalSelectWizard .bbFooterContent button.bbButton {
    min-width: 130px;
}

.mainGoalSelectWizard .bbHeader .bbTitle {
    /*width: 616px;*/
}

.goalModalWizard {
    width: 100%;
}

.goalModalWizard,
.goalModalWizard *,
.goalModalWizard:before *,
.goalModalWizard:after * {
    box-sizing: border-box !important;
}

.goalModalWizard.goalModalWizardStep0 .fieldsContainer {
    padding: 0;
}

.goalModalWizard.goalModalWizardStep0 .genderSelection h3 {
    margin-bottom: 10px;
}

.goalModalWizard.goalModalWizardStep0 .genderSelection  .genderSelectionItem {
    margin-bottom: 20px;
}

.goalModalWizard.goalModalWizardStep0 .fieldsContainer input,
.goalModalWizard.goalModalWizardStep0 .fieldsContainer .field {
    text-align: center;
}

.goalModalWizard.goalModalWizardStep0 .fieldsContainer .field {
    height: 140px;
}

.goalModalWizard.goalModalWizardStep0 .fieldsContainer input {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    height: 110px;
}

.goalModalWizard.goalModalWizardStep0 .fieldsContainer .field .unitOfMeasure {
    text-transform: none;
}

.mainGoalSelectWizard .idKnowBodyFatNo {
    max-width: 616px;
}

.mainGoalSelectWizard .idKnowBodyFatYes {
    max-width: 616px;
}


.mainGoalSelectWizard .idKnowBodyFatYes {
    text-align: center;
}

.mainGoalSelectWizard .idKnowBodyFatYes input {
    width: 80%;
    padding: 20px 10%;
    text-align: center;
}
.mainGoalSelectWizard .idKnowBodyFatYes input[name=bodyfat] {
    height: 110px;
}
.mainGoalSelectWizard .idKnowBodyFatYes .field.fieldBodyFat {
    float: none;
    margin: 0 auto;
}
.mainGoalSelectWizard .fatPercentagePrompt {
    font-size: 16px;
    font-weight: bold;
    height: 76px;
    position: relative;
}
.mainGoalSelectWizard .fatPercentagePromptRadioButtons {
    text-align: center;
}

.mainGoalSelectWizard .fatPercentagePrompt {}

.mainGoalSelectWizard .idKnowBodyFatYes .field.fieldBodyFat {
    width: 200px;
}

.mainGoalSelectWizard .bbRadioButton label span {
    margin-left: 27px;
    margin-bottom: 30px;
}
.mainGoalSelectWizard .bbRadioButton.bbFatYes {
    margin-left: 20px;
}

.mainGoalSelectWizard .bbRadioButton.bbFatYes span {
    margin-left: 6px;
}

.mainGoalSelectWizard .fatPercentagePrompt span {
    bottom: 27px;
    position: absolute;
}
.mainGoalSelectWizard .idKnowBodyFatNo .educationalBlock p{
    font-size: 14px;

}

.mainGoalSelectWizard .idKnowBodyFatChoose .looksLikeMe.bbFilmStrip {
    height: 300px;
    width: 100%;
}


/*url('//assets.bodybuilding.com/bodyspace/images/sections/signup-wizard/signup-wizard-bodyfat-sprite.jpg')
//assets.bodybuilding.com/bodyspace/images/sections/signup-wizard/signup-wizard-bodyfat-female-sprite.jpg*/





.goalModalWizard.goalModalWizardStep1 .mainGoalSlider {
    height: 200px;
    width: 100%;
    position: relative;
    margin-bottom: 15px;
}

.goalModalWizard.goalModalWizardStep1 .mainGoalSlider .mainGoalItem .mainGoalImage {
    height: 165px;
    display: inline-block;
    width: 182px;
}


.goalModalWizard.goalModalWizardStep1 .mainGoalSlider .rsArrow.rsArrowRight .rsArrowIcn {
    left: -22px;
}

.goalModalWizard.goalModalWizardStep1 .mainGoalSlider .rsArrow.rsArrowLeft .rsArrowIcn {
    left: 8px;
}

.goalModalWizard.goalModalWizardStep1 .mainGoalSlider.bbmale .mainGoalItem .mainGoalImage {
    background-image: url(//trackers.bbcomcdn.com/images/programs/male.png);
}

.goalModalWizard.goalModalWizardStep1 .mainGoalSlider.bbfemale .mainGoalItem .mainGoalImage {
    background-image: url(//trackers.bbcomcdn.com/images/programs/female.png);
}

.goalModalWizard.goalModalWizardStep1 .mainGoalSlider .mainGoalItem {
    width: 185px;
    height: 200px;
    text-align: center;
}

.goalModalWizard.goalModalWizardStep1 .mainGoalSlider .mainGoalItem .mainGoalImage.LOSE_FAT {
    background-position: -180px 0;
}

.goalModalWizard.goalModalWizardStep1 .mainGoalSlider .mainGoalItem .mainGoalImage.TRANSFORM {
    background-position: -360px 0;
}

.goalModalWizard.goalModalWizardStep1 .mainGoalSlider .mainGoalItem .mainGoalImage.IMPROVE_SPORT {
    background-position: -10px -177px;
    width: 105px;
}

.goalModalWizard.goalModalWizardStep1 .mainGoalSlider .mainGoalItem .mainGoalImage.ENDURANCE {
    background-position: -140px -177px;
    width: 105px;
}

.goalModalWizard.goalModalWizardStep1 .mainGoalSlider .mainGoalItem .mainGoalImage.FLEXIBILITY {
    background-position: -266px -177px;
    width: 105px;
}

.goalModalWizard.goalModalWizardStep1 .mainGoalSlider .mainGoalItem .mainGoalImage.OTHER {
    background-position: -390px -177px;
    width: 105px;
}

.goalModalWizard.goalModalWizardStep1 .myGoalIsNotListed {
    color: #00aeef;
    margin-top: 5px;
    cursor: pointer;
}

@media (max-width: 768px) {
    .goalModalWizard {
        width: 100%;
    }
}

/**
 * Action Items
 */
.mainGoalSelectWizard .alertContainer {
    min-height: 100px;
    color: #333;
}
.mainGoalSelectWizard .box-focus-information-snapshot {
    border: 5px solid #bcbdbc;
    margin: 0 0 20px 0;
    color: #4C4D4F;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 15px;
    background: #FFF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQANfvnz5z4gsBhLg4eFhhAvCBECKwILIAmBBdAGQIAAM/xPhUBkARQAAAABJRU5ErkJggg==);
}
.mainGoalSelectWizard .alertContainer .alertSectionContainer {
    margin-top: 20px;
}
.mainGoalSelectWizard .alertContainer .contentContainer {
    font-size: 0;
    padding: 10px 0;
}
.mainGoalSelectWizard .alertContainer .boom-two-column {
    vertical-align: bottom;
    font-size: 13px;
    width: 50%;

    /* Mobile doesn't have boom-*-column? */
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.mainGoalSelectWizard .alertContainer .contentContainer .boom-two-column {
    vertical-align: middle;
    font-size: 14px;
}
.mainGoalSelectWizard .alertContainer .titleContainer {
    border-bottom: 1px solid #D0D0D0;
    padding-bottom: 5px;
    text-transform: uppercase;
    font-family: ProximaNova, Arial, sans-serif;
    font-size: 13px;
}
.mainGoalSelectWizard .alertContainer .titleHeader {
    font-family: ProximaNovaExCnBold, Arial, sans-serif;
    font-size: 16px;
}
.mainGoalSelectWizard .alertContainer .rightColumn {
    text-align: right;
}
.mainGoalSelectWizard .alertContainer select {
    width: 150px;
}
.mainGoalSelectWizard .alertContainer .bbDropDown {
    text-align: left;
}
.mainGoalSelectWizard .alertContainer .contentContainer .rowIcon,
.mainGoalSelectWizard .alertContainer .contentContainer .rowName {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
}
.mainGoalSelectWizard .alertContainer .contentContainer .rowIcon {
    background-image: url(//assets.bodybuilding.com/bodyspace/images/sections/alerts/alert-icon-sprite.png);
    width: 20px;
    height: 20px;
    margin-right: 8px;
}
.mainGoalSelectWizard .alertContainer .contentContainer.rowACTION_ITEM_WEIGHT .rowIcon {
    background-position: 1px 148px;
}
.mainGoalSelectWizard .alertContainer .contentContainer.rowACTION_ITEM_BODYFAT .rowIcon {
    background-position: 1px 128px;
}
.mainGoalSelectWizard .alertContainer .box-focus-information-snapshot div._line {
    padding: 8px 0;
}
/**
 * Goal Date
 */
.mainGoalSelectWizard .goalDateContainer {
    text-transform: uppercase;
    text-align: center;
}
.mainGoalSelectWizard .goalDateContainer .gauge {
    width: 100%;
    height: 100%;
    max-height: 340px;
    position: relative;
    margin: 0 auto;
    text-align: center;
}
.mainGoalSelectWizard .goalDateContainer .gaugeLabel {
    position: absolute;
    color: #232323;
    font-family: ProximaNovaExCn,Arial,sans-serif;
    font-size: 20px;
}
.mainGoalSelectWizard .goalDateContainer .gaugeLabel.lessAggressive {
    left: 100px;
    top: 56px;
}
.mainGoalSelectWizard .goalDateContainer .gaugeLabel.recommended {
    width: 100%;
    top: -10px;
}
.mainGoalSelectWizard .goalDateContainer .gaugeLabel.moreAggressive {
    right: 100px;
    top: 56px;
}
.mainGoalSelectWizard .goalDateContainer #goalDateGage {
    text-align: center;
    padding: 0;
    margin: 0;
}
.mainGoalSelectWizard .goalDateContainer .sliderDate {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 20px;
    text-align: center;
    color: #5A5A5A;
    font-family: ProximaNovaExCnBold,Arial,sans-serif;
    font-size: 24px;
}
.mainGoalSelectWizard .goalDateContainer .desc-header {
    font-family: ProximaNovaExCnBold,Arial,sans-serif;
    font-size: 24px;
    color: #919191;
}
.mainGoalSelectWizard .goalDateContainer .desc-value {
    font-family: ProximaNovaExCnBold,Arial,sans-serif;
    font-size: 50px;
    color: #232323;
    line-height: 50px;
}
.mainGoalSelectWizard .goalDateContainer .desc-value.first {
    margin-bottom: 20px;
}
.mainGoalSelectWizard .goalDateContainer .box-focus-information-snapshot {
    text-align: center;
}
.mainGoalSelectWizard .goalDateContainer .slider {
    width: 60%;
    margin: 0 auto;
}
.mainGoalSelectWizard .goalDateContainer .adjust-intensity-container {
    text-align: center;
    margin: 12px auto;
}
.mainGoalSelectWizard .goalDateContainer .adjust-intensity-container .arrow,
.mainGoalSelectWizard .goalDateContainer .adjust-intensity-container .label {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
}
.mainGoalSelectWizard .goalDateContainer .adjust-intensity-container .label {
    padding: 0 10px;
    font-family: ProximaNovaExCnBold,Arial,sans-serif;
    font-size: 16px;
    color: #919191;
    text-shadow: 0px 2px 2px rgba(255, 255, 255, 1);
}
.mainGoalSelectWizard .goalDateContainer .adjust-intensity-container .arrow {
    background: url(//common.bbcomcdn.com/BB/APP/Goals/full/graphyte/goals-sprite.png) 0 -11px;
    height: 7px;
    width: 20%;
}
.mainGoalSelectWizard .goalDateContainer .adjust-intensity-container .arrow.right {
    background-position: 100% -11px;
}
@media (max-width: 768px) {

    .mainGoalSelectWizard .bbHeader .bbTitle {
        width: 96%;
        padding-left: 2%!important;
        padding-right: 2%!important;
    }

    .mainGoalSelectWizard .goalDateContainer .slider,
    .mainGoalSelectWizard .goalDateContainer .gauge {
        width: 100%;
    }
    .mainGoalSelectWizard .goalDateContainer .sliderDate {
        font-size: 16px;
    }
    .mainGoalSelectWizard .goalDateContainer .desc-header {
        font-size: 16px;
    }
    .mainGoalSelectWizard .goalDateContainer .desc-value {
        font-size: 20px;
        line-height: 24px;
    }
    .mainGoalSelectWizard .goalDateContainer .gaugeLabel.lessAggressive {
        left: -20px;
        top: 7px;
}
    .mainGoalSelectWizard .goalDateContainer .gaugeLabel.moreAggressive {
        right: -20px;
        top: 7px;
    }
}
/**
 * Step 3
 */
.goalModalWizard.goalModalWizardStep3 .goalModalEductionBlock {
    padding: 15px;
}
.goalModalWizard.goalModalWizardStep3 .goalModalEductionBlock.bodyType > div {
   float: none;
   display: inline-block;
   vertical-align: middle;
}
.goalModalWizard.goalModalWizardStep3 .goalModalEductionBlock.bodyType .chart img {
    margin: 0 auto;
}
.goalModalWizard.goalModalWizardStep3 .goalModalEductionBlock p {
    margin-top: 10px;
}
.goalModalWizard.goalModalWizardStep3 .goalModalEductionBlock h5 {
    margin-top: 20px;
}
.goalModalWizard.goalModalWizardStep3 .goalModalEductionBlock .bfVeryGood {
    padding-left: 0;
}
.goalModalWizard.goalModalWizardStep3 .goalModalEductionBlock .bfGood {
    padding-right: 0;
}
.goalModalWizard.goalModalWizardStep3 .goalModalEductionBlock .bfSnapshot {
    width: 29%;
}
.goalModalWizard.goalModalWizardStep3 .goalModalEductionBlock .bfGraph {
    width: 27%;
    float: left;
}
.goalModalWizard.goalModalWizardStep3 .goalModalEductionBlock .bfGraphLegends {
    margin-top: 5px;
}
.goalModalWizard.goalModalWizardStep3 .goalModalEductionBlock .bfGraphLegends,
.goalModalWizard.goalModalWizardStep3 .goalModalEductionBlock h3.bbh3 {
    float: left;
}
.goalModalWizard.goalModalWizardStep3 .goalModalEductionBlock .bfSnapshot img {
    float: left;
    margin-right: 10px;
}
.goalModalWizard.goalModalWizardStep3 .boundariesBodyFatContainer h5 {
    margin-bottom: 20px;
}
.goalModalWizard.goalModalWizardStep3 .bfGraphLegends span.black,
.goalModalWizard.goalModalWizardStep3 .bfGraphLegends span.blue {
    height: 12px;
    width: 12px;
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.goalModalWizard.goalModalWizardStep3 .bfGraphLegends span.black {
    background-color: #21343d;
}
.goalModalWizard.goalModalWizardStep3 .bfGraphLegends span.blue {
    background-color: #00aeef;
}

.goalModalWizard.goalModalWizardStep3 .bfExample h3 {
    margin-top: 5px;
}

.goalModalWizard.goalModalWizardStep3 .estimatedResult {
    color: #5a5a5a;
}
.goalModalWizard.goalModalWizardStep3 .estimatedResult .bfSnapshot img {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-box-shadow: 0px 0px 10px 0px #7c7e80;
    -webkit-box-shadow: 0px 0px 10px 0px #7c7e80;
    box-shadow: 0px 0px 10px 0 #7c7e80;
    margin: auto 0;
}

.goalModalWizard.goalModalWizardStep3 .estimatedResult .bigPercentEstimate {
    margin: 60px 40px;
    float: left;
    font-family: ProximaNovaExCnBold, Arial, sans-serif;
    font-weight: bold;
    font-size: 65px;
    color: #919191;
}

.goalModalWizard.goalModalWizardStep3 .estimatedResult .estimateReasons {
    margin-top: 20px;
}
.goalModalWizard.goalModalWizardStep3 .estimatedResult .estimateReasons label {
    margin-right: 5px;
    font-weight: bold;
}
.goalModalWizard.goalModalWizardStep3 .estimatedResult .estimateReasons .reasonItem {
    margin-top: 5px;
}
.goalModalWizard.goalModalWizardStep3 .idKnowBodyFatChoose .looksLikeImage {
    width: 103px;
    height: 208px;
    margin: 15px auto;
}
.goalModalWizard.goalModalWizardStep3 .idKnowBodyFatChoose .bbmale .looksLikeImage {
   background-image: url(//assets.bodybuilding.com/bodyspace/images/sections/signup-wizard/signup-wizard-bodyfat-sprite.jpg);
}
.goalModalWizard.goalModalWizardStep3 .idKnowBodyFatChoose .bbfemale .looksLikeImage {
    background-image: url(//assets.bodybuilding.com/bodyspace/images/sections/signup-wizard/signup-wizard-bodyfat-female-sprite.jpg);
}
.goalModalWizard.goalModalWizardStep3 .idKnowBodyFatChoose .bbmale .looksLikeImage.LEAN {
     background-position: 0 -208px;
}
.goalModalWizard.goalModalWizardStep3 .idKnowBodyFatChoose .bbmale .looksLikeImage.ATHLETIC {
    background-position: -105px -208px;
}
.goalModalWizard.goalModalWizardStep3 .idKnowBodyFatChoose .bbmale .looksLikeImage.FIT {
    background-position: -210px -208px;
}
.goalModalWizard.goalModalWizardStep3 .idKnowBodyFatChoose .bbmale .looksLikeImage.AVERAGE {
    background-position: -315px -208px;
}
.goalModalWizard.goalModalWizardStep3 .idKnowBodyFatChoose .bbmale .looksLikeImage.OVERWEIGHT {
    background-position: -420px -208px;
}
.goalModalWizard.goalModalWizardStep3 .idKnowBodyFatChoose .bbmale .looksLikeImage.SLIGHTLY_OBESE {
    background-position: -525px -208px;
}
.goalModalWizard.goalModalWizardStep3 .idKnowBodyFatChoose .bbmale .looksLikeImage.OBESE {
    background-position: -630px -208px;
}
.goalModalWizard.goalModalWizardStep3 .idKnowBodyFatChoose .bbmale .looksLikeImage.MORBIDLY_OBESE {
    background-position: -735px -208px;
}
.goalModalWizard.goalModalWizardStep3 .idKnowBodyFatChoose .bbfemale .looksLikeImage.LEAN {
    background-position: 0 -208px;
}
.goalModalWizard.goalModalWizardStep3 .idKnowBodyFatChoose .bbfemale .looksLikeImage.BEACH_READY {
    background-position: -106px -208px;
}
.goalModalWizard.goalModalWizardStep3 .idKnowBodyFatChoose .bbfemale .looksLikeImage.FIT {
    background-position: -210px -208px;
}
.goalModalWizard.goalModalWizardStep3 .idKnowBodyFatChoose .bbfemale .looksLikeImage.AVERAGE {
    background-position: -313px -208px;
}
.goalModalWizard.goalModalWizardStep3 .idKnowBodyFatChoose .bbfemale .looksLikeImage.OVERWEIGHT {
    background-position: -417px -208px;
}
.goalModalWizard.goalModalWizardStep3 .idKnowBodyFatChoose .bbfemale .looksLikeImage.OBESE {
    background-position: -521px -208px;
}
.goalModalWizard.goalModalWizardStep3 .idKnowBodyFatChoose .looksLikeItem.selected .looksLikeImage {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 2px;
    border: 1px #00aeef solid;
    -moz-box-shadow: 3px 3px 5px 6px #00aeef;
    -webkit-box-shadow: 3px 3px 5px 6px #00aeef;
    box-shadow: 0 0 10px 2px #00aeef;
    box-sizing: border-box;
}
.goalModalWizard.goalModalWizardStep3 .idKnowBodyFatChoose .selBodyType {
    font-family: ProximaNovaExCnBold, Arial, sans-serif;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0;
}
.goalModalWizard.goalModalWizardStep3 .idKnowBodyFatChoose .info {
    font-family: ProximaNova, Arial, sans-serif;
    font-size: 14px;
    text-transform: none;
    font-weight: normal;
}

.goalModalWizard.goalModalWizardStep3 .estimatedResult .bfSnapshot img {
    margin: 20px auto;
}

@media (max-width: 768px) {
    .goalModalWizard.goalModalWizardStep3 .goalModalEductionBlock .bfVeryGood,
    .goalModalWizard.goalModalWizardStep3 .goalModalEductionBlock .bfGood {
        padding: 0;
    }
    .goalModalWizard.goalModalWizardStep3 .goalModalEductionBlock {
        display: none;
    }
    .goalModalWizard.goalModalWizardStep3 .estimatedResult .bigPercentEstimate {
        width: 100%;
        text-align: center;
        margin: 30px auto;
    }
    .goalModalWizard.goalModalWizardStep3 h4 {
        padding: 0;
    }
    .goalModalWizard.goalModalWizardStep3 .idKnowBodyFatChoose .info {
        clear: both;
        padding-top: 10px;
    }
}

/*END*/


/**
 * Step 4
 */
.goalModalWizard.goalModalWizardStep4 {

}
.goalModalWizard.goalModalWizardStep4 .goalModalDesc {
    font-family: ProximaNova, Arial, sans-serif;
    font-size: 14px;
    color: #232323;
    margin-top: 5px;
}
.goalModalWizard .goalModalEductionBlock {
    background-color: #fff;
    border: 6px solid #c8c8c8;
    color: #4c4d4f;
    font-size: 12px;
    margin-top: 15px;
}
.goalModalWizard.goalModalWizardStep4 .goalModalCarosel .goalPhysiqueSlider {
    height: 280px;
    width: 100%;
    position: relative;
    margin-bottom: 15px;
}
.goalModalWizard.goalModalWizardStep4 .goalModalCarosel .goalPhysiqueItem {
    width: 185px;
    text-align: center;
}
.goalModalWizard.goalModalWizardStep4 .goalModalCarosel .goalPhysiqueImage {
    width: 103px;
    height: 234px;
    display: inline-block;
}
.goalModalWizard.goalModalWizardStep4 .goalPhysiqueSlider.bbmale .goalPhysiqueImage {
    background-image: url(//assets.bodybuilding.com/bodyspace/images/sections/signup-wizard/signup-wizard-ideal-sprite.png);
}
.goalModalWizard.goalModalWizardStep4 .goalPhysiqueSlider.bbfemale .goalPhysiqueImage {
    background-image: url(//assets.bodybuilding.com/bodyspace/images/sections/signup-wizard//signup-wizard-ideal-female-sprite.png);
}
.goalModalWizard.goalModalWizardStep4 .goalPhysiqueSlider.bbmale .goalPhysiqueImage.SKINNY_RIPPED {
    background-position: 0 -234px;
}
.goalModalWizard.goalModalWizardStep4 .goalPhysiqueSlider.bbmale .goalPhysiqueImage.MALE_MODEL {
    background-position: -108px -234px;
}
.goalModalWizard.goalModalWizardStep4 .goalPhysiqueSlider.bbmale .goalPhysiqueImage.ATHLETE {
    background-position: -423px -234px;
}
.goalModalWizard.goalModalWizardStep4 .goalPhysiqueSlider.bbmale .goalPhysiqueImage.BODYBUILDER {
    background-position: -214px -234px;
}
.goalModalWizard.goalModalWizardStep4 .goalPhysiqueSlider.bbmale .goalPhysiqueImage.STRONGMAN {
    background-position: -317px -234px;
}
.goalModalWizard.goalModalWizardStep4 .goalPhysiqueSlider.bbmale .goalPhysiqueImage.PRO_BODYBUILDER {
    background-position: -519px -234px;
}
.goalModalWizard.goalModalWizardStep4 .goalPhysiqueSlider.bbfemale .goalPhysiqueImage.FASHION_MODEL {
    background-position: -317px -234px;
}
.goalModalWizard.goalModalWizardStep4 .goalPhysiqueSlider.bbfemale .goalPhysiqueImage.SWIMSUIT {
    background-position: 0 -234px;
}
.goalModalWizard.goalModalWizardStep4 .goalPhysiqueSlider.bbfemale .goalPhysiqueImage.FIT_WOMAN {
    background-position: -108px -234px;
}
.goalModalWizard.goalModalWizardStep4 .goalPhysiqueSlider.bbfemale .goalPhysiqueImage.FITNESS_MODEL {
    background-position: -214px -234px;
}
.goalModalWizard.goalModalWizardStep4 .goalPhysiqueSlider.bbfemale .goalPhysiqueImage.BODYBUILDER {
    background-position: 108px -234px;
}
.goalModalWizard.goalModalWizardStep4 .goalPhysiqueSlider.bbmale .goalPhysiqueImage.SKINNY_RIPPED:hover,
.goalModalWizard.goalModalWizardStep4 .goalPhysiqueSlider.bbmale .goalPhysiqueItem.selected .SKINNY_RIPPED {
    background-position: 0 -1px;
}
.goalModalWizard.goalModalWizardStep4 .goalPhysiqueSlider.bbmale .goalPhysiqueImage.MALE_MODEL:hover,
.goalModalWizard.goalModalWizardStep4 .goalPhysiqueSlider.bbmale .goalPhysiqueItem.selected .MALE_MODEL {
    background-position: -108px -1px;
}
.goalModalWizard.goalModalWizardStep4 .goalPhysiqueSlider.bbmale .goalPhysiqueImage.ATHLETE:hover,
.goalModalWizard.goalModalWizardStep4 .goalPhysiqueSlider.bbmale .goalPhysiqueItem.selected .ATHLETE {
    background-position: -423px -1px;
}
.goalModalWizard.goalModalWizardStep4 .goalPhysiqueSlider.bbmale .goalPhysiqueImage.BODYBUILDER:hover,
.goalModalWizard.goalModalWizardStep4 .goalPhysiqueSlider.bbmale .goalPhysiqueItem.selected .BODYBUILDER {
    background-position: -214px -1px;
}
.goalModalWizard.goalModalWizardStep4 .goalPhysiqueSlider.bbmale .goalPhysiqueImage.STRONGMAN:hover,
.goalModalWizard.goalModalWizardStep4 .goalPhysiqueSlider.bbmale .goalPhysiqueItem.selected .STRONGMAN {
    background-position: -317px -1px;
}
.goalModalWizard.goalModalWizardStep4 .goalPhysiqueSlider.bbmale .goalPhysiqueImage.PRO_BODYBUILDER:hover,
.goalModalWizard.goalModalWizardStep4 .goalPhysiqueSlider.bbmale .goalPhysiqueItem.selected .PRO_BODYBUILDER {
    background-position: -519px -1px;
}
.goalModalWizard.goalModalWizardStep4 .goalPhysiqueSlider.bbfemale .goalPhysiqueImage.FASHION_MODEL:hover,
.goalModalWizard.goalModalWizardStep4 .goalPhysiqueSlider.bbfemale .goalPhysiqueItem.selected .FASHION_MODEL {
    background-position: -317px -1px;
}
.goalModalWizard.goalModalWizardStep4 .goalPhysiqueSlider.bbfemale .goalPhysiqueImage.SWIMSUIT:hover,
.goalModalWizard.goalModalWizardStep4 .goalPhysiqueSlider.bbfemale .goalPhysiqueItem.selected .SWIMSUIT {
    background-position: 0 -1px;
}
.goalModalWizard.goalModalWizardStep4 .goalPhysiqueSlider.bbfemale .goalPhysiqueImage.FIT_WOMAN:hover,
.goalModalWizard.goalModalWizardStep4 .goalPhysiqueSlider.bbfemale .goalPhysiqueItem.selected .FIT_WOMAN {
    background-position: -108px -1px;
}
.goalModalWizard.goalModalWizardStep4 .goalPhysiqueSlider.bbfemale .goalPhysiqueImage.FITNESS_MODEL:hover,
.goalModalWizard.goalModalWizardStep4 .goalPhysiqueSlider.bbfemale .goalPhysiqueItem.selected .FITNESS_MODEL {
    background-position: -214px -1px;
}
.goalModalWizard.goalModalWizardStep4 .goalPhysiqueSlider.bbfemale .goalPhysiqueImage.BODYBUILDER:hover,
.goalModalWizard.goalModalWizardStep4 .goalPhysiqueSlider.bbfemale .goalPhysiqueItem.selected .BODYBUILDER {
    background-position: 108px -1px;
}
.goalModalWizard.goalModalWizardStep4 .users {
    padding: 10px 10px 10px 20px;
}
.goalModalWizard.goalModalWizardStep4 .users .photos img {
    padding: 3px;
}

.goalModalWizard.goalModalWizardStep4 .contentRight {
    padding-left: 0;
}

.goalModalWizard.goalModalWizardStep4 .contentRight .title {
    text-align: center;
    margin-top: 30px;
    font-family: ProximaNovaExCnBold, Arial, sans-serif;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    padding-left: 20px;
}

.goalModalWizard.goalModalWizardStep4 .contentLeft {
    margin-top: 20px;
}

.goalModalWizard.goalModalWizardStep4 .physiqueDesc {
    font-family: ProximaNovaExCnBold, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #5a5a5a;
}

.goalModalWizard.goalModalWizardStep4 .physiqueDesc .title {
    font-size: 24px;
}

.goalModalWizard.goalModalWizardStep4 .physiqueDesc .statGoal {
    margin-top: 5px;
    font-size: 16px;
}

.goalModalWizard.goalModalWizardStep4 .physiqueDesc .desc {
    margin-top: 10px;
    font-family: ProximaNova, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
}

.goalModalWizard.goalModalWizardStep4 .goalModalEductionBlock .lineSperator {
    text-align: center;
    float: left;
}

.goalModalWizard.goalModalWizardStep4 .goalModalEductionBlock .lineFade {
    width: 1px;
    height: 100%;
    display: inline-block;
}
.goalModalWizard.goalModalWizardStep4 .goalModalEductionBlock .lineFade.gray {
    background: -moz-radial-gradient(center, ellipse cover,  rgba(190,189,189,0.65) 0%, rgba(63,63,63,0) 60%, rgba(0,0,0,0) 90%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0%,rgba(190,189,189,0.65)), color-stop(60%,rgba(63,63,63,0)), color-stop(90%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(190,189,189,0.65) 0%,rgba(63,63,63,0) 60%,rgba(0,0,0,0) 90%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(190,189,189,0.65) 0%,rgba(63,63,63,0) 60%,rgba(0,0,0,0) 90%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(190,189,189,0.65) 0%,rgba(63,63,63,0) 60%,rgba(0,0,0,0) 90%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(190,189,189,0.65) 0%,rgba(63,63,63,0) 60%,rgba(0,0,0,0) 90%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6bebdbd', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.goalModalWizard.goalModalWizardStep4 .goalModalEductionBlock .lineFade.white {
    background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.65) 0%, rgba(255,255,255,0) 60%, rgba(255,255,255,0) 90%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0%,rgba(255,255,255,0.65)), color-stop(60%,rgba(255,255,255,0)), color-stop(90%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.65) 0%,rgba(255,255,255,0) 60%,rgba(255,255,255,0) 90%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.65) 0%,rgba(255,255,255,0) 60%,rgba(255,255,255,0) 90%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.65) 0%,rgba(255,255,255,0) 60%,rgba(255,255,255,0) 90%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(255,255,255,0.65) 0%,rgba(255,255,255,0) 60%,rgba(255,255,255,0) 90%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.goalModalWizard.goalModalWizardStep4 .users .noPhotos {
    margin: 60px 0;
}

.goalModalWizard.goalModalWizardStep4 .contentLeft .goalStats {
    margin: 15px 0;
    font-family: ProximaNovaExCnBold, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

.goalModalWizard.goalModalWizardStep4 .contentLeft .goalStats .title {
    font-size: 24px;
}

.goalModalWizard.goalModalWizardStep4 .contentLeft .goalStats .bodyfat,
.goalModalWizard.goalModalWizardStep4 .contentLeft .goalStats .lbm {
    font-size: 16px;
    margin-top: 5px;
}

.goalModalWizard.goalModalWizardStep4 .contentLeft .pieChart {
    padding: 0;
}

.goalModalWizard.goalModalWizardStep4 .contentLeft .pieChart .graph-container {
    height: 80px;
    width: 80px;
}

@media (max-width: 768px) {
    .goalModalWizard.goalModalWizardStep4 .physiquePhoto,
    .goalModalWizard.goalModalWizardStep4 .pieChart {
        display: none;
    }

}

/*Step 5*/

.goalModalWizard.goalModalWizardStep5 .physiquePhoto img {
    margin: 0 auto;
}

.goalModalWizard.goalModalWizardStep5 .goalModalDesc {
    margin-top: 5px;
}

.goalModalWizard.goalModalWizardStep5 .inputFields {
    margin-top: 30px;
}

.goalModalWizard.goalModalWizardStep5 .inputFields .field {
    height: 140px;
    text-align: center;
}

.goalModalWizard.goalModalWizardStep5 .inputFields h3 {
    font-size: 20px;
}

.goalModalWizard.goalModalWizardStep5 .inputFields input {
    width: 160px;
    text-align: center;
}

div.horLineSperator {
    width: 100%;
    height: 2px;
    margin: 15px 0;
}

.horLineSperator div.hor.lineFade {
    width: 100%;
    height: 1px;
    display: block;
}

.horLineSperator .hor.lineFade.gray {
    color: #989898;
}

.goalModalWizard.goalModalWizardStep5 .mostInspirationalUsers img {
    padding: 5px;
}

.goalModalWizard.goalModalWizardStep5 .mostInspirationalUsers .noPhotos {
    text-align: center;
    margin: 40px 0;
}

.goalModalWizard.goalModalWizardStep5 .mostInspirationalUsers h3 {
    margin-left: 5px;
}

.goalModalWizard.goalModalWizardStep5 .inputFields .weight {
    margin-right: 20px;
}

.goalModalWizard.goalModalWizardStep5 .noPhysiqueSelected {
    font-family: ProximaNovaExCnBold, Arial, sans-serif;
    font-weight: bold;
    font-size: 24px;
    margin: 0 auto;
    text-transform: uppercase;
}

@media (max-width: 768px) {
    .goalModalWizard.goalModalWizardStep5 .physiquePhoto {
        display: none;
    }

}


/*END*/




.goalModalWizard.goalModalWizardStep6 .question {
    font-weight: bold;
    font-size: 16px;
    color: #5A5A5A;
    margin-bottom: 40px;
}
.goalModalWizard.goalModalWizardStep6 .desc {
    text-align: center;
    color: #919191;
    font-style: italic;
    font-size: 13px;
    clear: both;
    position: relative;
    top: -14px;
    margin-bottom: 12px;
}
.goalModalWizard.goalModalWizardStep6 .clearfix {
    overflow: hidden;
}
@media (max-width: 768px) {
    .goalModalWizard.goalModalWizardStep6 .selectionItem {
        width: 100%;
    }
}
.goalModalWizard.goalModalWizardStep6 .question {
    font-weight:900;
    font-size:120%;
}
/*.goalModalWizard.goalModalWizardStep6 {*/
    /*padding-top:25px;*/
    /*padding-bottom:10px;*/
/*}*/

/*.goalModalWizard.goalModalWizardStep6.choices{*/
    /*padding-top:25px;*/
    /*padding-bottom:10px;*/
/*}*/

/*.goalModalWizard.goalModalWizardStep6.legends{*/
    /*padding-bottom:25px;*/
    /*text-align: center;*/
/*}*/

/*.goalModalWizard.goalModalWizardStep6.legends label{*/
    /*font-style:italic;*/
/*}*/

/*.goalModalWizard.goalModalWizardStep6 .question {*/
    /*font-weight:900;*/
    /*font-size:120%;*/
/*}*/

.goalModalWizard.goalModalWizardStep7 .customDate {
    margin-bottom: 30px;
    margin-left: -30px;
    margin-right: -30px;
    padding-bottom: 25px;
    border-bottom: 1px #FFF solid;
    -webkit-box-shadow: inset 0 -1px 0 #c8c8c8;
    -moz-box-shadow: inset 0 -1px 0 #c8c8c8;
    box-shadow: inset 0 -1px 0 #c8c8c8;
}
.goalModalWizard.goalModalWizardStep7 .customDate .recommended label span,
.goalModalWizard.goalModalWizardStep7 .customDate .custom label span {
    position: absolute;
    top: 0;
    margin-left: 0;
    margin-right: 0;
}
.goalModalWizard.goalModalWizardStep7 .customDate .recommended {
    margin-right: 15px;
}
.goalModalWizard.goalModalWizardStep7 .customDate .recommended div {
    padding-left: 30px;
}
.goalModalWizard.goalModalWizardStep7 .customDate .custom div {
    padding-left: 30px;
}
.goalModalWizard.goalModalWizardStep7 .toggleCustom {
    display: none;
}
.goalModalWizard.goalModalWizardStep7 .toggleCustom .customInput {
    padding-top: 20px;
}
.goalModalWizard.goalModalWizardStep7 .toggleCustom .inputBox {
    text-align: left;
}
.goalModalWizard.goalModalWizardStep7 .toggleCustom .label {
    font-family: ProximaNovaExCnBold, Arial, sans-serif;
    font-size: 24px;
    padding: 9px 0;
    text-align: right;
}
.goalModalWizard.goalModalWizardStep7 .toggleCustom input {
    width: 115px;
}
.goalModalWizard.goalModalWizardStep7 .toggleCustom .disclaimer {
    text-transform: none;
    font-family: ProximaNova;
    font-style: italic;
    margin-top: 30px;
    margin-bottom: 10px;
}
.goalModalWizard.goalModalWizardStep9 .dataItem {
    font-family: ProximaNovaExCnBold, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.goalModalWizard.goalModalWizardStep9 .dataItem .title {
    font-size: 18px;
    color: #919191;
}

.goalModalWizard.goalModalWizardStep9 .dataItem .value {
    font-size: 28px;
}

.goalModalWizard.goalModalWizardStep9 .stepTitle {
   text-align: center;
}

.goalModalWizard.goalModalWizardStep9 .Xlarge {
    font-size: 72px;
    margin-top: 10px;
}

.goalModalWizard.goalModalWizardStep9 .goalModalEductionBlock {
    border: 1px solid #c8c8c8;
    background-color: transparent;
    padding: 30px;
}
a.goalModalDoneLink {
    float: right;
    /*position: relative;*/
    /*top: 7px;*/
    /*right: 20px;*/
    color: #0f5d8f;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.goalModalWizard.goalModalWizardStep0 input.bbTextBox.bbBlueBoldy.bbXLarge {
    padding: 0;
}

@media (max-width: 768px) {

    a.goalModalDoneLink {
        width: 15%;
        right: 0;
        float: left;
    }
    .goalModalWizard.goalModalWizardStep9 .physique-image {
        display: none;
    }
    .goalModalWizard.goalModalWizardStep9 .goal-info-container {
        width: 100%;
    }
    .goalModalWizard.goalModalWizardStep9 .Xlarge {
        line-height: 72px;
    }
    .goalModalWizard.goalModalWizardStep9 .goalModalEductionBlock {
        padding: 25px 10px;
    }
    .goalModalWizard.goalModalWizardStep7 .customDate .recommended,
    .goalModalWizard.goalModalWizardStep7 .customDate .custom {
        display: block;
        position: relative;
    }
}
.currentBodyCompContent .editIcon {
    background: url(//common.bbcomcdn.com/Min/themes/graphyte/sprite.png);
    background-position: -76px -1275px;
    height: 17px;
    width: 16px;
    display: inline-block;
}

/** [START] Empty Experience
 ---------------------------------------------------------*/
.bbModuleContainer.empty .currentBodyCompContent,
.bbModuleContainer.empty .currentBodyCompContent h3 {
    color: #c8c8c8;
}
.bbModuleContainer.empty .currentBodyCompContent {
    min-height: 234px;
}
/** [END] Empty Experience
 ---------------------------------------------------------*/

/**
 * == Current Body Comp Module
 *
 * This is composed of the user's body fat and lean body
 * mass statistics, and it's shown via text and the donut
 * chart.
 *
 * I've sized the text, etc. in ems, and then adjusted
 * the base font size on the .currentBodyCompContent so
 * we only need to set these values once.
 *
 * I believe the only issue with this setup is that the
 * twttr boostrap grid is sized in percentage, and I'm
 * doing my best to scale the donut chart, but it appears
 * to not scale in exactly the same manner as the em-based
 * values. Therefore at the bottom a few values need to be
 * adjusted (they are all in relation to the donut chart).
 *
 * @author cstuart
 */

/** [START] Rich Experience
 ---------------------------------------------------------*/
.currentBodyCompContent {
    padding: 20px 0;
    font-size: 100%;
}
@media (max-width: 400px) {
    /* Adjust scaling for smaller devices */
    .currentBodyCompContent {
        font-size: 76%;
    }
}
/* and as well adjust scaling when the module is
   in the left sidebar */
.has-left-sidebar .currentBodyCompContent {
    font-size: 80%;
}

.has-left-sidebar.box-goal-composition .currentBodyCompContent {
    font-size: 76%;
}

.has-left-sidebar .currentBodyCompContent {
    padding: 30px 0;
}
.currentBodyCompContent .visual {
    margin-top: 2em;
}

.currentBodyCompContent h3 {
    font: 1.7em ProximaNovaExCnBold, Arial, sans-serif;
    text-transform: uppercase;
    color: #919191;
    margin-bottom: -0.4em;
}
.currentBodyCompContent .number {
    font: 4.7em ProximaNovaExCnBold, Arial, sans-serif;
    font-weight: bold;
}
.currentBodyCompContent .weightDetail .number {
    font-size: 2.8em;
}
.currentBodyCompContent .unit {
    font: 2.1em ProximaNovaExCnBold, Arial, sans-serif;
    text-transform: uppercase;
    margin-left: 0.2em;
}
.currentBodyCompContent .weightDetail {
    padding-left: 0;
}
.currentBodyCompContent .weightDetail .stats {
    margin-top: 1.1em;
}
.currentBodyCompContent .weightDetail .stats:last-child {
    margin-top: 1.4em;
}
.currentBodyCompContent .donutChart {
    position: relative;
    width: 16em;
}
.currentBodyCompContent .donutChart canvas {
    position: relative;
    width: 100%;
    height: auto;
}

/* Natural width height is 40x111 pixels */
.currentBodyCompContent .vitruvianMan {
    background-image: url(//common.bbcomcdn.com/BB/WicketBasedModules/CurrentBodyComp/images/vitruvianMan.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
}
.currentBodyCompContent .vitruvianMan.empty {
    background-image: url(//common.bbcomcdn.com/BB/WicketBasedModules/CurrentBodyComp/images/vitruvianManEmpty.png);
}

/* Positioning for http://bodyspace.bodybuilding.com:8080/community/goal/ */
.currentBodyCompContent .vitruvianMan {
    margin-left: -1.8em;
    width: 3.6em;
    height: 10em;

    top: 1.5em;
    left: 6.2em;
}
/*
    Adjust the positioning of the vitruvianMan...
*/
.has-left-sidebar .currentBodyCompContent .vitruvianMan {
    top: 1.8em;
    left: 6.6em;
}
@media (max-width: 400px) {
    .narrowColumn .currentBodyCompContent .vitruvianMan {
        top: 1.8em;
        left: 6.6em;
    }
}
/*
    Adjust the positioning of the stats so they line up with
    the donut chart.
*/
.has-left-sidebar .currentBodyCompContent .weightDetail .stats {
    margin-top: 1.6em; /* 1 */
}
.has-left-sidebar .currentBodyCompContent .weightDetail .stats:last-child {
    margin-top: 2.2em; /* 1 */
}
@media (max-width: 400px) {
    .narrowColumn .currentBodyCompContent .weightDetail .stats {
        margin-top: 1.6em; /* 1 */
    }
    .narrowColumn .currentBodyCompContent .weightDetail .stats:last-child {
        margin-top: 2.3em; /* 1 */
    }
}


/** [END] Rich Experience
 ---------------------------------------------------------*/

@media (max-width: 320px) {
    .bbModuleContainer.empty .weightBodyFatChangeContent div.setGoalTitle {
        font-size: 17px;
    }
    .changeTypeContainer .changeStats .title {

    }
}

.weightBodyFatChangeContent {
    margin: 25px 0;
    text-align: center;
}

.weightBodyFatChangeContent .changeTypeContainer {
    width: 250px;
    margin: 0 auto;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.has-left-sidebar .weightBodyFatChangeContent .changeTypeContainer {
    width:190px;
}

.weightBodyFatChangeContent .changeTypeContainer:not(:last-child) {
    margin-bottom: 15px;
}

.changeTypeContainer .changeStats {
    padding-top: 14px;
    font-family: ProximaNovaExCnBold, Arial, sans-serif;
}

.changeTypeContainer .changeStats .title {
    font-size: 20px;
    text-transform: uppercase;
    color: #919191;
}

.changeTypeContainer .changeStats .value {
    font-size: 56px;
    font-weight: bold;
    color: #000;
}

.changeTypeContainer .changeStats .value .unit {
    font-size: 20px;
}

.footer {
    margin: 0;
    text-align: center;
    padding: 10px;
    border-top: 1px solid #c4c4c4;
    background-color: #ebebeb;
    -moz-box-shadow:    inset 0 1px 0 #FFF;
    -webkit-box-shadow: inset 0 1px 0 #FFF;
    box-shadow:         inset 0 1px 0 #FFF;
    font: 14px ProximaNovaExCn, Arial, sans-serif;
    text-transform: uppercase;
}

/*.footer > div:not(:last-child) {*/
    /*float: left;*/
/*}*/

.footer .box {
    margin: 2px 5px 0 0;
    height: 10px;
    width: 10px;
}

.footer .box,
.footer .text {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*.footer .text:not(:last-child) {*/
    /*margin: 0 65px 0 0;*/
/*}*/

.footer .box.green {
    background-color: #62bd19;
}

.footer .box.red {
    background-color: #cc0400;
}

.footer .box.gray {
    background-color: #c8c8c8;
}


/*Code for arrow eventually when flushed out to be moved to rawberry*/
.arrowLarge {
    /*float: right;*/
    /*width: 66px;*/
    /*float: left;*/
    /*margin-right: 25px;*/
}

.arrowLarge.down {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari and Chrome */
}

.arrowLarge .arrowHead,
.arrowLarge .arrowShaft {
    margin: 0 auto;
}

.arrowLarge .arrowHead {
    width: 0;
    height: 0;
    border-left: 33px solid transparent;
    border-right: 33px solid transparent;
    border-bottom: 33px solid grey;
}

.arrowLarge .arrowShaft {
    height: 50px;
    width: 30px;
}

.arrowLarge.green .arrowHead {
    border-bottom: 40px solid #62bd19;
}

.arrowLarge.green .arrowShaft {
    background-color: #62bd19;
}

.arrowLarge.red .arrowHead {
    border-bottom: 40px solid #cc0400;
}

.arrowLarge.red .arrowShaft {
    background-color: #cc0400;
}

.arrowLarge.grey .arrowHead {
    border-bottom: 40px solid #c8c8c8;
}

.arrowLarge.grey .arrowShaft {
    background-color: #c8c8c8;
}

.arrowLarge .empty {
    height: 90px;
    width: 60px;
    text-align: center;
    font-size: 60px;
}

.arrow-container,
.stats-container {
    display: inline-block;
    vertical-align: middle;
    *zoom: 1;
    *display: inline;
}

.stats-container {
    min-width: 160px;
    text-align: left;
    margin-left: 20px;
}

.bbModuleContainer.empty .changeTypeContainer .changeStats .title,
.bbModuleContainer.empty .changeTypeContainer .changeStats .value {
    color: #c8c8c8;
}

.bbModuleContainer.empty .weightBodyFatChangeContent .setGoalTitle {
    font-family: ProximaNovaExCnBold, Arial, sans-serif;
    font-size: 17px;
    text-transform: uppercase;
    color: #c8c8c8;
    margin: 10px 0;
}

.bbModuleContainer.empty .footer a {
    font-family: ProximaNovaExCnBold, Arial, sans-serif;
    font-size: 20px;
    text-transform: uppercase;
}
div.goalTypeContainer {
    font-family: ProximaNovaExCnBold, Arial, sans-serif;
    text-transform: uppercase;
    padding: 12px;
    border-bottom: 1px solid #E3E3E3;
}
div.goalTypeContainer.inactive {
    color: #8F8F8F;
}
/* No mas... */
/*.goalTypeContainer:hover {*/
    /*background-color: #eaeaea;*/
    /*cursor: pointer;*/
/*}*/
/*.goalTypeContainer:not(:first-child) {*/
    /*border-top: 1px solid #d9d9d9;*/
/*}*/
div.goalTypeContainer .goaltitle {
    font-size: 20px;
    font-weight: bold;
}
div.goalTypeContainer .goaltitle a {
    font-size: 13px;
    font-weight: normal;
    display: inline-block;
    font-family: ProximaNovaExCn, Arial, sans-serif;
    margin-left: 5px;
    *display: inline;
    *zoom: 1;
}
div.goalTypeContainer .goaltitle .separator {
    font-size: 13px;
    font-weight: normal;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-family: ProximaNovaExCn, "Arial", sans-serif;
    margin-left: 5px;
}
div.goalTypeContainer .goalValues {
    margin: 5px 0 auto;
}
div.goalTypeContainer .goalValues > div:not(:last-child) {
    /*float: left;*/
    /*margin-right: 25px;*/
}
div.goalTypeContainer .goalValues div.label {
    font-family: ProximaNovaExCnBold, Arial, sans-serif;
    font-size: 14px;
    text-align: left;
}
div.goalTypeContainer .goalValues .value {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}
div.goalTypeContainer .label-container {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    *zoom: 1;
    *display: inline;
}
div.goalTypeContainer .progressBarContainer {
    font-family: ProximaNovaExCnSemiBold, Arial, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 10px;
}
div.goalTypeContainer .col-xs-3 {
    padding: 0;
}
div.goalTypeContainer .entryValue,
div.goalTypeContainer .entryDate {
    padding: 0;
}
.compact-goals-container {
    position: relative;
}
.compact-goals-inner-container {
    height: 300px;
    overflow: auto;
}
/*.compact-goals-container .overlay {*/
    /*content: " ";*/
    /*display: block;*/
    /*position: absolute;*/
    /*background-color: #FFF;*/
    /*left: 0;*/
    /*bottom: 0;*/
    /*width: 100%;*/
    /*height: 30px;*/
/*}*/
.progress-photos {
    padding: 18px 7px;
}
.progress-photos .row {
    margin: 0;
}
.progress-photos .column {
    padding: 3px;
    text-align: center;
}
.progress-photos .column.first {
    text-align: right;
}
.progress-photos .column.last {
    text-align: left;
}
.progress-photos .bbPlusButton {
    width: auto;
    height: auto;
    padding: 3px;
}
.progress-photos .bbPlusButton .bbPlusInterior {
    position: relative;
}
.progress-photos .photo-container {
    position: relative;
    display: block;
    max-width: 196px;
    max-height: 196px;
    overflow: hidden;
}
.progress-photos .thumbnail-pics .photo-container {
    display: block;
}
.narrowColumn .progress-photos .thumbnail-pics .photo-container {
    display: inline-block;
}
.progress-photos .thumbnails {
    margin-top: 12px;
}
.progress-photos .thumbnail-pics {
    text-align: left;
}
.progress-photos .thumbnail-pics .row {
    padding-right: 10px;
}
.progress-photos .column:first-child .progress-thumbnail {
    text-align: right;
}
.narrowColumn .progress-photos .column:first-child .progress-thumbnail {
    text-align: center;
}
.progress-photos .image-stats-container {
    list-style: none;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    width: 100%;
    text-shadow: 1px 1px 3px #000;
}
.progress-photos .imageStats {
    padding: 15px 5px 5px 5px;
    list-style-type: none;
}
.imageStats__title {
    font-family: ProximaNovaExCnBold, arial, sans-serif;
    text-align: left;
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.imageStats__title::after {
    content: ":";
}
.imageStats__date-taken {
    float: left;
}
.imageStats__body-fat-unit,
.imageStats__body-fat-value,
.imageStats__spacer,
.imageStats__weight-unit,
.imageStats__weight-value {
    float: right;
}
.imageStats__spacer {
    margin: 0 3px;
}
.imageStats__spacer,
.imageStats__body-fat-unit,
.imageStats__weight-unit,
.imageStats__date-taken,
.imageStats__body-fat-value,
.imageStats__weight-value {
    font-size: 15px;
}
.progress-thumbnail .imageStats__date-taken {
    font-size: 12px;
    text-transform: uppercase;
}
.imageStats__spacer,
.imageStats__body-fat-unit,
.imageStats__weight-unit {
    font-family: ProximaNovaExCnBold, arial, sans-serif;
}
.imageStats__date-taken,
.imageStats__body-fat-value,
.imageStats__weight-value {
    font-family: ProximaNovaExCnBold, arial, sans-serif;
}

.progress-photos .total-pics-container {
    font-family: ProximaNovaExCnBold, Arial, sans-serif;
    text-transform: uppercase;
    text-align: left;
}
.progress-photos .total-pics,
.progress-photos .photos-taken-since {
    display: inline-block;
}
.progress-photos .total-pics {
    font-size: 45px;
    font-weight: bold;
    color: #000;
    margin-right: 5px;
}
.progress-photos .photos-taken-since {
    font-size: 14px;
    color: #919191;
}
.progress-photos .empty-public {
    width: 61px;
    height: 61px;
    background-color: #C8C8C8;
    margin: 0 auto;
}
.narrowColumn .progress-photos .total-pics-container {
    display: none;
}
.narrowColumn .progress-photos .image-stats-container {
    font-size: 11px;
}
.narrowColumn .progress-photos .thumbnails {
    margin-top: 0;
}
.narrowColumn .progress-photos .photo-container {
    max-height: 128px;
}

/*RICH STATE*********************************/

.weightBodyFatContent {
	text-align: center;
}

.weightBodyFatContent .goal-physique-image,
.weightBodyFatContent .weight-body-fat-goals {
	display: inline-block;
	vertical-align: middle;
	*display: inline;
	*zoom: 1;
}

.weightBodyFatContent .weight-body-fat-goals .row.goals .number {
    margin-top: 10px;
}

.has-left-sidebar .weightBodyFatContent .weight-body-fat-goals {
    padding-left: 0;
    width: 100%;
}

.weightBodyFatContent .weight-body-fat-container {
    width: 100%;
	display: inline-block;
	margin: 0 auto;
    padding: 20px 0;
	text-align: left;
	*display: inline;
	*zoom: 1;
}
.has-left-sidebar .weightBodyFatContent .weight-body-fat-container {
    padding-bottom: 36px;
    width: inherit;
}

.weightBodyFatContent .goal-expires-label {
	margin-bottom: 3px;
}

.weightBodyFatContent .countdown-timer {
	margin-bottom: 10px;
}

.weightBodyFatContent .row {
	margin-top: 10px;
}

.weightBodyFatContent .goal-progress-bar.row {
	margin: 0 5px 0 0;
}

.has-left-sidebar .weightBodyFatContent .goal-progress-bar.row {
	margin: 0;
}

.weightBodyFatContent h3 {
    font: 17px ProximaNovaExCnBold, Arial, sans-serif;
    text-transform: uppercase;
    margin: 0;
    color: #919191;
    margin-bottom: -8px;
}

.weightBodyFatContent .number {
    font: 16px ProximaNovaExCnBold, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 16px;
    margin-top: 16px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.weightBodyFatContent .unit {
    font: 22px ProximaNovaExCnBold, Arial, sans-serif;
    text-transform: uppercase;
    margin-left: 5px;
}

.weightBodyFatContent .goalWeight {
    width: 119px;
}

.weightBodyFatContent .goalWeight .number,
.weightBodyFatContent .goalBodyFat .number {
    font-size: 38px;
}

/*.weightBodyFatContent > div,
.weightBodyFatContent div > div {
    float: left;
}*/

.progressBars {
    clear: both;
    /*background-color: #f2f2f2;*/
}

.goalProgressBarContainer {
    background-color: #f2f2f2;
    border-top: 1px solid #d6d6d6;
    text-transform: uppercase;
    font: 13px ProximaNovaExCnBold, Arial, sans-serif;
    padding: 10px 10px 8px;
    color: #5a5a5a;
    position: relative;
    cursor: pointer;
}

/*.goalProgressBarContainer .title-display {
    margin-right:5px;
}*/

/*.goalProgressBarContainer .progress-display {
    width: 45%;
}*/

.goalProgressBarContainer .triangle {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -2px;
    border-width: 5px;
    border-style: solid;
    border-color: #8C8C8C;
    width: 0;
}

.goalProgressBarContainer.closed .triangle {
    border-bottom: 0 solid transparent;
    border-right-color: transparent;
    border-left-color: transparent;
}

.goalProgressBarContainer.open .triangle {
    border-top: 0 solid transparent;
    border-right-color: transparent;
    border-left-color: transparent;
}

.goalExpires {
    /*width: 60%;*/
    margin-left: 10px
}

.goalExpires .goal-expires-label {
    font-size: 15px;
    margin-bottom: -2px;
}

.goal h3 {
    margin-bottom: -10px;
}

/*.weightBodyFatContent .goalPhysique,
.weightBodyFatContent .mainGoal,
.weightBodyFatContent .goalWeight,
.weightBodyFatContent .goalBodyFat {
    margin: 10px 0 0 10px;
}*/

/*.goalProgressBarContainer .goal-progress-bar .element-container.percentage-display {
    width: 30%;
}*/

.has-left-sidebar  .progressBarContainer .progress-display {
	width: 100%;
}

.has-left-sidebar .goal-physique-image {
    display: none;
}

.has-left-sidebar .title-display {
	margin-right: 5px;
}

.has-left-sidebar .progress-display {
	width: 45%;
}

/*Weight and Body Fat Module EMPTY STATE*********************************/

.weightBodyFatEmptyContent {
    padding: 20px;
/*    min-height: 234px;*/
}

.weightBodyFatEmptyContent img.weightBFModalEmpty {
    float: left;
    margin-right: 20px;
}

.weightBodyFatEmptyContent .emptyText {
    margin: 20px 0;
}

.weightBodyFatEmptyContent .emptyText div.title {
    font-family: ProximaNovaExCnBold, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 36px;
    color: #c8c8c8;
    text-shadow: 1px 1px #FFF;
}

.weightBodyFatEmptyContent .emptyText p {
    color: #c8c8c8;
    font-family: ProximaNova, Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin-top: 10px;
}

.weightBodyFatEmptyContent .buttonContainer:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.weightBodyFatEmptyContent .buttonContainer button {
    float: right;
}
.weightBodyFatEmptyContent .buttonContainer {
	padding-bottom: 20px;
}

.has-left-sidebar .weightBodyFatEmptyContent div.emptyText div.title {
    font-size: 24px;
}
.has-left-sidebar .weightBodyFatEmptyContent div.emptyText p {
    font-size: 12px;
}
.has-left-sidebar .weightBodyFatEmptyContent img.weightBFModalEmpty {
    width: 28%;
}
.weightBodyFatEmptyContent.frozen-state {
	text-align: center;
	padding: 30px 20px;
}
.weightBodyFatEmptyContent.frozen-state p {
	text-align: center;
}
.weightBodyFatEmptyContent.frozen-state .buttonContainer button {
	float: none;
}

@media (max-width: 320px) {
    /*EMPTY*/
    .weightBodyFatEmptyContent div.emptyText h1 {
        font-size: 24px;
    }
    .weightBodyFatEmptyContent div.emptyText p {
        font-size: 12px;
    }
    .weightBodyFatEmptyContent img.weightBFModalEmpty {
        width: 28%;
    }
    /*RICH*/
    .weightBodyFatContent .goal-physique-image {
        display: none;
    }
}

/*ANDROID FIX*/
/*EMPTY*/
.narrowColumn .weightBodyFatEmptyContent div.emptyText h1 {
    font-size: 24px;
}
.narrowColumn .weightBodyFatEmptyContent div.emptyText p {
    font-size: 12px;
}
.narrowColumn .weightBodyFatEmptyContent img.weightBFModalEmpty {
    width: 28%;
}
/*RICH*/
.narrowColumn .weightBodyFatContent .goal-physique-image {
    display: none;
}
/*END*/
.deleteGoalTooltip .bbButton .spinner {
    /* Something is funky with the positioning of the spinner on a small button */
    left: -8px !important;
}

.foodJournalModule .bbModuleContainer > .content {
    padding: 12px 20px 12px 12px;
}

.foodJournalModule.pgGrid .imgWrapper{
    position: relative;
    overflow: hidden;
    padding: 3px;
    margin: 0;
    height: 68px;
}

.foodJournalModule.pgGrid .contentContainer{
    margin: 0;
}

.foodJournalModule.pgGrid .imgWrapper a {
    position: relative;
    display: block;
    overflow: hidden;
    max-height: 64px;
    max-width: 64px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.foodJournalModule.pgGrid .imgWrapper a img {
    width: 100%;
    border: none;
    display: block;
    margin: 0 auto;
}

.foodJournalModule .image-stats-container {
    list-style: none;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    width: 100%;
    text-shadow: 1px 1px 3px #000;
}
.foodJournalModule .imageStats {
    padding: 15px 6px 5px 5px;
    list-style-type: none;
}

.foodJournalModule.pgGrid .imgWrapper a {
    font-size: 12px;
    text-transform: uppercase;
}

.foodJournalModule .imageStats__date-taken{
    font-size: 12px;
    text-transform: uppercase;
}

.foodJournalModule.pgGrid .add-post .white-container
{
    min-height: 64px;
    width: 100%;
    display: inline-block;
    height: auto;
    border: none;
}


.foodJournalModule .total-pics-container {
    font-family: ProximaNovaExCnBold, Arial, sans-serif;
    text-transform: uppercase;
    text-align: left;
}

.foodJournalModule.pgGrid .imgContainer{
    height: auto;
    width: 100%;
}

.foodJournalModule .total-pics {
    font-size: 45px;
    font-weight: bold;
    color: #000;
    margin-right: 5px;
    display: inline-block;
}

.foodJournalModule .photos-taken-since {
    font-size: 14px;
    color: #919191;
}

.fjlarge.foodJournalModule .bbModuleContainer > .content {
    padding: 12px 3px;
}

.fjlarge.foodJournalModule.pgGrid .imgWrapper{
    margin: 0 3px 5px 2px;
    padding: 0px;
    width: 100px;
    height: 100px;
    border: 1px solid #bcbcbc;
}

.fjlarge.foodJournalModule.pgGrid .imgWrapper a img{
    width: inherit;
}

.fjlarge.foodJournalModule.pgGrid .imgWrapper a{
    max-height: 200px;
    max-width: 200px;
}

.fjlarge.foodJournalModule .imageStats__date-taken{
    font-size: 14px;
}

.fjlarge.foodJournalModule.pgGrid .add-post .white-container{
    width: 100px;
    height: 100px;

}


.bbExclusiveModalMask.programSelect .modalContainerGlobal.bbGraphyte .bbModalContainer.bbGraphyte .bbBody {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
}

.bbExclusiveModalMask.programSelect .modalContainerGlobal.bbGraphyte .bbModalContainer.bbGraphyte .bbHeader .bbTitle {
    width: 616px;
}

.programSelect .bbFooterContent .bbButton {
    min-width: 150px;
}

#programSelectDesk1 {
    height: 430px;
}

.programSelect .bodyspaceProgramsContainer {
    overflow: hidden;
    width: 616px;
}

.programSelect .programsGroup {
    float: left;
}

.programSelect .dateRangeContainer {
    width: 616px;
    height: 150px;
    padding: 0 30px;
    padding-top: 30px;
}

.programSelect .dateRangeContainer .dateRangeItem {
    width: 300px;
    height: 150px;
    float: left;
    text-align: center;
}

.programSelect .bodyspaceProgramsMainContainer .bodyspaceProgramsTabControllerContainer .tabSelect {
    display: none;
}

.programSelect .dateRangeContainer .dateRangeItem:last-child {
    margin-left: 15px;
}

.programSelect .dateRangeContainer .dateRangeItem input {
    width: 260px;
    text-align: left;
}

.programSelect .dateRangeContainer .dateRangeItem label {
    display: block;
    font-family: ProximaNovaExCnBold;
    font-size: 22px;
    text-transform: uppercase;
    padding-bottom: 10px;
    font-weight: bold;
}

.programSelect .emailSubscribeContainer {
    width: 616px;
    padding: 0 30px;
}

.programSelect .emailSubscribeContainer .emailDescription {
    font-family: ProximaNova, Arial;
    font-size: 16px;
    float: left;
    width: 390px;
    margin-top: 10px;
    color: #919191;
}

.programSelect .emailSubscribeContainer .promptSubscribe {
    width: 100%;
    height: 80px;
    padding-top: 20px;
}

.programSelect .emailSubscribeContainer .subscribeOptions {
    float: right;
}

.programSelect .emailSubscribeContainer .shadowContainerTopBottom {
    background: #e9e9e9;
    padding: 20px 0;
}

.programSelect .emailSubscribeContainer .emailIcon {
    background: url(//common.bbcomcdn.com/Min/themes/graphyte/sprite.png) -50px -750px no-repeat;
    width: 50px;
    height: 50px;
    margin-bottom: 20px;
    float: left;
}

.programSelect .emailSubscribeContainer .subscribeForm .fields {
    width: 100%;
    height: 120px;
    padding-bottom: 20px;
}

.programSelect .emailSubscribeContainer .subscribeForm .fields .field {
    position: relative;
    float: left;
    width: 295px;
    margin-bottom: 15px;
}

.programSelect .emailSubscribeContainer .subscribeForm .fields .field input {
    width: 275px;
}

.programSelect .emailSubscribeContainer .subscribeForm .fields .field:first-child {
    margin-right: 20px;
}

.programSelect .emailSubscribeContainer .subscribeForm .fields .field:last-child {
    margin-left: 20px;
}

.programSelect .emailSubscribeContainer .subscribeNote {
    float: right;
    width: 400px;
    line-height: 20px;
    color: #919191;
}

.programSelect .emailSubscribeContainer .subscribeForm .bbRadioButton.bbStd {
    margin-left: 20px;
}

.programSelect h1 {
    text-align: center;
    width: 676px;
}

.programSelect h1.bbLarge {
    font-size: 70px;
    padding: 10px 30px;
    margin: 25px 0;
    max-width: 616px;
}

.programSelect .summaryContainer {
    max-width: 636px;
    margin: 0 20px;
}

.programSelect .bbButtomContainer {
    padding: 0 15px;
    height: 30px;
    margin-top: 20px;
}

.programSelect .bbButtomContainer .bbAddThisElement {
    float: right;
}

.programSelect .bbFooterContent span.doneLink {
    display: block;
    float: right;
    color: #00aeef;
    margin: 8px 15px;
    cursor: pointer;
}

.programSelect .bbFooterContent .doneLink:hover {
    color: #33b1ef;
}

.programSelect .bodyspaceProgramsDesksContainer {
    padding: 0 30px;
}

.programSelect .bodyspaceProgramsTabControllerContainer {
    width: 100%;
    height: 37px;
    margin-bottom: 20px;
    padding-top: 10px;
    background-color: #d2d2d2;
}

.programSelect .bodyspaceProgramsTabControllerContainer .col-xs-4 {
    padding-right: 5px;
    padding-left: 5px;
}

.programSelect .bodyspaceProgramsTab {
    font-family: ProximaNovaExCnBold, Arial;
    font-size: 16px;
    color: #232323;
    text-shadow: 0 1px #c8c8c8;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #a1a1a1;
    border-top: 1px solid white;

    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
    position: relative;
    z-index: 1;
    text-align: center;
    display: inline-block;
    width: 100%;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.programSelect .bodyspaceProgramsTab.selected {
    background-color: #e9e9e9;
}

.programSelect .educationalBlock .educationalContent {
    padding-bottom: 50px;
}

.programSelect .educationalContent .agendaIcon {
    float: left;
    background: url(//common.bbcomcdn.com/Min/themes/graphyte/sprite.png) -175px 0 no-repeat;
    width: 50px;
    height: 50px;
    margin-right: 15px;
}

.programSelect .educationalContent .bbButton {
    float: right;
}

.programSelect .bodyspaceProgramsContainer .bbColumnBannerContainer.bbProgram {
    float: left;
}

.programSelect .bodyspaceProgramsContainer .programsGroup .bbColumnBannerContainer.bbProgram:first-child {
    margin-left: 0;
}

@media (max-width: 768px) { #programSelectDesk1 { height: 440px; } }
@media (max-width: 615px) { #programSelectDesk1 { height: 410px; } }
@media (max-width: 570px) { #programSelectDesk1 { height: 380px; } }
@media (max-width: 500px) { #programSelectDesk1 { height: 350px; } }
@media (max-width: 440px) { #programSelectDesk1 { height: 320px; } }

@media (max-width: 768px) {
    .bodyspaceProgramsTabControllerContainer.shadowContainerTopBottom,
    .bodyspaceProgramsTabControllerContainer.shadowContainerTopBottom:before,
    .bodyspaceProgramsTabControllerContainer.shadowContainerTopBottom:after, {
        background:transparent;
    }
    .bbExclusiveModalMask.programSelect .modalContainerGlobal.bbGraphyte .bbModalContainer.bbGraphyte .bbHeader .bbTitle {
        width: 96%;
        padding-left: 2%!important;
        padding-right: 2%!important;
    }

    .bbExclusiveModalMask.programSelect .modalContainerGlobal.bbGraphyte .bbModalContainer.bbGraphyte .bbBody {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 2px;
    }

/*    #programSelectDesk1 {
        height: 352px;
    }
*/
    .programSelect .bodyspaceProgramsContainer {
        width: 100%;
    }

    .programSelect .bodyspaceProgramsContainerRibbon {
        height: 364px;
    }

    .programSelect .dateRangeContainer .dateRangeItem {
        width: 100%;
        height: 120px;
        margin-top: 15px;
    }

    .programSelect .dateRangeContainer {
        width: 100%;
        height: 289px;
        padding: 0;
    }

    .programSelect .dateRangeContainer .dateRangeItem:last-child {
        margin-left: 0;
    }

    .programSelect .bodyspaceProgramsMainContainer .bodyspaceProgramsTabControllerContainer .tabItem {
        display: none;
    }

    .programSelect .bodyspaceProgramsMainContainer .bodyspaceProgramsTabControllerContainer .tabSelect {
        display: block;
        padding-left: 0;
        padding-right: 0;
    }
    .programSelect .bodyspaceProgramsMainContainer .bodyspaceProgramsTabControllerContainer .tabSelect select {
        width: 100%;
        font-size: 16px;
        box-sizing: border-box;
    }
    .programSelect .bodyspaceProgramsDesksContainer {
        padding: 0;
    }

    .programSelect .bodyspaceProgramsTabControllerContainer {
        height: 31px;
        margin-bottom: 5px;
        padding-top: 2px;
    }

    .programSelect .bbFooter .bbFooterContent .bbButton {
        width: 100%;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .programSelect .emailSubscribeContainer {
        width: 100%;
        padding: 0 0 15px 0;
    }

    .programSelect .emailSubscribeContainer h4 {
        text-align: left;
/*        height: 60px;*/
    }

    .programSelect .emailSubscribeContainer .shadowContainerTopBottom {
        padding: 5px;
    }

    .programSelect .emailSubscribeContainer .promptSubscribe {
        height: auto;
        width: initial;
        padding-left: 10px;
        padding-right: 10px;
    }
    .programSelect .emailSubscribeContainer .promptSubscribe:after {
        content: '';
        clear: both;
        display: block;
    }

    .programSelect .emailSubscribeContainer .emailDescription {
        width: 70%;
        margin-top: 5px;
        margin-left: 50px;
        float: none;
/*        clear: both;*/
    }

    .programSelect .emailSubscribeContainer .subscribeNote {
        width: 50%;
    }

    .programSelect .emailSubscribeContainer .subscribeForm {
        padding: 10px;
        height: auto;
    }

    .programSelect .emailSubscribeContainer .subscribeForm .fields .field,
    .programSelect .emailSubscribeContainer .subscribeForm .fields .field:first-child,
    .programSelect .emailSubscribeContainer .subscribeForm .fields .field:last-child {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .programSelect .emailSubscribeContainer .subscribeForm .fields .field input {
        width: 94%;
        padding-left: 3%;
        padding-right: 3%;
    }

    .programSelect h1.bbLarge {
        width: 100%;
        padding: 0;
        margin: 10px 0;
        font-size: 45px;
    }
    .programSelect .modalContainerGlobal .bbFooterContent span.doneLink {
        display: none;
    }
    .programSelect .bbButtomContainer {
        padding-bottom: 15px;
    }


    .programSelect .summaryContainer {
        margin-left: 0;
        margin-right: 0;
    }

}

@media (max-width: 400px) {
/*    #programSelectDesk1 {
        height: 274px;
    }*/
    .programSelect .bbButtomContainer {
        padding-bottom: 15px;
    }
}
.summaryContainer3A .col.right.author .createdByLinkContainer .created-by-link {
    font-family: ProximaNovaExCnBold;
    font-size: 18px;
    text-transform: uppercase;
}

.narrowColumn .summaryContainer3A strong a.created-by-link {
    font-family: ProximaNovaExCn, Arial;
    text-transform: uppercase;
}

.summaryContainer3A .col.right.author .ribbonTopRightBig.bbDarkGray {
    font-family: ProximaNovaExCnBold;
    font-size: 18px;
    text-transform: uppercase;
}

.bbModuleContainer .content.emptyState {
    padding-top: 30px;
}

.bbModuleContainer .content.emptyState .emptyStateContent {
    width: 100%;
    height: 180px;
}

.bbModuleContainer .content.emptyState .emptyStateContent .leftIcon {
    text-align: center;
}

.bbModuleContainer .content.emptyState .emptyStateContent .leftIcon .largeAddressBook {
    background: url(//assets.bodybuilding.com/bodyspace/images/sections/plan/agenda.png) no-repeat;
    width: 87px;
    height: 97px;
    display: inline-block;
}

.bbModuleContainer .content.emptyState h3 {
    color: #919191;
    padding-top: 10px;
}

.bbModuleContainer .content.emptyState p {
    color: #919191;
    padding-top: 10px;
    font-size: 14px;
}

.narrowColumn .bbModuleContainer .content.emptyState p {
    color: #919191;
    padding: 10px 0 10px 15px;
    font-size: 14px;
}

.bbModuleContainer .content.emptyState .emptyStateFooter {
    height: 50px;
}

.bbModuleContainer .content.emptyState .emptyStateFooter .bbButton {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px;
}

.narrowColumn .bbModuleContainer .content.emptyState .emptyStateContent {
    height: 120px;
}

.narrowColumn .bbModuleContainer .content .col.right.author {
    display: none;
}

.summaryContainer3A .summaryBody {
/*    width: 80%;*/
    width: 100%;
    display: table;
}

.narrowColumn .summaryContainer3A .summaryBody {
    width: 100%;
    background: #ffffff;
    min-height: 235px;
    font-family: ProximaNova;
}

.summaryContainer3A,
.summaryContainer3A span,
.rowSectionItem span {
    font-family: ProximaNova, Arial;
}

.summaryContainer3A .details {
    padding: 5px 0;
}

.narrowColumn .summaryContainer3A .details {
    padding-top: 8px;
}

.summaryContainer3A .headingProgramName {
    font-family: ProximaNovaExCnBold, Arial;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    display: block;
    min-height: 35px;
}

.narrowColumn .summaryContainer3A .headingProgramName {
    font-family: ProximaNovaExCnBold, Arial;
    font-size: 16px;
    font-weight: normal;
    min-height: 20px;
}

.summaryContainer3A .col.left .summaryBody .leftIcon {
    width: 89px;
    display: table-cell;
}
.summaryContainer3A .col.left .summaryBody .leftIcon .program-icon {
    background-size: 50px;
}

.summaryContainer3A .program-icon {
    height: auto;
    min-height: 75px;
    width: 89px;
    display: inline-block;
    background: url(//trackers.bbcomcdn.com/images/programs/program-icon.png) 10px 10px no-repeat
}

.narrowColumn .summaryContainer3A .program-icon {
    background-position: 11px 10px;
}

.summaryContainer3A .rowItem.resX {
    display: none;
}

.narrowColumn .summaryContainer3A .rowItem.resX {
    display: block;
}

.program-info {
    width: 75%;
    margin-left: 25%;
    height: auto;
    min-height: 150px;
    background: #ffffff;
    position: relative;
}

.program-stats {
    background-color: #9a9b9c;
    width: 100%;
    min-height: 96px;
    height: auto;
}

.narrowColumn .program-stats {
    background-color: #ffffff;
    min-height: 96px;
}

.summaryContainer3A .program-info .details .rateContainer {
    float: right;
}

.narrowColumn .summaryContainer3A .program-info {
    min-height: 0;
}

.narrowColumn .summaryContainer3A .program-info .details .rateContainer {
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    margin: 60px 0 0 -33%;
    width: 22%;
    text-align: center;
}

.narrowColumn .summaryContainer3A .program-info .details .rateContainer .bbRateReport {
    display: inline-block;
}

.narrowColumn .program-stats .bbCellValue {
    margin: 0 0 0 22%;
    float: none;
    width: 230px;
}



.narrowColumn.programWidget .summaryContainer3A .program-info .details .rateContainer {
    margin: 52px 0 0 -33%;
}
.narrowColumn.programWidget .program-stats .bbCellValue {
    margin: 0 0 0 25%;
}





.summaryContainer3A .program-info .details .rateContainer .bbRateReport .rateDetails .rateTag {
    margin-top: -1px;
    padding-top: 0;
}

.narrowColumn .summaryContainer3A .program-info .details .rateContainer .bbRateReport {
    width: 74px;
}

.narrowColumn .summaryContainer3A .program-info .details .rateContainer .bbRateReport .rateBox {
    margin-left: 17px;
}

.narrowColumn .summaryContainer3A .program-info .details .rateContainer .bbRateReport .rateBox {
    margin-left: 22px;
}

.summaryContainer3A .program-info .details .rateContainer .bbRateReport h5 {
    color: #919191;
    display: block;
}

.narrowColumn .summaryContainer3A .program-info .details .rateContainer .bbRateReport h5 {
    font-size: 16px;
    text-align: center;
}

.narrowColumn .summaryContainer3A {
    min-height: 260px;
}

.narrowColumn.programWidget .summaryContainer3A.empty-state {
    min-height: 23px;
}

.summaryContainer3A .program-info .details .rateContainer .rateDetails .rateLegend,
.narrowColumn .summaryContainer3A .program-info .details .rateContainer .rateDetails .rateLegend,
.narrowColumn .summaryContainer3A .program-info .details .rateContainer .rateDetails .rateTotal,
.narrowColumn .summaryContainer3A .program-info .details .rateContainer .rateDetails .rateTag {
    display: none;
}

.program-stats .bbCellValue {
    display: block;
    float: left;
    width: 16%;
    margin: 15px 0 0 3%;
}

.narrowColumn .program-info .details .rowItem .label.detail {
    font-size: 14px;
    line-height: 16px;
}

.program-info .details .rowItem strong {
    text-transform: capitalize;
}

.narrowColumn .program-info .details .rowItem strong {
    font-size: 14px;
    line-height: 16px;
    font-family: ProximaNova, Arial;
}

.program-stats .bbCellValue .label {
    height: 23px;
}

.narrowColumn .program-stats .bbCellValue .label {
    display: inline;
    color: #4d4f53;
    text-transform: none;
    font-size: 14px;
    line-height: 16px;
    text-shadow: none;
}

.narrowColumn .program-stats .timeLabels {
    display: none;
}

.narrowColumn .program-stats .bbCellValue .contents {
    color: #4d4f53;
    background: transparent;
    border: none;
    font-size: 14px;
    display: inline;
    font-weight: bold;
    font-family: ProximaNova, Arial;
    margin-left: 3px;
    line-height: 16px;
    text-shadow: none;
}

.narrowColumn .program-stats .bbCellValue .contents .timeValue {
    display: inline;
    line-height: 15px;
}

.rowSectionItem.rowFooterMessage {
    padding: 3px 0;
    border: 1px solid #7f8082;
}

.narrowColumn .rowSectionItem.rowFooterMessage {
    text-align: center;
}

.narrowColumn .rowSectionItem.rowFooterMessage span {
    font-family: ProximaNovaExCnBold, Arial;
    font-size: 18px;
    text-transform: uppercase;
    font-style: normal;
}

.rowSectionItem.rowFooterMessage span .vertical-spacer {
    border-left: 2px solid #6a6a6b;
    margin-left: 5px;
    padding-left: 2px;
}

.narrowColumn .rowSectionItem.rowFooterMessage span .vertical-spacer {
    border-left: 1px solid white;
    margin-left: 5px;
    padding-left: 0;
}

.narrowColumn .rowSectionItem.rowFooterMessage span em {
    font-style: normal;
}

.narrowColumn .rowSectionItem.rowFooterMessage span.onlyFullSite {
    display: none;
}

.narrowColumn .rowSectionItem.rowFooterMessage .iconOnMessage {
    display: none;
}

.rowSectionItem.rowFooterMessage .iconOnMessage {
    width: 15px;
    height: 14px;
    background: url(//trackers.bbcomcdn.com/images/programs/large-summary-calendar-icon.png) no-repeat;
    margin: 0 3px 0 5px;
    display: inline-block;
}

.narrowColumn .rowItem.sc3ASocialFooter {
    display: none;
}

.rowItem.sc3ASocialFooter {
    background-color: #f2f2f2;
}

.rowItem.sc3ASocialFooter .commentAndLikeContainer {
    margin-left: 10px;
    font-size: 10px;
    height: 11px;
}

.rowItem.sc3ASocialFooter .commentAndLikeContainer .comment-count-container .comment-text-link {
    color: #00a1de;
}

.narrowColumn .bbModuleContainer .content.emptyState .emptyStateContent .leftIcon .largeAddressBook {
    background-size: 70px;
    margin-top: 10px;
}

.narrowColumn .bbModuleContainer .content.emptyState h3 {
    padding-left: 15px;
}



.bbColumnBannerContainer.bbProgram {
    border: 1px solid #c2c2c2;
    width: 94%;
    height: 428px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
}

.bbColumnBannerContainer.bbProgram .programImage {
    background-color: #f4f4f4;
    border-bottom: 1px solid #c2c2c2;
    width: 195px;
    height: 234px;
    text-align: center;
    overflow: hidden;
}

.bbColumnBannerContainer.bbProgram .ratingContainer{
    position: absolute;
    right: 10px;
    top: 10px;
    width: 37px;
    z-index: 1;
}

/* A bit of a hack for IE, which for some reason is expanding the modal to full width.
The enclosing exclusiveModalMask for some reason exhibits block behavior, not inline-block
like it should be set to.  However, this only happened when you moved your mouse over the
mask (basically the entire page), and when the mask was wider than the modal.  If you set
the mask's width to 678, this mouse-move-expansion behavior is not present.  There's something
else going on, but I wasn't getting anywhere with figuring out what, so I just restricted the
width of the modal.
*/
/*.bbExclusiveModalMask.programSelect .bbContent {
    max-width: 678px;
}
*/
.bbExclusiveModalMask.programSelect .bbModalContainer.bbGraphyte {
    max-width: 678px;
    margin-left: auto;
    margin-right: auto;
}

.bbColumnBannerContainer.bbProgram .programImage img {
    width: 100%;
    height: auto;
}

.bbColumnBannerContainer.bbProgram .programDetails {
    background-color: #ffffff;
    width: 175px;
    height: 170px;
    padding: 10px;
}

.bbColumnBannerContainer.bbProgram .programDetails h4 {
    padding-bottom: 5px;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bbColumnBannerContainer.bbProgram .programDetails .field {
    font-family: ProximaNovaExCnBold, Arial;
    font-size: 14px;
    padding-bottom: 6px;
    text-transform: uppercase;
    white-space: nowrap;
}

.bbColumnBannerContainer.bbProgram .programDetails .field label {
    color: #c8c8c8;
    padding-right: 4px;
}

.bbColumnBannerContainer.bbProgram .programDetails a.viewLink {
    font-family: ProximaNovaExCnBold, Arial;
    text-transform: uppercase;
}

.bbColumnBannerContainer.bbProgram .programDetails .bbRadioButton {
    margin-top: 10px;
}

@media (max-width: 768px) {
    .bbColumnBannerContainer.bbProgram {
        width: 170px;
        height: 347px;
    }

    .bbColumnBannerContainer.bbProgram .programImage {
        width: 170px;
        height: 203px;
        padding-top: 0;
    }

    .bbColumnBannerContainer.bbProgram .programDetails {
        width: 160px;
        height: 142px;
        padding: 0 5px;
    }

    .bbColumnBannerContainer.bbProgram .programDetails h4 {
        margin: 1px 0 2px 0;
        padding: 2px 0;
    }

    .bbColumnBannerContainer.bbProgram .programDetails .field {
        padding-bottom: 2px;
    }

    .bbColumnBannerContainer.bbProgram .programDetails .bbRadioButton {
        margin-top: 5px;
    }
}

@media (max-width: 525px) {
    .bbColumnBannerContainer.bbProgram .programDetails .bbRadioButton label div {
        font-size: 12px;
    }
}
@media (max-width: 400px) {
    .bbColumnBannerContainer.bbProgram {
        width: 100%;
        height: 273px;
    }

    .bbColumnBannerContainer.bbProgram .programImage {
        width: 100%;
        height: 147px;
    }

    .bbColumnBannerContainer.bbProgram .programDetails {
        width: 94%;
        height: 119px;
        padding: 0 3%;
    }

    .bbColumnBannerContainer.bbProgram .programDetails h4 {
/*        font-size: 16px;*/
        margin: 0;
        padding: 0;
    }

    .bbColumnBannerContainer.bbProgram .programDetails .bbRadioButton {
        margin-top: 3px;
    }
    .bbColumnBannerContainer.bbProgram .programDetails .bbRadioButton label div {
        font-size: 12px;
    }

    .bbColumnBannerContainer.bbProgram .programDetails .field {
        font-size: 12px;
        padding-bottom: 1px;
    }
    .bbRadioButton input ~ label span {
        margin: 0 1px;
    }
}
div.bbCountdownTimer,
div.bbCountdownTimer .item-container,
div.bbCountdownTimer .separator,
div.bbCountdownTimer .item{
    display: inline-block;
    *zoom: 1;
    *display: inline;
    float: none;
    vertical-align: top;
}
div.bbCountdownTimer .item {
    background-image: url('//common.bbcomcdn.com/BB/UI/Countdown/src/full/graphyte/digits.png');
    width: 53px;
    height: 77px;
}
div.bbCountdownTimer .item-label {
    display: block;
    float: none;
    text-align: center;
    text-transform: uppercase;
    color: #333;
    font-size: 14px;
    font-family: ProximaNovaExCnBold, Arial, Helvetica, sans-serif;
    margin-top: 1px;
}
div.bbCountdownTimer .separator {
    position: relative;
    width: 10px;
    height: 25px;
}
div.bbCountdownTimer .separator:before,
div.bbCountdownTimer .separator:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    width: 4px;
    height: 4px;
    background-color: #FFF;
    top: 6px;
    margin-left: -2px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 1px 3px #000;
    -webkit-box-shadow: 0 1px 3px #000;
    box-shadow: 0 1px 3px #000;
}
div.bbCountdownTimer .separator:after {
    top: auto;
    bottom: 6px;
}
div.bbCountdownTimer.small .item {
    background-image: url('//common.bbcomcdn.com/BB/UI/Countdown/src/full/graphyte/digits-small.png');
    width: 17px;
    height: 25px;
}

div.bbCountdownTimer.small .item.display-0-0 { background-position: 0 0; }
div.bbCountdownTimer.small .item.display-0-1 { background-position: 0 -25px; }
div.bbCountdownTimer.small .item.display-0-2 { background-position: 0 -49px; }
div.bbCountdownTimer.small .item.display-0-3 { background-position: 0 -74px; }
div.bbCountdownTimer.small .item.display-0-4 { background-position: 0 -99px; }
div.bbCountdownTimer.small .item.display-0-5 { background-position: 0 -123px; }

div.bbCountdownTimer.small .item.display-1-0 { background-position: 0 -148px; }
div.bbCountdownTimer.small .item.display-1-1 { background-position: 0 -173px; }
div.bbCountdownTimer.small .item.display-1-2 { background-position: 0 -197px; }
div.bbCountdownTimer.small .item.display-1-3 { background-position: 0 -222px; }
div.bbCountdownTimer.small .item.display-1-4 { background-position: 0 -247px; }
div.bbCountdownTimer.small .item.display-1-5 { background-position: 0 -272px; }

div.bbCountdownTimer.small .item.display-2-0 { background-position: 0 -296px; }
div.bbCountdownTimer.small .item.display-2-1 { background-position: 0 -321px; }
div.bbCountdownTimer.small .item.display-2-2 { background-position: 0 -346px; }
div.bbCountdownTimer.small .item.display-2-3 { background-position: 0 -370px; }
div.bbCountdownTimer.small .item.display-2-4 { background-position: 0 -395px; }
div.bbCountdownTimer.small .item.display-2-5 { background-position: 0 -420px; }

div.bbCountdownTimer.small .item.display-3-0 { background-position: 0 -445px; }
div.bbCountdownTimer.small .item.display-3-1 { background-position: 0 -470px; }
div.bbCountdownTimer.small .item.display-3-2 { background-position: 0 -494px; }
div.bbCountdownTimer.small .item.display-3-3 { background-position: 0 -519px; }
div.bbCountdownTimer.small .item.display-3-4 { background-position: 0 -543px; }
div.bbCountdownTimer.small .item.display-3-5 { background-position: 0 -568px; }

div.bbCountdownTimer.small .item.display-4-0 { background-position: 0 -593px; }
div.bbCountdownTimer.small .item.display-4-1 { background-position: 0 -618px; }
div.bbCountdownTimer.small .item.display-4-2 { background-position: 0 -642px; }
div.bbCountdownTimer.small .item.display-4-3 { background-position: 0 -667px; }
div.bbCountdownTimer.small .item.display-4-4 { background-position: 0 -692px; }
div.bbCountdownTimer.small .item.display-4-5 { background-position: 0 -716px; }

div.bbCountdownTimer.small .item.display-5-0 { background-position: 0 -741px; }
div.bbCountdownTimer.small .item.display-5-1 { background-position: 0 -766px; }
div.bbCountdownTimer.small .item.display-5-2 { background-position: 0 -790px; }
div.bbCountdownTimer.small .item.display-5-3 { background-position: 0 -815px; }
div.bbCountdownTimer.small .item.display-5-4 { background-position: 0 -840px; }
div.bbCountdownTimer.small .item.display-5-5 { background-position: 0 -865px; }

div.bbCountdownTimer.small .item.display-6-0 { background-position: 0 -889px; }
div.bbCountdownTimer.small .item.display-6-1 { background-position: 0 -914px; }
div.bbCountdownTimer.small .item.display-6-2 { background-position: 0 -939px; }
div.bbCountdownTimer.small .item.display-6-3 { background-position: 0 -963px; }
div.bbCountdownTimer.small .item.display-6-4 { background-position: 0 -988px; }
div.bbCountdownTimer.small .item.display-6-5 { background-position: 0 -1013px; }

div.bbCountdownTimer.small .item.display-7-0 { background-position: 0 -1038px; }
div.bbCountdownTimer.small .item.display-7-1 { background-position: 0 -1062px; }
div.bbCountdownTimer.small .item.display-7-2 { background-position: 0 -1087px; }
div.bbCountdownTimer.small .item.display-7-3 { background-position: 0 -1112px; }
div.bbCountdownTimer.small .item.display-7-4 { background-position: 0 -1136px; }
div.bbCountdownTimer.small .item.display-7-5 { background-position: 0 -1161px; }

div.bbCountdownTimer.small .item.display-8-0 { background-position: 0 -1186px; }
div.bbCountdownTimer.small .item.display-8-1 { background-position: 0 -1211px; }
div.bbCountdownTimer.small .item.display-8-2 { background-position: 0 -1235px; }
div.bbCountdownTimer.small .item.display-8-3 { background-position: 0 -1260px; }
div.bbCountdownTimer.small .item.display-8-4 { background-position: 0 -1284px; }
div.bbCountdownTimer.small .item.display-8-5 { background-position: 0 -1309px; }

div.bbCountdownTimer.small .item.display-9-0 { background-position: 0 -1334px; }
div.bbCountdownTimer.small .item.display-9-1 { background-position: 0 -1359px; }
div.bbCountdownTimer.small .item.display-9-2 { background-position: 0 -1383px; }
div.bbCountdownTimer.small .item.display-9-3 { background-position: 0 -1408px; }
div.bbCountdownTimer.small .item.display-9-4 { background-position: 0 -1432px; }
div.bbCountdownTimer.small .item.display-9-5 { background-position: 0 -1457px; }
div.date-range-panel {
    padding: 15px;
}
div.date-range-panel .separator {
    color: #5A5A5A;
    text-transform: uppercase;
    font-size: 10px;
	display: inline-block;
    margin: 15px 0;
    text-align: center;
	*display: inline;
	*zoom: 1;
}
div.date-range-panel .date-range-container {
    float: right;
}
div.date-range-panel .quick-filter-container {
    float: left;
	margin-top: 5px;
}
div.date-range-panel .quick-filter-container select {
    width: 125px;
}
div.date-range-panel .date-range-container,
div.date-range-panel .date-dropdown,
div.date-range-panel .bbButton {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
}
div.date-range-panel .date-dropdown {
    padding: 0;
}
div.date-range-panel .bbButton {
    margin-left: 10px;
}
div.date-range-panel .year-single-date {
    width: 70px;
}
div.date-range-panel .day-single-date {
    width: 50px;
}
div.date-range-panel .month-single-date {
    width: 60px;
}

div.date-range-panel input.bbTextBox {
	width: 115px;
}
/* Wraps all superbox elements */
.superbox {
    border-radius: 3px;
    background-color: #c8c8c8;
    border: 1px solid #c8c8c8;
}

.superbox .motivation-level-input {
    padding-left: 5px;
}

.superbox__header {
    display: table;
    width: 100%;
}
.superbox__card__heading {
    display: none;
}
@media (max-width: 400px) {
    .superbox__card__heading {
        display: block;
        font-family: ProximaNovaExCn, sans-serif;
        text-transform: uppercase;
        margin-bottom: 6px;
        font-size: 14px;
    }
}
.superbox__intro {
    font-family: ProximaNova, sans-serif;
    color: #232323;
    font-size: 14px;
    margin-bottom: 15px;
    text-align: center;
}
@media (max-width: 400px) {
    .superbox__intro {
        text-align: left;
    }
}
.superbox__button-wrapper {
    text-align: center;
}
.superbox__button-wrapper a:last-child {
    margin-left: 2px;
}
@media (max-width: 400px) {
    /*
        1. Design says buttons should be
           the same width.
    */
    .superbox__button-wrapper a {
        min-width: 165px; /* 1 */
        /* NOTE: This was changed from 64% to 165px as Android was having issues rendering a percentage-based min-width. */
    }
    /*
        1. The buttons stack on mobile
    */
    .superbox__button-wrapper a{
        margin-bottom: 5px; /* 1 */
    }
    /*
        1. Do no need this left margin when they
           stack vertically.
    */
    .superbox__button-wrapper a:last-child {
        margin-left: 0; /* 1 */
    }
}

/* Stupid wrapper element to give card contens a white background, etc. */
.superbox__motivation-level-input-wrapper {
    display: table;
    width: 100%;
    background-color: #fff;
    padding-bottom: 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #c8c8c8;
    border-radius: 3px;
}
@media (max-width: 400px) {
    /* Magic number due to use of absolute positioning
       to make mobile styles work. */
    .superbox__motivation-level-input-wrapper {
        position: relative;
        display: block;
        width: auto;
        min-height: 177px; /* 1 */
    }
}

/* Submit either form */
.superbox__submit {
    background-color: #c8c8c8;
    border-top: 1px solid #c8c8c8;
    display: none;
    width: 100%;
    padding: 5px 0;
    background-image: url(//common.bbcomcdn.com/BB/UI/Container/Pattern/src/graphyte/img/diagonal-stripe-light-gray.png);
}
.superbox__submit__buttons {
    text-align: right;
}
.superbox__submit__chars-remaining {
    font-family: ProximaNova, sans-serif;
    font-size: 12px;
    color: #919191;
}
.superbox__submit__cancel {
    font-size: 12px;
    display: inline-block;
    margin-right: 5px;
}

/* Simple Grid */
.table-auto {
    display: table;
    width: 100%;
}
.cell--divider,
.cell--auto,
.cell--1of2,
.cell--1of4 {
    display: table-cell;
}
.cell--1of2 {
    width: 50%;
}
.cell--1of4 {
    width: 25%;
}
.cell--center {
    vertical-align: middle;
    text-align: center;
}
.cell--divider {
/* TODO specify old gradient style     background-image: -moz-gradient(top,white,#ccc,#aaa,#aaa,#aaa,#ccc,white);  */
/* TODO specify old gradient style     background-image: -webkit-gradient(top,white,#ccc,#aaa,#aaa,#aaa,#ccc,white);  */
/* TODO specify old gradient style     background-image: gradient(top,white,#ccc,#aaa,#aaa,#aaa,#ccc,white);  */
    background-image: -moz-linear-gradient(top,white,#ccc,#aaa,#aaa,#aaa,#ccc,white);
    background-image: -webkit-linear-gradient(top,white,#ccc,#aaa,#aaa,#aaa,#ccc,white);
    background-image: linear-gradient(to bottom,white,#ccc,#aaa,#aaa,#aaa,#ccc,white);
}
.cell--has-padding {
    padding: 10px;
}
.cell--has-h-padding {
    padding: 0 10px;
}

@media (max-width: 400px) {
    .hide-on-mobile {
        display: none;
    }
}

.superbox__unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.superbox__text-for-mobile {
    display: none;
}
@media (max-width: 400px) {
    .superbox__text-for-desktop {
        display: none;
    }
    .superbox__text-for-mobile {
        display: inline;
    }
}

.superbox__tab {
    cursor: pointer;
    text-align: center;
    background-color: #ddd;
    color: #00aeef;
    border-right: 1px solid #f4f4f4;
    border-left: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;

    padding-left: 0;
    padding-right: 0;

    background-image: url(//common.bbcomcdn.com/BB/UI/Container/Pattern/src/graphyte/img/diagonal-stripe-light-gray.png);
}
.superbox__tab:first-child {
    border-left: none;
}
.superbox__tab:last-child {
    border-right: none;
}
.superbox__tab__icon {
    display: inline-block;
    margin: 5px 0 3px;
    /* This image is also in the images directory */
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAgCAYAAABHA7voAAAFn0lEQVRYw+WX209cRRzHi7Ex4Q8wPjV9LH3x1aQPNiasVkuJN0QgYYENl4WQiCGSEpOyAg+GgGAaSpZLdJFIyxZKg0ALK0J6oWwDIlRqwIIKIdgC2ds5y17G7285Zz3sOezuWXbtg5N8MzNnrp/5zZyZ37GsrKxayA0xlaI2tcdUBrTZjWEsmST9nYfGIYcgSl8IDpidne2PdZCcnByvWsCCgoID48USREDEBkoTQ3V1tY8k4TGIKxCXlYwVUMHCJyELxAvxCYU61DaV4tLSUra2tuYD9wMSpembUEcjA6yqqmJzc3NsaGiI5ebmsvLycma1WpnFYmE6nS7hgFqt1iotR/6eEqBerw/Um5yc3AbYq2IZpaemprbFOjJANHiCSuegT7u6urwDAwPUQTqkGxwcdKkFlJ65SIDIJ4f2L2y546GAeXl5HopXVlaKQsdcXl7WCYvjUbLgMOIkqmgymSYqKysXkH+R8v39/R1qAaVAkQCxiMmFhYUH+i8uLqZjJwMsKioK9FNXV/dG6Jj19fVnqQw7zn/YGdyAzqDibSH/FMpoaGi4nEhACh0dHZy0vLOz06m0RZuamngBdEI0iFCWhG90dllrayuvCIhtwbq7uwtRcUf81t7e3og9vZpowM3NTaNoRYq3trauKAHev39/XNLPKJQJaYU0/eHZ0tKSWQZYUlJCPxg/tqaJ8vn5+QTLmpub26L5i4Y7c9EA9vT0pGBb+gTr+GDR00qACK8bDIZD/+4wiB91UmSARqPRKZy7QL6lpcVTU1OziLQ/GsBwQOEAkT4F9WL3hD46vJAZSpECUjw/Pz9Luy10ThiDYSd8E6hMFor1DqSO4gGIOA0T5cKNhXI6c2lSQFjoNZwzWV2z2cyj7OXAhEZGRvhYIKkN2nKhk1ULeNQHBizVSwstfi8rK2M2m+2S9Nesh+zSZxCpr68v0ouJ2uifNyDm8Aru6uBCj42N0b2dHO5iFuEuRfMykRIL+d1o8/F6IjqdzosVFRWBV5jX680PO2E1cEcN8QLEfF+anp5en5mZ+R3pFyJZ5D+BC7W+2qDQ1zuQRjZIaq+tFnJDTKWojWp/EG12YxhLJkl/b0HjkEMQpc8FB9RctfljHeTNqzbV/mD6dfuB8WIJIiBiA6WJQX/L6SNJeAziCsRlJWMFVLDwScgC8UJ8QqEOtU2lOHPQzlZ2fEF/kNL0TaijkQEWjTrYgw0Pu7bkZm9fs7Gcmw525y8P+2Flj7173Z5wwPN9Nqu0HPl7SoAf3bAH6t16sifzB8dW97bFOjJANAj6g18/5Lw9j9xBf/D7X90utYDSMxcJEPnk0P6FLXc8FDDNbPdQ/PiZV+YPLj3z6vYXx+5RsuAw4oD70TrLTxQMOxaQD/iD3z1yd6gFlAJFAqQL+v3+g7vkwwG7zB+k7x8M7PdT+aNT5g9+NuE8S2XYcf7DzuAGdAYVbwv5p1DG51Ouy4kEpNBs5ThpeYuVcypt0Zo7Ll4AnRANIpQl4RudXfblNMcrAmqgtjm+EBV3xG9NM1wj9vRqogHX7T7je4IVKd50+K4oAf70h2dc0s8olAlphTT94dkvf3vNMsCMG3bW99jtx9Y0Uf6C2U6w7Iu7rrZo/qLhzlw0gMaf+RRsS59gHd9XVu60EiD5gxUW56F/dxhk3x8MLWic4ZzCuQvka++6PJ9YnItI+6MBDAcUDhDpU1CvRv7o8EJmKEUKSPHDTc+sRmFOGINhJ+z7g2ShWO9A6igegIjTMFEu3Fia/XsxTQpI/iDOmayuadH9rz/Y/5ubjwWS2qAtFzpZtYBHfWDAUr3pkvv5Y1zyu7z/cH9QrPjtAh+VP/i8AckfxF0dXOiby3vh/UEJXML9wXg9ER17/ovaIUfgFebxsfD+oBq4o4Z4AZI/OPmnZx1Pyv+fP/gPl5GFbsayZX8AAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}
@media (max-width: 400px) {
    .superbox__tab__icon {
        margin: 11px 0 9px;
    }
}
.superbox__tab__icon--fit-status {
    background-position: 0 -16px;
}
.superbox__tab__icon--motivation-level {
    width: 15px;
    background-position: -16px -16px;
}
.superbox__tab__icon--upload-photo {
    width: 15px;
    background-position: -31px -16px;
}
.superbox__tab__icon--post-to-fitboard {
    width: 10px;
    background-position: -46px -16px;
}
.superbox--is-active .superbox__tab__icon--fit-status {
    background-position: 0 0;
}
.superbox--is-active .superbox__tab__icon--motivation-level {
    background-position: -16px 0;
}
.superbox--is-active .superbox__tab__icon--upload-photo {
    background-position: -31px 0;
}
.superbox--is-active .superbox__tab__icon--post-to-fitboard {
    background-position: -46px 0;
}


.superbox__tab__text {
    font-family: ProximaNovaExCnSemiBold, sans-serif;
    text-transform: uppercase;
    margin: 0 0 5px;
}
@media (max-width: 400px) {
    .superbox__tab__text {
        display: none;
    }
}

.superbox__tab.superbox--is-active {
    background-color: #f4f4f4;
    border-bottom: 1px solid transparent;
    border-right: none;
    color: #232323;
    background-image: url(//common.bbcomcdn.com/BB/UI/Container/Pattern/src/graphyte/img/diagonal-stripe-white.png);
}

.superbox__card {
    background-color: #f4f4f4;
    background-image: url(//common.bbcomcdn.com/BB/UI/Container/Pattern/src/graphyte/img/diagonal-stripe-white.png);
    display: none;
}
/*
  Show the first card by default. Using :first-child here doesn't work because it's not
  the first child of it's parent.
*/
.superbox__card--fit-status {
    display: block;
}
.superbox__card__contents {
    padding: 15px;
    padding-bottom: 20px;
}

.motivation-level-input {
    height: 50px;
    position: relative;
    width: 165px;
    margin-bottom: 15px;
}
@media (max-width: 400px) {
    .motivation-level-input {
        position: absolute;
        left: 15px;
        top: 32px;
        width: 255px;
        height: 100px;
    }
}
.motivation-level__heading {
    font-family: ProximaNovaExCnBold, sans-serif;
    text-transform: uppercase;
    color: #919191;
    font-size: 15px;
}
@media (max-width: 400px) {
    .motivation-level__heading {
        /*
        FIXME the best would be if this
        was in the same element as the
        x / 10 text, so we could properly
        position.
        */
        position: absolute;
        top: 56px;
        left: 34px;
    }
}


.motivation-level-input__bar {
    display: block;
    float: left;
    width: 15px;
    border-right: 1px solid #fff;
    position: relative;
    background-color: rgb(220, 220, 220);
    background-image: -webkit-linear-gradient(
        top,
        rgb(220, 220, 220),
        rgb(180, 180, 180)
    );
    cursor: pointer;
}
@media (max-width: 400px) {
    .motivation-level-input__bar {
        width: 22px;
    }
}
.motivation-level-input__bar--is-active {
    background-color: rgb(0, 189, 253);
    background-image: -webkit-linear-gradient(
        top,
        rgb(0, 189, 253),
        rgb(0, 125, 164)
    );
}
.motivation-level-input__bar--is-hover {
    background-color: #005a8b;
    background-image: -webkit-linear-gradient(
        top,
        #00aeef,
        #005a8b
    );
}
.motivation-level-input__bar:nth-child(1) { height: 5px;  top: 45px; }
.motivation-level-input__bar:nth-child(2) { height: 10px; top: 40px; }
.motivation-level-input__bar:nth-child(3) { height: 15px; top: 35px; }
.motivation-level-input__bar:nth-child(4) { height: 20px; top: 30px; }
.motivation-level-input__bar:nth-child(5) { height: 25px; top: 25px; }
.motivation-level-input__bar:nth-child(6) { height: 30px; top: 20px; }
.motivation-level-input__bar:nth-child(7) { height: 35px; top: 15px; }
.motivation-level-input__bar:nth-child(8) { height: 40px; top: 10px; }
.motivation-level-input__bar:nth-child(9) { height: 45px; top: 5px;  }
.motivation-level-input__bar:nth-child(10) { height: 50px; }

.motivation-level-input__bar span {
    display: block;
    width: 15px;
    position: absolute;
    bottom: -15px;
    font-size: 12px;
    font-family: ProximaNova, sans-serif;
    font-weight: bold;
    color: #919191;
    text-align: center;
}
@media (max-width: 400px) {
    .motivation-level-input__bar:nth-child(1) { height: 10px; top: 90px; }
    .motivation-level-input__bar:nth-child(2) { height: 20px; top: 80px; }
    .motivation-level-input__bar:nth-child(3) { height: 30px; top: 70px; }
    .motivation-level-input__bar:nth-child(4) { height: 40px; top: 60px; }
    .motivation-level-input__bar:nth-child(5) { height: 50px; top: 50px; }
    .motivation-level-input__bar:nth-child(6) { height: 60px; top: 40px; }
    .motivation-level-input__bar:nth-child(7) { height: 70px; top: 30px; }
    .motivation-level-input__bar:nth-child(8) { height: 80px; top: 20px; }
    .motivation-level-input__bar:nth-child(9) { height: 90px; top: 10px;  }
    .motivation-level-input__bar:nth-child(10) { height: 100px; }

    .motivation-level-input__bar span {
        width: 22px;
        bottom: -18px;
        font-size: 15px;
    }
}
.motivation-level__instructions,
.motivation-level__old-value {
    font-size: 11px;
    font-family: ProximaNova, sans-serif;
    color: #919191;
    margin-top: 5px;
}
.motivation-level__old-value {
    /* HACK to align this text with the instructions in
       the left column. Will this work on IE and Firefox? */
    position: relative;
    top: 18px;
}
@media (max-width: 400px) {
    .motivation-level__old-value {
        position: absolute;
        top: 150px;
        left: 0;
        right: 0;
        text-align: center;
    }
}
.motivation-level__val {
    font-size: 40px;
    font-family: ProximaNova, sans-serif;
    font-weight: bold;
    color: #5a5a5a;
}
@media (max-width: 400px) {
    .motivation-level__val {
        position: absolute;
        top: 15px;
        left: 25px;
    }
}
.motivation-level__val * {
    display: inline-block;
    white-space: nowrap;
    margin-right: -7px;
}
.motivation-level__val__empty {
    color: #c8c8c8;
}
.motivation-level__val__full {
    display: none;
    color: #00aeef;
}

.superbox__comment__icon-cell {
    width: 35px;
}
.superbox__comment__icon {
    width: 35px;
    height: 35px;
}
.superbox__comment__textarea-wrap {
    position: relative;
    padding-left: 10px;
    overflow: hidden;
}
/*
    1. Stops textarea from overflowing parent box.
*/
.superbox__comment__textarea {
    /*margin-left: 10px;*/
    position: relative;
    background-color: transparent;
    background-image: none !important;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box; /* 1 */
    -moz-box-sizing: border-box; /* 1 */
    box-sizing: border-box; /* 1 */
}
/*
     1. I think the autogrow plugin is shrinking
        it too much.
*/
.superbox__comment__textarea--short {
    height: 40px;
    min-height: 40px !important; /* 1 */
}
/*
     1. I think the autogrow plugin is shrinking
        it too much.
*/
.superbox__comment__textarea--tall {
    height: 66px;
    min-height: 66px !important; /* 1 */
    position: relative;
    background: transparent;
}

/* FIXME this should maybe be in BB lib */
.bbTextArea--like-textbox {
    -webkit-box-shadow: inset 0 15px 10px -17px #000, 0 1px 0 #fff;
       -moz-box-shadow: inset 0 15px 10px -17px #000, 0 1px 0 #fff;
            box-shadow: inset 0 15px 10px -17px #000, 0 1px 0 #fff;
}
.bbTextArea--like-textbox:focus {
    /*-webkit-box-shadow: 0 0 0 1px #00aeef, inset 0 15px 10px -17px #000, 0 1px 0 #fff;
       -moz-box-shadow: 0 0 0 1px #00aeef, inset 0 15px 10px -17px #000, 0 1px 0 #fff;
            box-shadow: 0 0 0 1px #00aeef, inset 0 15px 10px -17px #000, 0 1px 0 #fff;*/
    border: 1px solid #00aeef;
}

.superbox__placeholder {
    position: absolute;
    overflow: hidden;
    color: #aaa;
    font-style: italic;
    left: 11px;
    top: 2px;
    font-family: ProximaNova, Arial, sans-serif;
    font-size: 13px;
    padding: 11px 0px 13px 10px;
    z-index: 1;
}

div.line-chart-container {
    min-height: 237px;
}
div.line-chart-container .chart-empty-message {
    text-align: center;
    text-transform: uppercase;
    color: #cacaca;
    font-family: ProximaNovaExCnBold, Arial, Helvetica, sans-serif;
    font-size: 19px;
    padding: 108px 0;
    /*line-height: 237px;*/
}
div.legend-container {
    text-align: right;
    color: #5A5A5A;
    text-transform: uppercase;
    font-size: 14px;
    font-family: ProximaNovaExCn, Arial, Helvetica, sans-serif;
    padding: 11px 14px;
}
div.legend-container .legend-item,
div.legend-container .legend-icon {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
}
div.legend-container .legend-item {
    margin-left: 20px;
}
div.legend-container .legend-icon {
    width: 15px;
    height: 15px;
    margin: -2px 2px 0 0;
}
div.legend-container .legend-icon.goal-achieved {
    background-color: #62bd19;
    opacity: 0.7;
}
div.legend-container .legend-icon.goal-not-achieved {
    background-color: #cc0400;
    opacity: 0.7;
}
div.legend-container .legend-icon.current-goal {
    height: 0;
    border-top: 2px dashed #000;
}
div.legend-container .legend-icon.tracked {
    height: 2px;
    background-color: #0e7099;
}
div.yAxisTitle {
    font-size: 11px;
    color: #919191;
    text-align: left;
    font-weight: bold;
    padding: 12px 0 10px 9px;
}