/* CSS Document */



BODY,DIV,TD,SPAN,H1,H2,H3,H4,H5,H6,P,LI {	

	font-family: Verdana, Arial, sans-serif;

	font-size: 11px;

}



BODY {

	position: relative;

	background-color: #e8f4fb;

	width: 960px;

	margin: 0px auto 15px auto;

	padding: 0px;

}



A, A:visited, A:active{

	color: #2157b7;

	text-decoration: none;

	font-weight: normal;

}

A:hover {

	text-decoration: underline;

}



A IMG {

	border: none;

}



FORM {

	margin: 0px;

	padding: 0px;

	display: inline;

}



UL {

	padding: 0px;

	margin: 0px 0px 0px 15px;

}



.Fine {

	font-size: 9px;

}



/* Color Definition */

.Orange, A.Orange:link, A.Orange:Visited {

	color: #f8981c;

}



.Blue {

	color: #2157b7;

}



/* Div Definition */





/* Top Level Navigation */

#NavTop {

	position: relative;

	margin-top: 9px;

	margin-bottom: 7px;

	text-align: center;

	clear: both;

	width: 100%;

	height: 39px;

	line-height: 39px;

	background: #e8f4fb url(/img/cover/bg_navtop.gif) top left no-repeat;

	font-size: 11px;

}

#NavTop A:link, #NavTop A:visited {

	font-weight:bold;

	text-decoration: none;

	color: #FFF;

	font-size: 11px;

	padding: 4px 5px;

	border: 1px solid #2157b7;

	background: #2157b7 url(/img/cover/bg_nav_blue_0.gif) top left repeat-x;

}

#NavTop A:hover, #NavTop A:active {

	background: #2157b7 url(/img/cover/bg_nav_blue_1.gif) top left repeat-x;

}

#NavTop A.BtnGreen:link, #NavTop A.BtnGreen:visited {

	background: #609707 url(/img/cover/bg_nav_green_0.gif) top left repeat-x;

	border: 1px solid #609707;

	color: #FFF;

}

#NavTop A.BtnGreen:hover, #NavTop A.BtnGreen:active {

	background: #609707 url(/img/cover/bg_nav_green_1.gif) top left repeat-x;

}

#NavTop A.BtnOrange:link, #NavTop A.BtnOrange:visited {

	background: #609707 url(/img/cover/bg_nav_orange_0.gif) top left repeat-x;

	border: 1px solid #eb5709;

	color: #FFF;

}

#NavTop A.BtnOrange:hover, #NavTop A.BtnOrange:active {

	background: #609707 url(/img/cover/bg_nav_orange_1.gif) top left repeat-x;

}



/* Main Column Content */



#Main {

	position: relative;

	width: 646px;

	float: left;

}


#FeatureBG {
	position: relative;
	vertical-align: middle;
	width: 646px;
	height: 301px;
	background: #FFF url(/img/cover/bg_feature.gif) top left no-repeat;	

}

#popular_links{
 	position: relative;
	vertical-align: middle;
	margin-bottom: 10px;
  padding: 0px 7px 11px 7px;
	background: white;
	margin-top: -10px;
}


#FeatureBG113 { /*smaller background from rick and boaz 6-8-08 */
	position: relative;
	vertical-align: middle;
	width: 630px;
	height: 133px;
	margin-bottom: 10px;
  padding: 9px 6px 0 6px;
	background: #FFF url(/img/cover/bg_featured_187.gif) top left no-repeat;	
}

#FeatureBG113 .featurepromo_wrapper{
border: 1px solid #c2c2c2;
}

#FeatureBG101 { 
	position: relative;
	vertical-align: middle;
	width: 630px;
	height: 101px;
	margin-bottom: 8px;
  padding: 9px 6px 0 px;
	background: #FFF url(/img/cover/bg_feature.gif) top left no-repeat;	
}

#FeatureBG113 .featurePromo{/*from  boaz 6-8-08 */
  background-color: #EEEEEE;
  width: 620px;
  height: 113px;
  padding: 4px 0px 4px 8px
}

#FeatureBG78 { 
	position: relative;
	vertical-align: middle;
	width: 630px;
	height: 78px;
	margin-top: 10px;
  margin-bottom: 0px;
  padding: 9px 6px 0 6px;
	background: #FFF url(/img/cover/bg_featured_78.gif) top left no-repeat;	
}

