/* COMMON */
#nutrition a.tab { background-position:0 -32px; }



/* LANDING */
.landing { background:url(images/landing/nutrition_bg.jpg) top left no-repeat; }
.ncboxes { margin:20px 0 0 0; overflow:hidden; }
.ncboxes div { float:left; width:145px; height:200px; padding:30px 45px 30px 145px; } 
.ncboxes p { margin-bottom:10px; line-height:15px; } 
.tipsbox { background:url(images/landing/tipsbox_bg.jpg) top left no-repeat; }
.quizbox { background:url(images/landing/quizbox_bg.jpg) top left no-repeat; }
.quizdropdown select { margin:0 0 0 5px; }
.ncboxes .articlebox { width: 225px; padding: 30px 45px 30px 375px; background: url(images/landing/articlesbox_bg.jpg) top left no-repeat;}
.ncboxes h3 { line-height:1; margin-bottom:6px; }

/* TIPS */
.tips { background:url(images/tips/tips_bg.jpg) top left no-repeat; }
.tips .pgcopy { width:515px; }
.tips .pgcopy p { font-weight:bold; }
.tips .ageerror { display:block; margin:15px 0 0 0; }

.tform { margin:20px 0 35px 0; width:300px; }
.tform img { display:block; }
.tform .formcontent { padding:15px 30px; background:url(images/tips/form_mid.gif) top left repeat-y; }
.tform .formcontent label { display:block; float:left; margin:0 10px 0 0; width:60px; font-weight:bold; text-align:right; }
.viewtipbtn { margin:5px 0 0 70px; }



