/* 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 { 
    border:solid 1px
	position: relative;
	vertical-align: middle;
	width: 646px;
	height: 98px;
	margin-top: 10px;
    margin-bottom: 0px;
	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;
}

#FeatureBG250 { 
	position: relative;
	vertical-align: middle;
	width: 630px;
	height: 261px;
    margin-bottom: 5px; 
    padding: 6px 7px 0px 7px;
	background: #FFF url(/img/cover/bg_featured_250.gif) top left no-repeat;	
}


#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: #FFF url(/img/cover/bg_body_642.gif);
    /*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;
}

.fontH3 {
    height: 18px; 
    padding-top:5px;
    vertical-align:top;
	font-family: Lucida Sans,Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333;
}

.fontH2 {
    height: 18px;
    text-align: right;
    vertical-align:top;
	font-size: 11px;
	padding-top:5px;
	font-style: oblique;
	font-weight: normal;
	color: #033333;
}

.fontReg {
    text-align: left;
    vertical-align:top;
	font-size: 12px;
	padding:8px 8px 8px 0px;
	line-height: 16px;
	font-weight: normal;
	color: #000;
}

#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;
}


#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;
}