#FeatureBG98 { 
	position: relative;
	vertical-align: middle;
	width: 630px;
	height: 98px;
	margin-top: 10px;
  margin-bottom: 0px;
  padding: 9px 6px 0 6px;
	background: #FFF url(/img/cover/bg_featured_98.gif) top left no-repeat;	
}

#FeatureBG187 { /*smaller background from rick and boaz 6-8-08 */
	position: relative;
	vertical-align: middle;
	width: 630px;
	height: 177px;
	margin-top: 10px;
  margin-bottom: 0px;
  padding: 9px 6px 0 6px;
	background: #FFF url(/img/cover/bg_featured_187.gif) top left no-repeat;	
}

#FeatureBG187 .featurepromo_wrapper{
border: 1px solid #c2c2c2;
}

#FeatureBG187 .featurePromo{/*from and boaz 6-8-08 */
  background-color: #EEEEEE;
  width: 620px;
  height: 151px;
  padding: 4px;
}

#FeatureBG197 { 
	position: relative;
	vertical-align: middle;
	width: 630px;
	height: 135px;
	margin-top: 10px;
  margin-bottom: 0px;
  padding: 9px 6px 0 6px;
	background: #FFF url(/img/cover/bg_featured_187.gif) top left no-repeat;	
}

#FeatureBG197 .featurepromo_wrapper{
border: 1px solid #c2c2c2;
}

#FeatureBG197 .featurePromo{
  background-color: #EEEEEE;
  width: 620px;
  height: 115px;
  padding: 4px;
}

#FeatureBG280 { /*smaller background from rick and boaz 6-8-08 */
	position: relative;
	vertical-align: middle;
	width: 630px;
	height: 290px;
  margin-bottom: 10px;
  padding: 6px 7px 0 7px;
	background: #FFF url(/img/cover/bg_feature.gif) top left no-repeat;	
}

#FeatureBG280 .featurepromo_wrapper{
border: 1px solid #c2c2c2;
}

#FeatureBG280 .featurePromo{/*from and boaz 6-8-08 */
  background-color: #EEEEEE;
  width: 620px;
  height: 269px;
  padding: 4px;
}

.callToAction{/*from and boaz 6-8-08 */
  font-size: 30px;
  color: white;
  float: right;
  margin: 110px 20px 0 0;
}

#FeatureContainer {
	position: relative;

	/*margin: 5px 8px 14px 5px;*/

	width: 630px;

	height: 280px;

	top: 5px;

	left: 5px;

	background: #fba638 url(/img/cover/bg_grad_orange.jpg) top left repeat-x;	

	border: 1px solid #fba638;

}

#Feature {

	position: relative;

	width: 620px;

	height: 270px;

	top: 5px;

	left: 5px;

	background-color: #FFF;

}

#FeatureIMG {

	position: relative;

	height: 270px;

	width: 310px;

	float: left;

	display: inline;

	overflow: hidden;

}

#FeatureList {

	position: relative;

	display: inline;

	height: 270px;

	width: 308px;

	overflow: hidden;

	float: right;

	background-color: #FFF;

}

#FeatureList H1 {

	text-indent: 12px;

}

#FeatureText {

	position: relative;

	color: #000;

	padding: 4px;

	margin-top: 145px;

	height: 117px;

	background-color: #FFF;

	/*background-color: #333;*/

	filter:alpha(opacity=90);

	-moz-opacity:.90;

	opacity:.90;

}

#FeatureText H1 {

	font-size: 15px;

	font-weight: bold;

	margin: 4px 0px 8px 6px;

	margin-top: expression(8);

	padding: 0px;

}

#FeatureText A {

	/*color: #fb9d24;*/

	color: #2157b7;

	font-weight: bold;

}

#FeatureText A.TitleLink {

	/*color: #fb9d24; */

	color: #2157b7;

	font-weight: bold;

	font-size: 15px;

}

#FeatureText P.Summary {

	margin: 6px 0px 0px 6px;

	padding: 0px 0px 6px 0px;

}

/*

#Link {

	display: block;

	text-align: right;

	height: 28px;

	line-height: 28px;

}*/

