/*------------------------ end diet popup styles-------------------------------- */

/*-Tom's Styles-----------------------------------------------------------------------------*/

/* ////////////////////////////////////////////////////////////////////////// */
/* Reset                                                                      */
/* ////////////////////////////////////////////////////////////////////////// */


/* ////////////////////////////////////////////////////////////////////////// */
/* Elements                                                                   */
/* ////////////////////////////////////////////////////////////////////////// */
body 
{
  background: White none repeat scroll 0 0;
  color: #666666;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  height: 100%;
  line-height: 18px;
  padding:0;
  margin:0;
}

span.Hidden, h1.Hidden {
	left: -10000px;
	position: absolute
}

h1 strong
{
	font-weight: normal;
}

h1,h4 {
  color: #283953;
  display: block;
  float: left;
  font-family: "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
  font-size: 18px;
  font-weight: normal;
  text-transform: uppercase
}

h1 strong
{
	font-weight: normal;	
}

h4
{
	float: none;
	font-weight: bold;
	color:#283953;
	font: 18px "Trebuchet MS","Lucida Grande",Verdana,sans-serif;
}

h2 {
  color: #283953;
  display: block;
  font-family: "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase
}
h2, .supressLink, .supressLink a
{
  color: #283953;
  display: block;
  font-family: "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
}

input, select 
{
	color: #283953;
	/*color: #64788F; */
	/*  display: block; */
	/* float: left; */
	font-family: Verdana, Sans-Serif
}

li {
	float: left;
	list-style: none
}


/* ////////////////////////////////////////////////////////////////////////// */
/* Layout                                                                     */
/* ////////////////////////////////////////////////////////////////////////// */
div.content-main
{
	float: left;
	width: 620px;
}
div.content-misc
{
	float: left;
	width: 300px;
	margin-left: 20px;	
}

/* used for separating page content */
.separator
{
	width: 100%;
	height: 1px;
}

.solidLine
{
	height: 2px;
	background: #EBEBEB;	
}

/* used for seo related page descriptions */
.page-h1
{
	float: none;	
	overflow: hidden;
	margin-top: 20px;
	font-family: "Trebuchet MS","Lucida Grande",Verdana,Sans-serif;
	font-size: 18px;
	text-transform: uppercase;
}
.page-boundary
{
	margin-top: 20px;
	overflow: hidden;
	height: 2px;
	width: 100%;
	background: none repeat scroll 0 0 #DBDBDB;
}
.page-separator
{
	height: 2px;
	margin-top: 10px;
	width: 100%;
	background: url(/img/tf/backgrounds/blue_dotted_horizontal_line.gif) repeat-x scroll right top transparent; 
}
.page-description
{
	overflow: hidden;
	margin: 10px 0 20px 0;
	color: #666666;
}

/* Search box */
.search-box
{
	background: #EBEBEB;
	padding: 20px;
	width: 260px;
	height: 60px;
}
.search-box h2
{
	font-weight: bold;
}
.search-box .input
{
	float: left;
	margin-top: 5px;
	width: 210px;
	height: 27px;
}
.search-box .submit
{
	float: left;
	margin: 5px 0 0 10px;
}

/* Text bubble */
.text-bubble
{
	background: no-repeat; 
	display: block; 
	padding-left: 5px;
	width: auto;
}

.text-bubble:hover       { text-decoration:  none; }
.text-bubble:hover .text { color: White; }

/* Add left and right caps styles below when creating new text bubble colors */

/* left caps */
.text-bubble-blue:hover   { background-image: url(/img/tf/controls/TextBubble/caps/leftblue.gif);   }
.text-bubble-green:hover  { background-image: url(/img/tf/controls/TextBubble/caps/leftgreen.gif);  }
.text-bubble-orange:hover { background-image: url(/img/tf/controls/TextBubble/caps/leftorange.gif); }
.text-bubble-pink:hover   { background-image: url(/img/tf/controls/TextBubble/caps/leftpink.gif);   }
.text-bubble-yellow:hover { background-image: url(/img/tf/controls/TextBubble/caps/leftyellow.gif); }

/* right caps */
.text-bubble-blue:hover   .text { background-image: url(/img/tf/controls/TextBubble/caps/rightblue.gif);   }
.text-bubble-green:hover  .text { background-image: url(/img/tf/controls/TextBubble/caps/rightgreen.gif);  }
.text-bubble-orange:hover .text { background-image: url(/img/tf/controls/TextBubble/caps/rightorange.gif); }
.text-bubble-pink:hover   .text { background-image: url(/img/tf/controls/TextBubble/caps/rightpink.gif);   }
.text-bubble-yellow:hover .text { background-image: url(/img/tf/controls/TextBubble/caps/rightyellow.gif); }

.text-bubble
{
	float: left;
}

.text-bubble .text
{
	float: left;
	font-weight: bold;
	background: no-repeat right;
	display: block;
	height: 20px; 
	padding-right: 5px;	
}

/* Text bubbles */

.text-bubbles li
{
	margin-right: 5px;
}

/* ////////////////////////////////////////////////////////////////////////// */
/* Utility                                                                    */
/* ////////////////////////////////////////////////////////////////////////// */

.AllClear {
	clear: both
}
.Hidden
{
	visibility: hidden;
}
.PaddingReset {
	padding: 0
}

.Shaded {
	background: #E5EEF5
}

.Width010 {
	width: 10px
}

.Width040 {
	width: 40px
}

.Width050 {
	width: 50px
}

.Width060 {
	width: 60px
}

.Width100 {
	width: 100px
}

.Width146 {
	width: 146px
}

.WidthMax {
	width: 100%
}

/* ////////////////////////////////////////////////////////////////////////// */
/* Header                                                                     */
/* ////////////////////////////////////////////////////////////////////////// */

.BigHeader {
	background: #0B2C59 url('/img/tf/backgrounds/header_big.jpg') no-repeat scroll center top;
	height: 216px
}

.Header {
	background: #0B2C59 url('/img/tf/backgrounds/header2.jpg') no-repeat scroll center top;
	height: 174px
}

.BigHeaderCorporate 
{
	background: #0B2C59 url('/img/tf/backgrounds/CorporateWellnessHeader.jpg') no-repeat scroll center top;
	height: 205px
}

.HeaderContent {
	height: 90px;
	position: absolute;
	right: 10px;
	text-align: left;
	top: 30px;
	width: 728px
}
.HeaderAdvertisement
{
	margin-left: 140px;	
}

.BigHeader div.HeaderContent {
	height: 154px
}

.BigHeaderCorporate div.HeaderContent {
	height: 154px
}

.HeaderLogo {
	display: block;
	height: 40px;
	left: 10px;
	position: absolute;
	top: 60px;
	width: 158px
}

.BigHeader a.HeaderLogo {
	height: 58px;
	top: 80px;
	width: 225px
}

.HeaderMessage {
	bottom: 0;
	color: White;
	line-height: 22px;
	position: absolute;
	right: 0;
	text-align: left;
}

.HeaderMessageIntro {
	color: #5BB4F2;
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, Sans-Serif;
	font-size: 22px;
	line-height: normal
}

.HeaderOverlay {
	background: transparent url('/img/tf/backgrounds/back_header_big_plain.gif') repeat-x scroll center bottom;
	height: 100%
}

.HeaderOverlayCorporate
{
	background: transparent url('/img/tf/backgrounds/CorporateWellnessHeader.jpg') repeat-x scroll center bottom;
	height: 100%
}

.HeaderStage {
	background: transparent url('/img/tf/backgrounds/header2.jpg') no-repeat scroll center top;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 960px
}

.HeaderStageCorporate {
	background: transparent url('/img/tf/backgrounds/CorporateWellnessHeader.jpg') no-repeat scroll center top;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 960px
}

.BigHeader div.HeaderStage {
	background: transparent url('/img/tf/backgrounds/header_big.jpg') no-repeat scroll center top;
}

.BigHeaderCorporate div.HeaderStageCorporate {
	background: transparent url('/img/tf/backgrounds/CorporateWellnessHeader.jpg') no-repeat scroll center top;
}

.HeaderStage a {
	color: #5BB4F2
}

.HeaderStageOverlay {
	background: transparent url('/img/tf/backgrounds/back_header_big_plain.gif') repeat-x scroll center bottom;
	height: 100%
}

.SM 
{
	font-family: Verdana;
	font-size: 7.5px;
	vertical-align: top
}

.SplashHeaderMessage {
	width: 540px
}

.StandardHeaderMessage {
	width: 620px
}

/* ////////////////////////////////////////////////////////////////////////// */
/* Header Login                                                               */
/* ////////////////////////////////////////////////////////////////////////// */

#HeaderLogin {
	position: absolute;
	top: 0;
	right: 0
}

#HeaderLogin a {
	color: #5BB4F2;
	font-size: 11px
}

#HeaderLogin table {
	border-collapse: collapse
}

#HeaderLogin td {
	border: 0;
	margin: 0;
	padding: 0;
	text-align: right
}

.LoginTextInput {
	border: 1px solid #7F9DB9;
	font-size: 11px;
	padding: 3px 3px 3px 3px;
	width: 97px
}

/* ////////////////////////////////////////////////////////////////////////// */
/* Major Nav                                                                  */
/* ////////////////////////////////////////////////////////////////////////// */

#MajorNav {
	background: transparent url('/img/tf/misc/navtick_delete.gif') repeat-x bottom left;
	bottom: 0;
	color: White;
	left: 10px;
	height: 29px;
	position: absolute;
	text-align: left
}

#MajorNav a {
	background: transparent url('/img/tf/buttons/navtab.gif') no-repeat top right;
	float: left;
	color: White;
	font-family: "Trebuchet MS", "Lucida Grande", Sans-Serif;
	font-weight: bold;
	line-height: 29px;
	padding: 0 15px 0 0;
	text-transform: uppercase;
	text-decoration: none;
}
#MajorNav li.iphone a 
{
	background-image: url('/img/tf/buttons/navtab_iphone.gif');
	background-position: right top;
	text-transform: none;
}
#MajorNav li.iphone a:hover
{
	background-position: right center;
}
#MajorNav li.sel-iphone a, #MajorNav li.sel-iphone a:hover
{
	background-position: right bottom;	
}

#MajorNav :hover > a {
	background: transparent url('/img/tf/buttons/navtab.gif') no-repeat center right;
}

#MajorNav a span {
	background: transparent url('/img/tf/buttons/navtab.gif') no-repeat top left;
	width: 5px;
	height: 29px;
	padding-left: 10px;
	float: left;
	display: block;
}

#MajorNav :hover > a span {
	background: transparent url('/img/tf/buttons/navtab.gif') no-repeat center left
}

#MajorNav .Selected a, #MajorNav .Selected a:hover {
	background: transparent url('/img/tf/buttons/navtab.gif') no-repeat bottom right;
	color: #283953
}

#MajorNav .Selected a span, #MajorNav .Selected a:hover span {
	background: transparent url('/img/tf/buttons/navtab.gif') no-repeat bottom left;
	color: #283953
}

#MajorNav li.iphone a span
{
	background-image: url('/img/tf/buttons/navtab_iphone.gif');
	background-position: left top;
	width: 35px;
}
#MajorNav li.iphone a:hover span
{
	background-position: left center;
}
#MajorNav li.sel-iphone a span
{
	background-position: left bottom;
}
#MajorNav li.sel-iphone a:hover span
{
	background: url('/img/tf/buttons/navtab_iphone.gif') bottom left;
}

#MajorNav li {
	margin-right: 4px
}

#MajorNav li.FinalTab {
	margin-right: 1px
}

#MajorNav ul ul, #MajorNav ul ul a, #MajorNav ul ul a:hover,
#MajorNav ul ul a span, #MajorNav ul ul a:hover span,#MajorNav ul ul .Selected a, 
#MajorNav ul ul .Selected a:hover, #MajorNav ul ul .Selected a span, 
#MajorNav ul ul .Selected a:hover span
{
	background: transparent;
}

#MajorNav li
{
	position: relative;
}

#MajorNav ul ul
{
	background: #043465 url('/img/tf/backgrounds/major_subnav_gradient.gif') repeat-x top;
	top: 100%;
	float: left;
	clear: left;
	width: 197px;
	position: absolute;
	z-index: 500;
	padding-bottom: 7px;
}

#MajorNav ul ul a
{
	font-family: Verdana;
	font-weight: normal;
	width: 169px;
	font-size: 12px;
	line-height: 20px;
	text-transform: none;
}

#MajorNav ul ul a:hover
{
	text-decoration: underline;
}

#MajorNav ul ul :hover > a
{
	background: transparent;
}

#MajorNav ul ul li
{
	padding-left: 13px;
	float: left;
	width: 167px;
}

div#MajorNav ul ul
{
	display: none;
}

div#MajorNav ul li:hover ul
{
	display: block;
}

/* ////////////////////////////////////////////////////////////////////////// */
/* Minor Nav                                                                  */
/* ////////////////////////////////////////////////////////////////////////// */

#MinorNav {
	top: 0;
	color: White;
	padding-top: 9px;
	position: absolute;
	font-family: Verdana;
	font-size: 10px;
	right: 0;
	text-align: right
}

#MinorNav a {
	color: #5BB4F2
}

#MinorNav li {
	background-image: url('/img/tf/misc/minornav_separator.gif');
	background-position: 0 2px;
	background-repeat: no-repeat;
	line-height: 10px;
	padding: 0 10px 0 12px;
}

#MinorNav li.Selected a {
	color: White;
	text-decoration: none
}

.MinorNavAlert {
	color: White
}

#MinorNav li.dropdown-item
{
	padding-right: 5px;
}

#MinorNav li.dropdown-item a
{
	padding: 0 10px 2px 0;
	background: transparent url('/img/tf/buttons/small_dd.gif') no-repeat right bottom;
}

/* ////////////////////////////////////////////////////////////////////////// */
/* Selected Sub Nav                                                                  */
/* ////////////////////////////////////////////////////////////////////////// */

.SelectedSubNav
{   
	margin: 0 auto;
	width: 960px;
	font-size: 10px;
	padding-top: 7px;
}

.SelectedSubNav ul
{
	height: 17px;
	width: 960px;
}

.SelectedSubNav li
{
	line-height: 12px;
	height: 12px;
	padding: 0 10px 0 10px;
	border-right: solid 1px #A3A3A3;
}

.SelectedSubNav li.LastItem
{
	border: none;
}

