/* Style Sheets for [] website created by Vlad Ilin TOC 1. Defaults 2. Structure 3. Links and Navigation 4. Fonts Notes */ /* CSS Reset ================================================================================= */ * { margin:0; padding:0; } body { font:12px Verdana, Tahoma, Arial, Helvetica, sans-serif; text-align:left; line-height:1.4em; color:#515151; } a:link,a:visited { text-decoration:none; outline:none; color:#0082d8; font-size:10px; } a:hover { text-decoration:none; } a img { border:0; } /* Heading */ h1,h2,h3,h4,h5,h6,.head { margin-bottom:.4em; line-height:1.3em; } h1 { font-size:2em; line-height:1.17; } h2 { font-size:1.5em; } h3 { font-size:1.35em; } h4 { font-size:1.05em; } h5 { font-size:1.05em; } h6 { font-size:.95em; } /* Forms */ form { display:inline; } fieldset { border:0; } legend { display:none; } input,select { color:#515151; font-size:10px; outline:none; } /* Table */ table { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; } caption,th,td { vertical-align:top; text-align:left; font-weight:normal; } /* Content */ address { font-style:normal; } cite { font-style:normal; } q,blockquote { quotes:none; } q:before,q:after { content:''; } small,big { font-size:1em; } sup { font-size:1em; vertical-align:top; } /* Lists */ ul,ol { list-style:none; padding:0; } /* ================================================================================= */ #container { width:985px; padding:0 50px; margin:0 auto; background:url(../images/bg-repeat.gif) repeat-y center top; position:relative; } #wrapper,#footer { width:985px; padding:0; margin:0 auto; } #wrapper { padding-bottom:215px; } /* -------------- Banner Area --------------------------------- */ #banner-area { width:985px; margin-left:7px; width:970px; } .banner-left { float:left; width:728px; height:91px; } .banner-magazine { width:224px; float:right; } .banner-magazine img { float:left; } .banner-magazine ul { width:145px; float:right; padding-top:20px; } .banner-magazine ul li { line-height:1.8em; } .banner-magazine ul li a:link,.banner-magazine ul li a:visited { color:#0086e1; font-family:'Helvetica Neue Light', Arial, sans-serif; font-size:12px; } /* --------------------------------------------------------- */ /* -------------- Logo Area --------------------------------- */ #logo-area { clear:both; width:965px; margin:30px 10px 18px; } #logo-area .logo { float:left; width:280px; height:67px; margin-top:17px } #logo-area .nav-area { float:left; } #logo-area .search-box { /*float:right; padding-right:18px; */ float: left; margin:63px 18px 23px 0;} .search-box form { /*float:left;width:auto; display: inline; margin-right:20px;*/ } .search-box form fieldset { float: left; display: inline; } .search-box input { float: left; display: inline; width:120px; height: 16px; padding-top: 4px; /*padding:3px;*/ border:1px solid #cecece; border-top:0; border-bottom:1px solid #e3e3e3; background:url(../images/bg-input.gif) repeat-x left top; } .search-box input.btn-search { float: left; display: inline; background:url(../images/btn-search.gif) no-repeat left top; width:65px; height:20px; border:0; margin-left:5px; margin-right: 15px; } .search-box ul { /*float:left;*/ display: inline; font-family:'Helvetica Neue Light', Arial, sans-serif; padding-top:3px; } .search-box ul li { display:inline; color:#cd184b; } .search-box ul li a { color:#005dae; text-transform:uppercase; padding:0 2px; } /* -------------- Main Navigation ------------- */ #main-nav { clear:right; } #main-nav ul li { display:block; float:left; background:url(../images/pipe.gif) no-repeat right 14px; padding-right:1px;} #main-nav ul li.no_pipe{padding:0; background:none} #main-nav ul li a { display:block; float:left; height:43px; color:#CD184B; text-align:center; font:16px/43px Arial, Helvetica, sans-serif /*text-indent:-999em; margin:0;*/} * html #main-nav ul li a { margin:0; padding:0} #main-nav ul li a.nav-workouts { /*background:url(../images/nav.gif) left top;*/ width:88px;} #main-nav ul li a.nav-food { /*background:url(../images/nav.gif) -220px top;*/ width:133px; } #main-nav ul li a.nav-weight {/* background:url(../images/nav.gif) -88px top;*/ width:107px;} #main-nav ul li a.nav-health {/* background:url(../images/nav.gif) -327px top;*/ width:66px; } #main-nav ul li a.nav-beauty { /*background:url(../images/nav.gif) -393px top;*/ width:71px; } #main-nav ul li a.nav-community {/* background:url(../images/nav.gif) -465px top;*/ width:100px; } #main-nav ul li a.nav-store { /*background:url(../images/nav.gif) -565px top;*/ width:60px; } #main-nav ul li a.nav-video { /*background:url(../images/nav.gif) -624px top;*/ width:60px; } #main-nav ul li a.nav-fitstop { /*background:url(../images/nav.gif) -624px top;*/ width:106px; } #main-nav ul li a.nav-tracker { /*background:url(../images/nav.gif) -624px top;*/ width:132px; } #main-nav ul li .pipe { display:none; background:url(../images/pipe.gif) no-repeat left top; color:#fff; } #main-nav ul li a.nav-workouts:hover { background:url(../images/nav.gif) left -41px} #main-nav ul li a.nav-food:hover { background:url(../images/nav.gif) -88px -41px } #main-nav ul li a.nav-weight:hover, #main-nav ul li.active a.nav-weight { background:url(../images/nav.gif) -220px -41px } #main-nav ul li a.nav-weight.active, #main-nav ul li.active a.nav-weight { background:url(../images/nav.gif) -220px -41px } #main-nav ul li a.nav-health:hover { background:url(../images/nav.gif) -327px -41px } #main-nav ul li a.nav-beauty:hover { background:url(../images/nav.gif) -393px -41px } #main-nav ul li a.nav-community:hover { background:url(../images/nav.gif) -465px -41px } #main-nav ul li a.nav-store:hover { background:url(../images/nav.gif) -565px -41px } #main-nav ul li a.nav-video:hover { background:url(../images/nav.gif) -624px -41px } #main-nav ul li a.nav-fitstop:hover { background:url(../images/nav.gif) -911px -41px } #main-nav ul li a.nav-tracker:hover { background:url(../images/nav.gif) -777px -41px } #main-nav ul li a.nav-tracker.active { background:url(../images/nav.gif) -777px -41px } /* --------------------------------------------------------- */ /* -------------- Quick Log --------------------------------- */ .quick-log { width:23px; height:87px; position:absolute; left:51px; top:330spx; z-index:9; } .quick-log a { display:block; cursor: pointer; background:url(../images/quick-log.gif) no-repeat left top; width:23px; height:87px; text-indent:-999em; } /* --------------------------------------------------------- */ /* -------------- Content --------------------------------- */ #content { padding:0 20px 215px 38px; } #content .left-col { width:616px; float:left; } #content .left-col .welcome-user { margin:5px 0 10px; } #content .left-col .welcome-user img { margin:4px 10px 0 0; } #content .left-col .welcome-user ul li { display:inline; color:#ea1967; } #content .left-col .welcome-user ul li a { font-size:10px; } #content .left-col .welcome-user form { /*float:right;*/ margin-top:4px; } #content .left-col .welcome-user form fieldset { float: right; display: inline; } #content .left-col .welcome-user form input { width:248px; height:20px; padding:2px; /*background:url(../images/input-share.gif) no-repeat left top; border:0;*/ font-size:15px; color:#515151; float:left; } #content .left-col .welcome-user form input.btn-share { background:url(../images/btn-share.gif) no-repeat left center; width:55px; height:32px; border:0; padding:0; cursor: pointer; } /* ===== My Navigation ===== */ /* #content .left-col .my-navigation { margin-top:9px; } #content .left-col .my-navigation ul li,#content .left-col .my-navigation ul li a { display:block; float:left; height:30px; } #content .left-col .my-navigation ul li a { text-indent:-999em; width:154px; } #content .left-col .my-navigation ul li.my-plan a { background:url(../images/my-nav.gif) no-repeat left top; } #content .left-col .my-navigation ul li.my-plan a.active { background:url(../images/my-nav.gif) no-repeat left bottom; } #content .left-col .my-navigation ul li.my-activities a { background:url(../images/my-nav.gif) no-repeat -154px top; } #content .left-col .my-navigation ul li.my-activities a.active { background:url(../images/my-nav.gif) no-repeat -154px bottom;} #content .left-col .my-navigation ul li.my-food a { background:url(../images/my-nav.gif) no-repeat -308px top; } #content .left-col .my-navigation ul li.my-food a.active { background:url(../images/my-nav.gif) no-repeat -308px bottom; } #content .left-col .my-navigation ul li.my-team a { display:none; background:url(../images/my-nav.gif) no-repeat -462px top; } #content .left-col .my-navigation ul li.my-team a.active { display:none; background:url(../images/my-nav.gif) no-repeat -462px bottom; } #content .left-col .my-navigation ul li.my-log a { background:url(../images/my-nav.gif) no-repeat -462px top;} #content .left-col .my-navigation ul li.my-log a.active { background:url(../images/my-nav.gif) no-repeat -462px bottom;} */ #content .left-col .my-navigation { margin-top:9px; } #content .left-col .my-navigation ul li,#content .left-col .my-navigation ul li a { display:block; float:left; height:30px; } #content .left-col .my-navigation ul li a { text-indent:-999em; width:122px; } #content .left-col .my-navigation ul li.my-plan a { background:url(/images/my-nav.gif) no-repeat left top; width:124px; } #content .left-col .my-navigation ul li.my-plan a.active { background:url(/images/my-nav.gif) no-repeat left bottom; width:124px; } #content .left-col .my-navigation ul li.my-activities a { background:url(/images/my-nav.gif) no-repeat -124px top; width:125px; } #content .left-col .my-navigation ul li.my-activities a.active { background:url(/images/my-nav.gif) no-repeat -124px bottom; width:125px; } #content .left-col .my-navigation ul li.my-food a { background:url(/images/my-nav.gif) no-repeat -249px top; } #content .left-col .my-navigation ul li.my-food a.active { background:url(/images/my-nav.gif) no-repeat -249px bottom; } #content .left-col .my-navigation ul li.my-team a { background:url(/images/my-nav.gif) no-repeat -371px top; } #content .left-col .my-navigation ul li.my-team a.active { background:url(/images/my-nav.gif) no-repeat -371px bottom; } #content .left-col .my-navigation ul li.my-log a { background:url(/images/my-nav.gif) no-repeat -493px top; width:123px; } #content .left-col .my-navigation ul li.my-log a.active { background:url(/images/my-nav.gif) no-repeat -493px bottom; width:123px; } /* ===== Sub Navigation - My Activities 4 buttons ===== */ #content .left-col .sub-my-nav ul li,#content .left-col .sub-my-nav li a { display:block; float:left; height:35px; } #content .left-col .sub-my-nav ul li a { text-indent:-999em; width:154px; } #content .left-col .sub-my-nav ul li.sub-my-nav-jean a { background:url(../images/sub-nav.gif) no-repeat left top; } #content .left-col .sub-my-nav ul li.sub-my-nav-jean a.active { background:url(../images/sub-nav.gif) no-repeat left -40px; } #content .left-col .sub-my-nav ul li.sub-my-nav-search a { background:url(../images/sub-nav.gif) no-repeat -154px top; } #content .left-col .sub-my-nav ul li.sub-my-nav-search a.active { background:url(../images/sub-nav.gif) no-repeat -154px -40px; } #content .left-col .sub-my-nav ul li.sub-my-nav-favorite a { background:url(../images/sub-nav.gif) no-repeat -308px top; } #content .left-col .sub-my-nav ul li.sub-my-nav-favorite a.active { background:url(../images/sub-nav.gif) no-repeat -308px -40px; } #content .left-col .sub-my-nav ul li.sub-my-nav-add a { background:url(../images/sub-nav.gif) no-repeat -462px top; } #content .left-col .sub-my-nav ul li.sub-my-nav-add a.active { background:url(../images/sub-nav.gif) no-repeat -462px -40px; } /* ===== Sub Navigation - My Activities 3 buttons ===== */ #content .left-col .sub-my-nav ul.no_plan li a{width:206px} #content .left-col .sub-my-nav ul.no_plan_team li a{width:205px} #content .left-col .sub-my-nav ul.no_plan li.sub-my-nav-jean a, #content .left-col .sub-my-nav ul.no_plan li.sub-my-nav-jean a.active { display:none;} #content .left-col .sub-my-nav ul.no_plan li.sub-my-nav-search a { background:url(../images/sub_nav_3.gif) no-repeat 0px top; } #content .left-col .sub-my-nav ul.no_plan li.sub-my-nav-search a.active { background:url(../images/sub_nav_3.gif) no-repeat 0px -41px; } #content .left-col .sub-my-nav ul.no_plan li.sub-my-nav-favorite a { background:url(../images/sub_nav_3.gif) no-repeat -206px top; } #content .left-col .sub-my-nav ul.no_plan li.sub-my-nav-favorite a.active { background:url(../images/sub_nav_3.gif) no-repeat -206px -41px; } #content .left-col .sub-my-nav ul.no_plan li.sub-my-nav-add a { background:url(../images/sub_nav_3.gif) no-repeat -412px top; width:204px} #content .left-col .sub-my-nav ul.no_plan li.sub-my-nav-add a.active { background:url(../images/sub_nav_3.gif) no-repeat -412px -41px; width:204px} /* ===== Sub Navigation - My Foods 4 buttons ===== */ #content .left-col .sub-my-nav ul li.sub-nav-jean-food a { background:url(../images/sub-nav-food.gif) no-repeat left top; } #content .left-col .sub-my-nav ul li.sub-nav-jean-food a.active { background:url(../images/sub-nav-food.gif) no-repeat left -41px; } #content .left-col .sub-my-nav ul li.sub-nav-search-food a { background:url(../images/sub-nav-food.gif) no-repeat -154px top; } #content .left-col .sub-my-nav ul li.sub-nav-search-food a.active { background:url(../images/sub-nav-food.gif) no-repeat -154px -41px; } #content .left-col .sub-my-nav ul li.sub-nav-favorite-food a { background:url(../images/sub-nav-food.gif) no-repeat -308px top; } #content .left-col .sub-my-nav ul li.sub-nav-favorite-food a.active { background:url(../images/sub-nav-food.gif) no-repeat -308px -41px; } #content .left-col .sub-my-nav ul li.sub-nav-add-food a { background:url(../images/sub-nav-food.gif) no-repeat -462px top; } #content .left-col .sub-my-nav ul li.sub-nav-add-food a.active { background:url(../images/sub-nav-food.gif) no-repeat -463px -41px; } /* ===== Sub Navigation - My Foods 3 buttons ===== */ #content .left-col .sub-my-nav ul.no_plan li.sub-nav-jean-food a, #content .left-col .sub-my-nav ul.no_plan li.sub-nav-jean-food a.active { display:none} #content .left-col .sub-my-nav ul.no_plan li.sub-nav-search-food a { background:url(../images/sub-nav-food_3.gif) no-repeat 0px top; } #content .left-col .sub-my-nav ul.no_plan li.sub-nav-search-food a.active { background:url(../images/sub-nav-food_3.gif) no-repeat 0px -41px; } #content .left-col .sub-my-nav ul.no_plan li.sub-nav-favorite-food a { background:url(../images/sub-nav-food_3.gif) no-repeat -206px top; } #content .left-col .sub-my-nav ul.no_plan li.sub-nav-favorite-food a.active { background:url(../images/sub-nav-food_3.gif) no-repeat -206px -41px; } #content .left-col .sub-my-nav ul.no_plan li.sub-nav-add-food a { background:url(../images/sub-nav-food_3.gif) no-repeat -412px top; width:204px} #content .left-col .sub-my-nav ul.no_plan li.sub-nav-add-food a.active { background:url(../images/sub-nav-food_3.gif) no-repeat -412px -41px; width:204px } /* ===== Sub Navigation - My Team ===== */ #content .left-col .sub-my-nav ul li.sub-show-all a { background:url(../images/sub-nav-team.gif) no-repeat -1px top; } #content .left-col .sub-my-nav ul li.sub-show-all a.active { background:url(../images/sub-nav-team.gif) no-repeat -1px -40px; } #content .left-col .sub-my-nav ul li.sub-just-me a { background:url(../images/sub-nav-team.gif) no-repeat -155px top; } #content .left-col .sub-my-nav ul li.sub-just-me a.active { background:url(../images/sub-nav-team.gif) no-repeat -155px -40px; } #content .left-col .sub-my-nav ul li.sub-just-friends a { background:url(../images/sub-nav-team.gif) no-repeat -309px top; } #content .left-col .sub-my-nav ul li.sub-just-friends a.active { background:url(../images/sub-nav-team.gif) no-repeat -309px -40px; } #content .left-col .sub-my-nav ul li.sub-just-team a { background:url(../images/sub-nav-team.gif) no-repeat right top; } #content .left-col .sub-my-nav ul li.sub-just-team a.active { background:url(../images/sub-nav-team.gif) no-repeat right -40px; } /* ===== Sub Navigation - My Team 3 buttons (no plan) ===== */ #content .left-col .sub-my-nav ul.no_plan_team li.sub-show-all a { background:url(../images/sub-nav-team-noplan.gif) no-repeat -1px 1px; } #content .left-col .sub-my-nav ul.no_plan_team li.sub-show-all a.active { background:url(../images/sub-nav-team-noplan.gif) no-repeat -1px -40px; } #content .left-col .sub-my-nav ul.no_plan_team li.sub-just-me a { background:url(../images/sub-nav-team-noplan.gif) no-repeat -206px 1px; } #content .left-col .sub-my-nav ul.no_plan_team li.sub-just-me a.active { background:url(../images/sub-nav-team-noplan.gif) no-repeat -206px -40px; } #content .left-col .sub-my-nav ul.no_plan_team li.sub-just-friends a { background:url(../images/sub-nav-team-noplan.gif) no-repeat -412px 1px; } #content .left-col .sub-my-nav ul.no_plan_team li.sub-just-friends a.active { background:url(../images/sub-nav-team-noplan.gif) no-repeat -412px -40px; } #content .left-col .sub-my-nav ul.no_plan_team li.sub-just-team a, #content .left-col .sub-my-nav ul.no_plan_team li.sub-just-team a.active { display: none; } /* ===== Sub Navigation - My History ===== */ #content .left-col .sub-my-nav ul li.sub-all a,#content .left-col .sub-my-nav ul li.sub-all-food a,#content .left-col .sub-my-nav ul li.sub-all-act a { width:205px; } #content .left-col .sub-my-nav ul li.sub-all a { background:url(../images/sub-nav-all.gif) no-repeat left top; width:206px; } #content .left-col .sub-my-nav ul li.sub-all a.active { background:url(../images/sub-nav-all.gif) no-repeat left -40px; } #content .left-col .sub-my-nav ul li.sub-all-act a { background:url(../images/sub-nav-all.gif) no-repeat -206px top; } #content .left-col .sub-my-nav ul li.sub-all-act a.active { background:url(../images/sub-nav-all.gif) no-repeat -206px -40px; } #content .left-col .sub-my-nav ul li.sub-all-food a { background:url(../images/sub-nav-all.gif) no-repeat -411px top; } #content .left-col .sub-my-nav ul li.sub-all-food a.active { background:url(../images/sub-nav-all.gif) no-repeat -411px -40px; } /* ===== Sub Navigation - Reg ===== */ #content .left-col .sub-my-nav ul li.sub-reg-1 a { background:url(../images/sub-nav-reg.gif) no-repeat left -1px; width:205px; cursor: pointer; } #content .left-col .sub-my-nav ul li.sub-reg-1 a.active { background:url(../images/sub-nav-reg.gif) no-repeat left -41px; cursor: default; } #content .left-col .sub-my-nav ul li.sub-reg-2 a { background:url(../images/sub-nav-reg.gif) no-repeat -205px -1px; width:205px; cursor: pointer; } #content .left-col .sub-my-nav ul li.sub-reg-2 a.active { background:url(../images/sub-nav-reg.gif) no-repeat -206px -41px; cursor: default; } #content .left-col .sub-my-nav ul li.sub-reg-3 a { background:url(../images/sub-nav-reg.gif) no-repeat -411px -1px; width:206px; cursor: pointer; } #content .left-col .sub-my-nav ul li.sub-reg-3 a.active { background:url(../images/sub-nav-reg.gif) no-repeat -411px -41px; cursor: default; } #content .right-col { width:300px; float:right; } #content .right-col .my-resource { width:280px; height:52px; background:url(../images/bg-my-resource.gif) no-repeat left top; padding:2px 10px; margin-bottom:10px; } #content .right-col .my-resource p.resource { text-align:right; } #content .right-col .my-resource p.resource span { font-size:10px; font-weight:bold; float:left; } #content .right-col .my-resource p.resource a { font-size:9px; font-weight:normal; } #content .right-col .my-resource ul li { display:block; float:left; width:120px; padding-left:25px; line-height:1em; } #content .right-col .my-resource ul li a { font-size:10px; } #content .right-col .my-resource ul li.jean-my-workout { background:url(../images/icon-small-my-workout.gif) no-repeat left center; width:80px; margin:0 0 4px 10px; } #content .right-col .my-resource ul li.jean-my-meal { background:url(../images/icon-small-my-meal.gif) no-repeat left center; margin-bottom:4px; padding-left:30px; } #content .right-col .my-resource ul li.jean-my-videos { background:url(../images/icon-small-my-videos.gif) no-repeat left center; width:80px; margin-left:10px; } #content .right-col .my-resource ul li.jean-my-message { background:url(../images/icon-small-my-message.gif) no-repeat left center; padding-left:30px; } #content .right-col .ad-space { width:300px; height:auto; margin-bottom:10px; } /* --------------------------------------------------------- */ /* -------------- Homepage Content Area --------------------------------- */ #content #main-content-area { } #content #main-content-area .gray-box-big { width:405px; background:url(../images/bg-gray-horizontal.gif) repeat-y left top; float:left; margin:10px 0; } #content #main-content-area .gray-box-top { background:url(../images/bg-gray-horizontal-top.gif) no-repeat left top; padding-top:11px; padding-top:7px; /* IE7 */ } #content #main-content-area .gray-box-bottom { background:url(../images/bg-gray-horizontal-bottom.gif) no-repeat left bottom; padding:0 12px 10px; padding:0 12px 6px; /* IE7 */ } #content #main-content-area p.links { text-align:right; font-size:10px; } #content #main-content-area .gray-box-small { float:right; width:201px; background:url(../images/bg-gray-horizontal-small.gif) repeat-y left top; margin:10px 0; } #content #main-content-area .gray-box-small .gray-box-top { background:url(../images/bg-gray-top-small.gif) no-repeat left top; } #content #main-content-area .gray-box-small .gray-box-bottom { background:url(../images/bg-gray-bottom-small.gif) no-repeat left bottom; } #content #main-content-area .jean-size { clear:both; margin-bottom:10px; } #content #main-content-area .jean-size img { float:left; /*height:150px;*/ width:119px;} #content #main-content-area .gray-box-long { float:right; width:497px; background:url(../images/bg-gray-long.gif) repeat-y left top; } #content #main-content-area .gray-box-long .gray-box-top { background:url(../images/bg-gray-top-long.gif) no-repeat left top; } #content #main-content-area .gray-box-long .gray-box-bottom { background:url(../images/bg-gray-bottom-long.gif) no-repeat left bottom; } * html .gray-box-bottom p.title { margin:14px 0 18px!important; width:100%; } #content #main-content-area .jean-size .title { margin-bottom:9px; text-align:right; } #content #main-content-area .jean-size .title span { float:left; } #content #main-content-area .jean-size .title a { font-size:10px; } #content #main-content-area .jean-size .title span,.jean-size ul li a { color:#0081d8; font-size:12px; font-weight:bold; } #content #main-content-area .jean-size ul li { display:block; float:left; width:150px; margin:0 8px 12px 0; line-height:1.2em; padding-left:60px; min-height: 50px; } * html #content #main-content-area .jean-size ul li { min-height:50px; height: auto !important; height:50px; } #content #main-content-area .jean-size ul li.jean-my-workout { background:url(../images/icon-my-workout.gif) no-repeat left top; } #content #main-content-area .jean-size ul li.jean-my-meal { background:url(../images/icon-my-meal.gif) no-repeat left top; } #content #main-content-area .jean-size ul li.jean-my-videos { background:url(../images/icon-my-videos.gif) no-repeat left top; margin-top: 15px; } #content #main-content-area .jean-size ul li.jean-my-message { background:url(../images/icon-my-message.gif) no-repeat left top; margin-top: 15px; } #content #main-content-area .jean-size ul li p { color:#515151; /*font-size:8px;*/ font-size: 0.7em; } #content #main-content-area .wall-post { clear:both; width:100%; background:url(../images/wall-box-repeat.gif) repeat-y left top; } #content #main-content-area .wall-post .gray-box-top { background:url(../images/wall-box-top.gif) no-repeat left top; } #content #main-content-area .wall-post .gray-box-bottom { background:url(../images/wall-box-bottom.gif) no-repeat left bottom; } #content #main-content-area .wall-post .wall-username { color:#70bb2d; font-size:14px; float:left; width:auto; margin:5px 22px 20px 0; } #content #main-content-area .wall-post input { background:url(../images/bg-input-post.gif) no-repeat left top; width:217px; border:0; padding:3px 10px; color:#515151; float:left; margin:5px 4px 0 0; } #content #main-content-area .wall-post input.btn-post, .wallPostButton { border: none; cursor: pointer; background:url(../images/btn-post.gif) no-repeat left top; width:39px; padding:5px 10px 7px; height:28px; margin: 0 5px 0 0; } .wallPostButton { border: none; cursor: pointer; background:url(../images/btn-post.gif) no-repeat left top; width:39px; height:28px; } #content #main-content-area .wall-post .post-box { clear:both; width:450px; margin:0 0 10px 74px; font-size:10px; } #content #main-content-area .wall-post .post-box img { float:left; width:auto; margin:4px 12px 0 0; } #content #main-content-area .wall-post .post-box p { float: right; width: 375px; padding-bottom:5px; word-wrap: break-word; } #content #main-content-area .wall-post .post-box .name-post { color:#70bb2d; font-weight:bold; } .wallPostOn p { font-weight: bold; } /* --------------------------------------------------------- */ /* -------------- Activities --------------------------------- */ #content .right-col .current-weight { background:url(../images/gray-box-side-repeat.gif) repeat-y left top; margin-bottom:10px; } #content .right-col .current-weight .gray-box-top { background:url(../images/gray-box-side-top.gif) no-repeat left top; padding-top:12px; } #content .right-col .current-weight .gray-box-bottom { background:url(../images/gray-box-side-bottom.gif) no-repeat left bottom; padding:0 8px 12px; } /* #content .right-col .current-weight form fieldset { background:url(../images/bg-current-weight-form.gif) repeat-x left bottom; padding-bottom:10px; margin-bottom:15px; } */ #content .right-col .current-weight fieldset { background:url(../images/bg-current-weight-form.gif) repeat-x left bottom; padding-bottom:10px; margin-bottom:15px; } #content .right-col .current-weight label { display:block; float:left; background:url(../images/current-weight.gif) no-repeat left top; width:87px; height:12px; text-indent:-999em; margin:3px 12px 0 0; } #currentWeight label { display:block; float:left; background:url(../images/current-weight.gif) no-repeat left top; width:87px; height:12px; text-indent:-999em; margin:5px 0 10px; } #content .right-col .current-weight input { float:left; background:url(../images/bg-input-current-weight.gif) no-repeat left top; border:0; width:123px; height:14px; padding:3px 5px 8px; margin-right:9px; /*text-align:center;*/ } #currentWeight input { float:left; /*background:url(../images/bg-input-current-weight-short.gif) no-repeat left top; border:0;*/ width:95px; height:14px; /*padding:3px 0 8px;*/ margin-right:10px; text-align:center; } #content .right-col .current-weight input.btn-enter { border: none; cursor: pointer; background:url(../images/btn-enter.gif) no-repeat left top; width:40px; height:24px; margin:0; } #currentWeight input.btn-enter { border: none; cursor: pointer; background:url(../images/btn-enter.gif) no-repeat left top; width:40px; height:24px; margin:0; } .pink-box { background:url(../images/bg-pink-repeat.gif) repeat-y left top; margin-bottom:10px; } .pink-box .pink-box-bottom { background:url(../images/bg-pink-bottom.gif) no-repeat left bottom; padding:16px 13px 10px 21px; } .pink-box h1 { font-size:14px; color:#e8125a; float:left; width:auto; margin-bottom:18px; } .pink-box h1.drop-jean-size { /*background:url(../images/icon-calendar.gif) no-repeat right center; padding-right:25px;*/ } .pink-box ul { float:right; } .pink-box ul li { display:inline; color:#ea1967; } .pink-box .select-all { clear:both; padding:5px 15px 10px; font-size:10px; color:#0081d8; } .pink-box .select-all .radio { margin-right:10px; } .pink-scroll-box { border:1px solid #e8125a; clear:both; height:370px; overflow:auto; } .pink-box .pink-scroll-box h2 { color:#e8125a; font-size:14px; font-weight:normal; padding:5px 10px; margin:0; } .pink-box .pink-scroll-box .activity-list { margin-bottom:10px; } .pink-box .pink-scroll-box .hilight { background-color:#fdeef3; } .pink-box .pink-scroll-box .activity-row { padding:5px 10px; } .pink-box .pink-scroll-box .activity-list .activity-row input.radio { float:left; width:auto; background:none; margin-right:10px; margin-top:3px; } input.radio { width:auto!important; height:auto!important; background:none!important; } .pink-box .pink-scroll-box .activity-row .img-act-sample { float:left; margin-right:10px; } .pink-box .pink-scroll-box .activity-row .sample-activity { float:left; background:url(../images/icon-activity.png) no-repeat left top; padding-left:30px; width:165px; } .pink-box .pink-scroll-box .activity-row .sample-activity { background:url(../images/icon-activity.gif) no-repeat left top; } .pink-box .pink-scroll-box .activity-row p { font-size:10px; } .pink-box .pink-scroll-box .activity-row p.act-title { font-size:14px; margin-bottom:3px; } .pink-box .pink-scroll-box .activity-row p.act-title a { font-size:14px; } .pink-box .pink-scroll-box .activity-row .right { text-align:right; width:270px; } .pink-box .pink-scroll-box .activity-row form { /*float:left;*/ margin-right:10px; } /* .pink-box .pink-scroll-box .activity-row form fieldset { float:left; display: inline;} */ .pink-box .pink-scroll-box fieldset { float:left; display: none;} .pink-box .pink-scroll-box .hilight fieldset { float:left; display: inline;} .pink-box .pink-scroll-box .activity-row input { background:url(../images/bg-input-smaller.gif) no-repeat left top; border:0; padding:2px 0; text-align:center; font-size:10px; width:60px; height:14px; margin-left:5px; } .pink-box .pink-scroll-box .activity-row p.calories { float:left; margin:0 10px 0 5px; padding-top:2px; } .pink-box a.rate-active,a.rate { display:block; float:right; width:20px; height:15px; background:url(../images/icons.png) no-repeat left top; } * html .pink-box a.rate-active,a.rate { background:url(../images/icons.gif) no-repeat left top; } .pink-box a.rate { background-position:-42px top; } .pink-box a.rate span,.pink-box a.rate-active span,.pink-box a.remove span { display:none; } .pink-box a.remove { display:block; float:left; width:15px; height:15px; background:url(../images/icons.png) no-repeat -21px top; } * html .pink-box a.remove { background:url(../images/icons.gif) no-repeat -21px top; } .pink-box .add-favorite-over { width:127px; height:32px; padding-top:5px; text-align:center; background:url(../images/add-fav-bubble.png) no-repeat left top; float:right; font-size:10px; position:relative; top:-60px; left:90px; z-index:99; } /* Cardio Sample */ .pink-box .pink-scroll-box .cardio-list .activity-row form { margin:0 10px; } .pink-box .pink-scroll-box .cardio-list .activity-row input { background:url(../images/bg-input-number.gif) no-repeat left top; width:102px; margin:0 3px 0 5px; } .pink-box .pink-scroll-box .cardio-list .activity-row p.calories { float:left; margin:0 20px 0 0; padding-top:2px; } .pink-box .pink-scroll-box .cardio-list .activity-row input.radio { float:left; width:15px; margin-right:10px; } .pink-box .pink-scroll-box .cardio-list .activity-row .sample-activity { float:left; background:url(../images/icon-cardio.png) no-repeat left 5px; padding-left:30px; width:165px; } * html .pink-box .pink-scroll-box .cardio-list .activity-row .sample-activity { background:url(../images/icon-cardio.gif) no-repeat left 5px; } .submit-button { width:68px; height:34px; float:right; margin:10px 0 0 5px; } .submit-button input.btn-submit { background:url(../images/btn-submit.gif) no-repeat left top; width:68px; height:34px; border:0; cursor: pointer; } /* Error Message */ .error-message { text-align:right; font-size:10px; color:#ff0000; padding:20px 0 0; } .error { border:3px solid #ff0000!important; margin:0!important; } /* Date Box */ .date-box h2 { font-size:14px; width:auto; clear:left; float:left; padding-right:25px; margin-bottom:3px; } .date-box a { float:right; font-size:10px; } .date-box p { clear:left; } /* --------------------------------------------------------- */ /* My Log */ .my-log-box { width:100%; background:url(../images/green-box-repeat.gif) repeat-y left top; } .my-log-box .green-box-top { background:url(../images/green-box-top.gif) no-repeat left top; } .my-log-box .green-box-bottom { background:url(../images/green-box-bottom.gif) no-repeat left bottom; padding:10px 13px 20px 21px; } .my-log-box .activity-log { margin:10px 10px 5px 0; } .my-log-box .activity-log p,.my-log-box .statistics p { padding-bottom:5px; float: left; clear: both; width: 100%; } .my-log-box .log-title { font-size:12px; font-weight:bold; } .my-log-box .activity-log p span { display:inline; /*width:auto;*/ float:left; } .my-log-box .activity-log .sample-act { display:block; width:230px; float:left; overflow: hidden; } .my-log-box .activity-log .minutes { width:60px; margin-right:10px; } .my-log-box .activity-log .burned { width:160px; } .my-log-box .activity-log p a.rate,.my-log-box .activity-log p a.rate-active { display:block; float:left; background:url(../images/icons-small.gif) no-repeat left top; width:20px; height:15px; } .my-log-box .activity-log p a.remove { display:block; float:left; width:20px; height:15px; background:url(../images/icons-small.gif) no-repeat left -38px; } .my-log-box .activity-log p a.rate-active { background-position:left -19px; } .my-log-box .activity-log p a.rate span,.my-log-box .activity-log p a.rate-active span,.my-log-box .activity-log p a.remove span { display:none; } .my-log-box .activity-log p.total { padding-top:5px; padding-bottom:35px;} .my-log-box .statistics { clear:both; margin-top:20px; } .my-log-box .stat { display:block; width:220px; float:left; } .my-log-box .stat-xx { display:block; width:auto; float:left; margin-right:30px; } .my-log-box .btn-share-facebook { float:right; width:138px; height:32px; background:url(../images/btn-share-facebook.gif) no-repeat left top; border:0; cursor: pointer; } /* --------------------------------------------------------- */ /* -------------- Search Activities --------------------------------- */ .pink-box .search-act { /*float:left; width:auto; margin-bottom:10px;*/ } .pink-box .search-act form { /*float:left;*/ } .pink-box .search-act form fieldset { float: left; display: inline; } .pink-box .search-target { float:left; } .pink-box .search-target form fieldset { float: right; display: inline; } .pink-box .search-act input { /*background:url(../images/bg-input-search.gif) no-repeat left top; border:0;*/ float:left; /*padding:4px 10px 6px;*/ padding: 0 2px; width:205px; margin-right:5px; } .pink-box .search-target select { background-color:#FFFFFF; border:2px solid #E8E5E7; /*background:url(../images/bg-input-search-act.gif) no-repeat left top; border:0;*/ /*float:left;*/ /*padding:4px 0px 6px;*/ padding: 0 3px; margin-right:10px; margin-left: 20px; font-size:10px; width:120px; } .pink-box .search-act input.btn-go,.pink-box .search-target input.btn-go { border:none; cursor: pointer; background:url(../images/btn-go.gif) no-repeat left top; width:43px; height:26px; border:0; /*float:left;*/ padding:0; } .pink-box .search-act input.btn-go { float: right; } .pink-box .search-target input.btn-go { float: left; } .pink-box .search-act a { font-size:10px; float:left; padding-top:3px; } .pink-box .search-act a.clear-all { padding-top:3px; padding-left:15px; } /* --------------------------------------------------------- */ /* -------------- Add Activities --------------------------------- */ .search-act div.enter { float: left; width:100%; font-size:10px; } .search-act div.enter input { /*background:url(../images/bg-input-enter.gif) no-repeat left top;*/ width: 177px; /*width:157px; padding:5px 10px;*/ /*border:0;*/ /*margin-right:10px;*/ } .search-act div.enter input.add_form_calories { /*background:url(../images/bg-input-reg.gif) no-repeat left top;*/ width:70px; margin-left:20px } .search-act div.enter fieldset select { float: left; background-color:#FFFFFF; border:2px solid #E8E5E7; color:#515151; font-size:10px; margin-left:5px; padding: 0 3px; } .search-act div.enter fieldset select.add_form_servings { margin-left:15px; } .search-act div.enter input.input-minutes { /*background:url(../images/bg-input-minutes.gif) no-repeat left top;*/ width:67px; /*padding:5px;*/ } .search-act div.enter input.input-burned { /*background:url(../images/bg-input-burned.gif) no-repeat left top;*/ width:87px; /*padding:5px;*/ margin-right:18px; } .search-act div.enter input.btn-submit { border: none; cursor: pointer; background:url(../images/btn-submit-small.gif) no-repeat left top; width:59px; height:29px; border:0; } .search-act div.enter a.rate {/* width:25px; margin:5px 5px 0 0; */} /* -------------- add-box / search-box specific (both food and activities) ------------------------- */ #add-box { clear:left; padding-top: 10px; } .add-search-title { margin-bottom: 10px !important } /* --------------------------------------------------------- */ /* -------------- Foods --------------------------------- */ .orange-box { background:url(../images/orange-box.gif) repeat-y left top; margin-bottom:10px; } .orange-box .orange-box-bottom { background:url(../images/orange-box-bottom.gif) no-repeat left bottom; padding:16px 13px 10px 21px; } .orange-box h1 { font-size:14px; color:#f78310; float:left; width:auto; margin-bottom:18px; } .orange-box h1.drop-jean-size { /*background:url(../images/icon-calendar.gif) no-repeat right center;padding-right:25px;*/ } .orange-box ul { float:right; } .orange-box ul li { display:inline; color:#ea1967; } .orange-box ul li a { font-size:10px; } .orange-box .orange-scroll-box { border:1px solid #f78310; clear:both; height:370px; overflow:auto; } .orange-box .orange-scroll-box.short-box { height:250px; } .orange-box .orange-scroll-box h2 { font-size:12px; padding:5px 10px; margin:0; color:#f78310; } .orange-box .orange-scroll-box .activity-list { margin-bottom:10px; font-size:10px; } .orange-box .orange-scroll-box .hilight { background-color:#fef6ee; } .orange-box .orange-scroll-box .activity-row { padding:10px; } .orange-box .orange-scroll-box .activity-row input.radio { float:left; width:15px; margin-right:5px; margin-top:2px; margin-top:0; /* IE7 */ } .orange-box .orange-scroll-box .activity-row .left { width:280px; } .orange-box .orange-scroll-box .activity-list .meal-row .left, .orange-box .orange-scroll-box .activity-list .breakfast-row .left, .orange-box .orange-scroll-box .activity-list .lunch-row .left, .orange-box .orange-scroll-box .activity-list .dinner-row .left, .orange-box .orange-scroll-box .activity-list .snack-row .left{width:550px!important} .orange-box .orange-scroll-box .activity-row .left.first { width:180px; } .orange-box .orange-scroll-box .activity-row form { margin-right: 15px; } .orange-box .orange-scroll-box .activity-row form fieldset { float:left; } .orange-box .orange-scroll-box .activity-row form p { float:left; margin-right:15px; } .orange-box .orange-scroll-box .activity-row form p select { background:url(../images/select-meal.gif) no-repeat left top; border:0; color:#515151; width:63px; height:18px; padding-left:3px; } .orange-box .orange-scroll-box .activity-row form p.serv select { background:url(../images/select-serving.gif) no-repeat left top; border:0; color:#515151; width:auto; height:18px; padding-left:1px; } .orange-box .orange-scroll-box .activity-row .left.first p { padding-left:20px; padding-right: 5px; font-size:10px; line-height:1.2em; } .orange-box .orange-scroll-box .activity-row .left p.act-title { font-size:12px; color:#515151; } .orange-box .orange-scroll-box .activity-row .left.first p.act-title { font-size:12px; margin-bottom:3px; padding-left:5px; padding-right: 5px; } .orange-box .orange-scroll-box .activity-row .right form { float:left; margin-right:5px; } .orange-box .orange-scroll-box .activity-row .right input { background:url(../images/bg-input-number.gif) no-repeat left top; border:0; padding:2px 0; text-align:center; font-size:10px; width:102px; height:14px; margin-left:5px; } .orange-box .orange-scroll-box .activity-row .right p.calories { width:102px; text-align:center; float:left; padding:2px 0; margin:0 5px; } .orange-box a.rate-active,.orange-box a.rate { display:block; float:left; width:20px; height:15px; background:url(../images/icons.png) no-repeat left top; } * html .orange-box a.rate-active,.orange-box a.rate { background:url(../images/icons.gif) no-repeat left top; } .orange-box a.rate { background-position:-43px top; } .orange-box a.rate span,.orange-box a.rate-active span,.orange-box a.remove span { display:none; } .orange-box a.remove { display:block; float:left; width:15px; height:15px; background:url(../images/icons.png) no-repeat -21px top; } * html .orange-box a.remove { background:url(../images/icons.gif) no-repeat -21px top; } .orange-scroll-box .left fieldset{display:none} .orange-scroll-box .hilight .left fieldset{display:inline} .orange-box a.rate, .orange-box a.rate-active{float:right} .breakfast-row .left select, .lunch-row .left select, .dinner-row .left select, .snack-row .left select, .meal-row .left select { width:72px; } select.short{ width:57px!important} .breakfast-row .left label, .lunch-row .left label, .dinner-row .left label, .snack-row .left label, .meal-row .left label { margin:0 5px 0 20px} /* --------------------------------------------------------- */ /* -------------- Search Foods --------------------------------- */ .orange-box .search-act { /*float:left; width:auto; margin-bottom:10px;*/ } .orange-box .search-act form { /*float:left;*/ } .orange-box .search-act form fieldset { float:left; display: inline; } .orange-box .search-target { /*float:right; width:auto;*/ float: right; } .orange-box .search-target form fieldset { float: right; display: inline; } .orange-box .search-act input { /*background:url(../images/bg-input-search.gif) no-repeat left top; border:0; float:left; padding:4px 10px 6px;*/ width:205px; margin-right:5px; } .orange-box .search-target select { background:url(../images/bg-input-search-act.gif) no-repeat left top; border:0; /*float:left;*/ padding:4px 10px 6px; margin-right:5px; font-size:10px; } .orange-box .search-target select { width:144px; } .orange-box .search-act input.btn-go,.orange-box .search-target input.btn-go { background:url(../images/btn-go.gif) no-repeat left top; width:43px; height:26px; border:0; float:left; padding:0; } .orange-box .default-text p { font-size:12px!important; color:#515151!important; padding-left:30px!important; } .orange-box .default-text .last p { padding-left:0; } /* ----------------------Vlads section----------------------------------- */ .lunch-row .left, .dinner-row .left, .snack-row .left, .meal-row .left {width:auto!important} .breakfast-row .sample-activity, .lunch-row .sample-activity, .dinner-row .sample-activity, .snack-row .sample-activity, .meal-row .sample-activity {width:280px; float:left} .breakfast-row fieldset, .lunch-row fieldset, .dinner-row fieldset, .snack-row fieldset, .meal-row fieldset {float:left} .breakfast-row fieldset select, .lunch-row fieldset select, .dinner-row fieldset select, .snack-row fieldset select, .meal-row fieldset select {margin-left:5px; background-color:#fff; border:2px solid #e8e5e7; color:#515151; font-size:10px;} /* -------------- Add Foods --------------------------------- */ .search-act form.enter.add-food { padding-left:30px; } .addFoodButtons { display: inline; } /* --------------------------------------------------------- */ /* -------------- Search Activities --------------------------------- */ .orange-box .search-act { /*float:left; width:auto; margin-bottom:10px;*/ } .orange-box .search-act form { /*float:left;*/ } .orange-box .search-act form fieldset { float: left; display: inline; } .orange-box .search-target { float:right; } .orange-box .search-target form fieldset { float: right; display: inline; } .orange-box .search-act input { /*background:url(../images/bg-input-search.gif) no-repeat left top; border:0;*/ float:left; /*padding:4px 10px 6px;*/ padding: 0 2px; width:205px; margin-right:5px; } * html .orange-box .search-act input { padding: 0 2px 2px 2px; } *:first-child+html .orange-box .search-act input { padding: 0 2px 2px 2px; } .orange-box .search-target select { background:url(../images/bg-input-search-act.gif) no-repeat left top; border:0; /*float:left;*/ padding:4px 10px 6px; margin-right:5px; font-size:10px; width:144px; } .orange-box .search-act input.btn-go,.orange-box .search-target input.btn-go { outline: none; border: none; cursor: pointer; background:url(../images/btn-go.gif) no-repeat left top; width:43px; height:26px; border:0; float:left; padding:0; } .orange-box .search-act a { font-size:10px; /*float:left;*/ padding-top:3px; } .orange-box .search-act a.clear-all { padding-top:3px; padding-left:25px; } /* -------------- Add Foods --------------------------------- */ .search-act form.enter.add-food { padding-left:30px; } /* --------------------------------------------------------- */ /* -------------- Team - Stranger --------------------------------- */ .team-box { background:url(../images/bg-team-box.gif) repeat-y left top; margin-bottom:10px; } .team-box-top { background:url(../images/bg-team-box-top.gif) no-repeat left top; } .team-box .team-box-bottom { background:url(../images/bg-team-box-bottom.gif) no-repeat left bottom; padding:16px 20px 20px 21px; } .team-box img.left { margin-right:10px; } .team-box p.title-name { font-size:14px; margin-bottom:28px; } .team-box .left a { padding-right:20px; } /* Show All */ .team-box .team-show-all-top { background:url(../images/team-show-all-top.gif) no-repeat left top; padding-top:48px; line-height:1.2em; } .team-box .team-show-all-top .team-box-bottom { padding:16px 13px 20px 30px; } .team-box .team-show-all-top .team-post { clear:both; margin-bottom:20px; } .team-box .team-show-all-top p.team-username-post { font-size:14px; } .position { position:relative; height:1px; width:1px; display:block; } .team-box .team-post .popup-links { background:url(../images/bg-second-nav.gif) no-repeat left top; width:340px; text-align:center; padding:7px 0 0; height:36px; top:-37px; left:0px; position:absolute; display:none; } .team-box .team-post .popup-links a { font-size:9px; padding:0 3px; } /* Friends */ .friends .team-box-bottom { padding:5px 13px 7px 30px; padding:5px 5px 7px 20px; } .team-box .friends-title { font-size:14px; font-weight:bold; width:95px; margin-top:7px; } .team-box .find-friends { /*float:left;*/ margin-right:10px; } .team-box .find-friends fieldset { float: left; display: inline; } .team-box .find-friends input { float: left; background:url(../images/bg-input-search.gif) no-repeat left top; border:0; width:205px; padding:5px 10px; } .team-box .find-friends input.btn-find { background:url(../images/btn-find.gif) no-repeat left 5px; width:45px; height:30px; padding:0; margin: -3px 15px 0 0; cursor: pointer; } .friends { margin-bottom:2px; } .team-box .pink-scroll-box { padding:15px 40px 20px 45px; overflow:auto; height:305px; } .team-box .pink-scroll-box .team-post { margin-bottom:30px; } .team-box .pink-scroll-box .team-post .friend-list { width:120px; } .team-box .pink-scroll-box .team-post a { font-size:9px; padding-top:18px; float:left; } .team-box .wallPostForm fieldset { float: left; display: inline; margin:0 0 10px 35px } .team-box .wallPostForm input.wallInput { float:left; width: 205px; padding:2px; } .team-box .wallPostForm .btn-post { border: none; cursor: pointer; } /* --------------------------------------------------------- */ /* -------------- Team - My View --------------------------------- */ .team-box .my-view-bottom { padding-bottom:7px; font-size:10px; } .team-box .my-view-box { line-height:1.8em; margin-bottom:10px; } .team-box p.title-name-view { font-size:14px; margin-bottom:5px; } .team-box .my-view-bottom p.clear a { padding-right:30px; } .team-box .my-view-bottom .right a { padding-left:30px; } .team-box input { /*float:left;*/ margin:2px 4px 0 0; } .team-box input.btn-post { background:url(../images/btn-post.gif) no-repeat left top; width:39px; padding:5px 10px 7px; margin:0; height:28px; } .team-box form,.team-box .team-post { margin-bottom:20px; } .team-box .team-post { clear:left; line-height:1.2em; } .team-box .team-post p.big-font { margin-bottom:3px; } .team-box .team-post p.small { margin-right: 10px; width: 560px; word-wrap: break-word; } .friends ul { margin-top:5px; margin-top:10px; } .friends ul li { display:inline; color:#ea1967; } .friends .left ul li a { font-size:10px; padding-right:0; } .friends form.find-friends { margin-bottom:0; } .friends-box-big { background:url(../images/friends-box-big.gif) repeat-y left top; margin-bottom:10px; width:370px; float:left; } .friends-box-big-top { background:url(../images/friends-box-big-top.gif) no-repeat left top; } .friends-box-big .friends-box-big-bottom { background:url(../images/friends-box-big-bottom.gif) no-repeat left bottom; padding:16px 15px 20px; padding:16px 10px 20px; } .friends-box-small { background:url(../images/friends-box-small.gif) repeat-y left top; margin-bottom:10px; width:245px; float:right; } .friends-box-small-top { background:url(../images/friends-box-small-top.gif) no-repeat left top; } .friends-box-small .friends-box-small-bottom { background:url(../images/friends-box-small-bottom.gif) no-repeat left bottom; padding:16px 20px 20px 21px; } .friends-box-big .pink-scroll-box,.friends-box-small .pink-scroll-box { padding:10px 0 10px 5px; height:320px; } .friends-box-big .team-post,.friends-box-small .team-post { margin-bottom:20px; } .friends-box-big .team-post img,.friends-box-small .team-post img { margin-right:7px; margin-right:3px; /* IE7 */ } .friends-box-big .friend-list a { padding-right:3px; padding-right:0; /* IE7 */ font-size:9px; } .friends-box-small .team-post .left a { margin-right:10px; } /* --------------------------------------------------------- */ /* -------------- Team - Friend View --------------------------------- */ .team-friendview .my-view-box { margin-bottom:0; line-height:1.4em; } .team-friendview .team-post, .team-box .team-post { padding:5px 0 5px 10px; } .team-friendview .team-post.first { padding-left:35px; } .team-friendview .hilight, .team-box .highlight { background:url(../images/bg-team-hilight.gif) repeat-y left top; } .team-friendview .no-padding, .team-box .no-padding { padding-left:0; padding-right:0; } /* --------------------------------------------------------- */ /* -------------- Team - My View Show All Tab --------------------------------- */ .myview-showalltab .team-post { padding:5px 0 5px 10px; } .myview-showalltab .pink-scroll-box .team-post { padding:0; } .myview-showalltab .team-post.first,.myview-showalltab form.find-friends { padding-left:25px; } .myview-showalltab .no-padding { padding-left:0; padding-right:0; } .myview-showalltab .hilight { background:url(../images/bg-team-hilight.gif) repeat-y left top; } .myview-showalltab .pink-scroll-box .icon-green-orange { background:url(../images/icon-friends.png) no-repeat left top; padding-left:25px; } .myview-showalltab .pink-scroll-box .icon-orange { background:url(../images/icon-friends-orange.png) no-repeat left top; padding-left:25px; } .myview-showalltab .pink-scroll-box .icon-green { background:url(../images/icon-friends-green.png) no-repeat left top; padding-left:25px; } /* --------------------------------------------------------- */ /* -------------- My History --------------------------------- */ .my-history h1.history { font-size:14px; color:#70bb2d; padding-right:10px; } .my-history a.calendar { padding-right:10px; } .my-history a.calendar img { padding-top:3px; } .my-history div.left label { font-size:10px; } .my-history div.left input,.col-2 input,.col-2 select { margin-right: 12px; background:url(../images/bg-input-smaller.gif) no-repeat left top; border:0; width:80px; /*width:65px; height:20px;*/ padding:2px; } p.col-2-1 select, p.col-2-1 input{margin-right:0!important} p.col-2-1, p.col-2-1{ overflow:hidden} .my-history ul.title-links li { display:inline; color:#ea1967; } .my-history ul.title-links li a { font-size:10px; padding-right:0; } .my-history .my-history-box { clear:both; background-color:#f8f8f8; padding:10px 0; font-size:10px; } .my-history .my-history-box fieldset { height:22px; } .my-history .my-history-box p.view-mode{ visibility:visible; width:80px; float:left; } .my-history .my-history-box p.edit-mode{ visibility:hidden; width:1px; float:left } .my-history .my-history-box .hilight p.view-mode { visibility:hidden; width:1px; float:left } .my-history .my-history-box .hilight p.view-mode input { width:1px; float:left } .my-history .my-history-box .hilight p.edit-mode { visibility:visible; width:80px; float:left } .my-history .my-history-box h2 { margin-bottom:12px; } .my-history .my-history-box h2,.my-history .my-history-box h3 { padding-left:30px; } .my-history .my-history-box .single-row { padding:5px 0 5px 30px; margin-bottom:5px; } .my-history .my-history-box .hilight { background-color:#f7e8ed; } .my-history .my-history-box .single-row a span { visibility:hidden; } .my-history .my-history-box .single-row a.edit span { visibility:hidden; } .my-history .my-history-box .hilight a.save span { visibility:visible; } .my-history .my-history-box .single-row a { display:block; width:25px; height:15px; float:left; } .my-history .my-history-box .single-row a.edit { padding-right:5px; background:url(../images/icon-edit.png) no-repeat center 2px; } .my-history .my-history-box .single-row a.save { background:none; } .my-history .my-history-box .single-row a.rate { background:url(../images/icons.png) no-repeat -40px top; } .my-history .my-history-box .single-row a.rate-active { background:url(../images/icons.png) no-repeat 3px top; } .my-history .my-history-box .single-row a.remove { background:url(../images/icons.png) no-repeat -19px top; } * html .my-history .my-history-box .single-row a.edit { background:url(../images/icon-edit.gif) no-repeat center 2px; } * html .my-history .my-history-box .single-row a.save { background: none !important; } * html .my-history .my-history-box .single-row a.rate { background:url(../images/icons.gif) no-repeat -40px top; } * html .my-history .my-history-box .single-row a.rate-active { background:url(../images/icons.gif) no-repeat 3px top; } * html .my-history .my-history-box .single-row a.remove { background:url(../images/icons.gif) no-repeat -19px top; width:20px; overflow:hidden; } .my-history .my-history-box .col-1 { float:left; width:140px; } .my-history .my-history-box .col-2 { float:left; width:180px; } .my-history .my-history-box .col-2-1 { float:left; width:90px; } .my-history .food-row .col-2 { width:180px; float:left; } .my-history .food-row .col-2-1 { width:85px; float:left; } .my-history .food-row .col-3 { width:130px; float:left; } .my-history .food-row .hilight { background-color:#f8f0e8; } .my-history .food-row h4 { font-weight:normal; color:#f78310; font-size:12px; padding-left:30px; } .my-history .food-row .col-2 select { width:60px; height:18px; } .my-history .food-row .serv select { background:url(../images/select-serving.gif) no-repeat left top; width:33px; padding:0; } .my-history .activity-row h4 { font-weight:normal; color:#E8125A; font-size:12px; padding-left:30px; } .my-history .single-row .subtotal { padding-top:0px; /*line-height:0.6em;*/ } .my-history .error-message { text-align:right; font-size:10px; color:#ff0000; padding:0 15px; } .my-history .hidden { visibility:hidden; } /* --------------------------------------------------------- */ /* -------------- Footer --------------------------------- */ #footer { margin-top:-215px; clear:both; border-top:4px solid #d8225c; padding:20px 0 10px; font-size:9px; color:#424242; } #footer .footer-row { float: left; border-bottom:2px solid #f2f2f2; padding-bottom:5px; margin-bottom:10px; width:950px;} #footer .footer-row ul {margin-left:185px; width: 760px; } #footer .footer-row ul li { display:inline; } #footer .footer-row ul.footer-nav-main li a { color:#aaa; font-weight:bold; font-size:11px; } #footer .footer-row ul li a .blue-font { color:#2c5ba3; } #footer .footer-row ul li a .gray-font { color:#aaa; } #footer .footer-row .footer-title { font-size:10px; width:170px; float:left; font-weight:bold; text-align:right; margin-right:15px; } #footer .copyright { padding-left:185px; float: left; } /* --------------------------------------------------------- */ /* -------------- Overlay - First Visit - Plan/No Plan --------------------------------- */ .overlay,.overlay_bg { /*display:none;*/ } .overlay .overlay-wrapper { width:680px; position:relative; top:50%; left:50%; } .overlay .innerdiv { width:680px; /*position:absolute; top:-158px; left:-308px;*/ } .overlay .overlay-window { background:url(../images/overlay-black-bottom.png) no-repeat left bottom; padding-bottom:40px; } * html #overlayWindow { background:url(../images/overlay-black-bottom.gif) no-repeat left bottom; } .overlay .overlay-close { text-align:right; background:url(../images/overlay-black-top.png) no-repeat left top; padding:30px 60px 2px 30px; } * html #overlayClose { background:url(../images/overlay-black-top.gif) no-repeat left top; } .overlay .overlay-window-bottom { background:url(../images/overlay-black-repeat.png) repeat-y left top; padding:0 60px 0 50px; } * html #overlayBottom { background:url(../images/overlay-black-repeat.gif) repeat-y left top; } .overlay .overlay-title { font-size:18px; font-weight:bold; margin-bottom:18px; } .overlay ul { width:400px; list-style:disc; margin:5px 0 10px; padding-left:20px; } .overlay ul li { line-height:1.8em; } .overlay ul li span { color:#515151; } .overlay .btn-get-started { width:120px; height:35px; background:url(../images/btn-get-started.png) no-repeat left top; border:0; float:right; cursor: pointer; } .overlay .error-message li { list-style : none; color:#FF0000; font-size:1.2em; text-align:left } * html #getStarted { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn-get-started.png',sizingMethod='image'); } /* -- Home FBOverlay -- */ .home-overlay .overlay-wrapper { width:604px; position:relative; top:50%; left:50%; } .home-overlay .innerdiv { width:604px; /*position:absolute; top:-158px; left:-302px;*/ } .home-overlay .overlay-close { text-align:right; background:url(../images/home-overlay-top.png) no-repeat left top; padding:10px 20px 2px; } .home-overlay .overlay-window-bottom { background:url(../images/home-overlay.png) repeat-y left top; padding:0 50px 0 20px; } .home-overlay .overlay-window { font-size:10px; background:url(../images/home-overlay-bottom.png) no-repeat left bottom; padding-bottom:20px; } .home-overlay .overlay-title { font-size:14px; font-weight:bold; margin-bottom:5px; } .home-overlay .your-msg { min-height:130px; margin-top:20px; } .home-overlay .button-set { text-align:right; } .home-overlay .button-set a { font-size:12px; margin:5px 10px 0 0; } .home-overlay .button-set .btn-share-facebook { width:138px; height:32px; background:url(../images/btn-share-facebook.gif) no-repeat left top; border:0; float:right; } /* -- Home Cal Goal Overlay -- */ /*.home-calgoal .innerdiv { width:463px; height:240px; }*/ /* .home-calgoal .overlay-close { text-align:right; background-image:none; padding:5px 10px 0 0; } */ .home-calgoal .overlay-window { height:250px; font-size:10px; background:url(../images/bg-cal-goal.gif) no-repeat left bottom; padding:0 20px 25px 30px; font-size:14px; } /*.home-calgoal .overlay-title { font-size:14px; font-weight:bold; margin-bottom:10px; }*/ /*.home-calgoal a { font-size:14px; } .home-calgoal .center { text-align:center; padding:20px 0 10px; } .home-calgoal input { border:1px solid #e8e8e8; font-size:14px; padding:3px 5px; float:left; margin:3px 15px 0 0; } .home-calgoal .btn-submit { background:url(../images/btn-submit.gif) no-repeat left top; width:68px; height:34px; border:0; padding:0; margin-top:0; }*/ .home-overlay a { font-size:14px; } .home-overlay .center { text-align:center; padding:20px 0 10px; } .home-overlay input { border:1px solid #e8e8e8; font-size:14px; padding:3px 5px; float:left; margin:3px 15px 0 0; } .home-overlay .btn-submit { background:url(../images/btn-submit.gif) no-repeat left top; width:68px; height:34px; border:0; padding:0; margin-top:0; } .weightModal .innerdiv { width:463px; height:179px; } .weightModal .overlay-close { text-align:right; background-image:none; padding:5px 10px 0 0; } .weightModal .overlay-window { height:154px; font-size:10px; background:url(../images/bg-weight-goal.gif) no-repeat left bottom; padding:0 20px 25px 30px; font-size:14px; } .weightModal .overlay-title { font-size:14px; font-weight:bold; margin-bottom:30px; } .weightModal a { font-size:14px; } .weightModal .center { text-align:center; padding:20px 0 10px; } .weightModal input { border:1px solid #e8e8e8; font-size:14px; padding:3px 5px; float:left; margin:3px 15px 0 0; } .weightModal .btn-submit { background:url(../images/btn-submit.gif) no-repeat left top; width:68px; height:34px; border:0; padding:0; margin-top:0; } /* -- Team Invite A -- */ .my-team-overlay { font-size:10px; } .my-team-overlay .step-title { font-weight:bold; font-size:14px; } .my-team-overlay form { display:block; margin:20px 50px; } .my-team-overlay form p { padding-bottom:10px; } .my-team-overlay input,.my-team-overlay select { width:124px; padding:2px; margin-right:10px; } .my-team-overlay select { width:144px; /*height:26px;*/ margin-left:10px; } .my-team-overlay select.multi { width: 210px; height: 80px; } .my-team-overlay textarea { width: 210px; font-size: 10px; } .my-team-overlay .button-set { overflow:hidden; } .my-team-overlay .button-set input { float:left; margin-right:5px; } .my-team-overlay .button-set .btn-invite-friends { cursor: pointer; background:url(../images/btn-invite-friends.gif) no-repeat left top; width:146px; height:34px; border:0; padding:0; margin-top:0; margin-right:35px; } .my-team-overlay .button-set .btn-skip { cursor: pointer; background:url(../images/btn-skip.gif) no-repeat left top; width:46px; height:34px; border:0; padding:0; margin-top:0; } .my-team-overlay .button-set label { display:block; float:left; width:150px; } .my-team-overlay .wide { width: 146px; } .my-team-overlay .import-link-container { margin-top: 10px; align:center; } .my-team-overlay .importLink { clear:both; color:#0082D8; margin-right:7px; } * html .my-team-overlay .importLink { margin-top: 0px; } *:first-child+html .my-team-overlay .importLink { margin-top: 0px; } .my-team-overlay #preview { width: 430px; border: 1px solid #999999; padding: 5px; } /* -- Team Invite B -- */ .my-team-overlay .form-row { overflow:hidden; float:left; } .my-team-overlay .form-row .middle { width:140px; } .my-team-overlay .search-friends { width:177px; height:227px; overflow:auto; background:url(../images/search-friend.gif) no-repeat left top; } .my-team-overlay .search-friends ul { width:135px; list-style-image:url(../images/bullet-search-friends.gif); margin-left:0; padding-left:22px; } .my-team-overlay .search-friends ul li { width:135px; font-size:9px; } .my-team-overlay .friends-text { float:right; background:url(../images/search-friends-box.gif) no-repeat left top; padding:5px 10px; width:152px; height:62px; overflow:auto; margin-bottom:10px; line-height:1.4em; } .my-team-overlay .friends-text p { padding-bottom:0; } .my-team-overlay .right { overflow:hidden; clear:right; } .my-team-overlay .btn-preview { cursor: pointer; background:url(../images/btn-preview.gif) no-repeat left top; width:75px; height:35px; border:0; padding:0; margin:0; } .my-team-overlay .btn-invite { cursor: pointer; background:url(../images/btn-invite.gif) no-repeat left top; width:47px; height:35px; border:0; padding:0; margin:0; } .my-team-overlay .step1_instructions { margin-top: -2px; line-height: 1.3em; } .my-team-overlay .aligned { margin: 20px 0; } .my-team-overlay #preview { display: none; } /* -- Avatar -- */ .avatar-overlay .overlay-window { width:397px; height:157px; background:url(../images/bg-overlay-avatar.gif) no-repeat left bottom; padding:10px 20px 25px 30px; } .avatar-overlay .innerdiv { width:447px; position:absolute; top:-96px; left:-224px; } .avatar-overlay .overlay-close { background-image:none; padding:0; } .avatar-overlay ul { list-style:none; width:285px; float:left; margin:0 5px 0 0; } .avatar-overlay ul li { margin-bottom:10px; } .avatar-overlay ul li,.avatar-overlay ul li a { float:left; width:47px; height:27px; margin-right:10px; } .avatar-overlay .btn-submit { background:url(../images/btn-submit.gif) no-repeat left top; width:68px; height:34px; border:0; padding:0; float:left; margin-top:73px; } /* --------------------------------------------------------- */ /* -------------- Quick Log --------------------------------- */ .quick-log-form { display: none; background:url(../images/quick-log-open.png) no-repeat left top; width:300px; height:377px; position:absolute; top:329px; left:61px; padding:10px 10px 0 20px; font-size:10px; line-height:1.2em; } * html .quick-log-form { top: 325px; } *:first-child+html .quick-log-form { top: 325px; } .qtest { position: relative; z-index: 99999; } /* * html .quick-log-form {background:none!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='../images/quick-log-open.png', sizingMethod='size'); } */ .quick-log-form .quick-log-title { font-size:14px; font-weight:bold; margin-bottom:5px; } .quick-log-form .quick-log-title a { cursor: pointer; font-size:10px; font-weight:normal; background:url(../images/arrow-close.gif) no-repeat right center; padding-right:10px; } .quick-log-form p { clear:both; margin-bottom:15px; } .quick-log-form label { display:block; width:65px; padding-bottom:10px; float:left; font-size:14px; font-weight:bold; color:#e8125a; } .quick-log-form input,.quick-log-form select { background:url(../images/bg-input-enter.gif) no-repeat left top; width:157px; padding:5px 10px; border:0; border:1px solid #b8b5b5; float:left; margin-bottom:10px; } .quick-log-form select { width:177px; height:23px; padding:3px 7px; } .quick-log-form form p { overflow:hidden; margin-bottom:0; clear:left; } .quick-log-form form p.form-wrapper { margin-top:10px; } .quick-log-form form p.left { width:177px; clear:none; } .quick-log-form .enter-min { background:url(../images/bg-input-minutes.gif) no-repeat left top; width:67px; padding:5px; } .quick-log-form .btn-enter-small { background:url(../images/btn-enter-small.gif) no-repeat left top; width:37px; height:25px; border:0; padding:0; margin-top:0; float:right; } .quick-log-form .btn-save { clear:both; text-align:center; padding-left:108px; display: block; } .quick-log-form .btn-save input { cursor: pointer; background:url(../images/btn-save-all.gif) no-repeat left top; width:58px; height:24px; border:0; padding:0; margin-top:0; } /* --------------------------------------------------------- */ /* -------------- Reg --------------------------------- */ .promotional-area { padding-top:150px; } .reg-box .regist-left { width:275px; float:left; } .reg-box .regist-right { width:275px; float:right; } .reg-box form p { overflow:hidden; margin-bottom:5px; } .reg-box label { display:block; font-weight:bold; margin-bottom:5px; clear:left; } .reg-box input.textBox { display:block; width:175px; padding:5px; margin-bottom:5px; /*background:url(../images/bg-input-reg.gif) no-repeat left top; border:0;*/ font-size:12px; color:#515151; float:left; clear:left; } .reg-box input.btn-next { border: none; width:62px; height:28px; padding:0; /*margin:3px 0 0 3px;*/ margin-top: 10px; background:url(../images/btn-next.gif) no-repeat left top; float:left; clear:none; cursor: pointer; } /* /* IE7 160px; background:url(../images/btn-next.gif) no-repeat left top; float:left; clear:none; } */ .reg-box input.btn-login { border: none; width:62px; height:31px; padding:0; margin:0 0 0 3px; background:url(../images/btn-login.gif) no-repeat left top; float:left; clear:none; cursor: pointer; } .reg-box input.btn-go { border: none; width:68px; height:31px; padding:0; margin:3px 0 0 3px; background:url(../images/btn-submit.gif) no-repeat left top; float:left; clear:none; cursor: pointer; } .reg-box input.radio { /* width:20px; margin:3px 5px 0 0; */ margin: 0 15px 0px 0; /*float: left;*/ } .reg-box label.radio-label { /* float:left; */ font-weight:normal; width:230px; /*line-height:1.4em;*/ /*clear:none;*/ display: inline; } .reg-box label.standard-label { display:inline; font-weight:normal; width:230px; /*line-height:1.4em;*/ /*clear:none;*/ } .label-top { margin-top: 15px; } .reg-box label.standardLabel { font-weight: normal; } .newsletterShortcuts { margin-left: 30px; margin-bottom: 10px;} /* #regStep2, #regStep3 { display: none; } */ /* -------------- ERROR MESSAGE --------------------------------- */ #errorBox { display: none; height: 25px; float: left; clear: both; color: #cd184b; } /* -------------- FACEBOOK --------------------------------- */ input.fb-publish { cursor: pointer; background:#617AAC url(../images/icon-facebook.gif) no-repeat scroll 5px 50%; border: 1px solid #33332F; color:#FFFFFF; margin:10px; padding:5px 5px 5px 25px; } /* -------------- Notes --------------------------------- */ .button-share { clear: both; } .mTop20 { margin-top: 20px; } .mBottom20 { margin-bottom: 20px; } .mRight20 { margin-right: 20px; } .hide { display: none; } .show { display: block; } #button-note { line-height: 25px; } #search-container { margin-bottom: 5px; padding-top:10px; clear:left !important } .left { float:left; } .right { float:right; } .pink { color:#e8125a; } .orange { color:#f78310; } .green-font { color:#70bb2d; } .note { color:#666; } .small { font-size:10px; } .big-font { font-size:14px; } .icon-green-orange { background:url(../images/icon-friends.png) no-repeat left top; padding-left:25px; } .icon-orange { background:url(../images/icon-friends-orange.png) no-repeat left top; padding-left:25px; } .icon-green { background:url(../images/icon-friends-green.png) no-repeat left top; padding-left:25px; } .icon-none { padding-left: 25px; } * html .icon-green-orange,* html .myview-showalltab .pink-scroll-box .icon-green-orange { background:url(../images/icon-friends.gif) no-repeat left top; } * html .icon-orange,* html .myview-showalltab .pink-scroll-box .icon-orange { background:url(../images/icon-friends-orange.gif) no-repeat left top; } * html .icon-green,* html .myview-showalltab .pink-scroll-box .icon-green { background:url(../images/icon-friends-green.gif) no-repeat left top; } .clear { clear:both; } .clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; } .clearfix { display:inline-block; } html[xmlns] .clearfix { display:block; } * html .clearfix { height:1%; } .avatars { border: none } .avatars td { padding-left: 10px; padding-right: 10px;} /* -------------- FOOTER ICONS --------------------------------- */ #footerSocialLinks { float:right; font-size:9px; width:160px; } .findUsOn { border-bottom:1px solid #C3C3C3; clear:both; float:left; font-size:12px; margin-bottom:3px; padding-bottom:4px; text-align:center; width:100%; } #footerSocialLinks .iconLink { float:left; text-align:center; width:53px; } #footerSocialLinks .iconLink a { text-decoration:none; color:#0081D8; } #rgm { float:right; width:100px; } /* -------------- CHARTS --------------------------------- */ #barChartMainConsumed { display: none; } #barChartSidebarConsumed { display: none; } .reg_header { margin-bottom: 15px; } /* -------------- CUSTOM PAGINATION --------------------------------- */ #customPaginate { display: block; margin: 0 20px 10px 0; }