#Link {

	position: absolute;

	right: 4px;

	bottom: 4px;

	padding: 2px;

	border-top: 1px solid #c2c2c2;

	border-right: 2px solid #c2c2c2;

	border-left: 2px solid #c2c2c2;

	border-bottom: 2px solid #6b696a;

}



#Link A:link, #Link A:visited {

	text-transform: uppercase;

	font-weight:bold;

	/*color: #FFF;

	background: #609707 url(/img/cover/bg_nav_green_0.gif) top left repeat-x;

	border: 1px solid #609707;*/

	background: white;

	font-size: 13px;

	padding: 4px 6px;

	line-height: 20px;

	/*filter:alpha(opacity=99);

	-moz-opacity:.99;

	opacity:.99;*/

}

#Link A:hover, #Link A:active {

	/*background: #609707 url(/img/cover/bg_nav_green_1.gif) top left repeat-x;*/

	background: white;

	text-decoration: underline;

}

#FeatureList .ListItem {

	display: block;

	height: 26px;

	line-height: 26px;

	font-size: 12px;

	padding: 6px 3px 6px 10px;

	border-bottom: 1px solid #CECECE;

	vertical-align: middle;

}

#FeatureList .On {

	background-color: #EEE;

}

#FeatureList .ListItem SPAN {

	font-size: 24px;

	line-height: 26px;

	color: #c2c2c2;

	font-weight: bold;

	margin-right: 6px;

}

#FeatureList .Breaking { background-color: red; }

A.TABLINK {color:#000000;font-size:12px;text-decoration:none;}

A.TabBreaking { color: white; font-weight: bold;font-size:14px;text-decoration:none; }



#ContentBG {

	position: relative;

	width: 642px;

	float: left;

}

#ContentContainer {

	width: 642px;

	left: 0px;

	background-color: #FFF;

}



.SectionHeader, .Section {

	position: relative;

	width: 95%;

	margin: 0px auto;

}

.SectionHeader {

	border-bottom: 1px solid #c2c2c2;

	vertical-align: middle;

	padding: 3px 0px;

}

.SectionHeader H1 {

	margin: 0px;

	padding: 0px;

	display: inline;

	float: left;

	font-family: Lucida Sans,Verdana, Arial, Helvetica, sans-serif;

	font-size: 20px;

	font-weight: bold;

	color: #333;

}

.SectionHeader H2 {

	margin: 6px 0px 0px 0px;

	padding: 0px;

	display: inline;

	float: right;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 15px;

	font-style: oblique;

	font-weight: normal;

	color: #033333;

}

#FitTable A {

	font-size: 11px;

	font-weight: normal;

}

#FitTable IMG {

	width: 130px;

	height: 97px;

}



#DietBites {

	margin: 15px auto 15px 0px;

}

#DietBites, #DietBites A {

	font-size: 12px;

	font-weight: normal;	

}

#DietBites IMG {

	margin-right: 20px;

}



#Challenge {

	margin: 0px auto 15px 0px;

	background: #f4f7ee url(/img/cover/bg_grad_lightgreen.jpg) top left repeat-x; 

	border: 1px solid #dfe8d7;

	float: left;

}

#Question {

	margin: 6px 0px 15px auto;

	padding-top: 8px;

	float: right;

	height: 100px;

	width: 275px;

}

.ChallengeQ {

	color: black;

	font-size: 14px;

	font-weight: bold;

}



.Community {

	margin-top: 15px;

	margin-bottom: 15px;

}



.Community .Blog {

	display: block;

	height: 85px;

	margin-top: 10px;

}

.Community .Links {

	display: block;

}





/* Column */

#Side {

	position: relative;

	width: 313px;

	float: right;

}



#ColumnBG {

	width: 100%;

	background-color: #FFF;

}

#VideoContainer {

	position: relative;

	margin-bottom: 10px;

	width: 300px;

	height: 520px;

	left: 3px;

	background: #d4d568 url(/img/cover/bg_grad_green.jpg) top left repeat-x;	

	border: 1px solid #d4d568;

}

#dataContainer {

	position: relative;

	width: 300px;

	height: 515px;

	left: 3px;

	top: 3px;

}



#Newsletter {

	margin: 8px 4px;

}