/* ////////////////////////////////////////////////////////////////////////// */
/* Main -- General                                                            */
/* ////////////////////////////////////////////////////////////////////////// */

#Main {
  background-color: White
}

#MainOffset {
  background-color: White;
  margin: 0 auto;
  padding: 26px 0;
  width: 960px
}

#MainStage {
  margin: 0 10px;
  width: 940px;
}

/* ////////////////////////////////////////////////////////////////////////// */
/* Footer                                                                     */
/* ////////////////////////////////////////////////////////////////////////// */

#Footer {
  background: #E5EEF5 url('/img/tf/backgrounds/footer_tick.gif') repeat-x scroll center top;
  
  color: #5F748B;
  font-size: 11px;
  height: 108px
}

#FooterCopyright {
  float: left;
  padding: 14px 0 0 10px;
  width: 100%;
}

#FooterCopyright a
{
	text-decoration: underline;
	font-weight: bold;
}

#FooterNav 
{
  float: left;
  position: relative;
  text-align: left;
  top: 24px;
  left: 10px;
  width: 150px
}

#FooterBigNav
{
	float: left;
	clear: both;
	padding: 25px 0 0 10px;
}

#FooterBigNav li
{
	background-image: url('/img/tf/misc/footer_separator.gif');
	background-position: 0px 6px;
	background-repeat: no-repeat;
	padding: 0 5px 0 5px;
}

#FooterBigNav li.BulletDelete
{
	background: none;
	padding-left: 0
}

#FooterNav a:hover, #FooterNav a:visited:hover, #FooterBigNav a:hover, #FooterBigNav a:visited:hover {
  color: #283953
}

#FooterNav a, #FooterNav a:visited, #FooterBigNav a, #FooterBigNav a:visited {
  color: #5F748B
}

#FooterNav li {
  background-image: url('/img/tf/misc/footer_separator.gif');
  background-position: 0px 6px;
  background-repeat: no-repeat;
  margin-right: 10px;
  padding-left: 11px
}

#FooterStage {
  background: transparent url('/img/tf/backgrounds/footer_tick.gif') repeat-x scroll center top;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 960px
}

/* ////////////////////////////////////////////////////////////////////////// */
/* Universal Bullet Delete                                                    */
/* ////////////////////////////////////////////////////////////////////////// */

#FooterNav li.BulletDelete, #PathSelector li.BulletDelete, #MinorNav li.BulletDelete, .SectionHeading li.BulletDelete {
  background: none;
  padding-left: 0
}

/* --------------------------------------------------------------*/
/* Styles -------------------------------------------------------*/
/* --------------------------------------------------------------*/
/*****************************************************/
/* HEADER & BRANDING		                   		 */
/***************************************************/
/* Header used on splash|registration pages and Inner section pages */

#header_big_plain_background { 
	background: #0b2b59 url('/img/tf/backgrounds/back_header_big_plain.gif') repeat-x center bottom;
}
#header_big_gradient_background { 
	background:  url('/img/tf/backgrounds/back_header_med_gradient.jpg') no-repeat center top;
}
#header_big { /* Make things stay centered on the page */
	background:  url('/img/tf/backgrounds/back_header_med_gradient.jpg') no-repeat center top;
	width: 960px;
	display: block;
	margin-left: auto;
	margin-right: auto; 
	height: 156px;
	color: white;
	position:relative;
}

#logo_header_big { 
	width: 180px;
	float: left;
	margin: 16px 20px 0 0;
}

#text_intro_header_big { 
	float: right;
	width: 548px;
	margin-top: 94px;
	padding-right:9px;
}

#text_user_header_big { 
	float: left;
	width: 540px;
	line-height: 22px;
	margin-top: 51px;
}

#ads_header_big { 
	float: right;
	width: 728px;
	height:90px;
	margin-top: 10px;
	margin-right:10px;
}

/* subnav stuff */
#nav 
{
 padding:0;
 margin:24px 0 0px 10px;
 position: absolute;
 top: 103px;
 text-align: left;
 left: 0px;
}

#nav li {float: left;padding:0 5px 0 5px;margin:0;
background: url('/img/tf/buttons/tab_left.png') no-repeat left top;  }
#nav li a {padding:4px 8px 4px 3px;margin:0;
	background: url('/img/tf/buttons/tab_right.png') no-repeat right top;
	color:#fff;font-size:12px;
	display:block;}
#lnav { float:right;padding:17px 15px 0 0;margin:0;}
#lnav li {float: left;padding:0 7px 0 5px;margin:0;background: url('/img/tf/buttons/tab_delimit.png') no-repeat right center;}
#lnav li.last {background:none;}
#lnav a {color:#5bb4f2; font-size:12px; text-decoration:none;}
#lnav a:hover {color:#fff;text-decoration:none;}

/*****************************************************/
/* CONTENT            		                   		 */
/***************************************************/

#content { 
	margin: 0px auto 0px auto;
	width: 940px;
	text-align:left;
	
}

#main_content
{
	/*width : 620px;
	min-width: 620px;
	float:left;*/
	width: 620px;
	margin-right: 12px;
	float: left;
	height: 100%;
	font-size: 12px;
	color: #54748b;
	
}

#sidebar
{
	/*position:relative;
	text-align:left;
	width:300px;
	min-width:300px;
	float:right;
	margin-top:4px;*/
	width: 300px;
	float: left;
	height: 100%;
	overflow: hidden;
	
}

/* page level subheading */
.pageTitle {
	background: url('/img/tf/backgrounds/blue_dotted_horizontal_line.gif') repeat-x right bottom;
	width:100%;margin:4px 0 15px 0;overflow:hidden;color:#195392;padding-bottom:5px;}
.pageTitle h1,.pageTitle h4 {font-size:18px;display:block;float:left;margin:0;padding:0;text-transform:uppercase;}
.pageTitle ul,.navlist {float:right;margin:0;padding:0 0 2px; }
.pageTitle li,.navlist li{float:left;margin:0;padding:0 5px 0 5px; border-right: 1px solid #a3a3a3;}
li.last {border-right:none;}

.pageSubTitle 
{
	margin:4px 0 20px 0;
}

.navlist { padding:0px;}

.tabList
{
float:left;padding:0;margin:0;
}
.tabList li
{
float:left;padding:0 4px 0 4px;margin:0;
background: url('/img/tf/buttons/tab_off_l.gif') no-repeat left top; 
}
.tabList li a
{
	padding:4px 8px 4px 3px;margin:0;
	background: url('/img/tf/buttons/tab_off_r.gif') no-repeat right top;
	color:#293952;font-size:12px;
	display:block;
}
.tabList li.onTab
{
background-image: url('/img/tf/buttons/tab_on_l.gif'); 
}
.tabList li a.onTab
{
	background-image: url('/img/tf/buttons/tab_on_r.gif');
}

#flashcontent
{
	z-index: 1;
}

/* sizes */
.oneCol {width:80px;}
.twoCol {width:140px;}
.threeCol {width:220px;}
.fourCol {width:300px;}
.fiveCol {width:380px;}

/* Features list
--------------------------------------------------------------------------------*/
#feature_list dd { 
	margin-bottom: 25px;	
}
#feature_list dt 
{
	font-weight:bold;
	clear:both;
}

#feature_list span 
{
	width:70px;
	text-align:center;
}
#feature_list
{
	float:left;
}

.AnswerRadio
{
	vertical-align: middle;
	margin-right: 8px;
	height: 24px;
}

.AnswerCheckBox
{
	vertical-align:middle;
}

.AnswerCheckBox label
{
	margin-left:5px;
}

.SearchFiltersBox
{
	background-color:#FFFFCD;
	text-align:left;
	font:normal Arial 11px;
	color:#5e748c;
	font-weight:normal;
	padding:8px;
}

.SearchFilterBoxLbl
{
	font:normal Arial 11px;
	color:#666666;
	font-weight:normal;
}

/* Just arrived
--------------------------------------------------------------------------------*/

#just_arrived { 
}
#just_arrived dd { 
	margin-bottom: 10px;	
}

.dottedRight
{
	background: url('/img/tf/backgrounds/blue_dotted_vertical_line.gif') repeat-y right;
}

.dottedLeft 
{
	background: url('/img/tf/backgrounds/blue_dotted_vertical_line.gif') repeat-y left;
}
.dottedBottom
{
    padding-bottom:10px;
	background: url('/img/tf/backgrounds/blue_dotted_horizontal_line.gif') repeat-x right bottom;
}
.dottedTop
{
	background: url('/img/tf/backgrounds/blue_dotted_horizontal_line.gif') repeat-x right top;
}

/* Login & Sign Up
--------------------------------------------------------------------------------*/

#login { 
	float: left;
	width: 300px;
}
#sign_up { 
	float: left;
	margin-top: 15px;
	padding : 10px 15px 12px 10px;
	width: 275px;
	background: #d4e3ee url('/img/tf/backgrounds/back_sign_up_gradient.jpg') repeat-x bottom;
}
input.txt_search_box { 
	border: 1px solid #7f9db9;
	padding: 5px;
	vertical-align:middle;
	font-size: 13px;
	float: left;
	margin-right: 5px;
	width: 205px !important;
	width: 200px;
}
input.txt { 
	border: 1px solid #7f9db9;
	padding: 3px;
	vertical-align:middle;
}
input.txt_sign_up { 
	border: 1px solid #7f9db9;
	padding: 3px;
	width:139px;
	height: 17px;
}
input.txt_login { 
	width: 136px;
	border: 1px solid #7f9db9;
	padding: 3px;
	margin: 5px 15px 5px 0;
	font-size: 11px; 
	width: 120px;
 
}

fieldset {
	border: none;
	padding: 0;
}

#sign_up input 
{
	border: 1px solid #7f9db9;
	padding: 3px;
}
#sign_up input.MiscButton
{
	border: none;
	padding: 0px;
}

#sign_up fieldset div
{
	padding-bottom:8px;
}

.sign_up_button { 
	margin-left: 110px;
	margin-bottom: 10px;
}
.QuestionError 
{
	color:Red;
}

/* Unit columns (could be reused on different pages) unit = 20+70*colnum
--------------------------------------------------------------------------------*/
div.two_unit_column { 
	float: left;
	width: 140px;
	padding-right: 10px;
	margin-right: 10px;
}
div.two_unit_column_last { 
	float: left;
	width: 140px;
}

div.start_two_unit_column { /*the difference between this and the former is the dotted line separating each column*/
	float: left;
	width: 140px;
	padding-right: 10px;
	margin-right: 10px;
	background: url('/img/tf/backgrounds/blue_dotted_vertical_line.gif') repeat-y right;
}
div.start_two_unit_column_last { 
	float: left;
	width: 140px;
}
div.start_two_unit_column img, div.start_two_unit_column_last img { 
	margin-bottom: 20px;
}

table.diet_stats { 
	background: url('/img/tf/backgrounds/back_diet_setup_diet_stats.gif') no-repeat 100px 100px !important;
	background: url('/img/tf/backgrounds/back_diet_setup_diet_stats.gif') no-repeat 100px 115px; 	
}
div.three_unit_column { 
	width: 240px;
	float: left;
	padding-left: 10px;
}
div.four_unit_column { 
	width: 300px;
	float: left;
	padding-left: 10px;
}
div.five_unit_column 
{
	width: 370px;
	float: left;
	padding-left: 10px;
}

div.eight_unit_column { 
	width: 620px;
	float: left;
	padding-right: 10px;
}

.coloredBackground 
{
	background-color:#d4e3ee;
}

.grayBkg
{
	background-color:#ebebeb;
}

/*****************************************************/
/* DIET/WORKOUT LISTS                         		 */
/***************************************************/

/* AllCalories control */
.allcalories
{
	width: 620px;
	height: 232px;
	background: url(/img/tf/backgrounds/AllCaloriesGraphBackground.gif) no-repeat;
	overflow: hidden;
}
.allcalories-boundary
{
	margin-top: 10px;
	width: 100%;
	height: 1px;
	background: #B4B9C1;
	overflow: hidden;
}
.allcalories-graph
{
	float: left;
	width: 400px;
}
.allcalories-graph-yaxis-title
{
	overflow: hidden;
}
.allcalories-graph-yaxis-name
{
	float: left;
	padding-top: 16px;
	padding-left: 16px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: 600;
}
.allcalories-graph-title
{
	width: 310px;
	padding-top: 15px;
	float: left;
}
.allcalories-graph-title h3
{
	text-align: center;
}
.allcalories-graph-plot
{
	width:  377px;
	height: 186px;
	overflow: hidden;
}
.allcalories-graph-plot-bg
{
	margin-left: 17px;
	margin-top: 11px;
}
.allcalories-info
{
	float: left;
	width: 190px;
	margin-left: 10px;
	margin-top: 20px;
	overflow: hidden;
}
.allcalories-info-stat
{
	margin-top: 4px;
	overflow: hidden;
}
.allcalories-info-stat.stat-net
{
	margin-top: 8px;
}
.allcalories-stat-name
{
	float: left;
	width: 110px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	text-align: right;
}
.allcalories-stat-icon
{
	float: left;
	width: 15px;
	margin-left: 10px;
	margin-top: 5px;
}
.allcalories-stat-value
{
	float: left;
	width: 50px;
	margin-left: 5px;
	text-align: right;
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
	font-size: 20px;
	font-weight: bold;
}
.allcalories-stat-value-positive
{
	color: #598527;
}
.allcalories-stat-value-negative
{
	color: #FF0000;
}
.allcalories-stat-value-neutral
{
	color: #283953;
}
.allcalories-stat-value-none
{
	color: #54748B;
}
.allcalories-summary-text
{
	margin-top: 20px;
	font-family: Verdana, Arial, sans-serif;
	text-align: right;
}
.allcalories-summary-value
{
	margin-top: 10px;
	text-align: center;
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
	font-size: 22px;
	font-weight: bold;
	text-align: right;
}

#allcalories-anchor
{
	display: block;
	height:232px;
	width:620px;
}
#allcalories-anchor:hover
{
	text-decoration: none;
}

