BODY { margin-top: 0px; margin-left: 0px; margin-right: 0px; background-color:#FFFFFF; font-family: geneva,helvetica,arial,sans-serif; font-size: 12px; color: #000000; line-height: 18px; text-align: left; } * html span.noitems { font-size: 12px; color: #999999; position: absolute; left: -25%; top: 50%; margin-top: -0.5em; line-height:1; } span.noitems { font-size: 12px; color: #999999; position: absolute; left: 25%; top: 50%; margin-top: -0.5em; line-height:1; } TD{FONT-FAMILY:geneva,helvetica,arial,sans-serif; FONT-SIZE:12px;} A {color:#0000FF} .paragraphTitle { FONT-SIZE: 14px; color: #999999; } .thinborder {border: 1px solid #CCCCCC} .thinmargin {border-right: 2px solid #CCCCCC; border-left: 2px solid #CCCCCC} .thinunderline {border-bottom: 1px solid #CCCCCC} td.navigationBox {border: none; background: #666666; text-align: center; } td.navigationBoxSelected {border: none; background: #FFFFFF; text-align: center; } .topnav{FONT-FAMILY:geneva,helvetica,arial,sans-serif; FONT-SIZE:12px; text-decoration:none; color: #FFFFFF; } .topnavselected{FONT-FAMILY:geneva,helvetica,arial,sans-serif; FONT-SIZE:12px; font-weight: bold; text-decoration:none; color: #33CC00; } .botnav{FONT-FAMILY:geneva,helvetica,arial,sans-serif; FONT-SIZE:12px; text-decoration:none; } .formnav{FONT-FAMILY:geneva,helvetica,arial,sans-serif; FONT-SIZE:12px} .formnavbold{FONT-FAMILY:geneva,arial,helvetica,sans-serif; FONT-SIZE:12px; FONT-WEIGHT:BOLD} .formButton{FONT-FAMILY:geneva,arial,helvetica,sans-serif; FONT-SIZE:10px; background-color:#CCCCCC; color:#000000 } .formLink{ color: blue; text-decoration: underline; font: bold 12px geneva,helvetica,arial,sans-serif; } .formErrors{FONT-FAMILY:verdana,helvetica,arial,sans-serif; FONT-SIZE:12px; color:#000000; } .formFinePrint{FONT-FAMILY:geneva,helvetica,arial,sans-serif; FONT-SIZE:9px; color:#000000; } .sponsoredLinksBorder {border-top: 1px dotted #CCCCCC} .sponsoredLinksTitle { FONT-SIZE:10px; color:#666666} /* Many body content of a page */ div.body {padding: 0; } div.feedback_standard_bad {FONT-FAMILY:geneva,helvetica,arial,sans-serif; FONT-SIZE:12px; color:#000000; background-color: #ffcccc; border-bottom: thin solid #C2211A; padding-left: 7px; padding-right: 13px; padding-bottom: 8px; padding-top: 5px;} ul.feedback_standard_bad {list-style-type: none; position: relative; left: 6px; top: 5px; padding: 0; margin: 0; } li.feedback_standard_bad {background-image: url(images/feedback_bad.gif); background-position: 0px 0px; background-repeat: no-repeat; padding-left: 20px; padding-bottom: 4px; height: 16px; } div.feedback_standard_good {FONT-FAMILY:geneva,helvetica,arial,sans-serif; FONT-SIZE:12px; color:#000000; background-color: #CCFFCC; border-bottom: thin solid #22A722; padding-left: 7px; padding-right: 13px; padding-bottom: 8px; padding-top: 5px;} ul.feedback_standard_good {list-style-type: none; position: relative; left: 6px; top: 5px; padding: 0; margin: 0;} li.feedback_standard_good {background-image: url(images/feedback_good.gif); background-position: 0x 0px; background-repeat: no-repeat; padding-left: 20px; padding-bottom: 4px; height: 16px;} div.feedback_login_bad {width: 360px; FONT-FAMILY:geneva,helvetica,arial,sans-serif; FONT-SIZE:12px; color:#000000; background-color: #ffcccc; border-bottom: thin solid #C2211A; border-top: thin solid #C2211A; padding-left: 7px; padding-right: 13px; height: 27px;} ul.feedback_login_bad {list-style-type: none; padding-left: 0px; padding-top: 5px; margin: 0; } li.feedback_login_bad { background-image: url(images/feedback_bad.gif); background-position: 0px 0px; background-repeat: no-repeat; padding-left: 20px; padding-bottom: 4px; } div.feedback_login_good {width: 360px; FONT-FAMILY:geneva,helvetica,arial,sans-serif; FONT-SIZE:12px; color:#000000; background-color: #CCFFCC; border-bottom: thin solid #22A722; border-top: thin solid #22A722; height: 27px;} ul.feedback_login_good {list-style-type: none; padding-left: 0px; padding-top: 5px; margin: 0; } li.feedback_login_good {background-image: url(images/feedback_good.gif); background-position: 0px 0px; background-repeat: no-repeat; padding-left: 20px; padding-bottom: 4px; } div.header { height: 53px; border-bottom: thin solid #000000;background-image: url(images/header_background.gif); background-repeat: no-repeat;} /* Page or section headers */ h1.title {font-weight: normal; color:#009900; font-size: 16px; white-space: nowrap} span.title {font-weight: normal; color:#009900; font-size: 16px; white-space: nowrap} /* Parentheses around help links */ .parentheses {color: #999999; } /* Labels for form inputs */ .formTitle{white-space: nowrap; font-weight: bold; color:#FF6600 } .formVerificationTitle{white-space: nowrap; font-weight: normal; color:#FF6600 } /* Help text for form inputs */ li.formDescriptions{ font-size: 11px; } /* Form input fields */ .formText{white-space: nowrap; } .formPassword { } .formCheckbox { } .formRadio { } .actionLinks { color: blue; text-decoration: underline; font-size: 11px; } /* Login Box */ div.login { } div#forgotPassword{position: relative; left: 50px; width: 360px; } span#forgotPassword{} /* Field labels on login page */ .loginPromptLabel {font-weight: bold; color: #000000;} /* Text input fields on login page */ .loginPromptInputText { width: 270} #rememberMeLabel { font-weight: normal; color: #000000; } input#auth_login_un_ { width:270px; } input#auth_login_pw_ { width:120px; } span#forgotPassword { position: relative; top: -10px; } div#forgotPasswordLinks { position: absolute; right: 25px;} /* Inactive Account Messages */ div#unableToLogin {} span#unableToLoginHeading {} span#unableToLoginMessage {} /* Sections of Sign Up Screens */ div.signupBody { padding: 13px; } div.signupSection { padding-top: 11px; padding-bottom: 30px; } table.signup { border-spacing: 0px; width: 85%; } td.signup {margin:0px; } .signupFormDescriptions{ font-size: 11px; padding-left: 30px; margin-left: 30px;} td#signupUsername { padding-top: 13px; padding-bottom: 13px; } td#enrollmentCode {padding-top: 13px; padding-bottom: 13px; border-bottom: 1px solid #CCCCCC; } td#signupTermsandConditions { padding-top: 13px; } td#signupEmailAddress { padding-top: 20px; border-top: 1px solid #CCCCCC; padding-bottom: 10px; white-space: nowrap;} td#signupEmailAddressDescription { padding-top: 20px; border-top: 1px solid #CCCCCC; padding-bottom: 10px; } div.signUpDescription { position: absolute; left: 400px; width: 290px; } div#signUpHealthyCompetition { height: 80px; } td#signupHealthyCompetitionDescription {padding-top: 20px; border-top: 1px solid #CCCCCC;} div#signUpOpenEnrollment { height: 80px; } div#signUpNameDescription { position: relative; top: -40px; } td#register_send_daily_reminder_ {padding-left: 20px; white-space: nowrap; } td#register_send_periodic_tips_ {padding-left: 20px; white-space: nowrap; } td#register_allow_team_messages_ {padding-left: 20px; padding-bottom: 20px; white-space: nowrap;} td#register_team_id_ {padding-left: 20px; } td#register_send_measurement_reminder_ {padding-left: 20px; padding-top: 10px;} td#register_date_of_birth_ {padding-top: 5px;} td#register_weight_ {padding-top: 5px;} td#register_gender_ {padding-top: 5px;} td#register_measurement_certify_ {padding-left: 20px; padding-top: 10px; } td#signupHealthCompetitionLabel { padding-top: 20px; border-top: 1px solid #CCCCCC; padding-bottom: 10px; } td#register_team_id_ {padding-bottom: 20px; } td#register_team_id_forced {padding-bottom: 20px; padding-left: 27px; } td#signupHeight {padding-top: 20px; border-top: 1px solid #CCCCCC; } td#signupOpenEnrollment {padding-top: 20px; border-top: 1px solid #CCCCCC; } td#signupPreRegisterLocation {padding-top: 20px; border-top: 1px solid #CCCCCC; } td#register_photo_id {padding-top: 10px; } span.signupEmphasis { color: #ff6600; } /* Open Enrollment Measurement Block Listing */ table#contest_end_open_table { border-spacing: 0px;} table#contest_end_open_table th { font-size: 12px; width: 200px; color: #CCCCCC; border-bottom: 2px solid #CCCCCC; text-align: left; } table#contest_end_open_table td { font-size: 12px; color: #1f1f1f; border-bottom: 1px solid #CCCCCC; text-align: left;} tr#contest_end_open_header_tr {} tr.contest_end_open_data_tr {} th#contest_end_open_th_location {} th#contest_end_open_th_date {} th#contest_end_open_th_time {} td.contest_end_open_td_location {} td.contest_end_open_td_date {} td.contest_end_open_td_time {} /* Navigation DIV at bottom of Sign Up workflow */ div.signupNavigation {border-top: 1px dotted #CCCCCC; padding-top: 6px; height: 10px;} span.signupNavigationLinks { position: absolute; right: 13px; margin-top: 0px; display: inline; } span.signupNavigationStep {margin-top: 0px; color: #999999; display: inline;} input#register_company_code_ { width:70px; } /* Welcome Message */ .welcomeMessage { } /* Terms and Conditions Textarea */ .termsAndConditions {height:135px; width:595px; } /* Main Pages */ div.selectedDay {position: relative; FONT-FAMILY:geneva,helvetica,arial,sans-serif; FONT-SIZE:12px; color:#000000; background-color: #e6e6e6; height: 35px; border-bottom-color: #cccccc; border-bottom-width: 1px; border-bottom-style: dotted;} span#selectedDayCalendar { position:absolute; right: 10px; top:50%; margin-top:-0.5em; line-height:1; } span#selectedDay { position:absolute; left: 10px; top:50%; margin-top:-0.5em; line-height:1; } span#selectedDayDaySelector { position: relative; top: -3px;} span#selectedDayDate {font-weight: bold; font-size: 16px; padding-right: 18px; } span.selectedDayOnToday {font-size: 11px; color: #000000; } span.selectedDayActive { font-size: 11px; } span.selectedDayInactive {font-size: 11px; color: #999999; } span.selectedDaySelectorSeparator {font-size: 11px; color: #ffffff; padding-left: 8px; padding-right: 8px;} span#selectedDayDaysLeft { font-size: 11px; font-weight: bold; color: #000000; } /* Navigation Tabs */ div#navigationBox { position: relative; background-color: #003399; margin: 0 0 0 0; padding: 0px; height: 24px; } ul#navigationBoxList {margin: 0; padding: 0; } li.navigationItem { margin: 0; padding: 0; display: inline; list-style: none; border: none; } a.navigationTabUnselected { text-decoration: none; color: #ffffff; float: left; font-size: 14px; font-weight: normal; padding: 3 10 3 10; margin: 0; } a.navigationTabSelected {text-decoration: none; float: left; font-size: 14px; padding: 3 10 3 10; margin: 0; color: #333333; font-weight: bold; background-color: #FFFFFF; margin: 0; text-decoration: none; } /* MiniStats in Navigation Bar */ span#miniNav { position:absolute; right: 8px; top:50%; margin-top:-0.5em; line-height:1; } span.navigationUsername {font-size: 11px; padding-right: 9px; font-weight: bold; color: #CCCCCC; } span.navigationRank {font-size: 11px; padding-right: 2px; color: #FFCC00; } span.navigationSlash {font-size: 11px; padding-right: 2px; color: #CCCCCC; } span.navigationWeight {font-size: 11px; padding-right: 2px; color: #FFCC00; } span.navigationPrize {font-size: 11px; padding-right: 9px; color: #FFCC00; } span.navigationLogOut {font-size: 11px; padding-right: 2px; color: #FFFFFF; } /* Calendar Pop-Up */ body#Calendar {background-color: #CCCCCC; } table.calendarMonth { border-left: 1px dotted #FFFFFF; display: inline; margin-top: 8px; } table.firstcalendarMonth { display: inline; margin-top: 8px; } span.calendarMonthLabel { display: inline; font-size: 12px; color: #666666; font-weight: bold; } td.calendarMonthLabel {border-bottom: 3px solid #E0E0E0; padding-bottom: 4px; } td.calendarWeekLabel {padding: 4px;} span.calendarWeekLabel { font-weight: bold; font-size: 11px; color: #999999; } td.calendarContestBeginEndMessage { padding: 4px; border-bottom: 1px solid #CCCCCC; } span.calendarContestBeginEndMessage { font-size: 11px; color: #999999; } td.calendarCurrentDay { padding: 4px; background-color: #FF9933; } td.calendarNotContestDay { width: 17px; padding: 4px; border-bottom: 1px solid #CCCCCC; } td.calendarContestDay { padding: 4px; background-color: #FFFFFF; border-bottom: 1px solid #CCCCCC; } span.calendarInactiveDay { font-size: 12px; color: #999999; } a.calendarActiveDay { font-size: 12px; } /* Weights & Stats */ div#weightsAndStatsBody { } div#weightsAndStatsBodyWithHealthyCompetition { width: 66%; } * html div#weightsAndStatsBodyWithHealthyCompetition { width: 100%; } div#yourWeight {padding: 8px; } div#healthyCompetition { border-left: 1px dotted #CCCCCC; height: 400px; float: right; width: 34%; } li#yourWeightStatus { font-size: 11px; } table#yourWeight {position: relative; top: 2px; } h1#yourWeight {position: relative; top: -2px; } div#graph {border-top: 3px solid #CCCCCC; margin-left: 13px; margin-right: 13px; } div#graphHelpLinks {font-size: 11px; padding-bottom: 25px; } table#teamRankings { padding-top: 5px; width: 100%; border-spacing: 0px; } th.teamRankHeadings {white-space: nowrap; text-align: left; font-size: 11; color: #999999; font-weight: normal; border-bottom: 3px solid #CCCCCC } tr.winningTeam { background-color: #FFFF99; color: #FF6600; font-weight: bold;} tr.losingTeam {} tr.winningTeam td {border-bottom: 1px solid #CCCCCC;} tr.losingTeam td {border-bottom: 1px solid #CCCCCC;} div#teamMessages {padding-top: 36px; padding-left: 13px; padding-right: 13px; } div#sendMessage {padding-top: 36px; padding-left: 13px; padding-right: 13px; } h2#teamMessagesHeading {font-size: 11; color: #999999; font-weight: normal;} div#teamMessage { width: 100%; padding-top: 9px; padding-bottom: 9px; padding-right: 0px; position: relative; top: -7px; border-top: 3px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;} * html div#teamMessage { width: 108.5%; padding-top: 9px; padding-bottom: 9px; padding-right: 0px; position: relative; top: -7px; border-top: 3px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;} div#teamMessageCompose {position: relative; padding: 9px; top: -7px; border-top: 3px solid #CCCCCC; } p#teamMessageBody {} span#teamMessagesByLine {position: absolute; right: 8px; font-size: 11; color: #999999;} span.activeNavigationLink { cursor: pointer; font-size: 11px; text-decoration: underline; color: blue; } span.inactiveNavigationLink { font-size: 11px; color: #999999;} textarea#teamMessageComposeBody {width: 200px; height: 100px; margin-bottom: 6px; } /* Foods & Activities */ div#add_food { padding: 13px; padding-right: 23px; position: absolute; left: 13px; top: 144px; float: left; z-index: 2; border: 1px solid #D1D1D1; layer-background-color: #EFEAF5; background-color: #EFEAF5; height: 450px; width: 254px; } div#add_activity { padding: 13px; padding-right: 23px; position: absolute; left: 13px; top: 144px; float: left; z-index: 2; border: 1px solid #D1D1D1; layer-background-color: #EFEAF5; background-color: #EFEAF5; height: 450px; width: 254px; } div#foodActSearch { padding: 13px; padding-right: 23px; float: left; width: 290px; } div.foodActSearchBrowse { height: 300px; background-color: #E6E6E6; border: 1px solid #CCCCCC; } .foodActBrowserActions {text-decoration: underline; color: blue; } div.foodActSearchResults {padding-left: 2px; padding-right: 2px; overflow: auto; } div.foodActSearchResult { border-bottom: 1px solid #ffffff; padding-top: 4px; padding-bottom: 4px; padding-left: 7px; padding-right: 7px; font-size: 12px; line-height: 14px; } div.foodActCategorySelector {padding-top: 4px; padding-bottom: 4px; } span.foodActFoodHeaderTitle {font-weight: normal; color: #663399; font-size: 16px;} span.foodActActivityHeaderTitle {font-weight: normal; color: #669933; font-size: 16px;} span.foodActSeparator {font-size: 11px; color: #ffffff; padding-left: 4px; padding-right: 4px;} span.foodActLogTotalCalorieLabel { font-size: 11px; color: #999999; } span.foodActLogTotalCalorieMessage { font-size: 11px; color: #000000; } tr.foodHeader { background-color: #EFEAF5; } tr.actHeader { background-color: #EFF5EA; } td.foodActHeader { border-bottom: 3px solid #CCCCCC;} tr#FoodTotalRow { border-top: 2px solid #CCCCCC; } tr#ActivityTotalRow { border-top: 2px solid #CCCCCC; } tr#foodActLogTotalRow { } div.foodActLog { position: absolute; left: 300px; padding: 13px; } table.foodActLogTable { } td.foodActLogTable { border-top: 1px solid #CCCCCC; } td.foodActLogCaloriesColumn { font-size: 12px; background-color: #E6E6E6; border-top: 1px solid #CCCCCC;} td.foodActLogCaloriesColumnSubtotal { font-size: 12px; font-weight: bold; background-color: #E6E6E6; border-top: 1px solid #CCCCCC;} div.addCustomNavigation {position: absolute; bottom: 13px; right: 13px; } div.customItemName { padding-top: 14px; padding-bottom: 14px; } span.customItemDescription {font-size: 8pt; color: #999999; } input#serving_size {width: 75px; } input#serving_unit {width: 100px; } input#serving_calories {width: 50px; } td.foodActLogTableDisclosure { width: 20px; } td.foodActLogTableName { } td.foodActLogTableQuantity { white-space: nowrap; border-top: 1px solid #CCCCCC; } td.foodActLogTableCalories { width: 70px;} td.foodActLogTableDelete { width: 60px; } td#foodActLogTotalRowDisclosure { border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } td#foodActLogTotalRowMessage { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } td#foodActLogTotalRowLabel { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } td#foodActLogTotalRowTotal { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } td#foodActLogTotalRowIcon { border-right: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } span.foodActLogTotalUnder { color: #009900; font-size: 18px; font-weight: bold;} span.foodActLogTotalOver { color: #CC0000; font-size: 18px; font-weight: bold;} /* Turn off list bullets */ ul.tree li { list-style: none; } /* Control how "spaced out" the tree is */ ul.tree, ul.tree ul , ul.tree li { margin: 0px; padding-left: 0px; } /* Sublists are visible or not based on class of parent LI */ ul.tree li.liOpen ul { display: block; } ul.tree li.liClosed ul { display: none; } /* Format menu items */ ul.tree li.liOpen { padding-top: 10px; spadding-left: 0px; font-size: 12px; line-height: 12px; } ul.tree li.liClosed { width: 100%; border-bottom: 1px solid #ffffff; padding-top: 10px; padding-bottom: 10px; padding-left: 0px; font-size: 12px; line-height: 12px; } ul.tree li.liBullet { border-bottom: 1px solid #ffffff; padding-left: 0px; padding-top: -2px; padding-bottom: 10px; font-size: 12px; line-height: 12px; } ul.tree span div { padding-left: 20px; width: 250px; } ul.tree li.liOpen span div { padding-left: 35px; width: 230px; } ul.tree li.liOpen ul li.liOpen span div { padding-left: 50px; width: 210px} ul.tree li.liOpen ul li.liOpen ul li.liOpen span div { padding-left: 65px; width: 190px} ul.tree li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen span div { padding-left: 80px; width: 170px} ul.tree li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen span div { padding-left: 95px; width: 150px} ul.tree li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen span div { padding-left: 110px; width: 130px} ul.tree li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen span div { padding-left: 125px; width: 110px} ul.tree li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen span div { padding-left: 140px; width: 90px} ul.tree li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen span div { padding-left: 155px; width: 70px} /* Show "bullets" in the links, depending on the class of the LI that the link's in with a left padding of 15 to account for it */ ul.tree li.liOpen .bullet { padding-left: 15px; cursor: pointer; background: url(images/disclosure_open.gif) 5px 50% no-repeat; } ul.tree li.liClosed .bullet { padding-left: 15px; cursor: pointer; background: url(images/disclosure_closed.gif) 5px 50% no-repeat; } ul.tree li.liBullet .bullet { padding-left: 0px; cursor: default; background: url(images/blank.gif) 5px 50% no-repeat; } ul.tree li.liOpen ul li.liOpen .bullet { padding-left: 35px; cursor: pointer; background: url(images/disclosure_open.gif) 25px 50% no-repeat; } ul.tree li.liOpen ul li.liClosed .bullet { padding-left: 35px; cursor: pointer; background: url(images/disclosure_closed.gif) 25px 50% no-repeat; } ul.tree li.liOpen ul li.liBullet .bullet { padding-left: 20px; cursor: default; background: url(images/blank.gif) 0px 50% no-repeat; } ul.tree li.liOpen ul li.liOpen ul li.liOpen .bullet { padding-left: 55px; cursor: pointer; background: url(images/disclosure_open.gif) 45px 50% no-repeat; } ul.tree li.liOpen ul li.liOpen ul li.liClosed .bullet { padding-left: 55px; cursor: pointer; background: url(images/disclosure_closed.gif) 45px 50% no-repeat; } ul.tree li.liOpen ul li.liOpen ul li.liBullet .bullet { padding-left: 40px; cursor: default; background: url(images/blank.gif) 0px 50% no-repeat; } ul.tree li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen .bullet { padding-left: 75px; cursor: pointer; background: url(images/disclosure_open.gif) 65px 50% no-repeat; } ul.tree li.liOpen ul li.liOpen ul li.liOpen ul li.liClosed .bullet { padding-left: 75px; cursor: pointer; background: url(images/disclosure_closed.gif) 65px 50% no-repeat; } ul.tree li.liOpen ul li.liOpen ul li.liOpen ul li.liBullet .bullet { padding-left: 60px; cursor: default; background: url(images/blank.gif) 0px 50% no-repeat; } ul.tree li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen .bullet { padding-left: 95px; cursor: pointer; background: url(images/disclosure_open.gif) 85px 50% no-repeat; } ul.tree li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liClosed .bullet { padding-left: 95px; cursor: pointer; background: url(images/disclosure_closed.gif) 85px 50% no-repeat; } ul.tree li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liBullet .bullet { padding-left: 80px; cursor: default; background: url(images/blank.gif) 0px 50% no-repeat; } ul.tree li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen .bullet { padding-left: 115px; cursor: pointer; background: url(images/disclosure_open.gif) 105px 50% no-repeat; } ul.tree li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liClosed .bullet { padding-left: 115px; cursor: pointer; background: url(images/disclosure_closed.gif) 105px 50% no-repeat; } ul.tree li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liBullet .bullet { padding-left: 100px; cursor: default; background: url(images/blank.gif) 0px 50% no-repeat; } ul.tree li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen .bullet { padding-left: 135px; cursor: pointer; background: url(images/disclosure_open.gif) 125px 50% no-repeat; } ul.tree li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liClosed .bullet { padding-left: 135px; cursor: pointer; background: url(images/disclosure_closed.gif) 125px 50% no-repeat; } ul.tree li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liBullet .bullet { padding-left: 120px; cursor: default; background: url(images/blank.gif) 0px 50% no-repeat; } ul.tree li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen .bullet { padding-left: 155px; cursor: pointer; background: url(images/disclosure_open.gif) 145px 50% no-repeat; } ul.tree li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liClosed .bullet { padding-left: 155px; cursor: pointer; background: url(images/disclosure_closed.gif) 145px 50% no-repeat; } ul.tree li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liBullet .bullet { padding-left: 140px; cursor: default; background: url(images/blank.gif) 0px 50% no-repeat; } ul.tree li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen .bullet { padding-left: 175px; cursor: pointer; background: url(images/disclosure_open.gif) 165px 50% no-repeat; } ul.tree li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liClosed .bullet { padding-left: 175px; cursor: pointer; background: url(images/disclosure_closed.gif) 165px 50% no-repeat; } ul.tree li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liBullet .bullet { padding-left: 160px; cursor: default; background: url(images/blank.gif) 0px 50% no-repeat; } ul.tree li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen .bullet { padding-left: 195px; cursor: pointer; background: url(images/disclosure_open.gif) 185px 50% no-repeat; } ul.tree li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liClosed .bullet { padding-left: 195px; cursor: pointer; background: url(images/disclosure_closed.gif) 185px 50% no-repeat; } ul.tree li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liBullet .bullet { padding-left: 180px; cursor: default; background: url(images/blank.gif) 0px 50% no-repeat; } ul.tree li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen .bullet { padding-left: 215px; cursor: pointer; background: url(images/disclosure_open.gif) 205px 50% no-repeat; } ul.tree li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liClosed .bullet { padding-left: 215px; cursor: pointer; background: url(images/disclosure_closed.gif) 205px 50% no-repeat; } ul.tree li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liBullet .bullet { padding-left: 200px; cursor: default; background: url(images/blank.gif) 0px 50% no-repeat; } ul.tree li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen .bullet { padding-left: 235px; cursor: pointer; background: url(images/disclosure_open.gif) 225px 50% no-repeat; } ul.tree li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liClosed .bullet { padding-left: 235px; cursor: pointer; background: url(images/disclosure_closed.gif) 225px 50% no-repeat; } ul.tree li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liOpen ul li.liBullet .bullet { padding-left: 220px; cursor: default; background: url(images/blank.gif) 0px 50% no-repeat; } span.branch { font-weight: bold; } span.leaf { position: relative; } /* Keyword when found in search results */ span.highlightedTerm { background-color: #99ccff; } textarea.addfood{ background-color: #CCCCCC; border:none; padding-bottom: 0px; padding-top: 4px; width: 80%; } /* Nutrition Facts */ span#nutritionFactsTitle { font-size: 16px; } span.nutritionFactsData {font-size: 11px; } span.nutritionFactsLabel {font-weight: bold; font-size: 11px; } span.nutritionFactsPercentDV {font-weight: bold; } hr.nutritionMajor { height: 4px; color: #000000; background-color: #000000; border: none; } hr.nutritionMinor { height: 1px; color: #000000; background-color: #000000; border: none; } /* Settings */ h1.settingsSectionTitle {font-size: 16px; position: relative; padding-top: 15px; left: 25%; font-weight: normal; color: #FF6600; } div.settingsSection {padding-left: 20px; padding-right: 20px; padding-top: 16px; padding-bottom: 13px; position: relative; left: 25%; top: -6px; width: 50%; border: 1px solid #CCCCCC; } span.settingsLabel {font-weight: bold; } .saveEmailSettingsButton {position: absolute; right: 20px; } .weightGoalSettingsButton {position: absolute; right: 20px; } .changePasswordSettingsButton {position: absolute; right: 20px; } /* Help */ h1.helpSectionTitle{margin-top: 26px; font-size: 16; font-weight: normal; color: #FF6600; } span.helpQuestion {font-weight: bold; } span.helpAnswer { } div#helpMoreQuestionsForm {background-color: #ffffcc; border-left: 1px dotted #CCCCCC; border-bottom: 1px dotted #CCCCCC; padding-left: 13px; padding-right: 13px; padding-bottom: 13px; float: right; width: 200px; margin-left: 13px;} div#helpQuestionsAndAnswers {padding-left: 13px; padding-right: 13px; } span#helpMoreQuestionsInstructions {font-size: 11px; line-height: 15px; } textarea#moreQuestionTextarea {margin-top: 12px; margin-bottom: 6px; width: 200px; height: 100px; } /* Table of Contents for Help */ .helpSectionLinks {font-size: 12px; } /* Header for Help Section */ .helpQuestion { } /* Body of Help Section */ .helpAnswer {} /* My Vitals */ .focusedSpinnerInput { background-color: highlight; color: HighlightText; } .spinButtonContainer { height: 10px; width: 10px; margin-right: 10px; overflow: none; position: absolute; } .spinButtonContainer .button { width: 15px; height: 12px; font-size: 6px; } #vitals-sidebar { background-color: #ffffcc; width: 34%; border-left: 1px dotted #cccccc; border-bottom: 1px dotted #cccccc; float: right; padding: 13px;} div#vitals-body { padding: 10px;} table.vitals-log { padding: 10px; width: 64%; padding-right: 20px;} tr.vitals-header { background-color: #e0f0ff; } tr.vitals-header td { background-color: #e0f0ff; border-bottom: 3px solid #CCCCCC; } tr.vitals-header td.vitals-header span { color: #9e9f9f; } td.vitals-main-header span { font-weight: normal; color: #2d78a4; font-size: 16px; } tr.vitals-row { border-bottom: 1px solid #cccccc; height: 42px; } tr.vitals-row td { border-bottom: 1px solid #cccccc; height: 42px; } tr.vitals-row-spacer { height: 42px; } tr.vitals-row-spacer td { height: 42px; } span.vitals-row-name { padding-left: 10px; font-size: 12px; font-weight: bold; color: #9e9f9f; } span.vitals-highlow-max { color: #ff9900; } span.vitals-highlow-min { color: #33cc99; } span.vitals-inrange { text-align: center; } span.vitals-ndash { color: #666666; }