/* TIP RESULTS */
.tipresult { background:url(images/tips/results_bg.jpg) top left no-repeat; }
.tipresult .ageimage { float:right; width:240px; }
.tipresult .pgcopy { width:600px; }
.tipresult .otherbtn { float:right; }
.tipresult .otherbtnbottom { margin:30px 0 0 0; text-align:right; }
.tipresult h2 { font-family:Arial; font-size:26px; color:#38AB46; }
.tipresult h3 { margin-top:14px; font-size:14px; color:#FE7903; }
.tipresult ul, .tipresult ol { margin:5px 20px; }



/* QUIZZES */
.quiz { background:url(images/quiz/quiz_bg.jpg) top left no-repeat; }
.qotm { margin:30px 0; width:600px; }
.qotm h3 { font-size:14px; }
.qotm p { margin-bottom:10px; }



/* QUIZ DETAIL */
.quizdetail { background:url(images/quiz/quiz_bg.jpg) top left no-repeat; }
.quizdetail .pgcopy { width:600px; }
.quizdetail h2 { padding:20px 0 0 0; font-family:Arial; font-size:28px; color:#209E2F; }
.quizdetail .questions { margin:30px 0; }
.quizdetail .questions h3 { font-size:13px; }
.quizdetail .questions li { margin:0 0 30px 0; font-weight:bold; }
.quizdetail .questions table { margin:0; }
.quizdetail .questions td input { float:left; }
.quizdetail .questions td label { display:block; margin-left:25px; font-weight:normal; }
.quizdetail .answers { margin:30px 0; }
.quizdetail .errormsg { color:#F15752; }
.pastquizbtn { float:right; }



/* QUIZ ARCHIVE */
.quiz .archive { margin-top:30px; }
.quiz .archive p { margin-bottom:15px; font-weight:bold; }
.quiz .archive a { margin:0 0 0 5px; font-weight:normal; }




/* ARTICLES */
.articles { background:url(images/articles/generic_content_bg.jpg) 0 0 no-repeat;}
.articles .pgcopy { width: 604px;}
.featArticle { height:269px; padding:42px 30px 0 40px; margin: 20px 0 0 0; background:url(images/articles/featured_article_bg.png) top left no-repeat;}
.featArticle .featImgWrap { width:264px; height: 209px; float:right; background:url(images/articles/featured_photo_bg.png) 0 0 no-repeat; }
.featArticle .featImg { display:block; width:238px; height:170px; margin:17px 0 0 8px; background:#eee;}

.featArticle h3 { width: 240px; margin: 0 0 15px 0; color:#3596ce; font-size: 24px; font-weight: normal; line-height:1;}
.featArticle p { width: 240px; margin: 0 0 20px 0;}
.featArticle .readmore { display:block; }

.ageGroup { float:right; margin: -57px 30px 0 0;}
.ageGroup a { display:block; float: left; width:116px; height:28px; padding:12px 0 0 0; overflow:hidden; background:url(images/articles/agetab_bg.gif) 0 0 no-repeat; text-align:center; text-decoration:none; color:#2a7401; line-height:15px; font-size:13px; }
.ageGroup a:hover, .ageGroup .activeAge { background-position: 0 -40px; color: #fff; }


.articlePosts { padding: 0 16px 0 16px; background:url(images/articles/articles_bg.jpg) top left repeat-y; }
.articlePosts .postCopy { margin: 0 0 0 0; padding: 25px 0 25px 0; min-height:100px;}
.articlePosts h2 { color:#3495CD; font-size: 20px; font-weight:normal; line-height:20px; padding: 0 27px 15px 30px; border-bottom:1px solid #E5E2D9; }
.articlePosts .thumbwrap { float:left; width:130px; height: 97px; margin: 0 0 0 25px;  background:url(images/articles/article_thumb_bg.gif) 0 0 no-repeat;}
.articlePosts .post-thumb { width:114px; height: 81px; margin: 6px 0 0 7px; background:#eee; display:block; }
.articlePosts h3, .articlePosts p { margin-left: 180px; margin-right: 25px;  }
.articlePosts .post-title { color: #3495cd; font-size: 16px; line-height:1; font-weight:normal; margin-bottom: 7px;}
.articlePosts .post-desc { margin-bottom: 10px; }
.articlePosts .readmore_link { color:#3495cd; padding: 0 0 0 13px; text-decoration:none; background:url(images/articles/read_more_bg.gif) left center no-repeat; }
.articlePosts .readmore_link:hover { text-decoration:underline;}
.endArticlePosts { width:604px; height:63px; padding: 0 0 30px 0; background:url(images/articles/articles_bottom_bg.jpg) top left no-repeat;}
.articlePosts .postSeparator,
.similarArticles .postSeparator { background:#E5E2D9; height:1px; }

.articles ul,
.articleDetails ul { margin: 0 0 15px 0;}
.articles li,
.articleDetails li { list-style:disc outside; margin-left: 15px; padding-left: 5px; margin-bottom:10px;  }


/* ARTICLES DETAIL */
.articleDetails { background:url(images/articles/generic_content_bg.jpg) 0 0 no-repeat;}
.articleDetails .pgcopy { width: 580px; float:left; }
.articleDetails .pgcopy p { margin: 0 0 15px 0; }
.articleDetails .featImgWrap { width:264px; height: 209px; float:left; margin-right: 30px; margin-bottom: 25px; background:url(images/articles/featured_photo_bg.png) 0 0 no-repeat; }
.articleDetails .featImg { display:block; width:238px; height:170px; margin:17px 0 0 8px; background:#eee; }
.articleDetails .articleTitle { color: #3596CE; font-size: 30px; font-weight:normal; margin: 0 0 15px 0; }


.articleDetails .similarArticles { width: 226px; float:left; margin: 4px 0 0 0; padding: 15px 0 0 0; background:url(images/articles/similar_articles_top_bg.png) 0 0 no-repeat; }
.articleDetails .similarArticlesWrap { width: 226px; float:left; background:url(images/articles/similar_articles_mid_bg.jpg) 0 0 repeat-y;}
.similarArticles .simArticlePost { margin: 15px 0 15px 0; }
.similarArticles h2 { font-size: 21px; color:#009c5a; font-weight:normal; margin: -5px 0 15px 0; padding: 0 15px 0 15px;}
.similarArticles .similiarThumbWrap { float:left; width:81px; height:60px; margin: 0 15px 0 14px; background:url(images/articles/similar_article_thumb_bg.gif) 0 0 no-repeat; }
.similarArticles .similarThumb { float: left; width:69px !important; height: 48px !important; margin: 5px 0 0 5px; }
.similarArticles h3 { float:left; font-size: 11px; font-weight: normal; width: 103px; }
.similarArticles h3 a { text-decoration:none; }
.endSimilarArticles { width:226px; height:15px; float:left; padding: 0; background:url(images/articles/similar_articles_bottom_bg.png) 0 0 no-repeat;}

/* CHARTS */
.chart { border: 1px solid #018146; margin: 0 0 20px 0;}
.chart td, .chart .tblHeader { padding: 15px; width: 200px; vertical-align:middle; border: 1px solid #018146; border-collapse:collapse; }
.chart .tblHeader { font-size:14px; color: #fff; background: #018146; text-align: center;}
.chart td { font-size: 12px; color:#000; background:#fff; }



/* OTHER */
.clear { clear:both; }