/* CSS Styles */ /*--Styles for new Layout--*/ /* reset.css */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} body {line-height:1.5;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align:middle;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} a img {border:none;} /* Global Typography & Styles */ body {font-size:75%;color:#000;background:#fff;font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; } h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#000; font-family:"Georgia", "Times New Roman", "Times", serif; } h1 {font-size:3em;line-height:1;margin-bottom:0.5em;} h2 {font-size:2em;margin-bottom:0.75em;} h3 {font-size:1.5em;line-height:1;margin-bottom:1em;} h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;} h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;} h6 {font-size:1em;font-weight:bold;} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} p {margin:0 0 1em;} p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;} p img.right {float:right;margin:1.5em 0 1.5em 1.5em;} a:focus, a:hover {color:#a74924;} a {color:#5e7115; } blockquote {margin:1.5em;color:#000;} strong {font-weight:bold;} em, dfn {font-style:italic;} dfn {font-weight:bold;} sup, sub {line-height:0;} abbr, acronym {border-bottom:1px dotted #666;} address {margin:0 0 1.5em;font-style:italic;} del {color:#666;} pre {margin:1.5em 0;white-space:pre;} pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;} li ul, li ol {margin:0 1.5em;} ul, ol {margin:0 1.5em 1.5em 1.5em;} ul {list-style-type:disc;} ol {list-style-type:decimal;} dl {margin:0 0 1.5em 0;} dl dt {font-weight:bold;} dd {margin-left:1.5em;} table {margin-bottom:1.4em;width:100%;} thead th {font-weight:bold;} th, td, caption {padding:4px 10px 4px 5px;} tr.even td, tr.even th {background:#f0f0f0;} tfoot {font-style:italic;} caption {background:#eee;} .small {font-size:.9em;margin-bottom:1.875em;line-height:1.875em;} .large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;} .hide {display:none;} .quiet {color:#666;} .loud {color:#000;} .highlight {background:#ff0;} .added {background:#060;color:#fff;} .removed {background:#900;color:#fff;} .first {margin-left:0;padding-left:0;} .last {margin-right:0;padding-right:0;} .top {margin-top:0;padding-top:0;} .bottom {margin-bottom:0;padding-bottom:0;} .txtField { color:#000; padding-left:3px; font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "sans-serif"; padding-right:3px;} .passField { color:#000; padding-left:3px; padding-right:3px;} .txtArea { color:#000; padding-left:3px; font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "sans-serif"; font-size:11px} .btn { height:25px; display:block; text-decoration:none; } .btn span { visibility:hidden; } .btn:hover { background-position:0 -25px; } .date{ background-color:#eee; padding:6px 10px; font-weight:bolder; margin-top:20px;} .float-left{float:left} /* Common override classes */ .bkgdimgnone { background:none !important; } /* Table styles for health glossary */ table.healthGlossary { border-width: 0px 0px 0px 0px; border-spacing: 0px; border-style: solid solid solid solid; border-color: gray gray gray gray; border-collapse: separate; background-color: white; border-collapse: collapse; font-size:80%; } th.healthGlossary { border-width: 1px 1px 1px 1px; padding: 2px 2px 2px 2px; border-style: solid solid solid solid; border-color: gray gray gray gray; background-color: white; -moz-border-radius: 0px 0px 0px 0px; } td.healthGlossary { background-color: #ffffff; border-width: 1px 1px 1px 1px; padding: 2px 2px 2px 2px; border-style: solid solid solid solid; border-color: gray gray gray gray; -moz-border-radius: 0px 0px 0px 0px; vertical-align:top; } td.healthGlossaryGreen { background-color: #f5f7e5; border-width: 1px 1px 1px 1px; padding: 2px 2px 2px 2px; border-style: solid solid solid solid; border-color: gray gray gray gray; -moz-border-radius: 0px 0px 0px 0px; } /* Common info balloon */ /* popups */ /* to constrain width add width value to on .balloon_content div, everything else will magically flow */ .balloon { position:absolute; z-index:5000; } .balloon_top, .balloon_top_r, .balloon_center, .balloon_bottom, .balloon_bottom_r, .balloon_bottom_l { background:transparent url( '/images/balloon.png' ) no-repeat 0 0; } .balloon_top { background-position: left -24px; height:4px; margin-right:8px; } .balloon_top_r { background-position: -252px -24px; position:absolute; right:0; top:0; width:8px; height:4px; ;} .balloon_center { background-position: left bottom; margin-right:8px; } .balloon_bottom { background-position: -238px top; height:24px; margin-right:8px; margin-left:8px; } .balloon_align_r .balloon_bottom { background-position: right top; } .balloon_bottom_r { background-position: right bottom; } .balloon_bottom_l { background-position: -260px -24px; height:24px; width:8px; position:absolute; bottom:0; left:0; } .balloon_content { padding:1em 1.4em 1em 1.4em; } .balloon_close { background:transparent url(/images/popup/close.gif) no-repeat; height:15px; width:15px; display:block; position:absolute; top:9px; right:16px; cursor:pointer; } /* Global Wrapper */ #wrapper { padding-left:20px; margin:0 auto; width:955px;} #header { position:relative; } #header_bg { background:url(/images/illustrations/bg-header-all.jpg) no-repeat center top; } /* Global Logo */ #tfy-logo { float:left; height:175px; width:200px; margin-left:24px; } #tfy-logo a { display:block; width:100%; height:100%; text-decoration:none; } #tfy-logo a span { visibility:hidden; } /* Subpages */ /*body.subpage { background:url(../images/illustrations/bg-header-pat-sub.gif) repeat-x 1132px 0; } body.subpage #wrapper { background:url(../images/illustrations/bg-header-sub.gif) no-repeat; } body.subpage #tfy-logo { background-image:url(../images/body/logo-sub.gif); } body.homepage { background:url(../images/illustrations/bg-header-pat-home.gif) repeat-x 1132px 0; }*/ /*body.homepage #wrapper { background:url(../images/illustrations/bg-header-home.jpg) no-repeat; } body.homepage #tfy-logo { margin-top:20px; background-image:url(../images/body/logo-home.gif); } body.homepage #header { height:260px; }*/ /*body.homepage #wrapper { background:url(../images/illustrations/bg-header-all.jpg) no-repeat; }*/ body.subpage { background:#839233 url(/images/illustrations/bg-pattern.gif) repeat-y center } body.subpage #tfy-logo { margin-top:20px; background:url(../images/body/logo-all.gif) no-repeat; } body.homepage { background:#839233 url(/images/illustrations/bg-pattern.gif) repeat-y center } body.homepage #tfy-logo { margin-top:20px; background:url(../images/body/logo-all.gif) no-repeat; } body.help {padding:20px 10px 10px 10px;} /* Global Nav */ #main-nav { position:absolute; top:0; left:220px;} #main-nav ul { margin:0; padding:0; list-style:none; } #main-nav li.top { float:left; height:37px; position:relative; } #main-nav li.top .over, #main-nav li.top .sib { width:100%; height:37px; position:absolute; top:0; left:0; z-index:4; background-image:url(../images/body/nav-sprite.gif); cursor:pointer; } #main-nav li.top a.top { display:block; width:100%; height:37px; background-image:url(../images/body/nav-sprite.gif); text-decoration:none; position:relative; z-index:1; } #main-nav li.top a span { visibility:hidden; } /* Global Nav > mouseout items */ #nav-home { width:77px; } #nav-home a {} #nav-join { width:101px; } #nav-join a { background-position:-77px 0; } #nav-eat { width:62px; } #nav-eat a { background-position:-178px 0; } #nav-connect { width:92px;} #nav-connect a { background-position:-240px 0; } #nav-learn { width:77px;} #nav-learn a { background-position:-332px 0; } #nav-story { width:104px; margin-right:114px; } #nav-story a { background-position:-409px 0; } #nav-story-not-logged-in a { background-position:-332px 0; } #nav-shop { width:83px; } #nav-shop a { background-position:-514px 0; } /* Global Nav > mouseover items */ #nav-home .over { background-position:0 -37px; } #nav-join .over { background-position:0 -74px; } #nav-eat .over { background-position:0 -111px; } #nav-connect .over { background-position:-163px -74px; } #nav-learn .over { background-position:-154px -111px; } #nav-story .over { background-position:-412px -111px; } #nav-shop .over { background-position:-514px -37px; } /* Global Nav > sibling items */ #nav-eat .sib { background-position:-101px -74px; } #nav-connect .sib { background-position:-62px -111px; } #nav-learn .sib { background-position:-255px -74px; } #nav-learn .left { background-position:-335px -111px; } #nav-story .sib { background-position:-231px -111px; } /*Global functional toplevel btns*/ /* #nav-home { width:77px;height:37px;float:left;margin:0;background-image:url(../images/body/nav-sprite.gif); display:block} #nav-home .over { background-position:0 -37px; } .top-nav-btn span { visibility:hidden; } */ /* Bookmark Logo */ #bookmarks_content h3 { background:url(../images/icons/icons.gif) no-repeat 0 -403px; } /* Search Page Logo */ #search_results_page h3 { background:url(../images/icons/icons.gif) no-repeat 0 -377px; } /* Global Nav > active items */ #nav-home.active a.top { background-position:0 -37px; } #nav-join.active a.top { background-position:-77px -37px; } #nav-eat.active a.top { background-position:-178px -37px; } #nav-connect.active a.top { background-position:-240px -37px; } #nav-learn.active a.top { background-position:-332px -37px; } #nav-story.active a.top { background-position:-409px -37px; } #nav-shop.active a.top { background-position:-514px -37px; } /* Global Nav > Dropdowns */ #main-nav ul ul { position:absolute; top:-999px; left:0; width:157px;z-index:1; } #main-nav ul ul li { padding-right:8px; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; line-height:13px; } #main-nav ul ul li a { display:block; padding:9px 0 9px 20px; color:#fff; text-decoration:none; background:url(../images/body/nav-dd-mid.gif) repeat-y; } #main-nav ul ul li a:hover { color:#000; background-image:url(../images/body/nav-dd-mid-over.png); } #main-nav ul ul li.last a { background:url(../images/body/nav-dd-bot.gif) bottom left no-repeat;} #main-nav ul #nav-story ul { left:-53px; } #main-nav ul #nav-story ul li { background-position:top right; padding-left:8px; padding-right:0; } #main-nav ul #nav-story ul li.last a { background-position:bottom right;} #main-nav ul ul li.last a:hover { background:url(../images/body/nav-dd-bot-ovr.png) bottom left;} /* Global Columns and Content */ #contents {padding-bottom:40px; border-bottom:1px solid #909090; width:930px;} #main-contents { width:710px; float:left; } #page-title h2 { font-size:22px; line-height:1em; color:#a83a1f; margin:0 0 20px 0; } #page-title .rss { float:right; padding-right:10px; } .col-330, .col-450, .col-240 { float:left; width:350px; margin-right:10px;} .col-450 { width:430px; margin-right:20px; padding:0 10px; } .col-240 { width:240px; } .col-two { margin-right:0;} .col-710 { padding:0 10px; } body.homepage .col-450, body.homepage .col-240 { padding-top:50px; } /* Global Modules & Boxes */ .module { margin-bottom:10px; } .module .title { background:url(../images/body/bg-mod-title-r.gif) top right no-repeat #a74924; } .module .title h3 { color:#fff; font-size:18px; padding:3px 0 4px 28px; margin:0; background:url(../images/icons/icons.gif) no-repeat 0 -102px; } .module .contents { padding:10px; border:1px solid #a74924; border-top:0; } .module ol, .box ol { margin-bottom:0; } .module ol li, .box ol li { margin-bottom:5px; } .box { border:1px solid #a74924; } .box .title h3 { color:#a74924; font-size:18px; padding:3px 0 4px 10px; margin:0; } .box .contents { padding:5px 10px 10px;} .box .more { margin:0 0 3px 20px; } .box .more a { text-decoration:none; padding-right:20px; font-weight:bold; font-size:10px; background:url(../images/icons/blt-leaf.gif) right center no-repeat; } .module-highlight {background:#F5F7E5;} /* Sidebar + modules */ #sidebar { width:200px; margin-right:20px; float:left; margin-top:39px;} /* SB > boxes & modules */ #sidebar .box, #sidebar .module { margin-bottom:8px;} #sidebar .module .title { background:url(../images/body/bg-mod-title-r-sb.gif) top right no-repeat #899c3b; } #sidebar .module .contents { border-color:#899c3b; } #sidebar .box { border:1px solid #899c3b; } #sidebar .box .title h3 { color:#8fa335; padding-left:28px; } #sidebar .box .contents { padding:5px;} /* SB > Search */ #side-search { padding-top:10px; } #side-search .txtField { width:149px; margin-right:5px; } #side-search input { vertical-align:middle; } #side-search p { margin-left:8px; font-size:10px; font-weight:bold; } /* SB > Secure Seals */ #side-seals { padding-top:10px; width:200px; } #side-seals p { margin-left:8px; font-size:10px; font-weight:bold; } /* SB > My page > Actions */ #mypage-actions { background:url(../images/body/bg-mypage-box.gif) no-repeat; padding:0 0 0 50px; height:53px; margin:0 0 6px } #mypage-actions h3 { font-size:18px; padding:10px 0 3px 0; margin:0; } #mypage-actions p { font-size:10px; margin:0; } /* SB > My page > My Tools */ #mod-mytools h3 { background:url(../images/icons/icons.gif) no-repeat 0 -147px; } #mod-mytools .contents { background-image:url(../images/body/bg-grid.gif); padding:3px 0 0 0;} #mod-mytools ul { margin:0; padding:0; list-style-type:none; } #mod-mytools ul li { padding:0; margin:0 0 2px 0; } #mod-mytools ul li a { display:block; padding:2px 0 2px 28px; color:#60605f; text-decoration:none; font-weight:bold; background:url(../images/icons/blt-grn-dot.gif) 11px 10px no-repeat; } #mod-mytools ul li a.ie6 { display:block; padding:2px 0 2px 35px; color:#60605f; text-decoration:none; font-weight:bold; background:none} #mod-mytools ul li a:hover, #mod-mytools ul li .active a { background-color:#dfeec8;} #mod-mytools ul li .onstate { background-color:#dfeec8;} #mod-mytools ul ul a { background:none; } #mod-mytools ul ul a span { color:#899d2e; } /* SB > Promos */ #promo-vids h3 { background:url(../images/icons/icons.gif) no-repeat 4px -17px; } #promo-vids ul { margin:0; padding:0; list-style-type:none; } #promo-vids ul li { padding:0; margin:0 0 2px 0; } #promo-vids ul li a { display:block; padding:4px 0 2px 28px; font-weight:normal; background:url(../images/icons/blt-grn-dot.gif) 11px 10px no-repeat; } /* SB > Coaching */ #promo-coaching h3 { background:url(../images/icons/icons.gif) no-repeat 5px 5px; } #promo-coaching ul { margin:0; padding:0; list-style-type:none; } #promo-coaching ul li { padding:0; margin:0 0 2px 0; } #promo-coaching ul li a { padding:4px 0 2px 28px; font-weight:normal; background:url(../images/icons/blt-grn-dot.gif) 11px 10px no-repeat; } /* module mod-serving-rec */ #mod-serving-rec table {border-collapse:collapse} #mod-serving-rec table th {text-align:center; line-height:1.2em;} #mod-serving-rec table th, #mod-serving-rec table td {border:1px solid #000; padding:6px; font-size:.9em;line-height:1.2em;} #mod-serving-rec table td {font-weight:bold;font-size:.9em;line-height:1.2em;} /* module poll */ .poll .question {margin:0 0 5px 0; font-weight:bold} #poll_form {margin:5px 0} #poll_form input {margin:5px 0;} #poll_form .btn-submit {display:block; margin-top:5px} .poll h4 {text-transform:uppercase; font-weight:bold; font-size:1em; font-family:inherit; margin:5px 0;} .poll_bar {heightL15px; width:260px; background:#fff; position:relative; white-space: nowrap;} .poll_bar_fill {height:15px; background:#D0E6F4} .poll p {margin:10px 0 0 0;} #mod-poll .title h3 {background:url(../images/icons/icons.gif) no-repeat 0px -971px; } /* SB > What's New */ #whats-new { background:url(../images/body/bg-whats-new.gif) no-repeat; margin-bottom: 15px; } #whats-new .inner { padding:73px 14px 10px; background:url(../images/body/bg-whats-new-bot.gif) no-repeat bottom left;} #whats-new h3 { margin-bottom:8px; font-size:16px; } #whats-new .meta { font-size:10px;} /* SB > Sign In */ #sign-in { margin-bottom:12px; font-size:10px; } #sign-in h3 { color:#899c3b; text-align:center; margin:5px 0; } #sign-in p.small { text-align:center; margin-bottom:0; } #sign-in .txtField { width:167px; margin-top:12px; font-weight:normal; } #sign-in .passField { width:167px; margin-top:12px; font-weight:normal; } #sign-in .cf { margin:8px 0 4px; } #sign-in #btn-register { background-image:url(../images/buttons/register.gif);} #sign-in #btn-tour {} #sign-in #btn-sign-in { width:89px; margin:0; background-image:url(../images/buttons/sign-in.gif)} #sign-in a { font-weight:bold; } #sign-in p { margin-top:5px; } #sign-in .btn { width:88px; float:left; margin-right:1px; } #sign-in .module {margin:0; padding:10px;} #sign-in #mod-sign-in {padding-bottom:0} #sign-in #mod-reg p {font-size:11px} #blog-categories { background:url(../images/body/bg-sb-top.gif) no-repeat #f5f7e5; } #blog-categories .inner { background:url(../images/body/bg-whats-new-bot.gif) no-repeat bottom left; padding:18px 10px; } #blog-categories h3 { color:#899c3b; font-size:18px; margin-bottom:8px; } #blog-categories ul { margin:0; padding:0; list-style-type:none; font-weight:bold; } #blog-related_posts { background:url(../images/body/bg-sb-top.gif) no-repeat #f5f7e5; } #blog-related_posts .inner { background:url(../images/body/bg-whats-new-bot.gif) no-repeat bottom left; padding:18px 10px; } #blog-related_posts h3 { color:#899c3b; font-size:18px; margin-bottom:8px; } #blog-related_posts ul { margin:0; padding:0; list-style-type:none; font-weight:bold; } #recipe-related_recipes { background:url(../images/body/bg-sb-top.gif) no-repeat #f5f7e5; } #recipe-related_recipes .inner { background:url(../images/body/bg-whats-new-bot.gif) no-repeat bottom left; padding:18px 10px; } #recipe-related_recipes h3 { font-size:18px; margin-bottom:8px; } #recipe-related_recipes ul { margin:0; padding:0; list-style-type:none; font-weight:bold; } #recipe-menu_recipes { background:url(../images/body/bg-sb-top.gif) no-repeat #f5f7e5; } #recipe-menu_recipes .inner { background:url(../images/body/bg-whats-new-bot.gif) no-repeat bottom left; padding:18px 10px; } #recipe-menu_recipes h3 { font-size:18px; margin-bottom:8px; } #recipe-menu_recipes ul { margin:0; padding:0; list-style-type:none; font-weight:bold; } #article-related_articles { background:url(../images/body/bg-sb-top.gif) no-repeat #f5f7e5; } #article-related_articles .inner { background:url(../images/body/bg-whats-new-bot.gif) no-repeat bottom left; padding:18px 10px; } #article-related_articles h3 { font-size:18px; margin-bottom:8px; } #article-related_articles ul { margin:0; padding:0; list-style-type:none; font-weight:bold; } /* Biometrics */ #bio-text-view { width:688px; background:url(../images/body/bg-wide-box-bot.gif) no-repeat bottom left; } #bio-text-view .inner { padding:17px 1px 1px 1px; background:url(../images/body/bg-wide-box-top.gif) no-repeat; } #bio-text-view .header { padding:0 15px; } #bio-text-view .header h4 { font-size:12px; margin-bottom:7px; font-weight:bold; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; } #bio-text-view tbody th { padding-left:15px;} #bio-text-view .footer { padding:0 15px 20px;} #bio-view-toggle { float:right; font-size:10px; font-weight:bold; padding:4px 0 4px 27px; background:url(../images/icons/icons.gif) 0 -173px no-repeat; } .popup { font-size:10px } #mod-biometrics h3 { background:url(../images/icons/icons.gif) no-repeat 0 -51px; } /* Register Payment */ #register_payment_step_two h3 { background:url(../images/icons/icons.gif) no-repeat 0 -299px; } #register_payment_step_three h3 { background:url(../images/icons/icons.gif) no-repeat 0 -299px; } #register_payment_step_four h3 { background:url(../images/icons/icons.gif) no-repeat 0 -299px; } #register_payment_step_two .contents h3, #register_payment_step_three .contents h3{color:#899c3b; font-size:18px; margin-bottom:8px; background:none} #register_payment_step_three .title a.print { float:right; color:#fff; font-size:10px; padding:5px 15px 0 27px; background: url(../images/icons/icons.gif) 0 -890px no-repeat;} /* Registration */ #register_step_two h3 { background:url(../images/icons/icons.gif) no-repeat 0 -299px; } #register_step_one h3 { background:url(../images/icons/icons.gif) no-repeat 0 -299px; } #register_step_three h3 { background:url(../images/icons/icons.gif) no-repeat 0 -299px; } #register_step_four h3 { background:url(../images/icons/icons.gif) no-repeat 0 -299px; } #register_step_five h3 { background:url(../images/icons/icons.gif) no-repeat 0 -299px; } #register_step_five .health-coaching-h3-header { background:url(../images/icons/icons.gif) no-repeat 0 -650px; } #register_step_six h3 { background:url(../images/icons/icons.gif) no-repeat 0 -299px; } #register_step_seven h3 { background:url(../images/icons/icons.gif) no-repeat 0 -299px; } #register_step_seven_confirmed h3 { background:url(../images/icons/icons.gif) no-repeat 0 -299px; } #strength_indicator { display: none; } #btn-continue { width:81px;margin:0;background-image:url(../images/buttons/continue.gif);} #btn-previous { width:81px;margin:0;background-image:url(../images/buttons/previous.gif);} .btn-submit, #btn-submit { width:66px;margin:0;background-image:url(../images/buttons/submit.gif);} #btn-cancel { width:66px;margin:0;background-image:url(../images/buttons/cancel.gif);} #btn-save { width:66px;margin:0;background-image:url(../images/buttons/save.gif);} #btn-sign-in { width:89px; margin:0; background-image:url(../images/buttons/sign-in.gif)} #btn-go { width:36px; margin:0; background-image:url(../images/buttons/go.gif)} #btn-start { width:66px;margin:0;background-image:url(../images/buttons/start.gif);} #btn-clear { width:66px;margin:0;background-image:url(../images/buttons/clear.gif);} #btn-confirm { width:81px;margin:0;background-image:url(../images/buttons/confirm.gif);} #btn-approve { width:81px;margin:0;background-image:url(../images/buttons/approve.gif);} #btn-decline { width:81px;margin:0;background-image:url(../images/buttons/decline.gif);} #btn-upload { width:66px;margin:0;background-image:url(../images/buttons/upload.gif);} #btn-post { width:66px;margin:0;background-image:url(../images/buttons/post.gif);} #btn-add-connection { width:128px;margin:0;background-image:url(../images/buttons/add_connection.gif);} #btn-send { width:66px;margin:0;background-image:url(../images/buttons/send.gif);} #btn-delete { width:66px;margin:0;background-image:url(../images/buttons/delete.gif);} #btn-connect { width:81px;margin:0;background-image:url(../images/buttons/connect.gif);} #btn-dont-connect { width:117px;margin:0;background-image:url(../images/buttons/dont-connect.gif);} #btn-join { width:66px;margin:0;background-image:url(../images/buttons/join.gif);} #btn-accept { width:66px;margin:0;background-image:url(../images/buttons/accept.gif);} #btn-dont-accept { width:106px;margin:0;background-image:url(../images/buttons/dont-accept.gif);} /* Form required fields, Error messages and success messages */ .required, .error { color:#CC0000; } .message_error {background:#990000 url(/images/error.gif) no-repeat 10px 7px; color:#FFFFFF; padding:10px 10px 10px 45px} .message_success {background:#568800 url(/images/success.gif) no-repeat 10px 7px; color:#FFFFFF; padding:10px 10px 10px 45px} /*Edit Account*/ #edit_account h3 { background:url(../images/icons/icons.gif) no-repeat 0 -299px; } /*Login */ #login h3 { background:url(../images/icons/icons.gif) no-repeat 0 -325px; } /* Forgot Password */ #forgot_password h3 { background:url(../images/icons/icons.gif) no-repeat 0 -325px; } /* Generic Message Box */ #generic-message-box h3 { background:url(../images/icons/icons.gif) no-repeat 0 -351px; } /* My Page > Message Center */ #mod-message-center h3 { background:url(../images/icons/icons.gif) no-repeat 0 -102px; } /* My Page > Events */ .mypage #mod-events h3 { background:url(../images/icons/icons.gif) no-repeat 0 -865px; } .events #page-title, .events .subnav, .events .header {border-bottom:1px dotted #999999; margin:0 0 10px; padding:10px 0;} .events #page-title {padding-top:0} .event {margin:0 0 20px 0;} .event .desc {margin:5px 0 0 0;} #cat_select {margin-bottom:10px} #cat_select label {font-weight:bold} /* My Page > Program Progress */ #mod-program-progress h3 { background:url(../images/icons/icons.gif) no-repeat 0 -51px; } #progress-bar { background:url(../images/body/bg-prg-bar.gif) no-repeat; width:315px; height:48px; position:relative; } #progress-bar .firstday, #progress-bar .lastday { position:absolute; font-weight:bold; top:32px; } #progress-bar .lastday { right:0px; } #progress-bar .progress { position:absolute; top:1px; left:1px; height:23px ; background-color:#d0e6f4; } /* My Page > Goals */ #mod-goals .goal { margin-bottom:8px; } #mod-goals .goal span { float:right; font-size:10px; } #mod-goals h3 { background:url(../images/icons/icons.gif) no-repeat 0 -77px; } #mod-goals label, #mod-goals input { vertical-align:middle; } #mod-goals .txtField { width:185px; /*text-transform:uppercase;*/ } #mod-goals #goal-input { margin-bottom:5px; } /* My Page > My Kitchen */ #mod-my-kitchen h3 { background:url(../images/icons/icons.gif) no-repeat 0 -624px; } /* My Page > Quote */ #mod-quote h2 { font-family:18px; line-height:1.25em; margin-bottom:.5em; } /* My Page > Webinars */ #mod-webinars h3 { background:url(../images/icons/icons.gif) no-repeat 0 -583px; } #mod-webinars .row {clear:both;} #mod-webinars .cell {float:left; width:215px; font-size:11px; padding:7px} #mod-webinars .cell-selected {float:left; width:215px; font-size:11px; background:#839233; padding:7px} #mod-webinars .cell-inactive{float:left; width:215px; font-size:11px; padding:7px; filter:alpha(opacity=40);-moz-opacity:0.4;opacity: 0.4;} /* My Page > Activity Log */ #mod-activity_log .title h3 { background:url('../images/icons/icons.gif') no-repeat 0 -915px; } #mod-activity_log .sprite_back { display:block; float:left; width:16px; height:11px; background: transparent url( '../images/icons/icons.gif' ) no-repeat 0 -477px; margin-top:4px; margin-right:6px; } /* My Page > Bookmarks */ #bookmarks .left_col { float: left; width: 20%; font-weight: bold; } #bookmarks .center_col { float: left; width: 60%; color: #000; font-weight: bold; } #bookmarks .center_col a { color: #899c3b; text-decoration: underline; } #bookmarks .center_col span { color: #60605f; font-weight: normal; margin-top: 5px; margin-bottom: 5px; } #bookmarks .right_col { float: left; width: 20%; } #bookmarks .right_col { font-weight: bold; } #bookmarks .clear { clear: both; display: block; height: 0; } #bookmarks #spacer { height: 15px; width: 100%; display: block; } #bookmarks .border_line { height: 2px; width: 100%; border: #999999 solid; } #bookmarks .small { color: #899c3b; font-size: 11px; font-weight: bold; } #bookmarks .reg { color: #899c3b; font-size: 13px; font-weight: bold; } #bookmarks #save_cancel_box { margin-left: 250px; } #boxBookmark .more { margin:0 0 3px 20px; } #boxBookmark .more a { text-decoration:none; font-weight:bold; font-size:10px; background:url(../images/icons/bookmark_page_icon.gif) left center no-repeat; } #boxBookmark .more a span { margin-left: 20px; } #boxBookmark .more_over { margin:0 0 3px 20px; text-decoration:none; font-weight:normal; font-size:10px; background:url(../images/icons/bookmark_page_icon_over.gif) left center no-repeat; } #boxBookmark #popup_form { position: absolute; display: none; width:270px; left:150px; z-index:100; padding-top:8px; } #boxBookmark #popup_form #pop_form_contents { padding:4px 11px 29px; background:url(../images/popup/bot_adv.png) top left no-repeat; width: 262px; height: 200px; } #boxBookmark #popup_form #pop_form_contents .spacer { margin-left: 40px; } #boxBookmark #popup_form #top_header {} /* For member support button */ #boxBookmark .member_suppprt { margin:0 0 3px 20px; text-decoration:none; font-weight:normal; font-size:10px; background:url(../images/icons/icons.gif) no-repeat 0 -681px; } #activity_log_details { width:245px; margin-left:10px; margin-top:22px; padding:10px; border:1px solid #d1d1d1; -webkit-border-radius: 6px; -moz-border-radius: 6px; position:relative; /* for ie7 */ } #activity_log_item_detail_list table td { padding:0; vertical-align:top; } /* #activity_log_main { background: url( '../images/illustrations/activity_log.jpg' ) no-repeat top right; } */ #activity_log_suggest_confirm h4, #activity_log_item_detail_list h4 { font-size:12px; font-weight:bold; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; } /* Cooking how-to vidoes page */ #howto-videos { } #howto-videos .intro {background:#f5f7e5; margin-bottom:20px} #howto-videos .content {padding:10px} #howto-videos h3 {background:url(../images/cooking-videos.gif) no-repeat left top; padding:10px 0 5px 40px; color:#899c3b; font-style:italic } #howto-videos h2 {color:#899c3b; padding:0; margin:0} #howto-videos .videos {margin-bottom:15px} #howto-videos .col-image {float:left; width:225px;} #howto-videos .col-copy {float:left; margin-left:25px; width:435px; } #howto-videos .left-corner {background-color:#FFFFFF;width:1px; height:1px; float:left} #howto-videos .right-corner {background-color:#FFFFFF;width:1px; height:1px; float:right} /* educational vidoes page */ #ed-videos { } #ed-videos .intro {background:#f5f7e5; margin-bottom:20px} #ed-videos .content {padding:10px} #ed-videos h3 {background:url(../images/ed-videos.gif) no-repeat left top; padding:10px 0 5px 40px; color:#899c3b; font-style:italic } #ed-videos .left-corner {background-color:#FFFFFF;width:1px; height:1px; float:left} #ed-videos .right-corner {background-color:#FFFFFF;width:1px; height:1px; float:right} #popup_box_bookmarks { position: absolute; top: 275px; left: 50%; margin-left: -70px; display: none; width: 300px; z-index: 10000; background-color: #FFF; border: 1px #ededed solid; } #popup_box_bookmarks #close_link { text-align: right; margin-top: 5px; font-size: 10px; font-weight: bold; margin-right: 5px; } #popup_box_bookmarks #text_box { font-weight: bold; margin-top: 25px; width: 200px; margin-left: auto; margin-right: auto; } #popup_box_bookmarks #action_box { width: 200px; margin-left: auto; margin-right: auto; margin-bottom: 75px; } #popup_box_bookmarks #action_box .floats { margin-left: 5px; margin-right: 5px; float: left; } /* SubPages c79e3d*/ /* NOTE: .col-two modification screwing up homepage titles, I commented it out temporairly */ /*.col-450 h3, .col-two h3 { color:#839233; font-size:20px; margin-bottom:.7em; line-height:28px }* Uncomment one below if going to active this line */ .col-450 h3 { color:#839233; font-size:20px; margin-bottom:.7em; line-height:28px } .quote-source {color:#839233; font-size:12px; text-align:right} .quote {color:#839233; line-height:26px; margin-top:30px} #forumn-content h3 { margin-bottom:.2em; } .topic-list-top, .col-450 .top, .col-450 .content, .topic-lists { padding:15px 0 5px; margin:0; } /*.topic-lists { padding:15px 0 5px; margin:0; background:url(../images/body/bg-dots.gif) repeat-x; }*/ .topic-lists, .col-450 .content { padding-top:5px;} /* SubPage > forum */ .forum .content h4 {font-weight:bold; margin:5px 0; font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;} .forum .content .list {margin-top:20px} .forum .category-nav {margin-bottom:20px} /* SubPage > Section Lists */ .topic-lists ul, .sections { margin:0 0 10px 0; padding:0; list-style:none; } .topic-lists li, .sections li { background:url(../images/icons/blt-grn-arw.gif) no-repeat 0 6px; padding:0 0 2px 13px; font-size:14px; } .topic-lists li li { background:none; padding:0; font-size:12px; } .sections li { background-position:0 4px; padding-bottom:0; font-size:12px; } .sections li.active { background-image:url(../images/icons/blt-gry-arw.gif); } /* Blog */ #blog-tools { padding:14px 0 5px 0; background:url(../images/body/bg-dots.gif) repeat-x; font-weight:bold; } #blog-tools span { float:right; font-size:11px; color:#899c3b; } #blog-tools span a { text-decoration:none; margin:0 6px; padding-left:20px; background:url(../images/icons/icons.gif) no-repeat; } #blog-tools #blg-bookmrk { background-position:0 -200px; } #blog-tools #blg-twiter { background-position:-2px -226px; padding-left:30px; } #blog-tools #blg-fb { background-position:0 -246px; margin-right:0; } #blog-header, .blog-header { font-size:11px; margin-bottom:20px; } #blog-header h2, .blog-header h2 { font-size:20px; margin:0; } #blog-columns { width:690px;} .blog-columns { width:690px; margin-bottom:15px;} .blog-img { float:left; margin-right:15px; width:230px; border:1px #EAEAEA solid } .blog-post { float:left; width:442px; } #blog-comments { padding:25px 0; } #blog-comments .comment { border:1px solid #eee; padding:10px; margin-bottom:20px; } #blog-comments .comment h4 { color:#c79e3d; font-style:italic; font-size:14px; margin-bottom:5px; } #blog-comments .comment p { margin:0 25px 17px; } #comment-post h3 { font-size:18px; color:#c79e3d; margin-bottom:5px; } #comment-post textarea { border:1px solid #a5acb2; width:442px; height:90px; } #comment-submit { font-size:10px; color:#c1c1c1; padding-top:10px; } #comment-submit .btn { float:right; } /* old btn #btn-submit { background-image:url(../images/buttons/submit.gif); width:60px; height:23px; } #btn-submit:hover { background-position:0 -23px; } */ /* Home Page */ #home-message h2 { font-size:22px; color:#a83a1f; margin:20px 0 8px 0; } #home-message .message { font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:16px; line-height:1.4em} #food-u-need { background:url(../images/body/bg-home-side-top.gif) #f5f7e5 no-repeat;} #food-u-need .inner { padding:18px 10px 10px; background:url(../images/body/bg-home-side-bot.gif) bottom left no-repeat;} #food-u-need h3 { color:#899c3b; font-size:19px; margin-bottom:8px; } #food-u-need p {color:#000; } #food-u-need a { font-weight:bold;} /* Layout Modules */ .homepage .col-two .module h3 { color:#899c3b; font-size:16px; margin-bottom:8px; font-weight:bolder} .register .module .module .title, .register .popup .module .title, .homepage .module .title {background:none;} .register .module .module .title h3, .register .popup .module .title h3 { background:none; color:#000; padding:0; font-size:1.5em; line-height:1; margin-bottom:1em;} .homepage .module .title h3 { background:none; padding:0} .register .module .module .contents, .register .popup .module .contents, .homepage .module .contents {border:none; padding:0 0 20px 0; border-bottom:1px dotted #999999;} .homepage .module {padding:4px 0;} .homepage #mod-events {padding:0} /* .homepage #sidebar {margin-top:40px;} */ /* Popups */ .pop-contents { display:none; } #popUp { width:262px; position:absolute; top:0; left:0; z-index:100; background:url(../images/popup/top.png) no-repeat; padding-top:8px;} #popUp .pop-contents { display:block; } #popUp .inner { padding:4px 11px 29px; background:url(../images/popup/bot.png) bottom left;} #popUp #pop-close { height:15px; width:15px; position:absolute; top:9px; right:16px; cursor:pointer; background-image:url(../images/popup/close.gif); } /* Recommended Reading */ #recommended-reading li {margin-bottom:10px} /*Biometric Popup*/ .pop-contentsb{ display:none; } #popups { width:262px; position:absolute; top:0; left:0; z-index:100; background:url(../images/popup/top.png) no-repeat; padding-top:8px;} #popups .pop-contentsb { display:block; } #popups .inner { padding:4px 11px 29px; background:url(../images/popup/bot.png) bottom left;} #popups #pop-close { height:15px; width:15px; position:absolute; top:9px; right:16px; cursor:pointer; background-image:url(../images/popup/close.gif); } #pop-bio-view-toggle { font-size:11px; } #tog-text-view, #tog-graph-view { padding:3px 0 2px 28px; background:url(../images/icons/icons.gif) no-repeat 0 -173px; margin-bottom:10px; } #tog-text-view { margin-bottom:4px; background-position:0 -266px; } /* Footer */ #footer { clear:both; padding:15px 2px; font-size:10px; color:#999999 } #footer a { text-decoration:none; color:#60605f; margin:0 8px; } /* --- Float Hack --- */ .cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cf { display:inline-block;} /* Hides from IE-mac \*/ * html .cf {height: 1%;} /* End hide from IE-mac */ .cf { display:block;} /*--Styles for new layout--*/ /* Program Progress Page */ #progress-bar_690 { background:url(../images/body/bg-prg-bar_690px.gif) no-repeat; width:690px; height:48px; position:relative; } #progress-bar_690 .firstday, #progress-bar_690 .lastday { position:absolute; font-weight:bold; top:32px; } #progress-bar_690 .lastday { right:0px; } #progress-bar_690 .progress { position:absolute; top:1px; left:1px; height:23px ; background-color:#d0e6f4; } /* Pagination */ .page_num_current,.page_num{ float:left; font-weight:bold; padding:5px 10px; } .page_num_current{color:#CCCCCC;} .page_num{color:#A74924;} .page_text{float:left;} /*Define styles for content_box*/ .step_box { float: left; padding: 5px 5px 5px 5px; } .content_box { background-image: url(/images/top_gradient_bar_09.gif); background-repeat:no-repeat; background-position:top; float: left; margin-top: 15px; width: 712px; margin-left: 5px; color: #60605f; } .content_box h1 { font-size: 16px; color: #FFF; margin: 0; padding-top: 2px; padding-left: 10px; font-weight: 100; font-family: Georgia; } .content_box #text { margin-top: 6px; padding-top: 20px; padding-left: 15px; padding-right: 15px; font-size: 12px; border-left: 1px #e8d6ab solid; border-right: 1px #e8d6ab solid; border-bottom: 1px #e8d6ab solid; padding-bottom: 10px; } .content_box #text h2 { font-size: 14px; } .divider { background:url(../images/body/bg-dots.gif) repeat-x; height:8px; margin:5px 0 5px 0; } /* AUTO COMPLETE ------------------- DIETARY SURVEY STUFF -------------------------------------------------------*/ .autocomplete-w1 { background:url(/images/shadow.png) no-repeat bottom right; position:absolute; top:7px; left:6px; /* IE6 fix: */ _background:none; _top:1px; } .autocomplete { width:300px; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE specific: */ _height:350px; _margin:0px 6px 6px 0; overflow-x:hidden; } .autocomplete .selected { background:#F0F0F0; } .autocomplete div { padding:2px 5px; white-space:nowrap; } .autocomplete strong { font-weight:normal; color:#a74924; } .answer_dynamic_box { padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; width: 400px; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; height: 2px; } .answer_dynamic_box_clone { width: 400px; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; height: 2px; } .newAjaxBox { width: 250px; } .imageBox { margin: 0px; } .input_Box { /*float: left; */ } .startInfo { width: 0; height: 0; visibility:hidden; margin: 0; position: relative; top: -50px; } .showInfo { top: 0px; visibility: visible; margin: 0px; width: 100%; height: 50px; } /*Dietary survey stuff ------------------- */ .answers { padding-left: 15px; padding-bottom: 10px; } .questions { padding-top: 10px; padding-bottom: 10px; } .divider_dotted { height: 2px; width: 100%; border-top: dotted 1px #999; margin-top: 10px; margin-bottom: 10px; } .questionBoxHolder { padding-top: 5px; padding-bottom: 5px; } .minus_box { position: relative; z-index: 10000; top: -20px; left: 271px; margin: 0px; height: 25px; } #breadcrumbs { padding:0 10px 10px 0px; font-size:10px; } /*Eating Well Footer */ #eating_well_footer{ font-size:10px; color:#999999; padding-top:10px; } .sprite_back{ display:block; float:left; width:16px; height:11px; background: transparent url( '../images/icons/icons.gif' ) no-repeat 0 -477px; margin-top:4px; margin-right:6px; } .sprite_next{ display:block; float:right; width:16px; height:11px; background: transparent url( '../images/icons/icons.gif' ) no-repeat -13px -611px; margin-top:4px; margin-left:6px; } /*Recommended articles page */ .article_list_keywords { font-size:10px; line-height:normal; padding-top:5px; } .article_author { color:#666666; } /*Shop Page */ .shop_item{ margin:20px 20px; background-color:#F5F8E2; width:300px; height:100%; float:left; } .shop_item_title{ top:-15px; left:-14px; height:40px; position:relative; width:290px; z-index:3000; color:white; font-weight: bold; line-height:normal; float:left; } #pop_contents { width: 637px; padding: 0; margin: 0; border-left: 1px solid #A2ADBC; font: normal 12px/20px Arial, Helvetica, sans-serif; color: #616B76; background-color: #fff; } #pop_shop_item-holder { padding:15px; background:url(/images/body/modal_bg.png); width:637px; position:relative } #pop_shop_item-close { position:absolute; z-index:35; top:7px; left:632px; top:19px; float:right; } .shop_item_pop_title{ top:-15px; left:0px; height:40px; position:relative; width:290px; z-index:3000; color:white; font-weight: bold; float:left; line-height:normal; } .shop_item_pop_nutrition{ width:200px; padding:5px; float:left; } .shop_items_image { width:390px; text-align:center; padding:5px; postion:relative; } .shop_item_pop_ingredients { width:350px; padding-left:20px; font-size:10px; clear:both; padding-top:15px } .shop_item_pop_contents{ float:right; width:420px; padding-top:15px; line-height:normal } /* Shop tabs */ #shop_tabcontainer li{ display: inline; list-style-type: none; padding-right: 1px; } #shop_tabcontainer { position:relative; top:0; left:0px;} #shop_tabcontainer{ margin:0; padding:0; list-style:none; } #shop_tabcontainer li.top { float:left; height:37px; position:relative; } #shop_tabcontainer li.top a.top { display:block; width:101px; height:26px; background-image:url(../images/body/food-sprite.gif); text-decoration:none; position:relative; z-index:1; } #shop_tabcontainer li.top a span { visibility:hidden; } #shoptab-entree { background-position:1px -57px;} #shoptab-entree span{visibility:hidden;} /*#shoptab-entree:hover { background-position:1px -31px; }*/ #shoptab-entree.active { background-position:1px -31px; } #shoptab-salads { background-position:-100px -57px;} #shoptab-salads span{visibility:hidden;} #shoptab-salads.active { background-position:-100px -31px; } #shoptab-wraps { background-position:-201px -57px;} #shoptab-wraps span{visibility:hidden;} #shoptab-wraps.active { background-position:-201px -31px; } #shoptab-parfaits { background-position:-302px -57px;} #shoptab-parfaits span{visibility:hidden;} #shoptab-parfaits.active { background-position:-302px -31px; } #shoptab-nuts {background-position:-403px -57px;} #shoptab-nuts span{visibility:hidden;} #shoptab-nuts.active { background-position:-403px -31px; } /*Tabs ------------------------------- */ .tfy_simple_tab { background:#fff; padding:2px 14px; border:1px solid #d1d1d1; font-weight:normal; /* Rounded corner stuff starts here */ -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; position:relative; /* for ie7 */ z-index:10; /* for ie7 */ } .tfy_simple_tab_selected { background:#fff; border-bottom:1px solid #fff; font-weight:bold;} .tfy_simple_tabpane { background:#fff; border:1px solid #d1d1d1; margin-top:-1px; padding:10px 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; position:relative; /* for ie7 */ z-index:10; /* for ie7 */ } .tfy_simple_tab a { text-decoration:none; color:#000;} .sprite_ulcorner, .sprite_urcorner, .sprite_lrcorner, .sprite_llcorner { position:absolute; display:block; width:4px; height:4px; background: transparent url( '../images/food_log/food_log_icons.gif' ) no-repeat 0 -140px; z-index:20;} .sprite_ulcorner { background-position: 0 -140px; top:-1px; left:-1px;} .sprite_urcorner { background-position: -4px -140px; top:-1px; right:-1px; } .sprite_lrcorner { background-position: -4px -144px; bottom:-1px; right:-1px; } .sprite_llcorner { background-position: 0 -144px; bottom:-1px; left:-1px; } #profile_create .title h3 { background: url(../images/icons/icons.gif) 0 -730px no-repeat; } #profile_create textarea {width:98%; height:100px; line-height:normal; border:1px solid #A5ACB2; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size:12px; padding:3px;} .step_crumbs span { float:left; display:inline-block; height:24px; background-color:#bfc989; font-weight:bold; color:#000; } .step_crumbs .step { line-height:24px; padding:0 10px; } .step_crumbs .active { background-color:#899c2e; color:#fff; } .step_crumbs .spacer, .step_crumbs .spacer-active, .step_crumbs .spacer-prev, .step_crumbs .spacer-last, .step_crumbs .spacer-last-active { width:17px; background:url('../images/step_sprite.gif') 0 -48px no-repeat; } .step_crumbs .spacer-active { background-position: 0 -72px; } .step_crumbs .spacer-prev { background-position: 0 -96px; } .step_crumbs .spacer-last { background-position: 0 0; } .step_crumbs .spacer-last-active { background-position: 0 -24px; } #profile_picture { padding:22px; } #profile_picture h4, #profile_create h4 { font-size:12px; margin-bottom:7px; font-weight:bold; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; } #profile_picture .current { float:left; margin-right:20px; } #profile_picture .upload { float:left; width:485px; } #profile_picture .avatars, #profile_picture .submit, #profile_picture .upload-photo { padding:12px 0 0; background:url('../images/body/bg-dots-clear.gif') 0 0 repeat-x; margin-top:10px } #profile_picture .avatars ul { list-style:none; margin:0; padding:0; } #profile_picture .avatars li { float:left; margin-right:7px; } .module .inner { background-color:#f5f7e4; } .module .inner .box, .module .inner .box .contents { border:0; padding:0; } .module .inner .box .title, .module .inner .box .title h3 { background:none !important; padding:0; margin-bottom:10px; } .module .inner .box { padding:20px; } .module .inner .box h3 { margin-bottom:4px; } #steps_a_day .inner { margin-bottom:5px; background:url('../images/body/bg-1000steps-col.gif') repeat-y 437px 0 #f5f7e4; } #steps_a_day .inner .box { border-top:8px solid #fff; } #steps_a_day .title h3 { background: url(../images/icons/icons.gif) 0 -915px no-repeat; } #steps_a_day .top-row { background:url('../images/body/bg-1000steps.gif') repeat-y; } #steps_a_day .top-row .box { border:0; } #steps_a_day .top-row .left .box { padding:10px 20px 7px; line-height:15px; } #steps_a_day .top-row .left p { margin:0; } #steps_a_day .contents.links p a { padding-left:23px; } #steps_a_day .plan { margin-bottom:10px; background: url(../images/icons/icons.gif) 0 -783px no-repeat; } #steps_a_day .track { background: url(../images/icons/icons.gif) 0 -813px no-repeat; } #steps_a_day .search { background: url(../images/icons/icons.gif) 0 -943px no-repeat; } #steps_a_day .left { float:left; width:437px; border-right:9px solid #fff; } #steps_a_day .right { float:left; width:242px; } #myFeed .feedPost { margin-bottom:7px; } #myFeed h4 {font-size:12px; margin:7px 0 7px 0; font-weight:bold; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif;} #myFeed .feedPost input { vertical-align:middle; } #myFeed .feedPost .txtField { padding:2px; font-size:12px; width:310px; } #myFeed .feed { background-color:#fff; margin:0 0 9px; padding:0; } #myFeed .feed li { margin:0 10px; padding:11px 0 10px; background:url('../images/body/bg-dots-clear.gif') 0 0 repeat-x; } #myFeed .feed li img { float: left; border:1px solid #9c9c9c; margin-right:10px; } #myFeed .feed li p { margin:0; } #myFeed .feed li p.meta { font-size:10px; } #myFeed .feed li p.msg-txt a { font-weight:bold; } #myFeed .feed li.first { padding-top:10px; background:none; } #myConnections ul { list-style:none; margin:0; padding:0; } #myConnections ul li { float:left; margin:0 7px 5px 0; } #profile_view .inner { margin-bottom:5px; background:url('../images/body/bg-1000steps-col.gif') repeat-y 242px 0 #f5f7e4; } #profile_view .left { float:left; width:242px; border-right:9px solid #fff; } #profile_view .right { float:left; width:437px;} #profile_view .title h3 { background: url(../images/icons/icons.gif) 0 -730px no-repeat; } #myConnections ul li.last { margin:0; } #myConnections ul li img { border:1px solid #9c9c9c; } #myCalendar p { margin:0 0 6px; } #myCalendar ul { list-style:none; margin:0; padding:10px 0 0; background:url('../images/body/bg-dots-clear.gif') 0 0 repeat-x; } #myCalendar li { padding:0 0 18px; background:url('../images/body/bg-dots-clear.gif') bottom repeat-x; } #myProfile .intro img { border:1px solid #9c9c9c; float:left; margin-right:9px; } #myProfile { line-height:14px; } #myProfile .intro { padding-bottom:10px; background:url('../images/body/bg-dots-clear.gif') bottom repeat-x; } #myProfile dl { margin:0; padding:0 0 14px; background:url('../images/body/bg-dots-clear.gif') bottom repeat-x; } #myProfile dd { background:url('../images/icons/blt-grn-dot.gif') 0 5px no-repeat; padding:0 0 5px 10px; margin:0; } #peopleSearch input { vertical-align:middle; } #peopleSearch .txtField { width:150px; padding:3px 2px; } #peopleSearch .small { line-height:12px; color:#a6a6a6; font-size:10px; margin:0; } #fitness_connections .intro { line-height:16px; margin:8px; } #fitness_connections .title h3 { background: url(../images/icons/icons.gif) 0 -840px no-repeat; } #fitness_connections .intro.requests { background:url('../images/body/bg-dots-clear.gif') bottom repeat-x; padding-bottom:10px; } #fitness_connections .intro.requests h3 {margin-bottom:10px; color:#839233; font-size:18px} #fitness_connections .no-requests, #fitness_track .no-requests { padding:15px 0 45px 15px; font-style:italic } #fitness_activities .title h3, #fitness_create_activities .title h3 { background: url(../images/icons/icons.gif) 0 -755px no-repeat; } #fitness_message .title h3 { background: url(../images/icons/icons.gif) 0 -730px no-repeat; } #fitness_track .title h3 { background: url(../images/icons/icons.gif) 0 -915px no-repeat; } .contacts .contact { float:left; margin:8px 0 0 0; width:340px; background-color:#f5f7e4; } .contacts .contact div { padding:16px 22px 22px; position:relative; } .contacts .contact img { float:left; margin-right:10px; height:68px; margin-top:6px; border:1px solid #9c9c9c;} .contacts .contact strong { color:#030303; } .contacts .contact a.close { display:block; position:absolute; width:15px; height:15px; top:20px; right:20px; background-image:url(../images/icons/close_sml.gif); } .contacts .evn { margin:8px 8px 0 0; } .contacts .creator, .contacts .option {border:1px solid #999; margin:1px} .contacts .invitee {border:2px solid #a84b1d; margin:0;} .connections .title { font-weight:bold; margin-bottom:10px} .connections .creator { width:50px; float:left; margin:0; padding:0; } .connections .contacts { margin-left: 50px; } .connections .footer { margin:6px 0 0 0; color:#60605f; line-height:16px; } #fitness_search .title h3 { background: url(../images/icons/icons.gif) 0 -840px no-repeat; } #fitness_search .people_search { padding:10px 0; } #fitness_search .people_search h3 { color:#a74924; font-size:18px; padding:0 0 15px 0; margin:0; } #fitness_search .people_search form { margin-bottom:10px; } #fitness_search .people_search .txtField { width:240px; } #fitness_search .people_search div * { vertical-align:middle; } #fitness_search .people_search div span { display:inline-block; padding:0 20px; } #fitness_search .people_search p { margin:20px 0 0 0; } #fitness_search .people_search select { width:250px; margin-right:20px; } #fitness_search .people_search .small, #fitness_message .small { line-height:12px; color:#a6a6a6; font-size:10px; margin:0; } #fitness_search .btn-join{ width:66px;margin:0;background-image:url(../images/buttons/join.gif); height:25px; display:block; text-decoration:none;} #fitness_search .btn-join span { visibility:hidden; } #fitness_search .btn-join:hover { background-position:0 -25px; } #pop_item-close {float:right} #fitness_activities .box, #cal-popup-content .box { background-color:#f5f7e4; padding:20px; border:0; } #fitness_activities .intro, #fitness_message .intro, #fitness_calendar .intro, #fitness_track .intro { line-height:16px; margin:8px; } #fitness_activities .box .contents { border:0; padding:0; } #fitness_activities .box .title, #fitness_activities .box .title h3 { background:none !important; padding:0; } #fitness_activities .box h3 { margin-bottom:4px; } #fitness_activities .box .title .actions { float:right; } #fitness_activities .activity dl { margin:0; padding:0 0 16px 0; background:url('../images/body/bg-dots-clear.gif') bottom repeat-x; } #fitness_activities .activity dt { margin:0; padding:0; color:#666; float:left; font-weight:normal; width:105px; } #fitness_activities .activity dd { margin:0; padding:0; float:left; width:440px; } #fitness_activities .activity .connections ul { list-style:none; margin:6px 0; padding:0; } #fitness_activities .activity .connections ul li { float:left; margin-right:9px; } #fitness_activities .activity .connections p { margin:0; color:#666; } #fitness_activities .activity .connections img { border:1px solid #9c9c9c; } #fitness_activities .activity .connections .admin { background:url('../images/body/bg-dots-vertical-clear.gif') top right repeat-y; padding-right:10px; height:50px; } #fitness_activities .activity .connections .admin img { border-color:#a84a1c; } .instance_admin_btn {background:#f5f7e4} form .row { margin-bottom:10px; clear:both;} form .label {float:left; width:150px; font-weight:bold;} form .input {margin-left:150px;} .formLayout { padding-top:20px; } .formLayout .row { margin-bottom:10px; } .formLayout .formLabel { float:left; width:180px; } .formLayout .formFields { float:left; width:460px; } .formLayout .formFields em { font-style:normal; color:#900; margin-left:5px; } .formLayout .txtField, .formLayout select { width:310px; } .formLayout textarea { width:317px; height:94px; padding:3px;ont-weight:bold; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size:12px } .formLayout .smlField { width:46px; padding:0 } .formLayout .lgField {width:265px} .formLayout .formFields fieldset { margin-bottom:6px; } .formLayout .formFields fieldset label { float:left; width:53px; } .formLayout .formFields .cal { display:inline-block; width:15px; height:16px; margin:0 4px; vertical-align:middle; background: url(../images/icons/icons.gif) 0 -782px no-repeat; } .formLayout .formHelp { line-height:12px; color:#a6a6a6; font-size:10px; margin:6px 20px 0 0; } .formLayout .spacer { margin:25px 0 15px; padding:0 0 10px 0; background:url('../images/body/bg-dots-clear.gif') bottom repeat-x; } .formLayout .add { display:inline-block; width:20px; height:20px; margin:0 4px; vertical-align:middle; background: url(../images/icons/addField.gif) 0 0 no-repeat; } #fitness_track .box { border-top:8px solid #fff; padding-left:10px } #fitness_track .inner { margin-bottom:20px; } #fitness_track .submit { padding:0 10px; } #fitness_track .track-form label { float:left; width:95px; } #fitness_track .track-form div { width:250px; } #fitness_track .track-form .formFields {float:left} #fitness_track .track-form .txtField, #fitness_track .weight .txtField { width:65px; } #fitness_track .weight { margin:10px 0 10px 0; background:url('../images/body/bg-dots-clear.gif') repeat-x bottom; padding:0 0 20px 10px;} #fitness_track .question {padding-bottom:3px; vertical-align:middle;} #fitness_reminder_footer {clear:both} #fitness_reminder_footer .left {float:left; margin:2px 10px 0 0;} #fitness_reminder_footer .right {float:left; margin-bottom:20px; width:630px; color:#666666} #fitness_calendar .title h3 { background: url(../images/icons/icons.gif) 0 -865px no-repeat; } #fitness_calendar .title a.print, #fitness_activities .title a.print { float:right; color:#fff; font-size:10px; padding:5px 15px 0 27px; background: url(../images/icons/icons.gif) 0 -890px no-repeat;} #fitness_calendar .box .title span {float:right; font-size:11px;} #fitness_calendar .box .title a { font-size:11px;} #fitness_calendar .box .title h3 { display:inline; margin-right:5px;} #fitness_calendar table { margin:8px 0 10px; } #fitness_calendar table th { background-color:#a4b45c; color:#fff; font-size:10px; padding-left:10px; } #fitness_calendar table td { background-color:#fff; border:1px solid #fff; width:90px; height:90px; vertical-align:top; padding:0;} #fitness_calendar table td ul li, #fitness_calendar table td span { display:block; padding:8px 10px 0 10px; font-size:10px; line-height:normal; } #fitness_calendar table td span.day { font-weight:bold; color:#666; } #fitness_calendar table td.prev-month, #fitness_calendar table td.next-month { background-color:#fafbf7; border-color:#fafbf7;} #fitness_calendar table td.prev-month .day, #fitness_calendar table td.next-month .day { color:#90a33c; } #fitness_calendar table td.today { border-color:#d1d9ad; } #fitness_calendar table {border-collapse:separate;border-spacing:1px;} #fitness_calendar .box p { color:#666; font-size:11px; margin:0; } .divider_clear { background: url("../images/body/bg-dots-clear.gif") repeat-x scroll 0 0 transparent; height:8px; margin:5px 0 5px 0;} #stab ul.subsection_tabs{list-style:none;margin:0 0 5px 0;padding:0;clear:both;border-bottom:1px solid #ccc;height:28px;clear:both} #stab ul.subsection_tabs li.tab{float:left;margin-right:3px;text-align:center; background:url(/images/buttons/tab-inactive.gif) no-repeat; width:142px; height:28px; font-size:14px} #stab ul.subsection_tabs li.tab a{display:block;height:28px;padding:3px 0; text-align:center; color:#fff;width:142px} #stab ul.subsection_tabs li.tab a span {} #stab ul.subsection_tabs li.tab a:hover{} #stab ul.subsection_tabs li.tab a.active{background:url(/images/buttons/tab-active.gif) no-repeat; text-align:center; width:142px; height:28px; padding:3px 0} #stab ul.subsection_tabs li.source_code{float:right} #stab a {color:#2777A1;font-weight:bold;text-decoration:none;} /* Social Network Feeds */ .module_social_feeds .feed {background: url('/images/gfx_dialog_tip_l_green.png') no-repeat 0 12px; margin:0 0 6px 30px; padding-left:5px;} .module_social_feeds ul {background: #F5F7E5; margin:0; list-style:none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; font-size:11px} .module_social_feeds ul li {padding:10px;} .module_social_feeds .icon-social {margin-bottom:6px} .module_social_feeds .icon-block-feeds {padding-top:5px}