/* CaloriesBurnedSearch control */
.caloriesburned
{
	width:  260px;
	height: 115px;
	padding: 20px;
	background: #F9EFE0;
}
.caloriesburned-search
{
	overflow: hidden;
}
.caloriesburned-search-icon
{
	float: left;
}
.caloriesburned-search-area
{
	margin-left: 10px;
	width: 229px;
	float: left;
}
.caloriesburned-search-area h2
{
	font-weight: bold;
	width: 239px;
}
.caloriesburned-search-field
{
	float: left;
	width: 176px;
	height: 23px;
	padding-left: 2px;
	margin-top: 3px;
	font-size: 12px;
	font-weight: bold;
}
.caloriesburned-search-button
{
	float: left;
	margin-left: 10px;
	margin-top: 2px;
	font-size: 11px;
	font-weight: bold;
}
.caloriesburned-results
{
	width: 300px;
	margin-top: 20px;
	font-size: 11px;
	font-weight: bold;
}
.caloriesburned-results-title
{
	font-weight: bold;
}
.caloriesburned-results-list
{
	
}
.caloriesburned-results-item
{
	clear: both;
}
.caloriesburned-results-item-name
{
	float: left;
	color: #666666;
}
.caloriesburned-results-item-serving
{
	float: left;
	margin-left: 8px;
	color: #5F748B;
}
.caloriesburned-results-item-calories
{
	float: left;
	color: #283953;
}
.calories-burned-amt-container
{
	float: left; 
	padding: 40px 0 40px 0;
	background: url('/img/tf/icons/battery.jpg') no-repeat center center;
}
.calories-burned-number
{
	float: left; 
	font-family: Trebuchet MS; 
	font-size: 28px; 
	font-weight: bold; 
	color: Black;
}
.calories-burned-lbl
{
	padding-top: 5px;
	float: left; 
	color: #666666; 
	font-weight: bold;
}
.calories-burned-time
{
	padding: 40px 0;
	background: url('/img/tf/icons/clock_face.jpg') no-repeat center center; 
	float: left; 
	font-family: Trebuchet MS; 
	font-size: 28px; 
	font-weight: bold; 
	color: Black;
}
.calories-burned-txt
{
	padding: 40px 15px 40px 15px;
	float: left; 
	color: #54748B;
}

/* CaloriesInSearch control */
.caloriesin
{
	width:  260px;
	height: 115px;
	padding: 20px;
	background: #EBF5E5;
}
.caloriesin-search
{
	overflow: hidden;
}
.caloriesin-search-icon
{
	float: left;
}
.caloriesin-search-area
{
	padding-left: 10px;
	width: 229px;
	float: left;
	overflow: hidden;
}
.caloriesin-search-area h2
{
	font-weight: bold;
	width: 239px;
}
.caloriesin-search-field
{
	float: left;
	width: 176px;
	height: 19px;
	padding-top: 4px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
}
.caloriesin-search-button
{
	float: left;
	margin-left: 10px;
}
.caloriesin-search-progress
{
	margin: 10px 0 0 55px;	
}
.caloriesin-validation
{
	margin-top: 10px;
	overflow: hidden;
}
.caloriesin-results
{
	margin-top: 8px;
	width: 300px;
	overflow: hidden;
}
.caloriesin-results-title
{
	font-weight: bold;
	overflow: hidden;
}
.caloriesin-results-item
{
	font-family: Verdana, Arial, sans-serif;
}
.caloriesin-results-item-name
{
	float: left;
	width: 155px;
	height: 18px;
	color: #666666;
	font-size: 13px;
	text-align: left;
	overflow: hidden;
}
.caloriesin-results-item-name:hover
{
	text-decoration: none;
}
.caloriesin-results-item-calories a
{
	width: 90px;
	height: 18px;
	color: #283953;
	text-align: right;
	overflow: hidden; 
}
.caloriesin-results-item-calories a:hover
{
	text-decoration: none;
}

/* exercise calories list */
.exercise-calories-list-sortby
{
	overflow: hidden;
}
.exercise-calories-list-sortby > p
{
	float: left;
}
.exercise-calories-list-sortby > ul > li
{
	padding: 0 10px 0 10px;
	background: url(/img/tf/icons/separator.gif) no-repeat center right;
}
.exercise-calories-list-sortby ul .last
{
	padding-left: 10px;
	background: none;
}
.exercise-calories-list
{
	margin-top: 10px;
}
.exercise-calories-list li
{
	padding: 10px;
	width: 600px;
}
.exercise-calories-list .row0
{
	background: #EEF4F8;
}
.exercise-calories-list .row1
{
	background: #D4E3EE;
}
.exercise-item-icon
{
	float: left;
	width: 30px;
	height: 30px;
}
.exercise-item-header
{
	padding-left: 10px;
	overflow: hidden;
}
.exercise-item-name
{
	float: left;
}
.exercise-item-calc
{
	float: right;
}
.exercise-item-footer
{
	padding-left: 10px;
	overflow: hidden;
}
.exercise-item-cals
{
	float: left;
	font-size: 11px;
	width: 130px;
}
.exercise-item-dur-field
{
	float: left;
	margin-left: 15px;
	font-size: 11px;
}
.exercise-item-dur-entry
{
	margin-left: 10px;
	float: left;
	width: 80px;
	color: #54748B;
	font-size: 11px;
	text-align: center;
}

.exercise-videos
{
	overflow: hidden;	
}
.exercise-videos h2
{
	font-weight: bold;
}
.exercise-videos li
{
	margin-top: 10px;
}
.exercise-videos .notfirst
{
	margin-left: 5px;
}

/* recent diet tweets */
.recent-diet-tweets
{
	padding: 14px 20px 14px 20px;
	height: 225px;
	width:  260px;
	background: #EBEBEB;
	overflow: hidden;
}
.recent-diet-tweets h2
{
	font-weight: bold;
}
.recent-diet-tweets > ul
{
	overflow: hidden;
}
.recent-diet-tweet
{
	margin-top: 3px;
}
.recent-diet-tweet .message
{
	width: 240px;
	height: 16px;
	padding: 5px 10px 5px 10px;
	background: White;
	overflow: hidden;
}
.recent-diet-tweet .message p
{
	overflow: hidden;
}
.recent-diet-tweet .message p a
{
	margin: 0;
}
.recent-diet-tweet img
{
	margin-left: 10px;
	float: left;
}
.recent-diet-tweet .about
{
	font-weight: bold;
	clear: both;
	overflow: hidden;
	width: 300px;
}
.recent-diet-tweets a
{
	margin-top: 6px;
	display: block;
}

div.listed_item, div.listed_item_alt { 
	padding: 10px;
	width: 600px;
	float: left;
}
div.listed_item { 
	background-color: #d4e3ee;
}

div.listed_item_alt { 
	background-color: #eef4f8;
}

div.listed_item ul, div.listed_item_alt ul { 
	margin: 0;
	padding: 0;
	list-style: none;
	color: #5f748b;
	line-height: 14px;
}
div.listed_item ul li, div.listed_item_alt ul li { 
	float: left;
}

li.listed_item_username { 
	width: 140px;
}
li.listed_item_ranking { 
	background: url('/img/tf/icons/i_listed_items_ranking.gif') no-repeat center left;
	padding-left: 18px;
	width: 120px;
}
li.listed_item_calories { 
	background: url('/img/tf/icons/i_listed_items_calories.gif') no-repeat center left;
	padding-left: 24px;
	width: 105px;
}
li.listed_item_rating { 
	background: url('/img/tf/icons/i_listed_items_rating.gif') no-repeat left 2px;
	padding-left: 16px;
}

div.listed_item_options { /*choose this diet and compare button*/
	float: right;
	height: 0px;
}
div.listed_item_description { /*to be displayed once the user clicks on a diet/workout*/
	clear: both;
	margin-left: 40px;
	margin-top: 30px;
	width: 560px;
}

div.listed_item_description ul li { 
	margin-right: 40px !important;
	margin-right: 30px;
}

/* weight loss tips splash */

.weightLossTipsTitle
{
	font-size: 14px; 
	color: #273952; 
	font-weight: bold;
}

.weightLossTipsSubTitle
{
	font-weight: bold;
	font-size: 13px;
	padding: 10px 0;
	color: #3F3F3F;
}

/* Diet/Workout Box on the sidebar
--------------------------------------------------------------------------------*/

div.listed_item_box ul { 
	
}
div.listed_item_box ul li { 
	padding: 7px 10px 7px 24px; 
	background: #ebebeb url('/img/tf/icons/i_listed_item_box_bullet.gif') no-repeat 10px center;
}
div.listed_item_box ul li.listed_item_box_alt_li { 
	background: #fff url('/img/tf/icons/i_listed_item_box_bullet.gif') no-repeat 10px center;
}

div.listed_item_box ul li a {
/*	padding: 7px 10px 7px 24px; */
	display: block;
}

/* Search Box
--------------------------------------------------------------------------------*/

#search_box { 
	background-color: #ebebeb;
	padding: 20px;
	margin-bottom: 20px;
	height:70px;
}

#search_box fieldset { 
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Ad Panel
--------------------------------------------------------------------------------*/
.adpanel_right
{
	margin-bottom: 20px;
	width: 300px;
}


/*****************************************************/
/* PAGINATION                               		 */
/***************************************************/
/* To be used under lists, etc */
#pagination { 
	margin-top: 20px !important;
	margin-top: 0px;
}
div.pag_left { /*same as a two unit column*/
	float: left;
	width: 140px;
	margin-right: 20px;
}
div.pag_center { 
	float: left;
	width: 300px;
	margin-right: 20px;
	text-align: center;
}
div.pag_right { 
 	float: left;
	width: 140px;
	text-align: right;
}

/*** 
/* FORM STUFF
/***************************************************/

.lcolumn {float:left;width:100px;text-align:right;margin:0;padding-right:10px;}

/***************************************************/

/*****************************************************/
/* FOOTER                               		 */
/***************************************************/

#footer_ { /* Make things stay centered on the page */
	width: 960px;
	display: block;
	margin-left: auto;
	margin-right: auto; 
	height: 60px;
	font-size: 11px;
	margin-top: 30px;
	background: #e5eef5 url('/img/tf/backgrounds/back_footer.gif') repeat-x top center;
	padding-top: 27px;
	color: #5f748b;
}
#footer_plain_background { 
	background: #e5eef5 url('/img/tf/backgrounds/back_footer.gif') repeat-x top center;
}

.copyright { 
	margin: 0 0 0 10px;
	padding: 0;
}
.copyright li { 
	margin-right: 238px;
	text-align:left;
}
#footer ul.footer_menu { 
	
}

#footer li { 
	margin: 0;
	float: left;
	list-style: none;
}

.footer_underLink
{
	color: #5f748b;
}

/* --------------------------------------------------------------*/
/* --------------------------------------------------------------*/
/* --------------------------------------------------------------*/
/* Other One */

/* COLOR GUIDELINES
--------------------------------------------------------------------------------
LINKS TOP HEADER: #5bb4f2
HEADINGS: #283953
LINKS ON BODY: #195392
TEXT & LINK ON LIGHT BLUE BOXES: #5f748b

*/

html, /* body,*/ span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend /*, table, caption, tbody, tfoot, thead, tr, th, td*/ {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

input, textarea
{
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

textarea {
	overflow:auto;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}



/* Basic HTML
--------------------------------------------------------------------------------*/

/*body, */ textarea {
	font: 12px/18px Verdana, Arial, sans-serif;
	line-height: 18px;
	color: #666666;

}
hr {
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
	display: none;
}
div.hr { 
	clear: both;
	background: url('/img/tf/backgrounds/back_hr.gif') repeat-x top;
	height: 10px;
	margin-top: 5px;
}
div.hr_2 { /*used on the listed items*/ 
	clear: both;
	background: url('/img/tf/backgrounds/back_hr.gif') repeat-x center;
	height: 10px;
	margin-top: 5px;
}
.reset_float { 
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}
img.float_left { 
	float: left;
	margin-right: 10px;
}
.float_right { 
	float: right;
}
.float_left { 
	float: left;
}
.clear { zoom: 1; clear: both; height: 0;}
.clear:after { display: block; visibility: hidden;  clear: both;height: 0; content: "."; }

.horiz_list {float:left; margin-bottom:10px;}
.horiz_list li {float:left;padding:0px;}
/* --------------------------------------------------------------*/
/* --------------------------------------------------------------*/
/* --------------------------------------------------------------*/
/* Other One */

/*****************************************************/
/* FONT STYLES                               		 */
/***************************************************/
/* Titles, headlines, subheadlines, everything that involves text styling */

/* Headings and other fonts
--------------------------------------------------------------------------------*/

h1,h2,h3,h4,dt, span.form_caption, .hLower, .hLower a  {
	font: 18px "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
	color: #283953;
	text-transform: uppercase;
}
h2, dt, span.form_caption {
	font-size: 12px;
}
h5,h6,dt {
	font-size: 12px;
	text-transform:none;
}

h2, h3
{
	font: 18px "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
	text-transform: uppercase;
}

h3 {
	text-transform: none;
}

h4
{
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
}

h1 {
	font-size: 18px;
}

h2
{
	float: left;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 15px;
}

.hLower, .hLower a 
{
	font-family:Verdana, Arial, sans-serif;;
	text-transform:none;
	font-size:13px;
	font-weight:bold;
	
}

small, .small { 
	font-size: 10px;

}
#sign_up p { 
	color: #5f748b;
	line-height: 100%;
	margin-bottom: 0;
}

p.align_right { 
	text-align: right;
	margin-bottom: 0;
}


/* Spacing
--------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

hr,
pre,
address {
	margin-bottom: 20px;
}

/* Used to maintain same height regardless of lenght of title and description on the START page, feel free to modify */
div.start_two_unit_column h2, div.start_two_unit_column_last h2 { 
	height: 20px !important;
	height: 40px;
}
div.start_two_unit_column p, div.start_two_unit_column_last p { 
	height: 110px;
}
/* end of START page fixed height */

.no_margin { 
	margin-bottom: 0;
}
.margin { 
	margin-bottom: 10px;
}
.margin_top 
{
	margin-top: 10px;
}
.margin_top2
{
	margin-top: 20px;	
}
.margin_top3
{
	margin-top: 30px;	
}

span.listed_item_titles {  /*Used on the list of diets and workouts*/
	color: #283953;
	font-weight: bold;
}

.profPic 
{
	margin:3px 10px 3px 0;
	
}

.profPic img
{
	vertical-align:middle;
}




/* HEADER
--------------------------------------------------------------------------------*/


.headline_text_intro { 
	color: #5bb4f2;
	font: 22px "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
}

.text_user_header_sucessful { 
	background: url('/img/tf/icons/i_successful_over_blue.gif') no-repeat center left;
	padding-left: 22px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.emphasized { 
	color: #5f748b;
}

/* .SM {      <--- Replaced by Tom above
font-family:Verdana;
font-size: 10px;
vertical-align: top;
}*/


/*****************************************************/
/* LINKS                                    		 */
/***************************************************/
/* link styles */

a { 
	color: #195392;
	text-decoration: none;
}
a:hover { 
	color: #283953;
	text-decoration: underline;
}

a:focus {
	outline: 1px dotted invert;
}
#header_big a span { 
	display: none;
}
a.branding { 
	display:block;
	width: 180px;
	height: 90px;
}

#text_intro_header_big a { 
	color: #5bb4f2;
	font: 12px "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	background: url('/img/tf/icons/i_link_arrow_over_blue.gif') no-repeat center right;
	padding-right: 22px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#text_intro_header_big a:hover { 
	color: white;
	text-decoration: underline;
}
#text_user_header_big a { 
	color: #5bb4f2;
}
#text_user_header_big a:hover { 
	color: white;
}
#text_intro_header_big a:hover { 
	color: white;
	text-decoration: underline;
}