#Quiz {

	margin: 8px 4px 20px 4px;

}

.QuizQ {

	font-weight: bold;

	font-size: 14px;

}



#ToolboxBG {

	width: 300px;

	background: #91a759 url(/img/cover/bg_grad_darkgreen.jpg) top left repeat-x;

	border: 1px solid #91a759;

	margin: 5px auto 0px auto;

}

#ToolboxTabs {

	position: relative;

	left: 5px;

	top: 5px;

	width: 290px;

	height: 29px;

}

#ToolboxTabs .Tab {

	height: 25px;

	width: 62px;

	padding: 2px 4px; 

	text-align: center;

	font-size: 10px;

	line-height: 11px;

	color: #000;

      cursor: pointer;

	background: #EEE url(/img/cover/bg_toolbox_off.gif) top left no-repeat;

	float: left;

}

#ToolboxTabs .On {	

	background: #FFF url(/img/cover/bg_toolbox_on.gif) top left no-repeat;

      font-weight: bold;

}

#Toolbox {

	position: relative;

	padding: 5px;

	margin-bottom: 5px;

	left: 5px;

	width: 280px;

	background: #e9e9ce url(/img/cover/bg_toolbox_body.gif) repeat-x;

}

#Toolbox A.Btn:link, #Toolbox A.Btn:visited {

	position: relative;

	text-transform: capitalize;

	color: #FFF;

	font-weight:bold;

	background: #609707 url(/img/cover/bg_nav_green_0.gif) top left repeat-x;

	border: 1px solid #609707;

	font-size: 13px;

	line-height: 24px;

	height: 24px;

	padding: 2px 3px;

}

#Toolbox A.Btn:hover, #Toolbox A.Btn:active {

	background: #609707 url(/img/cover/bg_nav_green_1.gif) top left repeat-x;

	text-decoration: none;

}

/* The various toolboxes */

#BMI_1, #BMI_2 {

	font-size: 12px;

	padding-top: 15px;

}





/* Bottom Sections */

#PartnerBG {

	position: relative;

	margin: 10px auto;

	/*display: none;*/

}

#PartnerContainer {

	background-color: #FFF;

	margin: 0px;

	padding: 0px;

}

#PartnerTable TD {

	height: 60px;

	width: 120px;

	/*border: 1px solid  #CCC; no borders, for now until we get more partner buttons on there 03/31/2009 -boaz*/

	text-align: center;

}



#FooterBG {

	position: relative;

	margin: 10px auto 0px auto;

	width: 100%;

}

#FooterContainer {

	background-color: #FFF;

	margin: 0px;

	padding: 5px 10px;

}

#Copyright {

	background: transparent url(/img/cover/bg_footer_bot.gif) top left no-repeat;

	height: 30px;

	line-height: 22px;

	width: 100%;

	text-align: center;

}

#FooterNav {

	display: block;

	text-align: center;

	margin: 10px auto;

}



.Clear {

	clear:both;

	padding:0px;

	margin:0px;

	line-height:0px;

	font-size:1px;

}



/* ADS */

#Leaderboard,#LeaderboardFooter {

	margin: 5px auto 20px auto;

	text-align: center;

}



#Promo {

 width: 100%;

 margin: 10px auto;

 text-align: center;

 font-size: 16px;

 font-weight: bold;

}

#Promo A {

	font-weight:bold;

}



/* Challenge styles */

.achvDisplay {

/*line-height:45px;*/

font-size: 11px;

text-align:center;

color:#333333;

float:left; 

width:75px; 

height:50px;

padding: 4px 0px;

margin: 0px 4px 8px 0px;

}

.achvDisplayR {

/*line-height:45px;*/

font-size: 11px;

text-align:center;

color:#333333;

float:left; 

width:120px; 

height:50px;

padding: 4px 0px;

margin: 0px 4px 8px 0px;

}

.achvDisplay P {

	margin: 0px; padding: 2px 0px;

}

.achvLBord {

border-left:1px solid #C2C2C2;

}



.achvRBord {

border-right:1px solid #C2C2C2;

}



.statsLittle    {

font-size:11px !important;



}



#RecentBloggers IMG {

	display: block;

	width: 64px;

	height: 64px;

	margin: 0px auto;

}	



#RecentBloggers TD {

	text-align: center;

	font-size: 10px;

}