a.primary_action { 
	color: #195392;
	font: 12px "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	background: url('/img/tf/icons/i_link_arrow_over_white.gif') no-repeat center right;
	padding-right: 22px;
	padding-top: 2px;
	padding-bottom: 2px;
}

a.primary_action:hover, a.secondary_action:hover { 
	color: #283953;
	text-decoration: underline;
}
a.secondary_action { 
	color: #195392;
	text-decoration: none;
	background: url('/img/tf/icons/i_link_arrow_over_white.gif') no-repeat center right;
	padding-right: 22px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#login a.secondary_action { 
	float: left;
	margin-top: 3px;
}

a.addToMenuBtn
{
	background: transparent url('/img/tf/buttons/button_add.gif') no-repeat right 1px ;
	padding: 2px 22px 2px 0;
}

#sign_up p a { 
	color: #283953;
}

#footer a { 
	color: #5f748b;
	text-decoration:none;
}
#footer a:hover { 
	color: #283953;
	text-decoration:underline;
}
a.listed_item_title {  /*Used on the list of diets and workouts*/
	color: #283953;
	font-weight: bold;
	padding-right: 22px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: url('/img/tf/icons/i_expand.gif') no-repeat right center;
	
}
a.listed_item_title:hover {  /*Used on the list of diets and workouts*/
	
}


/* BUTTONS
--------------------------------------------------------------------------------*/

a.button_choose { 
	width: 63px;
	height: 28px;
	background: url('/img/tf/buttons/button_choose.gif') no-repeat;
	display: block;
}
a.button_choose span, a.button_submit span { 
	display: none;
}
a.button_submit { 
	width: 60px;
	height: 28px;
	background: url('/img/tf/buttons/button_submit.gif') no-repeat;
	display: block;
}

a.button_what_is_this { 
	background: url('/img/tf/icons/i_question_mark.gif') no-repeat center right;
	padding-right: 22px;
	padding-top: 2px;
	padding-bottom: 2px;
}
a.button_add_more { 
	background: url('/img/tf/icons/i_more.gif') no-repeat center left;
	padding-left: 22px;
	padding-top: 2px;
	padding-bottom: 2px;
}

a.button_less { 
	background: url('/img/tf/icons/customizer_left.gif') no-repeat center left;
	padding-left: 22px;
	padding-top: 2px;
	padding-bottom: 2px;
}

a.button_cancel_this { 
	background: url('/img/tf/icons/i_cancel.gif') no-repeat right center;
	padding-right: 15px;
	float: right;
}
a.button_choose_this { 
	background: url('/img/tf/icons/i_link_arrow_over_light_blue.gif') no-repeat right center;
	padding-right: 22px;
	padding-top: 2px;
	padding-bottom: 2px;
}
a.button_close_this { 
	background: url('/img/tf/icons/i_close.gif') no-repeat right center;
	padding-right: 22px;
	padding-top: 2px;
	padding-bottom: 2px;
}
a.button_view_all { 
	background: url('/img/tf/icons/i_view_all.gif') no-repeat left center;
	padding-left: 14px;
}
a.button_view_new { 
	background: url('/img/tf/icons/recipe_title_bullet.png') no-repeat left center;
	padding-left: 14px;
}
a.button_add_to_plan { 
	background: url('/img/tf/icons/plus.gif') no-repeat left center;
	padding-left: 13px;
}
a.button_print { 
	background: url('/img/tf/icons/customizer_paper.gif') no-repeat left center;
	padding-left: 11px;
}
a.button_next_page { 
	background: url('/img/tf/icons/i_link_arrow_over_white.gif') no-repeat center right;
	padding-right: 22px;
	padding-top: 2px;
	padding-bottom: 2px;
}
a.button_previous_page { 
	background: url('/img/tf/icons/i_link_arrow_previous_over_white.gif') no-repeat center left;
	padding-left: 22px;
	padding-top: 2px;
	padding-bottom: 2px;
}


/* --------------------------------------------------------------*/
/* --------------------------------------------------------------*/
/* --------------------------------------------------------------*/
/* --------------------------------------------------------------*/
/* --------------------------------------------------------------*/
/* --------------------------------------------------------------*/
/* --------------------------------------------------------------*/
/* --------------------------------------------------------------*/


/*----------------------------------------------------------
 * Main Styles ++
--stylesMain
 *----------------------------------------------------------
*/
BODY /* Applies to BODY tag for non-registration pages */
{
margin:0;padding:0;
/*	background-color : #FFFFFF; */
/*    font-family : Verdana, Arial, sans-serif;; */
/*    font-size : 12px; */
/*    color : #666666; */
/*    text-align : center; */
}

FORM
{
	margin : 0px;
}

.NullBackground /* no background style */
{
    background-color: #FFFFFF;
}

A:HOVER /* default hovering link - this can specifically be overwrited by any style if needed. */
{
}

select
{
	color : #54748B;
	border:solid 1px #7F9DB9;
	padding:1px 0 1px 2px;
}

.MainHeaderRegion
{
	background-color : #FFFFFF;
}

.MainHeader
{
	font-family : Verdana, Arial, sans-serif;;
    font-size : 10px;
    color : #8694A8;
	background-color : #F7F7F7;
}

/* MainHeaderRegion: Applies to the region at the top of page - usually this will be a TABLE tag
 * MainHeader: Applies to the header logo
*/


A.MainHeaderFunctionLink, .MainHeaderFunctionLink
{
    text-decoration : none;
    font-family : Verdana, Arial, sans-serif;;
	font-size : 10px;
	color : #a9b8c2;
}

A.MainHeaderFunctionLink:HOVER
{
    color : #FFFFFF;
	text-decoration : none;
}

.MainHeaderFunctionBullet /* the bullet for the function link if any */
{
	font-weight : bold;
    font-family : Verdana, Arial, sans-serif;;
    color : #D15A3A;
    font-size : 12px;
}
 
.MainHeaderPrimaryNavBar, .MainHeaderPrimaryNavElement, .MainHeaderPrimaryNavAltElement /* Style for area in which primary nav sits */
{
	background-color : #FFFFFF;
	font-family : Verdana, Arial, sans-serif;;
	font-size : 11px;
	color : #B7C5CD;
	font-weight : bold;
	text-decoration : none;
}

.MainHeaderPrimaryNavElement:HOVER, .MainHeaderPrimaryNavAltElement
{
	color : #FFFFFF;
	text-decoration : none;
}

.MainHeaderPrimaryNavBar
{
	padding-right : 16px;
	color : #D15A3A;
}

.MainHeaderSecondaryNavBar /* Style for area in which secondary nav sits */
{
	background-color : #FFFFFF;
}

.MainHeaderSecondaryNavElement /* Style for secondary nav button/link - none for ga, but take out the vspace=2 from the img tag ******* */
{
}

.MainSubheaderRegion /* Applies to region under nav area (if any) - this will usually be a TABLE tag*/
{
}

.MainSubheader, .MainAltSubheader /* Style for subheader image or text  */
{
	font-weight: bold;
    font-family: Verdana, Arial, sans-serif;;
    font-size: 12px;
    color : #1B242E;
}

.MainSubheader /* Alternate Style for subheader image or text - if any */
{
	padding-left : 15px;
}

A.MainSubheaderLink /* general Link style */
{
	text-decoration : none;
    font-family : Verdana, Arial, sans-serif;;
	font-size : 10px;
	font-weight : bold;
	color : #8694A8;
}

A.MainSubheaderLink:HOVER /* general Link style */
{
    color : #FFFFFF;
	text-decoration : none;
}

.MainSidebar /* Style for a side bar on the page - if any */
{
	background-color: #FFFFFF;
}

.modelPopupClass
{
    background-color:#FFFFDD;
    border:3px solid Gray;
    padding:3px;
}


/********************** search filter begin ********************/

.SortByList, .SortLink, .SortLinkArrowDESC, .SortLinkArrowASC
{
	font-size:10px;
}

.SortLink, .SortLinkArrowDESC, .SortLinkArrowASC
{
	padding:0 10px 0 14px;
	margin: 0 2px 0 2px;
	border-left: 1px solid #a3a3a3;
}

.FirstLink
{
	border:0px;
}

.SortLinkArrowDESC
{
    background: url('/img/tf/icons/recipe_list_searchDESC.jpg') no-repeat center right;
}

.SortLinkArrowASC
{
    background: url('/img/tf/icons/recipe_list_searchASC.jpg') no-repeat center right;
}


/********************** search filter end ********************/

/********************** progress ********************/
.progress_entry_content
{
float:left;
width:620px;
}
#MeasureDiv
{
width:620px;
}
#ProgressSidebar
{
float:right;
position:relative;
text-align:left;
width:300px;
}

.MeasuresTabs
{
	margin: 0 0 0 5px;
	padding: 0;	
}
.MeasuresTabs li
{
	margin: 0;
	float: left;
	list-style: none;
}
.mod_side_goal_Title
{
	background-color:#D4E3EE;
	padding:5px;
	font-weight:bold;
	
}
.mod_side_goal_content
{
	border:solid 1px #D4E3EE;
}
.mod_side_star_over_title
{
	background-color:#D4E3EE;
	padding:5px;
	font-weight:bold;
}
.mod_star_over_content
{
		border:solid 1px #D4E3EE;
		padding:5px;
}
.NotePopupDiv_title
{
	background-color:#E5EEF5;
	padding:5px;
	font-weight:bold;
}
.NotePopupDiv_content
{
		background-color:#ffffff;
}

tr.multicolumnheader
{
	background-image: url("/img/tf/misc/BottomBorderLong.gif");
	background-position: left bottom;
	background-repeat: repeat-x;
}

.legendText
{
	margin-left: 6px;
}

.legendItem
{
	width: 150px;
	border: solid 1px black;
	height: 20px;
	display: inline-block;
	margin: 0px;
	padding: 0px;
}

/********************** end progress ********************/

/* -------------- Page LOG Styles -------------- */

.PagerTbl
{
	width:100%;
}

.PagerPrevCell
{
	text-align:left;
	width:120px;
	height:26px;
}

.PagerPageListCell
{
	text-align:center;
	height:26px;
}

.PagerPageListCell span
{
	color:#666666;
}

.PagerNextCell
{
	text-align:right;
	width:120px;
	height:26px;
}