INPUT.BMIWeight {

	background: white;

}



.clearFix:after { /* for modern browsers */

    content:".";

    display:block;

    height:0;

    clear:both;

    visibility:hidden;

}

.clearFix { /* for IE7/Win */

    min-height:1px;
    
    background: #aadeff url(/img/cover/bg_nav_ltblue_1.gif) top left repeat-x;

}

* html .clearFix { /* for IE5-6/Win */

    height:1px;

}

* html>body .clearFix { /* for IE5/Mac */

    height:auto;

    display:inline-block;

}


.NavTop1 {
	width: 86px;
}

.NavTop2 {
	width: 135px;
}

.NavTop3 {
	width: 86px;
}

.NavTop4 {
	width: 86px;
}

.NavTop5 {
	width: 86px;
}

.NavTop6 {
	width: 86px;
}

.NavTop7 {
	width: 86px;
	border: none;
	
}
.NavTop8 {
	width: 86px;
	border: none;
	
}
.NavTop9 {
	width: 86px;
	border: none;
	
}




/*

.NavTop1 {
	width: 65px;
}

.NavTop2 {
	width: 80px;
}

.NavTop3 {
	width: 160px;
}

.NavTop4 {
	width: 156px;
}

.NavTop5 {
	width: 162px;
}

.NavTop6 {
	width: 114px;
}

.NavTop7 {
	width: 77px;
	border: none;
	
}


*/


#Menu1 A.Special {
	display: block;
	padding: 4px 3px 4px 5px;
	font-size: 11px;
	text-decoration: none;
	margin-bottom:0px;
	background: #FC6 url(/img/cover/bg_nav_gold_0.gif) top left repeat-x;
	color: #333;
}

#Menu1 A.Special:hover {
	background: #FC6 url(/img/cover/bg_nav_gold_1.gif) top left repeat-x;
	color: #333;
}


.overlayBack	{
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	z-index:999991;
	background:#000;
	position:fixed;
	opacity:0.6;
	filter:alpha(opacity=60);
}
.overlayFore	{
	width: 628px;
	height: 302px;
	background: #fff;
	/*background:url('/gather/img/_bg_overlay_.png');*/
	position:absolute;
	z-index:999999;
}
.overlayForeHeader {
	width: 608px;
	height: 16px;
	margin:5px 5px 0px 15px;
	text-align: right;
}
.overlayForeInner	{
	width: 598px;
	height: 200px;
	margin:0px 15px 15px 15px;
}
.overlayForeFooter {
	width: 430px;
	height: 25px;
	margin:10px 5px 0px 165px;
}

.MainColumn {
	width: 476px;
	float: right;
	margin-left: 5px;
}


div.RoundTop, div.RoundBot {
	width: 100%;
	height: 10px;
	background: #FFF;
}

.PageBod {
	background: #FFF;
	padding:10px;
}


.Clear {
	clear:both;
	padding:0px;
  margin:0px;
	line-height:0px;
	font-size:1px;
}


A.BtnGold {
	cursor:hand;
	cursor:pointer;
	font-weight:bold;
	text-decoration: none;
	color: #000;
	font-size: 11px;
	padding: 4px 6px;
	background: #FC6 url(/img/cover/bg_nav_gold_0.gif) top left repeat-x;
	border: 1px solid #dfa915;
	}
A.BtnGold:hover {
	cursor:hand;
	cursor:pointer;
	background: #FC6 url(/img/cover/bg_nav_gold_1.gif) top left repeat-x;
}


a.option_max_16
{
		float: right;
		background: url("/img/_btn_option_max_16.png") 0 0 no-repeat;
		line-height:8px;
		width: 16px;
		height: 16px;
		margin-right:3px;
		margin-top:3px;
} 

a:hover.option_max_16 {
		margin-right:3px;
		margin-top:3px;
		background-position: -16px 0;
}

a.option_x_16
{
		float: right;
		background: url("/img/_btn_option_x_16.png") 0 0 no-repeat;
		line-height:8px;
		width: 16px;
		height: 16px;
		margin-right:3px;
		margin-top:3px;
} 

a:hover.option_x_16 {
		margin-right:3px;
		margin-top:3px;
		background-position: -16px 0;
}