.Pager_button_next_page
{
	
	background: url('/img/tf/icons/i_link_arrow_over_white.gif') no-repeat center right;
	padding-right: 22px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.Pager_button_previous_page 
{
	float:left;
	background: url('/img/tf/icons/i_link_arrow_previous_over_white.gif') no-repeat center left;
	padding-left: 22px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.PagerDetails
{
	text-align:center;
	color:#666666;
	height:24px;
}

.PagerSizeDiv
{
	float:left;
	position:relative;
	top:-25px;
}

.PagerSizeDiv span
{
	color:#666666;
}

.PagerSizeDDL
{
	color : #54748B;
	border:solid 1px #7F9DB9;
	padding:1px 0 1px 0px;
}

/* -------------- End Page LOG Styles -------------- */

/* Current Plan Labels */

.CurrentPlanNameLink, .CurrentPlanCreatorLink, .CurrentPlanDate,
A.CurrentPlanNameLink, A.CurrentPlanCreatorLink, .CurrentPlanPhase
{
	text-decoration : none;
    font-weight : normal;
    font-family : Verdana, Arial, sans-serif;;
	color: #283953;
	font-size : 12px;
}

.CurrentPlanNameLink, A.CurrentPlanNameLink, span.CurrentPlanNameLink A
{
	font-weight : bold;
	color: #283953;
	font-size : 14px;
}

.CurrentPlanPhase
{
	font-weight : bold;
	color: #283953;
}

.CurrentPlanCreatorLink
{
	color: #195392;
	padding-top:2px;
}

.CurrentPlanDate
{
	color:#999;
	font-style: italic;
	float:right;
	padding-right:6px;
}
/****************  Rating **********************/
.ratingStar ,.filledRatingStar, .emptyRatingStar,.savedRatingStar ,
 .AvgFilledRatingStar,.AvgEmptyRatingStar,.AvgSavedRatingStar 
{
    font-size: 0pt;
    width: 24px;
    height: 18px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar,.waitingStarCssClass, .AvgFilledRatingStar,
.AvgWaitingStarCssClass {
    background-image: url(/img/tf/icons/stars/star_on.gif);
}
.filledRatingStarAlt, .waitingStarCssClassAlt, .AvgFilledRatingStarAlt,
.AvgWaitingStarCssClassAlt,.waitingStarCssClassAlt
{
    background-image: url(/img/tf/icons/stars/star_on.gif);
}

.emptyRatingStar,
 .AvgEmptyRatingStar {
    background-image: url(/img/tf/icons/stars/star_off.gif);
}

.emptyRatingStarAlt,.AvgEmptyRatingStarAlt ,.emptyRatingStarAlt,.AvgEmptyRatingStarAlt
{
    background-image:  url(/img/tf/icons/stars/star_off.gif);
}



.filledRatingStarFFF,.waitingStarCssClassFFF, .AvgFilledRatingStarFFF,
.AvgWaitingStarCssClassFFF {
    background-image: url(/img/tf/icons/stars/star_on.gif);
}
.filledRatingStarAltFFF, .waitingStarCssClassAltFFF, .AvgFilledRatingStarAltFFF,
.AvgWaitingStarCssClassAltFFF,.waitingStarCssClassAltFFF
{
    background-image: url(/img/tf/icons/stars/star_on.gif);
}

.emptyRatingStarFFF,
 .AvgEmptyRatingStarFFF {
    background-image: url(/img/tf/icons/stars/star_off.gif);
}

.emptyRatingStarAltFFF,.AvgEmptyRatingStarAltFFF ,.emptyRatingStarAltFFF,.AvgEmptyRatingStarAltFFF
{
    background-image:  url(/img/tf/icons/stars/star_off.gif);
}

.CloseWindowX
{
	display: block; 
	float: right; 
	margin: 20px 10px 10px 10px;
}

.CloseWindowX:hover
{
	text-decoration: none;
}

.ModalCopyBtn
{
	display: block;
	float: left;
	background: transparent url('/img/tf/buttons/button_copy_day.gif') no-repeat;
	width: 76px;
	height: 27px;
}

/**************** END Rating **********************/

/* Current Plan Labels */

/* -------------- End Main Styles -------------- */

/*----------------------------------------------------------
 * Misc Styles ++
 *----------------------------------------------------------
*/

/*
Used in the following pages, + any other unspecified/misc page:
Privacy Policy, Terms and Conditions, About, Customer Service,
Common Questions, feedback, Experts,Gift Certificates.

These are also general styles that could be used for all pages.
--stylesMisc
*/

#iphone
{
	overflow: hidden;
}
#iphone *
{
	overflow: hidden;	
}
#iphone .vid
{
	width: 940px;
	height: 600px;	
}
#iphone .cont
{
	margin-top: 26px;	
}
#iphone h1
{
	float: none;
	margin-top: 20px;
}
#iphone h2
{
	margin-top: 20px;
	float: none;
}
#iphone h3
{
	margin-top: 20px;
	text-transform: uppercase;
}
#iphone h5
{
	margin-top: 15px;
	color: #273952;
	font-size: 13px;
}
#iphone h5.first
{
	margin-top: 10px;	
}
#iphone ul
{
	margin-top: 5px;
}
#iphone li
{
	list-style-type: disc;
	overflow: visible;
	margin-left: 20px;
	float: none;
	clear: both;
}
#iphone strong
{
	font-weight: normal;
	text-transform: uppercase;
}
#iphone .content-main p
{
	font-size: 14px;
}
#iphone .content-misc
{
	background: #E0E0E0;
}
#iphone .content-misc .wr
{
	padding: 10px;	
}
#iphone .content-misc a
{
	font-size: 10px;	
}

div#render
{
	border-top: dotted 1px #333333;	
	background: #F1F6FA;
	padding: 10px 0 10px 10px;
	color: #333333;
	font-size: 14px;
}
div#render span
{
	font-weight: bold;
}
div#render br
{
	line-height: 0;	
}

/**
 * Grid
 */
div#grid
{
    /* Vertical grid lines */
    background: url(/img/tf/misc/960-10-60-grid.gif) repeat-y 0 0;

    /* Dimensions - same width as your grid with gutters */
    width: 960px;

    /* Grid (centered) */
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -480px;
}

.MiscText, .MiscAltText, .MiscEmphasisText, .MiscQuote, .MiscErrorText, .MiscTextAlt, .MiscTextSmall /* general text style */
{
	font-weight : bold;
    font-family : Verdana, Arial, sans-serif;;
    color : #666666;
    font-size : 12px;
}

.NutriErrorSmall
{
	font-weight: bold;
	font-family: Verdana;
	color: Red;
	font-size: 10px;
}

.MiscTextAlt
{
	font-weight :normal;
	background-color : #FFFFFF;
}

.MiscErrorText /* general text error tyle */
{
	color : #D15A3A;
}

.MiscText, .MiscQuote /* general alternate text style */
{
	font-weight : normal;
}

.MiscTextSmall
{
	font-size:11px;
	font-weight : normal;
}

.smaller
{
	font-size:10px;
	font-weight : normal;
}

.MiscQuote
{
	font-style : italic;
}

.MiscEmphasisText /* general emphasis text style */
{
	font-size : 14px;
}

A.MiscLink, A.MiscAltLink, .MiscEmphasisLink /* general Link style */
{
	text-decoration : none;
    font-weight : normal;
    font-family : Verdana, Arial, sans-serif;;
    color : #18518C ;
    font-size:12px;
}

A.MiscLink:HOVER, A.MiscAltLink:HOVER /* general Link style */
{
	  color : #18518C ;
	text-decoration : underline;
}

.MiscEmphasisLink /* general emphasis link style */
{
	color: #283953;
    font-weight:bold;
}

.MiscSeperator
{
	background-color : #d4e3ee;
}

.MiscAltSeperator
{
	background-color : #FFFFFF;
}

/*-- SPECIAL FOR TF (NOT STANDARD) --*/

.MiscTextbox
{
	color:#000000;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:10px;
	background-color:#ffffff;
	border:1px solid;
	border-top-color:#548d9c;
	border-left-color:#548d9c;
	border-right-color:#c6e6f0;
	border-bottom-color:#c6e6f0;
}

.MiscButton
{
	color:#ffffff;
	font-family:Arial, Helvetica, Sans-Serif;
	font-weight:bold;
	font-size:10px;
	background-color:#d4e3ee;
	border:1px solid;
	border-top-color:#dcf3f9;
	border-left-color:#dcf3f9;
	border-right-color:#0795b3;
	border-bottom-color:#0795b3;
	text-transform:uppercase;
}

.Btn
{
	color:#ffffff;
	font-family:Arial, Helvetica, Sans-Serif;
	font-weight:bold;
	font-size:10px;
	background-color:#d4e3ee;
	border:1px solid;
	border-top-color:#dcf3f9;
	border-left-color:#dcf3f9;
	border-right-color:#0795b3;
	border-bottom-color:#0795b3;
	text-transform:uppercase;
}

.MiscAltButton
{
	color:#ffffff;
	font-family:Arial, Helvetica, Sans-Serif;
	font-weight:bold;
	font-size:10px;
	background-color:#c6e6f0;
	border:1px solid;
	border-top-color:#ffffff;
	border-left-color:#ffffff;
	border-right-color:#b8d1e3;
	border-bottom-color:#b8d1e3;
	text-transform:uppercase;
}

.time
{
	font-style: italic;
	font-size:11px;
	color: #6a7d93;
}

.yellow-box
{
	padding: 4px;
	background: #FFFFCC;
}

.displayNone
{
	display: none;
}

.displayBlock
{
	display: block;
}

#zigResults td
{
	padding: 0 4px;
}

.CalorieCalcSubtitle
{
	padding: 20px 0 15px 150px;
}

.CalorieCalcSubtitle h2
{
	text-transform: capitalize;
	font-size: 18px;
	color: #283953;
	font-family: Trebuchet MS;
}

.CalorieCalcLabel
{
	float: left; 
	color: #263952; 
	font-weight: bold; 
	padding: 8px 5px 0 0;
}

.CalorieCalcResult
{
	float: left; 
	clear: left; 
	color: #263952;
	padding-top: 6px;
}

.CalorieCalcResultValue
{
	float: left; 
	color: #666666; 
	padding-left: 20px;
}

#CalorieCalcBtnCalculate
{
	display: block;
	background: url('/img/tf/buttons/button_calculate.gif') no-repeat scroll transparent;
	width: 81px;
	height: 27px;
	cursor: pointer;
}

#CalorieCalcBtnClear
{
	display: block;
	background: url('/img/tf/buttons/button_clear.gif') no-repeat scroll transparent;
	width: 52px;
	height: 28px;
	cursor: pointer;
}

.CalorieCalcBtnAdvClosed
{
	background: url('/img/tf/buttons/arrow_advanced_search.gif') no-repeat scroll left center transparent; 
	padding: 2px 0 2px 22px; 
	float: left;
	cursor: pointer;
}

.CalorieCalcBtnAdvOpen
{
	background: url('/img/tf/buttons/arrow_advanced_search_on.gif') no-repeat scroll left center transparent; 
	padding: 2px 0 2px 22px;
	float: left;
	cursor: pointer;
}

.BulletList
{
	float: left;
	clear: left;
	display: block;
}

.BulletListItem
{
	float: left;
	clear: left;
	display: block;
	background: transparent url('/img/tf/testsplash/bult.gif') no-repeat scroll left center;
	padding-left: 12px;
}

.AboutUsTextBlock
{
	float: left;
	padding: 20px 0 0 0;
}

/* -------------- End Misc Styles -------------- */

/*----------------------------------------------------------
 * Footer Styles ++
 *----------------------------------------------------------
--stylesFooter
*/
#explore-wrapper
{
	overflow: hidden;
	margin: 0 auto;
	width: 980px;
}
#explore
{
	overflow: hidden;
    clear: both;
    margin: 0 10px;
    padding-bottom: 30px;
    width: 980px;
    background: #EBEBEB;
}
#explore *
{
	overflow: hidden;
}
#explore .title
{
	margin: 25px 0 0 10px;
	padding: 0;
    color: #283953;
    font-family: "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
    font-size: 18px;
    font-weight: normal;
    text-align: inherit;
	text-transform: uppercase;
}
#explore p.desc
{
	display:block; 
	margin-top: 10px; 
	padding: 0 10px;	
}
#explore .row
{
	margin: 15px 0 0 0;	
	clear: both;
}
#explore .section
{
	float: left;
}
#explore .section .title
{
	margin-top: 0;
    font-family: "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
#explore .section a
{
    color: #195392;
    font-family : Verdana, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    text-transform: none;
}
#explore .section ul
{
	float: left;
	width: 180px;
	margin: 0;
	padding: 0;
}
#explore .section li
{
	float: none;
	margin-left: 10px;
}

#Footer
{
	clear: both;
	margin-top: 40px;
}
.FooterRegion /* Applies to Region / TABLE tag for standard footer */
{
}

.Footer /* Used for footer image, identifying text, logo, etc. - (if any) */
{
	font-weight : normal;
    font-family: Verdana, Arial, sans-serif;;
    font-size: 11px;
    color : #B7C5CD;
}

.FooterText, A.FooterTextLink, .FooterEmphasisText, A.FooterNavElement  /* Generic footer text */
{
    font-weight : normal;
    font-family: Verdana, Arial, sans-serif;;
    font-size: 11px;
    color : #B7C5CD;
    text-align : center;
}

.FooterText
{
	padding-left : 3px;
}

A.FooterTextLink  /* Generic footer Link */
{
	text-decoration : underline;
	color : #B7C5CD;
}

A.FooterTextLink:HOVER
{
    color : #738898;
}

.FooterEmphasisText /* Just in case there's a need for emphasis */
{
	font-weight: bold;
}

.FooterNavBar /* Navigation Bar in the footer */
{
	padding-left:9px;
	padding-right:9px;
	padding-bottom : 2px;
}

A.FooterNavElement /* Navigation elements in the footer */
{
    color : #B7C5CD;
    text-decoration : none;
    font-size : 11px;
}

A.FooterNavElement:HOVER
{
    color : #738898;
}

.watermarked
{
	font-style:italic;
	color:Gray;
}

.watermarked2
{
	color:Gray;
}

/* -------------- End Footer Styles -------------- */

/*----------------------------------------------------------
 * Sidebar Styles ++
 *----------------------------------------------------------
*/

/* Sidebar styles */
/*Rami stylesSidebar*/
.SbRegion
{
	background-color : #F7F7F7;
/*	width: 0px;
	height: 0px;
	display: none;
	visibility: hidden;*/
}

.SbHeader /* Style for sidebar region header */
{
	background-color : #B7C5CD;
	font-family: Arial;
	font-size: 12px;
	font-weight : bold;
	padding : 5px 9px 5px 9px;
	color : #FFFFFF;
}

.SbElement /* general style for a sidebar element */
{
	padding : 8px 12px 8px 12px;
	background-color : #E7EEF1;
	font-family : Verdana, Arial, sans-serif;;
    font-size : 12px;
    color : #666666;
}

.SbElementHeaderRegion /* general style for a sidebar element header region*/
{
}

.SbElementHeaderMajor /* Style for major part of header region */
{
}

.SbElementHeaderMinor /* Style for minor part of header image - if any */
{
}
.SbElementBodyRegion, .SbElementBodySubheader
{
}

.SbElementBodyRegion
{
}

.SbElementBodySubheader
{
}

.SbElementBodyImage /* Style for standard Element body image */
{
}

.SbElementBodyText /* Style for standard Element body text */
{
}

.SbElementBodyEmphasisText /* Style for standard Element body emphasis text */
{
}

.SbElementBodyAltLink /* Style for standard Element body link */
{
	font-family : Verdana, Arial, sans-serif;;
    font-size : 12px;
    color : #8694A8;
}

.SbElementBodyAltLink:HOVER
{
    color : #FFFFFF;
    text-decoration : none;
}

.SbElementBodyEmphasisLink /* Style for standard Element body link */
{
}

.SbElementBodyBullet /* Style for standard body bullet */
{
}

/* _____________ Alternate Element style _____________ */

.SbAltRegion
{
	background-color : #FFFFFF;
}

.SbAltElement /* general Alternate style for a sidebar element */
{
}

.SbAltElementHeaderRegion /* Alternate general style for a sidebar element header region*/
{
}

.SbAltElementHeaderMajor /* Alternate Style for major part of header region */
{
}

.SbAltElementHeaderMinor /* Alternate Style for minor part of header image - if any */
{
}


.SbAltElementBodyRegion, .SbAltElementBodySubheader, A.SbAltElementBodyLink, .SbAltElementBodyText, A.SbAltElementBodyAltLink
{
}

.SbAltElementBodyRegion
{
}

.SbAltElementBodySubheader, A.SbAltElementBodyLink
{
}

A.SbAltElementBodyAltLink
{
}

A.SbAltElementBodyLink:HOVER, A.SbAltElementBodyAltLink:HOVER
{
}

.SbAltElementBodyImage /* Alternate Style for standard Element body image */
{
}

.SbAltElementBodyText /* Alternate Style for standard Element body text */
{
}

.SbAltElementBodyEmphasisText /* Alternate Style for standard Element body emphasis text */
{
}

.SbAltElementBodyEmphasisLink /* Alternate Style for standard Element body link */
{
}

.SbAltElementBodyBullet /* Alternate Style for standard body bullet */
{
}


/*--- TF HAS SPECIAL Home SIDEBAR STYLES --*/


.HomeStatsMajor, .HomeStatsMinor
{
	font-family: Verdana, Arial, sans-serif;;
	font-size: 10px;
	border-bottom : solid 2px #B7C5CD;
}

.HomeStatsMajor
{
	color : #FFFFFF;
	background-color : #8694A8;
	padding-left : 10px;
	padding-right : 0px;
}

.HomeStatsMinor
{
	color : #FFFFFF;
	background-color : #E7EFF1;
	padding-left : 2px;
	padding-right : 3px;
}

.HomeFriend 
{
	font-family: Verdana, Arial, sans-serif;;
	font-size: 10px;
	border-bottom : solid 2px #B7C5CD;	
	color : #FFFFFF;
	background-color : #E7EFF1;
	padding-left : 10px;
	padding-right : 3px;
}

A.SbElementBodyLink, .HomeFriend, A.HomeFriendLink
{
	font-family: Arial;
	font-size: 10px;
	color : #8694A8;
	font-weight : normal;
}

A.HomeFriendLink
{
	color : #FFFFFF;
}

A.HomeFriendLink:HOVER
{
	text-decoration : none;
}

A.SbElementBodyLink:HOVER
{
	color : #FFFFFF;
	text-decoration : none;
}

.HomeNews 
{
	font-family: Verdana, Arial, sans-serif;;
	font-size: 10px;
	border-bottom : solid 2px #B7C5CD;	
	color : #FFFFFF;
	background-color : #FFFFFF;
	padding : 3px 3px 3px 10px;
}

A.HomeNewsLink
{
	font-family: Arial;
	font-size: 10px;
	color : #FFFFFF;
	font-weight : normal;
}

A.HomeNewsLink:HOVER
{
	color : #B7C5CD;
	text-decoration : none;
}



/* -------------- End Sidebar Styles -------------- */



/* ---------------------------------------- */
/* this for tab control in the Edit profile */
.AttributeProfileTabClass
{
	font-weight:bold;
	color:#283953;
}
.groupTabSelectedContent
{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:4px;
	padding-right:4px;
	background-color:#D4E3EE;
}
.groupTabContent
{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:4px;
	padding-right:4px;
	background-color:#EBEBEB;
}
.ProfileEditControl
{
	border:solid 1px #7F9DB9;
	color:#666666;
}


input.ProfileEditControl
{
	height:18px;
}



#questionsDiv
{
	padding-top:20px;
	background : transparent url('/img/tf/backgrounds/Pattern.gif') repeat-x top;
	padding-left:40px;
}

.ProfileUl,.ProfileUlLeft,.ProfileUlRight,.ProfileStatus, .ProfileAnswer, .Points
{
	color:#64788F;
}

.PointVal, .PointVal a
{
	color:#4E8900;
	font-weight:normal;
}

.ProfileStatus
{
	font-size:1.2em;
}
.ProfileUlLeft
{
	float:left;
	width:50%;
	list-style-type:none;
	margin-bottom:0px;
}
.ProfileUlRight
{
	float:right;
	width:50%;
	list-style-type:none;
	margin-bottom:0px;
}

.profileContent, .GrpProfileContent
{
	float:left;
	width:150px;
	padding-right:10px;
	padding-bottom:4px;
}

.profileAboutMe
{
	height:100%;
	float:left;
	width:468px;
	color:#64788F;
	padding-bottom:4px;
}

.ProfileTitle, .GrpProfileTitle
{
	color:#666666;
	width:142px;
	text-align:right;
	padding-right:8px;
	float:left;
}
.GrpProfileTitle { width:110px;text-align:left;}
.GrpProfileContent { width:120px;}

.ProfileLi
{
	clear:both;
}
.profileDivContanet
{
	clear:both;
	padding-top:7px;
}

.ProfileHideTitle
{
	color:#666666;
	width:142px;
	text-align:right;
	padding-right:8px;
	float:left;
}
.profileHideContent
{
	height:100%;
	float:left;
	width:150px;
	color:#64788F;
	padding-right:10px;
	padding-bottom:4px;
}

.ProfileHideTitleAlter
{
	color:#666666;
	width:142px;
	text-align:right;
	padding-right:8px;
	float:left;
	/* margin-left:1px; */
}

.ProfileBMIbar2
{
	font-family : Verdana,Arial;
	font-size: 10px;
	font-weight : normal;
	background-color : #828692;
	color : #FFFFFF;
}

.ProfileBMIbar1
{
	font-family : Verdana,Arial;
	font-size: 10px;
	font-weight : normal;
	background-color : #F1F0F6;
	color : #777777;
}


/*----------------------------------------------------------
 * Exercise Styles
 *----------------------------------------------------------
*/


/*	---------------------------------------
	The top region and other general styles
	---------------------------------- */

.ExTopRegion, .ExTopHeader, .ExTopHeaderEmphasisText, .ExTopHeaderAltEmphasisText
{
	font-family : Verdana, Arial, sans-serif;;
	color: #666666;
	font-size : 12px;
}

.ExTopRegion, .ExTopHeader
{
	background-color : #FFFFFF;
}

.ExTopHeaderEmphasisText, .ExTopHeaderAltEmphasisText
{
	color : #D15A3A;
}

.ExTopHeaderEmphasisText
{
	font-weight : bold;
}

.ExText, .ExEmphasisText, .ExAltEmphasisText, .ExMenuMainDetail
{
	font-family: Verdana, Arial, sans-serif;;
	font-weight: normal;
	color: #666666;
	font-size: 11px;
}

.ExEmphasisText, .ExAltEmphasisText /* General Emphasis text, if necessary */
{
	font-weight: bold;
}

.ExAltEmphasisText, ExDialogBodySubheader
{
	font-size: 14px;
}

/*	ExLink = General Link style
	ExMenuMainDetailLink = Link style for the detail part of menu area
*/

A.ExLink, .ExLink, A.ExTopHeaderLink, A.ExMenuMainDetailLink
{
	text-decoration : underline;
    font-weight : normal;
    font-family : Verdana, Arial, sans-serif;;
    font-size : 11px;
    color : #8694A8;
}

A.ExTopHeaderLink
{
	font-size : 10px;
}

A.ExLink:HOVER, A.ExMenuMainDetailLink:HOVER, A.ExTopHeaderLink:HOVER
{
    color : #FFFFFF;
	text-decoration : none;
}

.ExBullet /* General Bullet style for the excercise app */
{
}

.ExCommandElementGroup /* Region within the ex app where command elements (enter results, etc) appear */
{
}

.ExCommandElement /* Command element */
{
}

/********************** EXERCISE SORT filters begin ********************/
.ExSortLink, .ExSortLinkArrowDESC, .ExSortLinkArrowASC
{
	padding:0 10px 0 5px;
	font-size:smaller;
	margin: 0 2px 0 2px;
}

.ExSortLinkArrowDESC
{
    background: url('/img/tf/icons/recipe_list_searchDESC.jpg') no-repeat center right;
}

.ExSortLinkArrowASC
{
    background: url('/img/tf/icons/recipe_list_searchASC.jpg') no-repeat center right;
}

/********************** EXERCISE SORT filters end ********************/

/********** The MainAjax Exercise (Recomendations)  region/grid ***********/

#ExMainPH
{
	margin-top: -12px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 960px;
	min-height: 970px;
}

#ExMainPH h1
{
	border-bottom: dashed 1px #a7c1d6;
	padding-bottom: 4px;
}

#ExMainPH div.MiscText
{
	padding-top: 6px;
}

.ExAjaxTopMajor, .ExAjaxTopMajorDetail, .ExAjaxTopMinor, A.ExAjaxTopMajorLink, A.ExAjaxTopMajorDetailLink, A.ExAjaxTopMinorLink /* the top region of Rec */
{
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif;;
	font-size: 10px;
}

.ExAjaxTopMajor
{
	padding-bottom: 7px;
	font-weight: bolder;
	border-top : solid 3px #1E1E1E;
	color: #000000;
	font-size : 14px;	
	background-color: #29297B;
}

.ExAjaxTopMajorDetail
{
	color:#5f748b; 
	font-weight: normal;
	background-color: #d4e3ee;
	padding: 0px;
	margin: 0px;
}

.ExAjaxTopMajorDetailCardio
{
	background-color: #D1FFB6;
}

tr.ExAjaxTopMajorDetail
{
	padding: 0px;
	margin: 0px;
	background-color: transparent;
}

table.ExAjaxTopMajorDetail
{
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}

.ExAjaxGridHeader td
{
	border-collapse: collapse;
	margin: 0px;
	text-align: center;
	padding: 0px;

}

table.ExAjaxTopMajorDetail td span.upperText
{
	font-size: 12px;
}

table.ExAjaxTopMajorDetail td span.lowerText
{
	font-size: 10px;
}

table.ExAjaxTopMajorDetail td.tdLeft
{
	text-align: left;
}

.ExAjaxHiddenElement
{
	width: 0px;
	height: 0px;
	visibility: hidden;
	display: none;
}

.ExAjaxEditCommands
{
	padding-bottom: 12px;
	width: 500px;
}

.ExAjaxEditCommands a, .ExAjaxEditCommands a:HOVER, .ExAjaxEditCommands a:link, .ExAjaxEditCommands a:visited
{
	color: #195392;
}

A.ExAjaxTopMajorLink:HOVER, A.ExAjaxTopMajorDetailLink:HOVER
{
	color : #ffffff;
	text-decoration:underline;
}
td.ExMainAjaxEquipName
{
	padding-top: 5px;
}
.ExAjaxTopMinor, A.ExAjaxTopMinorLink, A.ExAjaxTopMinorLink:HOVER
{
	color : #54748b; /*434343*/
}

.ExAjaxTopMinor
{
	font-weight: normal;
	font-size: 8px;
	padding-left : 5px;
}

A.ExAjaxTopMajorLink, A.ExAjaxTopMajorDetailLink, A.ExAjaxTopMinorLink /* Major and Minor segment links of the top region of Rec */
{
	text-decoration: underline;
	text-decoration : none;
	color:#ffffff;
}

.ExAjaxTopMinor, A.ExAjaxTopMinorLink /* Minor segment (if any) of the rec top region */
{
	font-weight: normal;
	font-size: 11px;
	
}

/*	.ExAjaxMainMajor = Major segment of the main Rec region  */
.ExAjaxMainMajor, A.ExAjaxMainMajorLink
{
	font-family: Verdana, Arial, sans-serif;;
	font-size : 12px;
	background-color : #eef4f8 ;
	text-transform : capitalize;
	text-decoration : none;
	color: #54748b;
}

.ExAjaxGridHeader
{
	padding: 0px;
	margin: 0px;
	border: solid 1px #c8d4dd;
	width: 620px;
}

.ExAjaxMainGrid /*body part grid*/
{
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: -1px;
	border-left: solid 1px #c8d4dd;
	border-right: solid 1px #c8d4dd;
	width: 620px;
	border-collapse: collapse;
}

.ExEquipSetCollection
{
	width: 410px;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	color: #666666;
}

.ExEquipSetCollection table
{
	margin-bottom: 8px;
}

div.ExAjaxMainMajor
{
	background-color : #eef4f8 ;
	color: #54748b;
	width: 620px;
	border: solid 1px #c8d4dd;
	border-collapse: collapse;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: -1px;
	padding: 0px;
}


div.ExAjaxMainMajor label
{
	margin: 0px;
	padding: 0px;
	padding-left: 6px;
}


A.ExAjaxMainMajorLink
{
	text-decoration : none;
	font-family: Verdana, Arial, sans-serif;;
	font-size: 11px;
}

A.ExAjaxMainMajorLink:HOVER
{
	color: #686868;
}

.ExAjaxMainMinor /* Minor segment (if any) of the rec main region */
{
}

.ExAjaxMainMinorLink
{
}

.ExAjaxMainDetail, .ExAjaxMainEmphasisDetail, .ExAjaxMainAltDetail, A.ExAjaxMainDetailLink /* Detail formatting within the main rec region */
{
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif;;
	font-size: 11px;
	background-color: #ffffff;
	color: #462E18;
}

.ExAjaxMainAltDetail
{
	background-color: #ffffff;
}

.ExAjaxMainErrDetail
{
	border-top: solid 2px #AD2718;
	border-bottom: solid 2px #AD2718;
}

.ExAjaxMainErrDetail_LeftMost
{	
	border-top: solid 2px #AD2718;
	border-bottom: solid 2px #AD2718;
	border-left: solid 2px #AD2718;
}

.ExAjaxMainErrDetail_RightMost
{
	border-top: solid 2px #AD2718;
	border-bottom: solid 2px #AD2718;
	border-right: solid 2px #AD2718;	
}

.ExAjaxMainEmphasisDetail /* Emphasis detail formatting for the main rec region */
{
	background-color: #F7F7F7;
	font-weight: bold;
}


A.ExAjaxMainDetailLink
{
	text-decoration : underline;
    font-weight : bold;
    font-family : Verdana, Arial, sans-serif;;
    font-size : 11px;
    color : #AD2718;
}
.AjaxMainSubheader
{
	text-transform:lowercase;
	font-size:19px;
	font-family: Verdana, Arial, sans-serif;;
	color: #666666;
	font-weight:bold;
	padding-left:10px;
	padding-bottom:0px;
	padding-right:0px;
	padding-top:0px;
}
A.ExAjaxMainDetailLink:HOVER
{
    color : #868686;
    text-decoration : underline;
}

.ExAjaxMainDetailCtrl, .ExAjaxMainDetailCtrlError, .ExAjaxMainDetailCtrlFocus /* Control formatting within the main rec region, e.g. textboxes.. */
{
	text-align:center;
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif;;
	font-size: 12px;
	width:26px;
}

input.ExAjaxMainDetailCtrl
{
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px dashed #d7d7d7;
	width: 54px;
	padding-bottom: 4px;
	padding-top: 5px;
	color: #666666;
}

input.ExAjaxMainDetailCtrlFocus
{
	width: 54px;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 2px solid #195392;
	padding-bottom: 3px;
	padding-top: 5px;
	text-align: center;
	color: #666666;
}


.ExAjaxRPE_DD
{
	text-align:center;
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif;;
	font-size: 11px;
	height:22px;
	width:95px;
	margin-left: 3px;
}

.ExAjaxMainDetailCtrlError /* Control error formatting within the main rec region */
{
	border : solid 1px #D15A3A;
	color : #D15A3A
}

.stepLead
{
	color: #283953;	
	font: 14px "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
	padding: 4px;
	font-weight: bold;
	vertical-align:middle;
	text-transform:uppercase;
}	

.stepTitle
{
	color: #283953;
	font: 14px "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;	
	font-weight: bold;
	vertical-align:bottom;
	text-transform:uppercase;
}

.stepDetail
{
	font-size: 12px;
	color: #666666;
	vertical-align:top;
	line-height:10px;
}

table.ExMainAjaxLeftItems
{
	width: 208px;
	text-align:left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}


table.ExMainAjaxLeftItems .moveControl
{
	margin-bottom: 1px;
	margin-top: 5px;
	margin-left: 6px;
	margin-right: 4px;
}

.ExMainAjaxLeftItemsCtrls
{
	width: 179px;
}

div.ExMainAjaxLeftItemsCtrl
{
	padding-top: 3px;
}

div.ExMainAjaxLeftItemsCtrl div.LeftCtrlSwap
{
	float: left;
	height: 19px;
	text-align: right;
}

div.ExMainAjaxLeftItemsCtrl div.LeftCtrlSwap span
{
	padding-right: 2px;
}

div.ExMainAjaxLeftItemsCtrl div.LeftCtrlFav
{
	float: left;
	height: 19px;
	text-align: right;
}

div.ExMainAjaxLeftItemsCtrl div.LeftCtrlDel
{
	float: left;
	height: 19px;
	text-align: right;
}

div.ExMainAjaxLeftItemsCtrl div.LeftCtrlDel span.ctrlText
{
	margin-right: 8px;
}

div.ExMainAjaxLeftItemsCtrl div.LeftCtrlDel a
{
	margin-right: 8px;
}

div.ExMainAjaxLeftItemsCtrl span.ctrlTextHover
{
	text-decoration: underline;
	cursor: pointer;
}

div.ExMainAjaxLeftItemsCtrl div.LeftCtrlDel
{
	padding-right: 5px;
}
table.ExMainAjaxLeftItems span, table.ExMainAjaxLeftItems a
{
	color: #195392;
}


div.ExMainAjaxSetLink
{
	float: right;
	width: 150px;
	text-align: left;
	vertical-align: middle;
	display: table-cell;
	padding-bottom: 12px;
}

div.ExMainAjaxSetLink div
{
	width: 75px;
	margin-left: auto;
	margin-right: auto;	
	text-align: center;
	float: left;
	position: relative;
}

div.ExMainAjaxSetLink div img
{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 6px;
	margin: auto;
}

div.ExMainAjaxSetLinkCdo
{
	float: right;
	width: 150px;
	text-align: left;
	vertical-align: middle;
	display: table-cell;
	padding-bottom: 12px;
	padding-right: 10px;
}

div.ExMainAjaxSetLinkCdo div
{
	width: 47px;
	margin-left: auto;
	margin-right: auto;	
	text-align: right;
	float: right;
	position: relative;
}

div.ExMainAjaxSetLinkCdo div img
{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 6px;
}


/************* Swap DropDown ************/

div .DropDownPanel
{
	top: 10px;
	text-align:left;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	overflow:auto;	
	padding-bottom:5px;
	padding-top:5px;
	z-index: 1;
	min-width: 270px;
}

div.DropDownPanel
{
	max-height: 250px;
}

.DropDownItem, .DropDownItemSel
{
	padding-left:5px;
	color:#195392;
	cursor:pointer;
	float: none;
}

.DropDownItemSel
{
	background: #eef4f8;/*#e0efff;*/
	color:#54748b;
	font-weight:bold;
}


/*	---------------------------------
	The Ex Menu (e.g. The demo page)
	---------------------------------- */

.ExMenuRegion /* the region where a menu such as demos, would go */
{
}

.ExMenuTopMajor, A.ExMenuTopMajorLink /* The top major part of an ex menu (e.g. the animated demos menu) */
{
	text-decoration : none;
	font-family: Verdana, Arial, sans-serif;;/*Verdana, Arial, sans-serif;;*/
	font-size: 12px;
	background-color: #d4e3ee;
	color : white;
}

A.ExMenuTopMajorLink
{
	font-size: 12px;
}

A.ExMenuTopMajorLink:HOVER
{
	color : red;
}

.ExMenuTopMinor /* The top minor part of an ex menu (e.g. the animated demos menu) */
{
}

.ExMenuTopMinorLink
{
}

A.ExMenuMainMajorLink /* Link for the menu main major area */
{
	text-decoration : underline;
	font-family: Verdana, Arial, sans-serif;;
	font-size: 12px;
	color: black;
	font-weight: normal;
}

A.ExMenuMainMajorLink:HOVER
{
	color: red;
}

.ExMenuMainMinor /* Minor area of the menu */
{
	font-family: Verdana, Arial, sans-serif;;
	font-size: 14px;
	color: #336699;
	background-color:#FFFFFF;
	padding-top:4px;
	padding-bottom:4px;
	font-weight:bold;
}

.ExMenuMainMinorLink
{
}

#AddExHeader
{
	width: 300px;
	text-align: left;
	color: #000000;
	border-bottom: dashed 1px #a7c1d6;
	padding-bottom: 6px;
}



#AddExHeader h2
{
	font-weight: bolder;
}


/*Add Exercise*/

.collapsiblePanel
{
	height: 0px;
}


*:first-child+html .hiddentext div a /*IE7 Hack*/
{
	margin-left: -10px;
}

* html .hiddentext div a /*IE6 Hack*/
{
	margin-left: -17px;
}

#curtain .hiddentext div a
{
	margin-left: -0px;
	margin-right: 0px;
	margin-top: -1px;
	width:260px;
}

*:first-child+html #curtain .hiddentext div a /*IE7 Hack*/
{
	margin-left: -12px;
}


.hiddentext div a
{
	margin-left: 10px;
	margin-right: 10px;	
}

.hiddencolumn
{
	display: none;
}

.normalrow, .selectedrow
{
	font-weight: normal;
	color: #000000;
	height: 30px;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
}

.normalrow a, .selectedrow a
{
	font-size: 12px;
}

.resultsGridDIV tr.normalrow, .resultsGridDIV tr.selectedrow
{
	vertical-align: top;	
}

.resultsGridDIV tr.normalrow span,  .resultsGridDIV tr.selectedrow span
{
	color: #54748b;
}

/*.selectedrow
{
	background-color: #F1F1FB;
	color: black;
	font-weight: bold;
	height: 30px;
	font-family: Arial, Helvetica, Sans-Serif;
}

.selectedrow a
{
}*/

#curtain .deleteButton
{
	margin-left: 10px;
}

.AddExGV
{
	font-family: Arial, Helvetica, Sans-Serif;
}

.clearedElement
{
	padding: 0px;
	margin: 0px;
	background-color: transparent;
}

.contentPanel
{
	padding: 0px;
	margin: 0px;
	background-color:#D4E3EE;
	width:610px;
}


.contentPanel img
{
	border: 0;
}

#curtain
{
	position: relative;
	background-color: transparent;
	height: 350px;
	padding: 0;
}

#addexPanelBarLeft
{
	position: absolute;
	top: 60px;
	left: 0px;
	width: 13px;
	height: 329px;
	z-index:999;
}

#addexPanelBarRight
{
	position: absolute;
	top: 60px;
	left: 259px;
	width: 12px;
	height: 329px;
	z-index: 999;
}

#addexPanelBG
{
	position: absolute;
	left: 0px;
	top: 60px;
	height: 329px;
	width: 600px;
	z-index: -4;
}
.resultsGridDIV
{
	background-color:#ffffff;
	width: 600px;
}

.resultsGridDIV span.checkBox div a /*This should be the image checkbox in AddExercise*/
{
	margin-top: 2px;
	margin-left: 7px;
}

.tabpanelContents
{
	margin:0px;
	background-color: transparent;
	z-index: 23;
	padding: 0px;
}

.showingExDD
{
	position:absolute; 
	top:2px; 
	right:15px;
}

.AddExGrid
{
	border:1px solid red;
	background-color:Green;
}

.AddExSearchTB
{
	border:1px solid #7F9DB9; 
	color:#54748B; 
	padding:3px 0 3px 2px; 
	font-family:Verdana, Sans-Serif; 
	font-size:12px;
}

.AddExColSelect
{
	width:30px;
	height:26px;
	vertical-align:middle;
	text-align:center;
	padding:0 10px 0 10px;
}

.AddExColSelectHeader
{
	text-align:right; 
}

.OnlyFavCheckBox
{
	font-size:11px;
	padding:0px;
	margin:0px;
}


.OnlyFavCheckBox input
{
	vertical-align:middle;
	margin-bottom:2px;
}


.AllExGrid
{
	border-bottom:solid #EBEBEB 1px;
}

.AddExItemStyle a
{
	background-color:Transparent;
	vertical-align:middle;
}

.AddExItemStyle
{
	color:#54748B;
	height:26px;
}


.tabpanelContents #HeaderTbl
{
	padding:0px;
	margin:0px;
}

.sortableHeaders
{
	padding:0px;
	margin:0px;
	border-bottom:1px #666666 solid;
}


.TabHeaderText, .TabHeaderText a
{
	color: #666666;
	font-size: 11px;
	font-weight:normal;
	height:24px;
	/*font-family: Arial, Helvetica, Sans-Serif;*/
}



.favoriteTab
{
	width: 87px;
	position: absolute;
	top: 0px;
	left:30px; 
}

.allextab
{
	width: 111px;
	position: absolute;
	top: 0px;
	left: 125px;
	
}

div.ajax__dropdown_frame_line 
{
	background-color: #ffffff !important;
}
.centered
{
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.centeredtext
{
	margin-left: auto;
	margin-right: auto;
}

.AddExerciseCollapsibleTrigger
{
	margin:0 0 0 0;
	display: block;	
}


.TriggerPanel
{
	padding: 0px;
	margin: 0px;
	background-color: transparent;
	width: 600px;
}

.TriggerPanelLeftSidebar
{
	position: absolute;
	left: 0px;
	top: -19px;
	width: 1px;
	height: 30px;
	top: 15px;
}

* html .TriggerPanelRightSidebar /*IE6 Hack*/
{
	position: absolute;
	right: -2px;
	width: 1px;
	top: 14px;
	height: 30px;
}

.TriggerPanelRightSidebar
{
	position: absolute;
	right: 0px;
	width: 1px;
	top: 15px;
	height: 30px;
}
/********* CustomWorkoutDetails Styles ***********/
.CustomWorkoutDetails
{
	width:620px;
	background: url('/img/tf/backgrounds/blue_dotted_horizontal_line.gif') repeat-x right bottom;
	margin:0 0 5px 0;
	overflow:auto;
	color:#195392;
	padding-bottom:5px;
}
.CustomWorkoutPic , .CustomWorkoutPic img
{
	height:90px;
	width:90px;
	float:left;
	margin-right:10px;
}
.CustomWorkoutDetailsArea
{
	width:510px;
		float:left;
}
.CustomWorkoutDetailsRow
{
	padding-bottom:5px;
	clear:both;
}
.CustomWorkoutDetailsLabel
{
	color:#666666;
	width:156px;
	font-size:12px;
	font-weight:400;
	text-align: right;
	float: left;
	padding-right: 5px;
	
}
.CustomWorkoutDetailsData
{
	color:#2E3E57;
	font-size:12px;
	float:left;
	width:349px;
	
}
.CustomWorkoutDetailsData a, .CustomWorkoutDetailsData a:HOVER
{
	color:#386AA1;
	font-weight:bold;
	
}
.CustomWorkoutDetailsData a:HOVER
{
	text-decoration:underline;	
}
.CustomWorkoutDetailsData span
{
	color:#283953;
font-weight:bold;
}

.CustomWorkoutDescription
{
	padding:10px 0px 10px 0px;
	clear:left;
width:510px;
}
.CustomWorkoutDescriptionTitle
{
	color:#283953;
	font-weight:bold;
}
.CustomWorkoutDescriptionContent
{
	color:#5F748B;
}
.WorkoutFriendsName
{
	color:#5F748B;
}
.WorkoutOtherPPLName
{
	color:#5F748B;
}
.CustomDay
{
}
.DayNum
{
background-color:#5593C2;
color:White;
font-weight:bold;
padding:5px;	
}
.divStrength, .divCardio
{
	border:solid 1px #D4E3EE;
}

.StrengthTbl, .CardioTbl, .ExRecRegion
{
	width:100%	
}
.StrengthTR{}
.Ex_Name_h, .Ex_Rep_h, .Ex_Weight_h, .Ex_Rep_h, .Ex_Rest_h, .Cdo_Name_h, .Cdo_Dist_h, .Cdo_Time_h, .ExRecTopMajorDetail,  .ExRecTopMajor, .ExRecMainMajor
{
	background-color:#D4E3EE;
	font-size:10px;
	color:#5F748B;
	padding:5px;
}
.Ex_Rep_h, .Ex_Weight_h, .Ex_Rep_h, .Ex_Rest_h, .Cdo_Dist_h, .Cdo_Time_h
{
border-left:solid 1px #C8D4DD;
padding:0px;
text-align:center;
}
.Ex_Name_h{}
.Ex_Weight_h{}
.Ex_Rep_h{}
.Ex_Rest_h{}
.divBodyPartName
{
background-color:#EEF4F8;
color:#54748B;
border-bottom:solid 1px #C8D4DD;
border-top:solid 1px #C8D4DD;
padding:2px 0px 2px 10px;
font-size:11px;
}
.Ex_Name
{
	padding-left:20px;
}
.Ex_Weight, .Ex_Rep, .Ex_Rest
{
	border-left:solid 1px #C8D4DD;
	text-align:center;
	width:80px;
	padding-top:2px;
}
.Cdo_Dist_h, .Cdo_Time_h
{
	border-left:solid 1px #C8D4DD;
	text-align:center;
	
	padding-top:2px;

}
.Cdo_Time
{
	width:80px;
	text-align:center;
}
.Cdo_Dist
{
	width:120px;
	text-align:center;
}
 .Cdo_Name
 {
	padding-left:20px;
}
.EmptyDay
{
padding:10px 5px 10px 5px ;
border:1px solid #D4E3EE;
}

.WorkoutOtherPPL, .WorkoutFriends
{
width:300px;
background:transparent url(/img/tf/backgrounds/blue_dotted_horizontal_line.gif) repeat-x scroll right bottom;
margin:0 0 20px;
padding-bottom:10px;

}
.WorkoutOtherPPLRow, .WorkoutFriendsRow
{
}
.WorkoutOtherPPLImgDiv , .WorkoutFriendsImgDiv 
{
	width:60px;
	height:60px;
	margin-right:10px;	
	float:left;
}
.WorkoutOtherPPLHeader , .WorkoutFriendsHeader
{
	margin-bottom:10px;	
}
.WorkoutOtherPPLDataDiv, .WorkoutFriendsDataDiv
{
	float:right;
	width:230px;
}
.WorkoutOtherPPLName, .WorkoutFriendName
{

}
.WorkoutOtherPPLWorkoutNameLink, .WorkoutFriendsWorkoutNameLink
{
	font-weight:bold;
	color:#283953;
}
.WorkoutOtherPPLMoreLinkDiv, .WorkoutFriendsLinkDiv
{
	width:300px;
	text-align:right;
}

.CaloriesBurnedLink
{
	background: transparent url('/img/tf/icons/cal_burn.gif') no-repeat 4px 0px;
	padding-left: 23px;
}

.AddExerciseWindowLink
{
	border-left: solid 1px #c8d4dd;  
	border-right: solid 1px #c8d4dd;
	border-top: solid 1px #c8d4dd;
	cursor: pointer; 
	display: block; 
	overflow: hidden; 
	width: 612px; 
	padding: 4px;
}
/******* End CustomWorkoutDetails Styles *********/

/* -------------- End Exercise Styles -------------- */


/* -------------- Start Exercise Directory Styles ------------- */

.ExDirGrpContainer
{
	float: left; 
	width: 185px;
	padding: 10px 0 10px 20px;
}

.ExDirVideos
{
	float: left;
	padding: 20px 0 20px 0;
}

.ExDirVideos h2
{
	font-size: 18px;
	font-weight: normal;
}

.ExDirExOfDayTitle
{
	float: left;
	padding: 10px 0 10px 0;
}

.ExDirExOfDayTitle h1
{
	text-transform: uppercase;
}

.ExDirFitnessTools
{
	float: left;
	padding: 20px 0 20px 0;
}

.ExDirInstructions
{
	margin-bottom: 0px;
}

.ExDirInstructions p
{
	width: auto;
}

.food-grp-text
{
	font-size: 13px; 
	color: #273952; 
	font-weight: bold;
}

.food-grp-text a
{
	text-decoration: none;
	font-size: 13px; 
	color: #273952; 
	font-weight: bold;
}

.food-grp-text a:hover
{
	text-decoration: underline;
}

input.AnswerCtrl, .Answer textarea
{
	color : #54748B;
	border:solid 1px #7F9DB9;
	height:15px;
	padding:5px 5px 5px 5px;
	vertical-align:middle;
	
	margin:5px 0 5px 0;
	
}

.ImageSelectContainer input.AnswerCtrl
{
	height: 22px;
	padding: 0px;
}

.ImageSelectContainer a.AnswerLink
{
	display: block;
	padding-top: 5px;
}

.MediaSelectContainer a.AnswerLink
{
	padding-left: 350px;
}

/* -------------- End Exercise Directory Styles --------------- */

/* -------------- Start Calories Burned Styles ---------------- */

.CalsBurnedContainer
{
	float: left; 
	width: 100%;
}

.CalsBurnedContainer p
{
	padding-bottom: 15px;
}

.CalsBurnedNotification
{
	float: left; 
	width: 100%;
	padding-bottom: 20px;
}

.CalsBurnedItem
{
	float: left; 
	width: 310px; 
	padding-bottom: 14px;
}

.CalsBurnedItem a
{
	color: #283953;
}

.CalsBurnedItemText
{
	float: left; 
	color: #283953; 
	font-family: Verdana; 
	font-size: 13px; 
	width: 165px; 
	padding-left: 10px;
}

.CalsBurnedItemTitle
{
	text-transform: uppercase; 
	font-weight: bold; 
	padding-bottom: 3px;
}

.CalsBurnedKnowledgeTitle
{
	float: left;
	width: 100%;
	font-family: Verdana;
	font-size: 14px;
	color: #273952;
	font-weight: bold;
}

.CalsBurnedKnowledgeSubtitle
{
	padding: 5px 0 10px 0;
	float: left;
	width: 100%;
	font-family: Verdana;
	font-weight: bold;
}

/* --------------- End Calories Burned Styles ----------------- */

/* --------------- Start Exercise Programs Styles ------------- */

.ExProgsGrpContainer
{
	float: left; 
	width: 275px;
	padding: 10px 0 10px 20px;
}

.ExProgsSubGrp
{
	padding-left: 30px;
}

/* --------------- End Exercise Programs Styles --------------- */


/*----------------------------------------------------------
 * CMS Styles  (Blog) 
--stylesCMS
 *----------------------------------------------------------
*/

.CmsText, .CmsLeftPadding, .CmsBox, .CmsAltBox, .CmsTitleText, .CmsEmphasisText, .CmsSmallText, .CmsBigText,
A.CmsLink, A.CmsAltLink, A.CmsInvLink, A.CmsSmallLink
{
	font-weight : normal;
    font-family : Verdana, Arial, sans-serif;;
    color : #666666;
    font-size : 12px;
}

.CmsBox
{
	padding : 12px;
}

.CmsSmallText
{
	font-size : 10px;
}

.CmsEmphasisText
{
	font-weight : bold;
}

.CmsTitleText
{
	font-weight : bold;
    font-size : 16px;
    font-family : Verdana, Arial, sans-serif;;
}

.CmsLeftPadding
{
	padding-left : 10px;
}

.CmsImage
{
}

.CmsSelectedImage
{
}

.CmsSelectedImageAlt
{
}

.CmsAltBox
{
	padding : 0px;
}

.CmsSeparator 
{
	background-color : #CCCCCC;
}

A.CmsLink, A.CmsAltLink, A.CmsInvLink, A.CmsSmallLink  /* general Link style */
{
	color: #195392;
	text-decoration: none;
}

A.CmsSmallLink
{
	font-size : 10px;
}

A.CmsLink:HOVER, A.CmsAltLink:HOVER, A.CmsInvLink:HOVER, A.CmsSmallLink:HOVER
{
	color: #283953;
	text-decoration: underline;
}

A.CmsSmLink, A.CmsBigLink, A.CmsBigAltLink
{
}

.CmsHeaderBox, .CmsHeaderText
{
}

.fitometer_result
{
    background:url(/img/tf/chatter/Fitometer_bg.gif) no-repeat;
    width:25px;
    color:#ffffff;
	font-size : 11px;
	font-weight : bold;
    height:25px;
    float:left;
    text-align : center;
	vertical-align : middle;
	padding-top:2px;
}
a.attach_link
{
 background:transparent url(/img/tf/chatter/attached.gif) no-repeat scroll left center;
 padding-bottom:2px;
 padding-left:18px;
 padding-top:2px;

}
.side_mod_title
{

    color:#283953;
    font-family:"Trebuchet MS","Lucida Grande",Verdana,sans-serif;
    font-size:12px;
    font-weight:bold;
}
.wallPostBody_blue
{
	background:#E5EEF5;
	padding:4px 10px 7px 10px;
}
.wallPostTip_blue
{
    margin-left:37px;
	width:35px;height:17px;	
	background: url('/img/tf/chatter/speech_blue_tip.gif') no-repeat left bottom;
}
.wallPost_blue_Txt
{
    color:#666666;
}
a.button_view_all { 
	background: url('/img/tf/chatter/view_all_title.gif') no-repeat center left;
	padding-left: 18px;
	padding-top: 2px;
	padding-bottom: 2px;
}
a.online 
{
    color:#669900;
}
a.offline 
{
    color:#cc0000;
}
.boards_head
{
    color:#666666;
    font-family:verdana;
    font-size:11px;
    line-height:18px; 
    vertical-align:top;
   
    
}
.boards_title
{
    color:#283953;
    font-family:Trebuchet MS;
    font-size:18px;   
    line-height:18px; 
    margin-top:0px;
}



.fitometer_result
{
    background:url(/img/tf/chatter/Fitometer_bg.gif) no-repeat;
    width:25px;
    color:#ffffff;
	font-size : 11px;
	font-weight : bold;
    height:25px;
    float:left;
    text-align : center;
	vertical-align : middle;
	padding-top:2px;
}
a.attach_link
{
 background:transparent url(/img/tf/chatter/attached.gif) no-repeat scroll left center;
 padding-bottom:2px;
 padding-left:18px;
 padding-top:2px;

}

.wallPostBody_blue
{
	background:#E5EEF5;
	padding:4px 10px 7px 10px;
}
.wallPostTip_blue
{
    margin-left:37px;
	width:35px;height:17px;	
	background: url('/img/tf/chatter/speech_blue_tip.gif') no-repeat left bottom;
}
.wallPost_blue_Txt
{
    color:#666666;
}
a.button_view_all { 
	background: url('/img/tf/chatter/view_all_title.gif') no-repeat center left;
	padding-left: 18px;
	padding-top: 2px;
	padding-bottom: 2px;
}
a.online 
{
    color:#669900;
}
a.offline 
{
    color:#cc0000;
}
h1.recent_post_side_title,h4.recent_post_side_title
{
    color:#283953;
     background:transparent url(/img/tf/chatter/gray_bullet.gif) no-repeat scroll left center;
	 padding-bottom:2px;
	 padding-left:18px;
	 padding-top:2px;
   font-size:12px;
   clear:both;
}
h1.recent_post_side_title a,h4.recent_post_side_title a
{
	color:#283953;
}
h1.recent_post_side_title a:hover,h4.recent_post_side_title a:hover
{
	text-decoration: none;
}
div.rel_article_side_title
{
     color:#283953;
     background:transparent url(/img/tf/chatter/gray_bullet.gif) no-repeat scroll left center;
	 padding-bottom:2px;
	 padding-left:18px;
	 padding-top:2px;
     font-size:12px;
     clear:both;
}
.recent_post_side_footer
{
    float:right;
    text-align:right;
    color:#5f748b;
    font-size:11px;
}

.wallPostBody_blue
{
	background:#E5EEF5;
	padding:4px 10px 7px 10px;
}
.wallPostTip_blue
{
    margin-left:37px;
	width:35px;height:17px;	
	background: url('/img/tf/chatter/speech_blue_tip.gif') no-repeat left bottom;
}
.wallPost_blue_Txt
{
    color:#666666;
}
a.button_view_all { 
	background: url('/img/tf/chatter/view_all_title.gif') no-repeat center left;
	padding-left: 18px;
	padding-top: 2px;
	padding-bottom: 2px;
}
a.board_comments
{
background:transparent url('/img/tf/chatter/speech_balloon.gif') no-repeat scroll left center;
padding-bottom:2px;
padding-left:15px;
padding-top:2px;
}
a.board_comments:hover
{
    color:#195392;
    text-decoration:underline;
}
.boards_head
{
    color:#666666;
    font-family:verdana;
    font-size:11px;
    line-height:18px; 
    vertical-align:top;
   
    
}
.boards_title
{
    color:#283953;
    font-family:Trebuchet MS;
    font-size:18px;   
    line-height:18px; 
    margin-top:0px;

}
.boards_title a
{
    color:#283953;
    font-family:Trebuchet MS;
    font-size:18px;   
    line-height:18px; 
    margin-top:0px;
    text-decoration:none
}
.boards_title a:hover
{
    color:#283953;
    text-decoration:none
}
.boards_text
{
    color:#666666;
    font-family:verdana;
    font-size:12px;
    padding-top:10px;
}
.boards_footer
{
    color:#666666;
    font-family:verdana;
    font-size:11px;
}

/* Content */
.content-border
{
	margin-top: 20px;
	width: 100%;
	height: 2px;
	background: #DBDBDB;
}
.content-border-doublesided
{
	margin: 20px 0 20px 0;
	width: 100%;
	height: 2px;
	background: #DBDBDB;
}

/* Content excerpts */
.content-excerpts
{
	overflow: hidden;
}
.content-excerpts .header
{
	overflow: hidden;
}
.content-excerpts ul
{
	overflow: hidden;
}
.content-excerpts .header h1, .content-excerpts h3, .content-excerpts .header h4
{
	float: left;
}
.content-excerpts .header a
{
	float: right;
}
.content-excerpts .header .options
{
	float: right;	
}
.content-excerpts .header .options a
{
	float: none;
	margin-left: 10px;	
}
.content-excerpts .dottedTop
{
	margin-top: 10px;
	height: 2px;
	width: 100%;
}
.content-excerpts .about
{
	margin-top: 20px;
	overflow: hidden;	
}
.content-excerpts .about img
{
	float: left;
}
.content-excerpts .details
{
	float: left;
	margin-left: 10px;
	width: 580px;
	overflow: hidden;
}
.content-excerpts .details .title
{
	color: #283953;
	font-family: "Trebuchet MS","Lucida Grande",Verdana,sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.content-excerpts li
{
	width: 100%;	
}
.content-excerpts li p
{
	margin-top: 20px;
}
.content-excerpts .comments
{
	margin-top: 10px;
}

/* Contents caption */
.contents-caption
{
	overflow: hidden;
	width: 300px;
	margin-top: 20px;
}
.contents-caption-header
{
	overflow: hidden;
}
.contents-caption-header h2
{
	float: left;
	font-weight: bold;
}
.contents-caption-header h4
{
	float: left;
}
.contents-caption-view
{
	float: right;
}
.contents-caption-about
{
	margin-top: 10px;
}
.contents-caption-about img
{
	float: left;
	width: 64px;
	height: 64px;
	background: url(/img/tf/icons/dietmember.gif) no-repeat;
}
.contents-caption-about-info
{
	float: left;
	margin-top: 10px;
}
.contents-caption-about-details
{
	float: left;
	overflow: hidden;
	margin-left: 20px;
	width: 214px;
}
.contents-caption-about-details span
{
	font-weight: bold;
	color: #283953;
}
.contents-caption-info-icon
{
	float: left;
	margin-top: 5px;
	width:  7px;
	height: 9px;
	background: url(/img/tf/icons/customizer_paper.gif) no-repeat;
}
.contents-caption-info-name
{
	float: left;
	padding-left: 8px;
}
.contents-caption-info-text
{
	clear: both;
	margin-top: 10px;
}

/* -------------- End CMS Styles -------------- */



/*----------------------------------------------------------------------------*/
/*-------------------------------- End Styles --------------------------------*/
/*----------------------------------------------------------------------------*/




/*------------------------ diet popup styles-------------------------------- */




/*** CaloriesIn style section ***/


/* Weight loss */