/*------------------------ 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 -------------- */

/*----------------------------------------------------------
 * Registration Styles ++
 *----------------------------------------------------------
*/
/* Registration pages styles */
/*Rami stylesRegistration*/
BODY /* Applies to BODY tag for registration pages */
{
/*	background-color : #FFFFFF; */
/*    font-family : Verdana, Arial, sans-serif;; */
/*    font-size : 12px; */
/*    color : #666666; */
/*    text-align : center; */
}

.NullBackground /* No Background */
{
    background-color: #FFFFFF;
}

.planName
{
	font-weight:bold;	
}

.planDescription
{
	display: block;
	margin-left:21px;
	font-size:11px;
	font-style: italic;
}


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

.RegHeader
{
	padding : 3px 40px 20px 60px;
}

.RegHeader, .RegHeaderText, RegHeaderEmphasisText /* Simple motivation or instruction in the header */
{
	font-family: Verdana, Arial, sans-serif;;
	font-size: 12px;
	color : #8694A8;
	font-weight: normal;
	background-color : #F0F9FC;
}

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

.RegProgressMeterRegion, .RegProgressText, .RegPositionUnitName, .RegCurrentPositionName, .RegFinalPositionNameOn,
.RegFinalPositionNameOff, .RegPositionMarkerOn, .RegPositionMarkerOff, .RegPositionMarkerImage
{
	background-color : #FFFFFF;
	font-family: Verdana, Arial, sans-serif;;
	font-size: 10px;
	text-decoration : none;
	font-weight : normal;
	color : #FFFFFF;
	text-transform : uppercase;
	text-align : center;
	vertical-align : middle;
}

.RegPositionUnitName, .RegCurrentPositionName
{
	padding-left : 10px;
	padding-right : 10px;
}

.RegCurrentPositionName
{
	background-color : #d4e3ee;
}

.RegFinalPositionNameOn, .RegFinalPositionNameOff
{
	font-size : 11px;
	font-weight : bold;
	padding-left : 10px;
	text-align : left;
}

.RegFinalPositionNameOn
{
	background-color : #d4e3ee;
}

.RegSubHeader
{
	font-weight : bold;
    font-family : Verdana, Arial, sans-serif;;
    color : #FFFFFF;
    font-size : 12px;
    padding-left : 60px;
    text-align : left;
    vertical-align : middle;
}

.RegMainRegion, .RegMainAltRegion
{
	font-weight : normal;
    font-family : Verdana, Arial, sans-serif;;
    color : #8694A8;
    font-size : 12px;
}

A.RegInfoLink, A.RegHeaderLink /* style for information links - e.g. about free trial */
{
    text-decoration : underline;
    font-weight : normal;
    font-family : Verdana, Arial, sans-serif;;
    color : #8694A8;
}

A.RegInfoLink
{
	font-weight : bold;
}

A.RegInfoLink:HOVER, A.RegHeaderLink:HOVER
{
	color : #FFFFFF;
	text-decoration : none;
}



/* override qa styles for config */

.Question, .Answer, .QuestionError, .AnswerError, .AnswerText, .AnswerCtrl, .AnswerCtrlDDL, .AnswerCtrlError,
.Answer select, .Answer textarea, .AnswerLbl
{
	font-weight : normal;
    font-family : Verdana, Arial, Sans-Serif;
    font-size : 12px;
}

.AnswerCtrlDDLSmall
{
    font-size : 10px;
}

.AnswerCtrlSmall
{
	color : #54748B;
	border:solid 1px #7F9DB9;
	font-size: 10px;
	padding:2px 2px 2px 2px;
	vertical-align:middle;
}

.BrandText
{
	color : #54748B;
	border: solid 1px #7F9DB9;
	font-size: 13px;
	padding: 2px 2px 2px 2px;
}

.AnswerCtrl, .AnswerCtrlDDL, .AnswerCtrlDDL option, .Answer
{
	color : #54748B;
}

.Question, .QuestionError, .AnswerError
{
	color: #666666;
}

.QuestionError
{
	color:Red;
}

.QuestionTopLeft
{
	vertical-align:top; 
	padding-right:5px;
}



.QuestionLarge
{
	font-weight: normal;
	color: #666666;
	font-family : Verdana, Arial, sans-serif;
	font-size : 12px;
}

.exRegLeftCol
{
	text-align: right;
	width: 352px;
	padding-right: 12px;
}

.categoryHeader
{
	color: #54748b;
	text-decoration: none;
	cursor: pointer;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 12px;
}



td.workoutCatCtrl
{
	padding-top: 4px;
	padding-right: 12px;
}

td.medHeader
{
	text-align: left;
	font-size: 12px;
	color: #54748b;
	width: 35px;
}

.AnswerCtrlError
{
	color : #FFFFFF;
	background-color : #D15A3A;
}

A.QuestionLink, A.QuestionLinkError
{
	font-family : Verdana, Arial, Sans-Serif; 
	color : #386aa1;
	font-size : 11px;
	text-decoration: none;
	font-weight: normal;
}

A.QuestionLink:HOVER, A.QuestionLinkError:HOVER
{
	color: #8694A8;
	text-decoration : underline;
}


.categoriesRBL
{
	vertical-align:top;
	border-collapse:collapse;
	border-spacing:0px;
}

.categoriesRBL tr td
{
	padding:0px;
	margin:0px;
	vertical-align:top;
	padding-bottom:5px;
}

.categoriesRBL tr td input
{
	padding:0px;
	margin:0px 5px 1px 0px;
	vertical-align:bottom;
	width:14px;
	height:14px;
}

.categoryName
{
	color: #54748b;
	font-size: 12px;
	font-family: Verdana, Arial, Sans-Serif;
	cursor: pointer;
	padding:0px;
}

.categoryDescription
{
	font-style: italic;
	font-size: 11px;
	color: #999999;	
	margin-left:20px;
}

A.AnswerLink, A.AnswerLinkError
{
	font-weight : normal;
	color : #8694A8;
	text-decoration : underline;
	font-family : Verdana, Arial, sans-serif;;
	font-size : 12px;
}

A.AnswerLink:HOVER, A.AnswerLinkError:HOVER
{
	color: #FFFFFF;
	text-decoration : none;
}

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



.AnswerText tr td
{
	height:24px;
	padding:0px;
	vertical-align:top;
}

.AnswerText tr td span[disabled="disabled"], .DisabledTxt
{
	color:#9F9F9F;
}

.Question div
{
	margin-top:9px;
}

.AnswerLbl
{
	margin-top:9px;
	margin-left:7px;
	float:left;
}

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

.Answer textarea
{
	padding:3px 5px 3px 5px;
}

.AnswerFileSelect
{
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	width:78px;
	height:27px;
	
}

.FakeFileSelect
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width:380px;
	
}

.imageSelectTbl
{
	margin-top:5px;
	margin-bottom:5px;
}

.Answer select, .AnswerCtrlDDL
{
	color : #54748B;
	border:solid 1px #7F9DB9;
	height: 27px;
	padding:4px 3px 4px 3px;
	background-color:white;
	vertical-align:middle;
	
	margin:5px 8px 5px 0;
	
}



.MacroNutrientCtrl
{
	background-color:#E5EEF5;
}
	
.RegMiscEmphasis
{
	font-size: 12px;
	color: #283953;
	font-weight: bold;
	font-family:Verdana,Arial,sans-serif; font-size:12px;
	text-decoration:none;
}

/********* CustomWorkoutDetailsRegistration Styles ***********/
.CustomWorkoutDetails
{
	width:940px;
	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:520px;
		float:left;
}
.CustomWorkoutDetailsRow
{
	padding-bottom:5px;
	clear:both;
}
.CustomWorkoutDetailsLabel
{
	color:#666666;
	width:150px;
	float:left;
	font-size:12px;
	font-weight:400;
	float:left;
}
.CustomWorkoutDetailsData
{
	color:#2E3E57;
	font-size:12px;
	float:left;
	width:365px;
	
}
.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:520px;
}
.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
{
	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
{
	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, .ExRecMainMajor
{
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;
}

.btnFitsUpDiv
{
	text-align:right;
	padding-top:20px;
}

.wktSetupDay
{
	float: left;
	width: 37px;
}

.wktSetupDayLbl
{
	padding-bottom: 3px;
}
/******* End CustomWorkoutDetailsRegistration Styles *********/


/* UseChoosePath Reg styles */
p.ChoseDescription
{
    /*position: absolute; left: 0px; top: 105px;*/
}
div.VerticalSeparator
{
	background-image:url('/img/tf/misc/verticalrule.gif');
	background-position:center; 
	background-repeat: repeat-y; 
	float:left; 
	width: 1px; 
	height: 265px; 
	padding-right: 13px; 
	padding-left: 6px;
	margin: 0px;
}

div.RegStartOption
{
	float: left;
	width: 140px;
	height: 265px;
	position: relative;
	font-size: 12px;
	color: #666666;
	
}

div.RegStartOption h1, div.RegStartOption h1 a, div.RegStartOption h4, div.RegStartOption h4 a
{
    font: 14px "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
	text-transform : uppercase;
	font-weight: bold;
	padding-bottom: 12px;
	color: #283953;
	text-decoration: none;
}
/* END UseChoosePath Reg styles */

/* Nutri Targets */

.CaloriesTargetGridView, .MacroNutriTargetGridView, .OtherNutriTargetGridView 
{
	font-family : Verdana, Arial, sans-serif;;
    color : #666666;
    font-size : 12px;
    text-decoration:none;
    font-weight:normal;
	padding:0px;
    margin:0px;
}

.CaloriesTargetGridView
{
	padding-top:10px;
}


.MacroNutrientTotals
{
	vertical-align:top;
}

.NuTarNutrientName, .NuTarRangeText, .NuTargText
{
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
}

.NuTarNutrientName
{
	width:100px;
	font-size: 12px;
	color:#666666;
	text-align:right;
}

.NuTarRangeText
{
	font-size:11px;
	color: #54748b;
	font-style:italic;
}

.ShowNutrientListLink
{
	font-size:12px;
	text-decoration: none;
}

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


/* -------------- End Registration 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 -------------- */

/*----------------------------------------------------------
 * Dialog Styles ++
 *----------------------------------------------------------
*/
/* rami stylesDialog*/
.DialogOuterRegion
{
	background-color : #FFFFFF;	
}

.DialogRegion /* General style for a dialog region - usually a TABLE */
{
	background-color: #FFFFFF;
	padding : 0px 10px 0px 0px;
}

.DialogAltRegion /* General style for a dialog region - usually a TABLE */
{
	background-color: #FFFFFF;
	padding : 0px 20px 0px 20px;
}

.DialogHeaderMinor, .DialogHeaderRegion, .DialogHeaderMajor, .DialogAltHeaderRegion
{
font-size:18px;display:block;float:left;margin:0;padding:0;text-transform:uppercase;
}

.DialogAltHeaderRegion
{
	background-color : #FFFFFF;
	padding:20px 0px 0px 20px;
}

.DialogHeaderRegion, .DialogAltHeaderRegion
{
	padding-bottom : 10px;
}

.DialogBodyRegion, .DialogBodyBullet,
.DialogBodyText, .DialogBodyEmphasisText
{
	color : #666666;
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;;
}

.DialogBodyTable, .DialogBodyTableHeader, .DialogBodyTableDetail /* A table that goes inside the dialog body - if any */
{
	font-weight : normal;
	font-family : Verdana, Arial, sans-serif;;
	color : #666666;
	font-size : 12px;
	border: 1px;
	border-style : solid;
	border-color : #666666;
}

.DialogBodyBullet, .DialogBodyEmphasisText, .DialogBodyTableHeader
{
	font-weight : bold;
}

.DialogBodyImage /* Style for dialog body image - if any */
{
}

.DialogBodySubheader /* Style from dialog body subheader - if any */
{
	font-size : 13px;
	color : #d4e3ee;
}

A.DialogBodyLink /* Style for dialog body link */
{	text-decoration : underline;
	font-weight : bold;
	color : #8694A8;
	font-size : 12px;
	font-family : Verdana, Arial, sans-serif;;
}

A.DialogBodyLink:HOVER
{
	color: #5F748B;
	text-decoration : none;
}

.DialogButton /*Style for the button used in a dialog box */
{
	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;
}

/* -------------- End Dialog 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;
}


/*----------------------------------------------------------
 * Diet Styles 
 *----------------------------------------------------------
*/


/* General */
#DiMainPH
{
	margin-top: -12px;
	margin-left: -26px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 960px;
	position: relative;
	min-height: 970px;
}

#DiMainContents
{
	width: 620px;
	float:left;
}

#DiMainSidebar
{
	width: 200px;
	float:left;
	padding-left:10px;
}

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

A.DiAltLink, A.DiToggleLink, A.DiLink:HOVER
{
	color : #8694A8;
	text-decoration : none;
}

A.DiToggleLink
{
	cursor : pointer;
}

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

.DiText, .DiEmphasisText
{
	font-family: Verdana, Arial, sans-serif;;
	color: #666666;
	font-size: 12px;
}

.DiEmphasisText
{
	font-weight : bold;
}

.TDietText
{
	color : white;
	font-weight : bold;
	font-size : 11px;
}


/* General END*/

/* **************** RECIPES BEGIN ************* */
a.add_recipe_header_link {
background:transparent  url('/img/tf/icons/recipe_title_bullet.png') no-repeat scroll left center;
color:#195392;
display:block;
float:left;
padding-bottom:2px;
padding-left:14px;
padding-top:2px;
}

.dietMetrics
{
	padding-top:3px;
	font-size:10px;
}

.recipeIcon
{
background:transparent url('/img/tf/icons/recipe.gif') no-repeat scroll left top;
padding-left:20px;
height:13px;
padding-top:2px;
}

.dietCatIcon 
{

background:transparent url('/img/tf/icons/side_dish_bullet.png') no-repeat scroll left top;
padding-left:20px;
height:13px;
padding-top:2px;

}

.dietLevel 
{
background:transparent url('/img/tf/icons/customizer_rank_bullet.gif') no-repeat scroll left top;
padding-left:20px;
height:13px;
padding-top:2px;

}
.dietTime 
{
background:transparent url('/img/tf/icons/recipe_timer_bullet.gif') no-repeat scroll left top;
padding-left:20px;
height:13px;
padding-top:2px;
}
div.mwl_DescriptionFooter {
background-image: url('/img/tf/icons/BottomBorderLong.gif');
background-position:center top;
background-repeat:repeat-x;
margin-left:50px;
margin-top:8px;
padding-bottom:12px;
padding-top:8px;
position:relative;
width:545px;
}   
DIV#memberworkout_leftcolumn TABLE TD.Answer {
	COLOR: #54748b
}
DIV#memberworkout_leftcolumn TABLE TD.Question {
	COLOR: #666666
}
a.button_view_all {
background:transparent url('/img/tf/icons/i_view_all.gif') no-repeat scroll left center;
padding-left:14px;
}

.SearchBoxContents {
font-size:15px;
height:22px;
padding-left:6px;
padding-top:2px;
vertical-align:middle;
width:190px;
}
#searchbox {
color:#54748B;
}

a.button_Up {  /*Used on the list of diets and workouts*/
	padding-left: 22px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: url('/img/tf/icons/customizer_up.gif') no-repeat left center;
	
}
a.button_Down {  /*Used on the list of diets and workouts*/
	padding-left: 22px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: url('/img/tf/icons/customizer_down.gif') no-repeat left center;
}



.autocomplete_completionListElement
{
	background: white;
	border: solid 1px black;
	z-index: 100;
}

.autocomplete_listItem
{
	width: 100%;
	float: left;
	clear: both;
}

.autocomplete_highlightedListItem
{
	float: left;
	clear: both;
	background: navy;
	width: 100%;
	color: White;
}


/* **************** RECIPES END ************* */

.viewSaveDietDetails
{
	 float:left;
}
.viewSaveDietTitle
{
	width:160px;
	float:left;
	text-align: right;
	padding-right: 6px;
	color : #666666;
}
.viewSaveDietData
{
	width:340px;
	float:left;
}

.IngredCalcUprog
{
	position:absolute; 
	top:-176px; 
	left:1px; 
	width: 480px; 
	height:136px; 
	z-index:1000;
	background-color:White;
	opacity:0.8;
	-moz-opacity: 0.8; 
	filter:alpha(opacity=70);
}

.IngredCalcBtnPnl
{
	background-color:#FFFFFF; 
	border-bottom:solid 1px #7F9DB9;
	border-left:solid 1px #7F9DB9;
	border-right:solid 1px #7F9DB9;
	height:38px; 
	width:480px; 
	text-align:center;
	
}

.IngredCalcBtnPnl input
{
	margin-top:5px;
}

.ingredHeader
{
	padding: 0px; 
	background-color:#F9F9F9;
	font-size:10px; 
	color:#666666
}

.recipeFoodItem
{
	border-bottom:2px solid #FFFFFF;
	padding:0px;
	background-color:#F9F9F9;
}

.foodCalorieLbl
{
	float: left; 
	clear: right; 
	line-height: 20px;
	width: 155px;
}

.foodCaloriePercentBarWrapper
{
	float: right; 
	clear: right; 
	padding: 2px 0;
}

.foodCaloriePercentBar
{
	background-color: #F9F9F9; 
	height: 20px; 
	width: 278px;
}

.foodCaloriePercent
{
	float: left; 
	background-color: #E5EEF5;
	height: 20px;
}

.foodNutriChartLbl
{
	float: left;
	padding-left: 24px;
	font-size: 10px;
}

.createNewFood
{
	background: url('/img/tf/icons/recipe_title_bullet.png') no-repeat 10px;
}

.foodItemDivider
{
	border-bottom:2px solid #FFFFFF;
	width: 320px;
	background-color:#F9F9F9;
}

.foodItem
{
	border-bottom: 2px solid #FFFFFF;
	padding: 0px;
	width: 55px;
	text-align: center;
	background-color:#F9F9F9;
}

.recDirNumBox
{
	background-color:#54748B;
	text-align:center;
	float:left;
	padding:0px;
	height:16px;
	width:16px;
	margin-top:3px;
	/*
	height:14px;
	width:18px;
	padding-bottom:4px;*/
}

.recDirNum
{
	float:left;
	position:relative;
	left:-15px;
	top:1px;
	color:White;
	font-weight:bold;
	font-size:10px;
	width:14px;
	text-align:center;
	
	
}

.recDirTxt
{
	vertical-align:middle;
	margin-bottom:5px;
	margin-left:30px;
	
}

.ingredGrid
{
	background-color:#F9F9F9;
}

.ingredItem, .ingredItemQty
{
	padding-top:5px;
}

.ingredItemQty
{
	padding-left:8px;
}


.ingredItemNutris
{
	padding-top:23px;
}



/*HEADER*/

.DiTopRegion,
.DiTopHeaderTop, .DiTopHeaderAltTop, .DiTopHeaderTopEmphasis, .DiTopHeaderAltTopEmphasis, 
.DiTopHeaderDetail, .DiTopHeaderAltDetail, .DiTopHeaderDetailEmphasis, .DiTopHeaderAltDetailEmphasis, 
.DiTopHeaderDetailEmphasisAlt, .DiTopHeaderAltDetailEmphasisAlt,
A.DiTopHeaderDetailLink, A.DiTopHeaderAltDetailLink, 
A.DiTopHeaderDetailEmphasisLink, A.DiTopHeaderAltDetailEmphasisLink,
.DiTopHeaderTable, .DiTopHeaderAltTable, .DiTopHeaderTableCell, .DiTopHeaderAltTableCell,
.DiTopHeaderTableCell2, .DiTopHeaderAltTableCell2, .DiTopHeaderTableCell3, .DiTopHeaderAltTableCell3
{
	font-family: Verdana, Arial, sans-serif;;
	color: #8694A8;
	font-size: 12px;
}

.DiTopHeaderDetailEmphasis, .DiTopHeaderAltDetailEmphasis,
.DiTopHeaderDetailEmphasisAlt, .DiTopHeaderAltDetailEmphasisAlt,
.DiTopHeaderTopEmphasis, .DiTopHeaderAltTopEmphasis
{
	font-weight : bold;
}

.DiTopHeaderDetail, .DiTopHeaderAltDetail
{
	padding : 5px;
}

.DiTopHeaderDetail
{
	padding-left : 15px;
	padding-right : 15px;
}

.DiTopHeaderTop, .DiTopHeaderAltTop
{
	padding : 4px 5px 4px 15px;
	/*height : 26px;
	vertical-align : middle;*/
}

.DiTopHeaderDetailEmphasisAlt, .DiTopHeaderAltDetailEmphasisAlt
{
	font-size: 13px;
}

.DiTopHeaderTop, .DiTopHeaderTopEmphasis, .DiTopHeaderAltTopEmphasis
{
	background : #AAE49A;
	color : #FFFFFF;
}

.DiTopHeaderTop, .DiTopHeaderTopEmphasis,
.DiTopHeaderAltTop, .DiTopHeaderAltTopEmphasis
{
	font-size: 13px;
}

td.DiTopHeaderAltTop
{
	height: 10px;
	margin-bottom: -10px;	
	background-color: transparent;
}

.DiTopHeaderAltTopEmphasis
{
	font: 12px "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
	color: #283953;
	text-transform: uppercase;
	background-color: transparent;
	font-weight: bold;
}

.DiTopHeaderDetail, .DiTopHeaderAltDetail, 
.DiTopHeaderDetailEmphasisAlt
{
	background : #FFFFFF;
}

.DiTopHeaderAltDetailEmphasisAlt
{
	color : #68D13A;
	font-weight : bold;
	font-size : 20px;
}

.DiTopHeaderDetailEmphasis, .DiTopHeaderAltDetailEmphasis
{
	font-weight : bold;
	color : #D15A3A;
}

A.DiTopHeaderDetailLink, A.DiTopHeaderDetailLink:VISITED, A.DietTopHeaderDetailLink:ACTIVE, A.DietTopHeaderDetailLink:LINK
{
	color : #195392;
}

A.DiTopHeaderDetailLink:HOVER
{
	color : #195392;
	text-decoration : underline;
}

A.DiTopHeaderAltDetailLink
{
	color : #8694A8;
	font-size : 9px;
}

A.DiTopHeaderAltDetailLink:HOVER
{
	color : #8694A8;
	text-decoration : none;
}

A.DiTopHeaderDetailEmphasisLink, A.DiTopHeaderAltDetailEmphasisLink
{
	color : #B7C5CD;
	font-weight : bold;
	font-size : 12px;
	text-decoration : none;
}

A.DiTopHeaderDetailEmphasisLink:HOVER, A.DiTopHeaderAltDetailEmphasisLink:HOVER
{
	color : #8694A8;
	text-decoration : underline;
}


.DiTopHeaderTable, .DiTopHeaderAltTable
{
	BORDER: #FFFFFF 1px solid;
}

.DiTopHeaderTableCell, .DiTopHeaderAltTableCell,
.DiTopHeaderTableCell2, .DiTopHeaderAltTableCell2
{
	border-bottom: #FFFFFF 1px solid;
}

.DiTopHeaderTableCell2, .DiTopHeaderAltTableCell2,
.DiTopHeaderTableCell3, .DiTopHeaderAltTableCell3
{
	border-right: #FFFFFF 1px solid;
}

div.DiViewMainHeader
{
	width: 620px;
	position: relative;
	margin: 0px;
	padding: 0px;
}
span.DiViewMainHeader
{
	font: 18px "Arial", sans-serif; /*"Trebuchet MS", "Lucida Grande", Verdana, sans-serif;*/
	color: #283958;
}

span.DiViewMainAltDetail2
{
	font-style: italic;
}

#DiMainMealBodyHeader
{
	width: 620px;
	height: 30px;
	border-bottom: dashed 1px #a7c1d6;
	margin-bottom: 12px;
	margin-top: 12px;
}


/*HEADER END*/


/* ******** TF special: nut info styles ********* */

.DiNutInfoHeader, .DiNutInfoHeaderTop
{
	text-align : center;
	text-transform : uppercase;
	color : #FFFFFF;
	background-color : #FFFFFF;
	font-size : 10px;
	font-family: Verdana, Arial, sans-serif;;
}

.DiNutInfoHeader
{
	padding-bottom : 2px;
	padding-top : 3px;
}

.DiNutInfoBody
{
	padding : 5px;
	text-align : center;
	font-family: Verdana, Arial, sans-serif;;
	font-size : 10px;
	color : #666666;
	background-color : #E7EEF1;
}

.DiButton
{
	color:#ffffff;
	font-family:Arial, Helvetica, Sans-Serif;
	font-weight:bold;
	font-size:11px;
	background-color:#52C923;
	border:1px solid;
	border-top-color:#DBF2F7;
	border-left-color:#DBF2F7;
	border-right-color:#9ED588;
	border-bottom-color:#9ED588;
	text-transform:uppercase;
	padding : 2px 5px 2px 5px;
}


/* TF nut info styles en */

/*Nutrition info end */
/* START Nutrition Score-> Traffic light */
.nutriBox
{
	background-color: #FFFFFF;
    font-weight:bold;
    color:#3b3b75;


}

.nutriOnTargetsBox, .nutriOffTargetsBox, .nutriNoTargetsBox
{
	background-color: transparent;
	height:20px;
	padding-top:4px;
	padding-bottom:2px;
}

.nutriOnTargetsBox
{
    color: #669900;
}

.nutriOffTargetsBox
{
    color: #cc0000;
}

.nutriNoTargetsBox
{
	color: #283953;
}

.nutInfoTD
{
    color: #283953;
    border-left: solid 1px #E9D792;
}
.nutInfoTopBorder
{
	border-top: solid 1px #E9D792;
	border-bottom: solid 1px #E9D792;
	margin-top:4px;
}

.DiNutriGridOnPlanImage
{
	padding-left: 2px;
}

/* END Nutrition Score-> Traffic light */

/* ****** Diet View Styles ******** */


.DiViewTop, .DiViewTopDetail, .DiViewMainMajor, .DiViewMainAltMajor, A.DiViewTopLink, 
A.DiViewMainMajorLink, .DiViewMainDetailEmphasis, .DiViewMainDetail,
.DiViewMainAltDetail, A.DiViewMainAltDetailLink, A.DiViewMainDetailLink,
.DiViewMainMajorCtrlRegion, .DiViewMainDetailNotch, .DiViewMainDetailCtrlRegion, 
.DiViewMainDetailRegion, .DiViewDayRegion, .DiViewMainDetailBodyRegion,
.DiViewMainDetailCal, .DiViewMainDetailRecipe, .DiViewMainDetailSubst,
A.DiViewMainDetailSubstLink, A.DiViewMainDetailRecipeLink, A.DiViewMainDetailEmphasisLink,
.DiViewMainDetailHeader, .DiViewMainDetailHeaderCal, .DiViewMainDetailHeaderRecipe, .DiViewMainDetailHeaderSubst,
.DiViewHeaderDelete
{
	font-family: Verdana, Arial, sans-serif;;
	color: #8694A8;
	font-size: 12px;
}

.DiViewMainDetailCal
{
	color: #666666;
	background-color: transparent;
}

.DiViewDayRegion
{
	padding: 0px;
	margin: 0px;
	border: solid 1px #c8d4dd;
	border-top:none;
	margin-top: 0px;
}

/*FF Hack!  It worx!*/
html>/**/body {} .DiViewDayRegion
{
	margin-top: -4px;
}


.DiViewMainDetailRegion
{
	padding: 6px;
	/*background-image: url('/img/tf/nutrition/presc/Ajax/yellowgradient.png');
    background-repeat: repeat-x;*/
	background-color:#FFFBE9;
	/*height: 190px;
	width: 620px;*/
	vertical-align: top;
}

.DiViewMainDetailRegion .DiTopHeaderAltTop
{
	padding: 0px;
}

.DiViewMainDetailHeader, .DiViewHeaderDelete, .DiViewMainDetailHeaderCal, .DiViewMainDetailHeaderRecipe, .DiViewMainDetailHeaderSubst
{
	padding : 3px 0px 6px 0px;
	background-color : #d4e3ee;
	color: #54748b;
}

.DiViewMainDetailHeader, .DiViewHeaderDelete, .DiViewMainDetailHeaderCal
{
	padding-left : 5px;
}

.DiViewMainDetailBodyRegion, .DiViewMainDetail, .DiViewMainDetailRecipe, .DiViewMainDetailSubst, .DiViewItemDelete
{
	padding-top : 5px;
	padding-bottom : 5px;
}

.DiViewMainDetailHeaderSubst
{
	padding-right : 3px;
}

.DiViewMainMajorCtrlRegion, .DiViewMainMajor, .DiViewMainAltMajor, .DiViewMainMajorCtrlRegion,
.DiViewMainDetailCtrlRegion, .DiViewMainDetailRegion, .DiViewMainDetailNotch
{
	border-bottom : solid 1px #FFFFFF;
}

.DiViewMainMajorCtrlRegion, .DiViewMainDetailCtrlRegion
{
	border-right : solid 1px #FFFFFF;
}

.DiViewTop, .DiViewTopDetail, .DiViewMainMajor, .DiViewMainAltMajor
{
	color : #FFFFFF;
	font-weight : bold;
	padding-top : 2px;
	padding-bottom : 2px;
}

A.DiViewTopLink, A.DiViewMainMajorLink
{
	color : #FFFFFF;
	font-weight : bold;
}

A.DiViewTopLink:HOVER, A.DiViewMainMajorLink:HOVER
{
	text-decoration : none;
}

.DiViewTop, .DiViewTopDetail
{
	background-color : #AAE49A;
}

.DiViewMainMajor, .DiViewMainAltMajor, .DiViewMainMajorCtrlRegion
{
	background-color : #4A9D26;
	padding-top : 5px;
	padding-bottom : 5px;
}

.DiViewMainDetailCtrlRegion
{
	background-color : #AAE49A;
}

.DiViewMainDetail, .DiViewMainAltDetail,
.DiViewMainDetailNotch, 
.DiViewMainDetailRegion, .DiViewDayRegion,
.DiViewMainDetailRecipe, .DiViewMainDetailSubst,
A.DiViewMainDetailRecipeLink, .DiViewMainDetailBodyRegion 
{
	background-color: #FFFFFF;
}

.DiViewMainAltDetail
{
	color: #54748b;
}

.DiViewMainDetailRegion
{
	color: #283953;
}

.DiViewMainDetailEmphasis
{
	font-weight : bold;
	color: #54748b;
}

A.DiViewMainAltDetailLink, A.DiViewMainDetailLink,
A.DiViewMainDetailSubstLink, A.DiViewMainDetailRecipeLink, A.DiViewMainDetailEmphasisLink
{
	vertical-align : top;
	color : #8694A8;
	font-weight : normal;
	text-decoration : underline;
}

A.DiViewMainDetailSubstLink, .DiViewMainDetailEmphasis, A.DiViewMainDetailEmphasisLink
{
	color : #666666;
}

A.DiViewMainDetailSubstLink:HOVER, A.DiViewMainDetailEmphasisLink:HOVER
{
	color : #8694A8;
	text-decoration : none;
}

.DiViewMealHeaderRow
{
	width: 620px;
	height: 30px;
	border-left: none;
	border-right: none;
	border-top: solid 1px #c8d4dd;
	border-bottom: solid 1px #c8d4dd;
}


.DiViewMealHeaderRowColoredBreakfast
{
	background-color: #d4e3ee;
	border-top: solid 1px #c8d4dd;
	border-bottom: solid 1px #c8d4dd;
}

.DiViewMealHeaderRowColoredLunch
{
	background-color: #d1ffb6;
	border-top: solid 1px #c8d4dd;
	border-bottom: solid 1px #c8d4dd;
}

.DiViewMealHeaderRowColoredSnack
{
	background-color: #fff2ba;
	border-top: solid 1px #c8d4dd;
	border-bottom: solid 1px #c8d4dd;
}

.DiViewMealHeaderRowColoredDinner
{
	background-color: #f4e8ff; /*#e7beff;  #ffdff7*/
	border-top: solid 1px #c8d4dd;
	border-bottom: solid 1px #c8d4dd;
}

.DiViewMealName
{
	width: 85px;
	float: left;
	background-color: transparent;
	height: 30px;
}

.DiViewMealName span.DiViewMainDetailEmphasis
{
	margin-left: 13px;
}

.DiViewMealFav
{
	width: 181px;
	float: left;
	background-color: transparent;
	height: 30px;
}

.DiViewMealAmountItem
{
	text-align:center;
	/*color: #666666;*/
	padding-top: 6px;
	padding-bottom: 6px;
}

/*
.DiViewMealAmountItem a
{
	text-decoration: none;
	color: #666666;
}

.DiViewMealAmountItem a:HOVER
{
	text-decoration: underline;
	color: #666666;
}
*/

.DiViewMainFoodEntry
{
	padding-left: 12px;
}

.DiViewMainFoodEntry a.DiViewMainDetailLink
{
	font-weight: bold;
	color: #283958;
	text-decoration: none;
}

.DiViewMainFoodEntry a.DiViewMainDetailLink:HOVER
{
	text-decoration: underline;
}

.DiMainFoodsLeftItems
{
	position: relative;
	margin-left: 12px;
}

.DvGridRow
{
	padding-top: 6px;
	padding-bottom: 6px;
}

.DiGridLeftControl
{
	float: left;
	
}

.DiGridMealFooter
{
	padding: 6px;
	padding-left: 12px;
	height: 20px;
}

.DiGridMealFooter a
{
}

/*  ****** Calorie Bank *********** */

.DiNegBankBalanceMain
{
	color : #F62217; /*RED*/
	font-weight:bold;
	font-size:20;
}

.DiPosBankBalanceMain
{
	color : #009933;
	font-weight:bold;
	font-size:20;
}

.DiNegBankBalanceSmall
{
	color : #F62217; /*RED*/
	font-weight:bold;
}

.DiPosBankBalanceSmall
{
	color : #009933;
	font-weight:bold;
}

.DiNegBankBalanceMedium
{
	color : #F62217; /*RED*/
	font-weight:bold;
	font-size:12;
	
}

.DiPosBankBalanceMedium
{
	color : #009933;
	font-weight:bolder;
	font-size:12;
}


/* Calorie Bank End */

.SubstModalPopupFoodNutLabel
{
	background-color:#FFFFDD;
	border: solid 1px #A3A3A3;
	padding: 5px 10px 10px 10px;
	width:250px;
	/*height:500px;*/
}

/* DietView.aspx start */

.DietViewInfoContainer
{
	float: left; 
	padding: 8px;
}

.DietViewInfo
{
	width: 364px; 
	color: #666666; 
	font-size: 12px;
}

.DietViewInfoTitle
{
	color: #273952; 
	font-family: Verdana; 
	font-weight: bold;
}

.DietViewInfoSubTitle
{
	color: #666666;
	font-size: 10px; 
	font-weight: normal;
}

.DietViewInfoDescription
{
	font-weight: bold; 
	padding: 14px 0;
}

.DietViewInfoHistory
{
	font-weight: bold;
}

.DietViewInfoText
{
	color: #8493A5; 
	font-weight: normal;
}

.DietViewRulesContainer
{
	float: left; 
	width: 580px;
	background: #F7F7F7; 
	padding: 20px 20px 11px 20px;
}

.DietViewRules
{
	float: left;
	color: #666666; 
	font-size: 12px;
}

.DietViewRulesItemContainer
{
	float: left;
	clear: both;
	color: #8493A5;
	padding: 9px 0;
}

.DietViewRulesLabel
{
	float: left;
	font-weight: bold;
	color: #666666;
	padding-right: 3px;
}

.DietViewFlashTitle
{
	float: left; 
	text-transform: uppercase; 
	font-family: Trebuchet MS; 
	font-size: 12px; 
	color: #273952; 
	font-weight: bold;
	padding-top: 17px;
}

.DietViewFlashSubText
{
	color: #666666;
	font-family: Verdana;
	font-size: 10px;
}

.DietViewComment
{
	padding: 5px 10px;
	font-style: normal;
}
.DietViewCommentOuter
{
	padding-top: 15px;
}
.DietViewCommentContainer
{
	float: left; 
	padding-top: 10px;
}
.DietViewCommentBox
{
	float: left; 
	width: 530px;
}
.DietViewComment
{
	float: left; 
	width: 530px;
}
.DietViewCommentUser
{
	float: left; 
	width: 540px; 
	padding-left: 70px;
}
.DietViewCommentShowContainer
{
	float: left; 
	width: 520px;
}
.DietViewCommentShow
{
	float: left; 
	font-weight: bold; 
	color: #00333A;
}
.DietViewArticles
{
	padding-top: 20px;
}
.DietViewArticlesHeader
{
	overflow: hidden;
}
.DietViewArticlesHeader h2
{
	float: left;
	width: 230px;
	font-weight: bold;
}
.DietViewArticlesView
{
	float: right;
}
.DietViewArticlesAbout
{
	float: left;
	padding-top: 10px;
}
.DietViewMembersContainer
{
	float: left; 
	padding: 15px 0 20px 0;
}
.DietViewMembersTitle
{
	font-family: Trebuchet MS; 
	font-size: 12px; 
	color: #273952; 
	font-weight: bold; 
	text-transform: uppercase;
}
.DietViewMemberItemContainer
{
	width: 280px;
	float: left; 
	padding: 10px 12px 0 0;
}
.DietViewMemberInfoContainer
{
	float: left; 
	padding-left: 12px;
}
.DietViewMemberName a
{
	color: #273952; 
	font-weight: bold;
}
.DietViewPlansTitle
{
	float: left;
	color: #273952;
	font-weight: bold;
	font-family: Trebuchet MS;
	text-transform: uppercase;
}


/* DietView.aspx end */



/* ****** Diet View Styles End ******** */


/* Diet Checkin */
.CheckinTable, .CheckinTableAlt
{
BORDER-RIGHT: 1px ridge; 
BORDER-TOP: 1px ridge; 
BORDER-LEFT: 1px ridge; 
BORDER-BOTTOM: 1px ridge;
border-color : #FFFFFF;
background-color : #FFFFFF;
}

A.CheckinLink, A.CheckinAltLink
{
	font-family: Verdana, Arial, sans-serif;;
	color: #666666;
	font-size: 12px;
	text-decoration : underline;
}

A.CheckinAltLink
{
	color: #8694A8;
}

A.CheckinLink:HOVER, A.CheckinAltLink:HOVER
{
	color : #FFFFFF;
	text-decoration : none;
}

/* Diet Checkin End */

/*Nutritional info */

.NutritionLabel
{
	background-color : #FFFFFF;
	font-family : Verdana, Arial, sans-serif;;
    color : #666666;
    font-size : 13px;
}

.NutritionLabelCell
{
    BORDER-TOP-STYLE: none; 
    BORDER-BOTTOM: black thin solid; 
    BORDER-RIGHT-STYLE: none; 
    BORDER-LEFT-STYLE: none;
}

.NutritionLabelBlackCell
{
	background-color:black;
	border-color:black;
}

.NutritionLabelHeaderCell
{
	 font-weight:bold;
	 font-size:13pt;
}

.NutritionLabelNoBorderCell
{
	BORDER-TOP-STYLE: none;
	BORDER-BOTTOM: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
}

.NutritionLabelSubHeaderCell
{
	font-weight:bold;
	BORDER-RIGHT: none; 
	BORDER-TOP: none; 
	BORDER-LEFT: none; 
	BORDER-BOTTOM:black solid;
}

/*Nutrition info end */

/* CaloriesFC start */
#calories-content
{
	float: left;
	width: 620px;
	background: white;
}
#calories-subheader
{
	height: 50px;
}
.notification
{
	padding: 4px;
	background: #FFFFCC;
}
.food-grp-container
{
	float: left; 
	width: 260px;
	padding: 10px 0 10px 20px;
}
.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;
}
.calories-info-container
{
	float: left;
	width: 290px;
	padding: 0 20px 20px 0;
}
.calories-info-item
{
	float: left;
	width: 270px;
	height: 100px;
	background-color: #F7F7F7;
	padding: 10px;
}
.calories-info-item h2
{
	font-weight: bold;
}
.calories-info-text
{
	float: left; 
	width: 200px; 
	padding: 7px 0 0 8px;
}
.fitness-tool-title
{
	font-weight: bold;
	color: #273952;
}
#recipe-of-the-day
{
	padding-top: 20px;
}
#calories-tips
{
	padding-top: 16px;
}

#fitclick-content
{
	float: left;
	padding-left: 14px;
	background: white;
}
.fitclick-info-separator
{
	background: url('/img/tf/backgrounds/blue_dotted_horizontal_line.gif') repeat-x right bottom;
	margin-top: 16px;
	margin-bottom: 16px;
	width:  300px;
	height: 1px;
}
.fitclick-info-section
{
	clear: both;
	padding-top: 12px;
	width: 280px;
	overflow: hidden;
}
.info-picture
{
	float: left;
	width:  64px;
	height: 64px;
}
.info-details
{
	float: left;
	padding-left: 10px;
	width: 200px;
}
.info-details-title
{
	font-weight: bold;
}
#fitclick-info-signup
{
	padding-top: 10px;
	width: 73px;
	margin-left:  auto;
	margin-right: auto;
}
#fitclick-support-title
{
	font-weight: bold;
}
#most-recent-members
{
	padding-bottom: 50px;
}
.recent-member
{
	padding-top: 16px;
	padding-bottom: 16px;
	clear: both;
}
.recent-member-picture
{
	float: left;
}
.recent-member-details
{
	float: left;
	padding-left: 16px;
}
.member-details-username
{
	color: #283953;
}
#fitclick-groups-title
{
	font-weight: bold;
}
.group
{
	padding-top: 16px;
	padding-bottom: 16px;
	clear: both;
}
.group-picture
{
	float: left;
	width: 64px;
	height: 64px;
}
.group-details
{
	float: left;
	padding-left: 10px;
}

#content-calories-fitclick-end
{
	clear: both;
}

/* CaloriesFC end */




/* -------------- End Diet 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 --------------- */


/*----------------------------------------------------------
 * Calendar Styles 
 *----------------------------------------------------------
*/

.CalendarRegion, .CalendarDaySeparator /* General style for calendar region */
{
	background-color : #FFFFFF;
	color: #d4e3ee;
}

.CalendarHeaderRegion, .CalendarHeaderMajor, .CalendarHeaderMinor,
.CalendarAltHeaderMajor, .CalendarAltHeaderMinor
{
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #283953;
	margin: 0px;
	padding: 0px;
	position: relative;
}

div.CalendarHeaderRegion
{
	margin-bottom: 5px;
}

span.CalendarHeaderMajor
{
	padding-bottom: 2px;
	margin-left: -19px;
}

.CalendarMainRegion, .CalendarYear, .CalendarMonthRegion, .CalendarDaySeparator,
.CalendarMonthPresent, .CalendarMonthFuture, .CalendarMonthPast, 
A.CalendarMonthPresentLink, A.CalendarMonthFutureLink, A.CalendarMonthPastLink
{
	color: #d4e3ee;
	font-weight : bold;
	background-color : #FFFFFF;
  font-size : 12px;
  text-decoration : none;
	margin: 0px;
	padding: 0px;
}

div.CalendarMainRegion
{
	margin: 0 0 5px 0;
	padding: 0px;
	background: url('/img/tf/exercise/ajax/cal_background.gif');
	background-repeat: no-repeat;
	width: 300px;
	height: 240px;
}






.CalendarSubRegion
{
	width: 225px;
	text-align: center;
	padding: 0px;
	position: relative;
	padding-top: 12px;
	padding-left: 40px;	
}

.CalendarFooterLinks
{
	width:210px;
	position:absolute;
	top:203px;
	left:50px;
	padding:0px;
	margin:0px;
}

.CalendarFooterLinks a
{
	color: #195392;
	font-size: 11px;
	font-weight: normal;
}

/*
.CalendarDaySeparator
{
	background-color : #8694A8;
}
*/

.CalendarMonthRegion
{
	padding : 5px 3px 5px 3px;
}

.CalendarMonthPresent
{
	font-size : 11px;
	font-weight : bold;
}

A.CalendarMonthPresentLink, A.CalendarMonthFutureLink, A.CalendarMonthPastLink
{
	color : #8694A8;
	text-decoration : underline;
}

A.CalendarMonthPresentLink:HOVER, A.CalendarMonthFutureLink:HOVER, A.CalendarMonthPastLink:HOVER
{
	color : #8694A8;
	text-decoration : none;
}

.CalendarWeekElement, .CalendarButton /* style for a week element */
{
	background-color : #8694A8;
}

.CalendarDayRegion, .CalendarDayHeader, .CalendarDayHeaderAlt, .CalendarDay,
.CalendarDayPast, .CalendarDayPresent, .CalendarDayFuture, .CalendarDaySelected, .CalendarDayCheckedIn,
A.CalendarDayPastLink, A.CalendarDayPresentLink, A.CalendarDayFutureLink, A.CalendarDaySelectedLink, A.CalendarDayCheckedInLink
{
	background-color : transparent;
	font-family: Verdana, Arial, sans-serif;;
	font-size: 12px;
	text-decoration : none;
	color : #666666;
	font-weight: normal;
	cursor:pointer;
}

.CalendarDayHeader, .CalendarDayHeaderAlt /* general style for the header of the day region */
{
	color : #54748b;
	text-align : center;
	background-color : transparent;
	padding : 0px 0px 2px 0px;
}

A.CalendarDayCheckedInLink, A.CalendarDayCheckedInLink:HOVER, .CalendarDayCheckedIn,
A.CalendarDayPastLink, A.CalendarDayPastLink:HOVER, .CalendarDayPast,.CalendarDayPastSelected /* style for a past day */
{
	color : #666666;
	background-color : #D4E3EE;
}

A.CalendarDayPresentLink, A.CalendarDayPresentLink:HOVER, .CalendarDayPresent,.CalendarDaySelected /* style for the present day */
{
	color : #283953;
	background-color : #F5F5F5;
}

A.CalendarDayFutureLink, A.CalendarDayFutureLink:HOVER, .CalendarDayFuture,.CalendarDayFutureSelected /* style for a future day */
{
	color : #FFFFFF;
	background-color : #5F748B;
}

.CalendarWeekElementSelected, .CalendarButtonSelected,
A.CalendarDaySelectedLink, A.CalendarDaySelectedLink:HOVER
{
	color : #ffffff;
	background-color : #5f748b;
}

.CalendarDayOtherMonth, A.CalendarDayOtherMonth, .CalendarDayOtherMonth A
{	
	color: #BFBFBF;
	background: #F5F5F5;
	/*
	opacity:0.6;
	-moz-opacity: 0.6; 
	filter:alpha(opacity=60);
	*/
}


.CalendarMainRegion table
{
	border:solid 0px #F5F5F5;
	width: 225px;
}


.CalendarMainRegion table td
{
	border-collapse: collapse;
	border: solid 1px #e6e6e6;
}

.CalendarDay div
{
	border:2px solid transparent;
}

.InvalidDay
{
	background-color: #DFDFDF;
}

.CalendarDayFutureSelected div, .CalendarDaySelected div, .CalendarDayPastSelected div,
.CalendarDayOtherMonthSelected div
{
	/*border:2px solid #FFE991;*/
	border:2px solid #FFD978;
}




/*Date Picker Styles*/



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

/*----------------------------------------------------------
 * Diet Calendar Styles 
 *----------------------------------------------------------
*/

A.CalendarDayPresentLink, A.CalendarDayPresentLink:HOVER, .CalendarDayPresent /* style for the present day */
{
	background-color: #AAE49A;
	color: #d4e3ee;
}

.CalendarMonthRegion
{
	padding : 2px 3px 2px 3px;
}


/* -------------- End Diet Calendar Styles -------------- */

/*----------------------------------------------------------
 * Graph Styles ++
--stylesGraph
 *----------------------------------------------------------
*/
.GraphRegion, .GraphChartRegion, .NoGraphsRegion /* General style for graph region - usually a TABLE */
{
	font-family: Arial;
	font-size: 10px;
}

.NoGraphsRegion
{
	text-align:center;
	padding : 10px;
}

.GraphChartRegion /* General style for graph region - usually a TABLE */
{
	padding-left : 4px;
	padding-top : 0px;
}

.GraphHeaderRegion /* General style for the header region */
{
	background-color : #B7C5CD;
	font-family: Arial;
	font-weight : bold;
	font-size: 12px;
	padding : 5px 4px 5px 9px;
	color : #FFFFFF;
}

.GraphHeaderMajor
{
	font-family: Arial;
	font-size: 12px;
	font-weight : bold;
	color : #FFFFFF;
}

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

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

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

.GraphAltHeaderMajor /* Major style for the header region - if any */
{
}

.GraphBottomRegion
{
	font-family: Arial;
	font-size: 10px;
	color : #8694A8;
	font-weight : normal;
	padding : 2px 4px 5px 28px;
}

.GraphNavRegion, .GraphNavMajor, .GraphNavMinor /* General style for the header region */
{
	background-color : #E7EEF1;
	font-family: Arial;
	font-size: 11px;
	padding-bottom : 2px;
	padding-top : 2px;
	color : #8694A8;
}

.GraphNavMajor, .GraphNavMinor
{
	padding-left : 4px;
}

.GraphXaxis /* style for x-axis */
{
}

.GraphWindow 
{
	background: transparent url(/img/tf/backgrounds/calbal_bkg.gif);
	padding:26px 5px 8px 5px;
	width:610px;
}
.GraphYaxis /* style for y-axis */
{
	
	padding-right : 9px;
}

.GraphXaxis /* style for x-axis */
{
	padding-top: 0px;
}

.GraphXaxisUnit /* style for x-axis unit name */
{
}
.xaxNum
{
	overflow: visible;	
}

.GraphYaxisUnit /* style for y-axis unit name */
{ 
	width: 35px;
	position: relative;
}

.GraphPlotRegion, .GraphPlotMajor, .GraphPlotMinor, 
.GraphPlotPoint, .GraphPlotGap, .GraphPlotNote, A.GraphPlotNoteLink,
.GraphXaxis, .GraphYaxis,.GraphXaxisUnit,.GraphYaxisUnit
{
	font-family:Verdana, Arial, Sans-Serif;
	font-size: 10px;
}

.GraphPlotNote
{
	color : #a9b8c2;
}

A.GraphPlotNoteLink
{
	text-decoration : underline;
	color : #a9b8c2;
}

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

.GraphPlotRegion
{
	padding:0 0 0 0px;
}

.GraphPlotMajor
{
	background: #CCE068 url(/img/tf/misc/grad_column.gif) repeat-x;
}

.GraphPlotNeg 
{
	background: #0C3A6C url(/img/tf/misc/grad_neg.png) repeat-x;
}

.GraphPlotMinor
{
	background-color : #E7EEF1;
}


A.GraphFunctionLink, A.GraphLink, A.GraphAltLink
{
	font-family: Arial;
	font-size: 10px;
	color : #8694A8;
	font-weight : normal;
}

A.GraphFunctionLink:HOVER, A.GraphLink:HOVER, A.GraphAltLink:HOVER
{
	color : #FFFFFF;
	text-decoration : none;
}

.GraphCtrl
{
	font-family: Arial;
	font-size: 9px;
	color : #8694A8;
	margin : 0px;
}

/* hover thing should probably be semi-transparent gif so lines go through*/
.GraphTD:hover, .GraphTDSelected {
	background: transparent url(/img/tf/backgrounds/calbal_on.gif);
}


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

/*----------------------------------------------------------
 * Splash Styles 
 *----------------------------------------------------------
 */
/*** Signup ***/
.splash-join-now
{
	margin-bottom: 20px;
	display: block;
}

.join_model
{
	width: 300px;
	overflow: hidden;
}
.join_model *
{
	overflow: hidden;
}
.join_model .title
{
	padding:20px 10px 10px 10px;
	color: #5bb4f2;
	font: 16px  Trebuchet MS,Verdana, sans-serif;
	text-align:center;
	font-weight: bold;	
}
.join_model_top
{
	width: 100%;
	height: 36px;
}
.join_model_top_left
{
	width: 100%;
	height: 36px;
	background: url(/img/tf/testsplash/join_left.gif) no-repeat top left;
}
.join_model_top_content
{
	width: 276px;
	margin: auto;
	height: 28px;
	font: 18px  Trebuchet MS, Verdana, sans-serif;	
	color:#fff;
	padding-top:8px;
	text-align:center;
	background: url(/img/tf/testsplash/join_bg.jpg) repeat-x top left;
}
.join_model_top_right
{
	width: 100%;
	height: 36px;
	background: url(/img/tf/testsplash/join_right.gif) no-repeat top right;
}
.join_content
{
	width: 300px;
	background-color: #e5eef5;
	border: solid 1px #1f5394;
}
.join_content
{
	font-size: 12px;	
}
.join_content table
{
	font: 12px Verdana,Trebuchet MS, sans-serif;
	color: #7b667f;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
}
.join_content table td img
{
	height: 0;
}
.join_model tr td.Question
{
	padding-bottom:0;
	padding-right:10px;
	padding-top:5px;
	text-align:right;
	vertical-align:top;
	width:40%;
}
.join_model tr td.Answer
{
	padding-bottom:0;
	padding-right:20px;
	padding-top:0;
	vertical-align:top;
	width:60%;
}
.join_content p
{
	font: 10px  Verdana,Trebuchet MS, sans-serif;
	padding: 10px 26px 15px 20px;	 
	vertical-align: top;	
	line-height:12px;	 
	color: #5f748b;
}
.join_model .AnswerAlt span
{
	margin-top: 5px;	
}

/*** General ***/
.content-more
{
	float: right;
	margin-top: 4px;
	margin-right: 4px;
}

/* advertisements */
.advertisement-medium
{
	width:  300px;
	height: 262px;
}

/* content */
#splash-content-main
{
	float: left;
	width: 620px;
	overflow: hidden;
}
#splash-content-misc
{
	float: left;
	padding-left: 20px;
	width: 300px;
	overflow: hidden;
}

/* notifications */
.splash-notification
{
	background: #FFFFCC;
	padding: 10px;
	overflow: hidden;
}
.splash-notification ul
{
	overflow: hidden;
}

/* boundaries */
.splash-boundary
{
	background: #DBDBDB;
	width: 100%;
	height: 2px;
}
.boundary0
{
	margin-top: 18px;
	width: 100%;
	height: 2px;
	overflow: hidden;
}
#boundary1
{
	margin: 20px 0 20px 0;
}
#boundary2
{
	margin: 20px 0 20px 0;
}
#boundary3
{
	margin-top: 20px;
}
#boundary4
{
	margin-top: 10px;
}
#boundary5
{
	margin-top: 20px;
}
#boundary6
{
	margin-top: 20px;
}
#boundary7
{
	margin-top: 20px;
}
#boundary8
{
	margin-top: 20px;
}
#boundary9
{
	margin-top: 6px;
}

/* articles */
.splash-articles
{
	overflow: hidden;
	width: 300px;
	margin-top: 20px;
}
.splash-articles-header
{
	overflow: hidden;
}
.splash-articles-header h2
{
	float: left;
	font-weight: bold;
}
.splash-articles-view
{
	float: right;
}

.splash-articles-about
{
	margin-top: 10px;
}
.splash-articles-about-picture
{
	float: left;
	width: 64px;
	height: 64px;
	background: url(/img/tf/icons/dietmember.gif) no-repeat;
}
.splash-articles-about-info
{
	float: left;
	margin-top: 10px;
}
.splash-articles-about-details
{
	float: left;
	overflow: hidden;
	margin-left: 20px;
	width: 214px;
}
.splash-articles-info-icon
{
	float: left;
	margin-top: 5px;
	width:  7px;
	height: 9px;
	background: url(/img/tf/icons/customizer_paper.gif) no-repeat;
}
.splash-articles-info-name
{
	float: left;
	padding-left: 8px;
}
.splash-articles-info-caption
{
	clear: both;
	margin-top: 10px;
}

/* lists */
.splash-navlist
{
	overflow: hidden;
}
.splash-navlist > li
{
	padding: 0 10px 0 10px;
	background: url(/img/tf/icons/separator.gif) no-repeat center right;
}
.splash-navlist .last
{
	padding-left: 10px;
	background: none;
}

/* separators */
.splash-separator
{
	overflow: hidden;
	width: 100%;
	height: 1px;
	display: block;
}
.separator0
{
	margin-top: 10px;
}
.separator1
{
	margin-top: 15px;
}
.separator2
{
	margin-top: 20px;
}

/* search */
.splash-search
{
	overflow: hidden;
}
.splash-search p
{
	float: left;
	width: 200px;
	margin-top: 4px;
}
.splash-search .search-area
{
	float: left;
	padding-left: 12px;
	overflow: hidden;
}
.splash-search .search-field
{
	float: left;
	margin-top: 1px;
	height: 22px;
	width: 200px;
}
.splash-search .search-submit
{
	float: left;
	padding-left: 10px;
}
.splash-search .progress
{
	margin-left: 22px;	
}
.splash-search .validation
{
	margin-left: 22px;
}

/* section */
.splash-section-separator
{
	margin-top: 10px;
}
.splash-section-header
{
	overflow: hidden;
	margin-top: 20px;
}
.splash-section-title
{
	float: left;
}
.splash-section-title h1,.splash-section-title h4
{
	text-transform: uppercase;	
}
.splash-section-view
{
	float: right;
}
.splash-section-post
{
	overflow: hidden;
}
.splash-section-post .first-name
{
	margin-top: 10px;	
}
.splash-section-post-name
{
	clear: left;
	color: #283953;
	font-weight: bold;
	overflow: hidden;
	display: block;
}
.splash-section-post-about
{
	display: block;
	overflow: hidden;
	margin-top: 20px;
	width: 100%;
}
.splash-section-post-about h5
{
	font-weight: bold;
	overflow: hidden;
}
.splash-section-post-details
{
	display: block;
	overflow: hidden;	
}
.splash-post-title-poster
{
	overflow: hidden;	
}
.splash-section-post-body
{
	overflow: hidden;
}
.splash-section-post-caption
{
	margin-top: 20px;
	color: #8494A6;
	overflow: hidden;
	width: 620px;
}
.splash-section-post-picture
{
	background: #7D8C91;
	width:  30px;
	height: 30px;
	float: left;
}
.splash-section-post-details
{
	float: left;
	padding-left: 10px;
}

/* join fitclick today */
#splash-join-fitclick-today > ul
{
	overflow: hidden;
	clear: both;
}
#splash-join-fitclick-today > ul > li
{
	clear: both;
	padding-top: 12px;
	width: 280px;
	overflow: hidden;
}
#splash-join-fitclick-today .info-picture
{
	float: left;
	width:  64px;
	height: 64px;
}
#splash-join-fitclick-today .info-details
{
	float: left;
	padding-left: 10px;
	width: 200px;
}
#splash-join-fitclick-today .info-details h2
{
	font-weight: bold;
}
#splash-signup-now
{
	width: 96px;
	margin: 10px auto 0 auto;
	display: block;
	overflow: hidden;
}

/* workout & fitness */

.splash-header-text h2
{
	text-transform: uppercase;
	font-size: 18px;
	font-weight: normal;
}

/* weight loss support */
#splash-weight-loss-support > p
{
	margin-top: 4px;
}
#splash-weight-loss-support > ul
{
	overflow: hidden;	
}
#splash-weight-loss-support > ul > li
{
	margin-top: 20px;
	clear: both;
}

/*** Diets Splash Page ***/
/* content */
#splash-content-main .diets
{
	padding-top: 10px;
}
#splash-diets-caloriesin-search
{
	margin-top: 10px;
	overflow: hidden;
}

/* featured diet */
.splash-diets-featured
{
	margin-top: 20px;
}
.splash-diets-featured .rules-name
{
	font-weight: bold;
	height: 300px;
	overflow: hidden;
}
.splash-diets-featured .rules-list
{
	overflow: hidden;	
}
.rules-list
{
	margin-top:5px;
}
.splash-diets-featured ul
{
	padding: 0 0 0 10px;
	margin-left: 6px;
	overflow: visible;
}
.splash-diets-featured ul li
{
	margin-top: 4px;
	list-style-type: disc;
}
.splash-diets-featured .splash-post-title-poster *
{
	clear: both;
}

/* meals */
.splash-diets-meal ul
{
	margin-top: 10px;
	margin-left: 60px;
	overflow: hidden;
}
.splash-diets-meal li
{
	margin-top: 2px;
	display: block;
}
.splash-diets-meal .header .name, .footer .name
{
	color: #283953;
	font-weight: bold;
}
.splash-diets-meal .header .carb, .header .protein, .header .fat, .header .calories
{
	color: #666666;
}
.splash-diets-meal .name
{
	float: left;
	width: 360px;
}
.splash-diets-meal .carb, .protein, .fat, .calories
{
	float: left;
	margin-left: 10px;
	color: #54748B;
	font-size: 10px;
	text-align: center;
}
.splash-diets-meal .carb
{
	width: 30px;
}
.splash-diets-meal .protein
{
	width: 47px;
}
.splash-diets-meal .fat
{
	width: 27px;
}
.splash-diets-meal .calories
{
	width: 56px;
}
.splash-diets-meal .footer
{
	font-weight: bold;
}
/* meal faceoff */
.splash-diets-meal .food ul
{
	width: 200px;	
}
.splash-diets-meal-versus
{
	display: block;
	margin: 0 auto 0 auto;
}
.splash-diets-meal-draw, .splash-diets-meal-winner
{
	margin-top: 15px;
	font-weight: bold;
}
.splash-diets-meal-draw .name
{
	color: #195392;
}
.splash-diets-meal-winner .name
{
	color: #4E8900;
}

/* foods */
.splash-section-post-body .food
{
	overflow: hidden;
}
.splash-section-post-body .food img
{
	float: left;
}
.splash-section-post-body .food a
{
	float: left;
	margin: 28px 0 0 20px;
	width: 280px;
}
.splash-section-post-body .food ul
{
	margin-top: 28px;	
}
.splash-section-post-body .food-list
{
	float: right;
	margin-top: 18px;
	overflow: hidden;
}

/* diet articles */
.splash-diet-articles
{
	overflow: hidden;
	width: 300px;
}
.splash-diet-articles
{
	margin-top: 20px;
}
.splash-diet-articles-header
{
	overflow: hidden;
}
.splash-diet-articles-header h2
{
	float: left;
	font-weight: bold;
}
.splash-diet-articles-view
{
	float: right;
}

.splash-diet-articles-about
{
	margin-top: 10px;
}
.splash-diet-about-picture
{
	float: left;
	width: 64px;
	height: 64px;
	background: url(/img/tf/icons/dietmember.gif) no-repeat;
}
.splash-diet-about-info
{
	float: left;
	margin-top: 10px;
}
.splash-diet-about-details
{
	float: left;
	overflow: hidden;
	margin-left: 20px;
	width: 214px;
}
.splash-diet-info-icon
{
	float: left;
	margin-top: 5px;
	width:  7px;
	height: 9px;
	background: url(/img/tf/icons/customizer_paper.gif) no-repeat;
}
.splash-diet-info-name
{
	float: left;
	padding-left: 8px;
}
.splash-diet-info-caption
{
	clear: both;
	margin-top: 10px;
}
.splash-diet-about-details .answer
{
	color: #000000;
	font-weight: bold;
}
.splash-diet-about-details .answer-field
{
	display: block;
}
.splash-diet-about-details .question
{
	color: #000000;
	font-weight: bold;
}
.splash-diet-about-details .question-field
{
	display: block;
}

/* advertisements */
#splash-diets-ad1
{
	margin-top: 10px;
}
#splash-diets-ad2
{
	margin-top: 10px;	
}

/*** Workouts Splash Page ***/
/* Logged Out Page */
#splash-workouts-caloriesburned
{
	margin-top: 10px;
	overflow: hidden;
}

/* featured workout */
#splash-workouts-featured
{
	margin-top: 20px;
}
#splash-workouts-featured ul
{
	overflow: hidden;
}
#splash-workouts-featured .field
{
	float: left;
	color: #666666;
	width: 130px;
	margin-left: 20px;
	text-align: right;
	overflow: hidden;
}
#splash-workouts-featured .entry
{
	float: left;
	color: #8494A6;
	margin-left: 15px;
	width: 450px;
	overflow: hidden;
}

#splash-workouts-videos h2
{
	font-weight: bold;
	margin-top: 20px;
}
#splash-workouts-videos film-strip
{
	
}

/* new workouts */
#splash-workouts-new
{
	margin-top: 25px;
	height: 90px;
	overflow: hidden;
}
#splash-workouts-new h2
{
	font-weight: bold;	
}
#splash-workouts-new li
{
	width: 290px;
	overflow: hidden;
}
#splash-workouts-new ul .second
{
	margin-left: 35px;
}
#splash-workouts-new .about
{
	margin-top: 10px;
	overflow: hidden;
}
#splash-workouts-new img
{
	float: left;	
}
#splash-workouts-new a, #splash-workouts-new p
{
	width: 180px;
	overflow: hidden;
}
#splash-workouts-new .info
{
	float: left;
	margin-left: 10px;
}
#splash-workouts-new .name
{
	color: #283953;
	font-weight: bold;	
}
#splash-workouts-new .desc
{
	height: 50px;
}

/* leaderboard */
#splash-workouts-leaderboard
{
	margin-top: 20px;	
}

/* articles */
/* workouts articles */
.splash-workouts-articles
{
	overflow: hidden;
	width: 300px;
}
.splash-workouts-articles
{
	margin-top: 20px;
}
.splash-workouts-articles-header
{
	overflow: hidden;
}
.splash-workouts-articles-header h2
{
	float: left;
	font-weight: bold;
}
.splash-workouts-articles-view
{
	float: right;
}

.splash-workouts-articles-about
{
	margin-top: 10px;
}
.splash-workouts-about-picture
{
	float: left;
	width: 64px;
	height: 64px;
}
.splash-workouts-about-info
{
	float: left;
	margin-top: 10px;
}
.splash-workouts-about-details
{
	float: left;
	overflow: hidden;
	margin-left: 20px;
	width: 214px;
}
.splash-workouts-info-icon
{
	float: left;
	margin-top: 5px;
	width:  7px;
	height: 9px;
	background: url(/img/tf/icons/customizer_paper.gif) no-repeat;
}
.splash-workouts-info-name
{
	float: left;
	padding-left: 8px;
}
.splash-workouts-info-caption
{
	clear: both;
	margin-top: 10px;
}
.splash-workouts-info-caption .answer
{
	color: #000000;
	font-weight: bold;
}
.splash-workouts-info-caption .question
{
	color: #000000;
	font-weight: bold;
}

/* Logged In Page */
/* notifications */
#splash-workout-notification
{
	margin-top: 20px;
}
#splash-workout-notification .splash-notification
{
	width: 600px;	
}

/* popular searches */
#splash-workout-popular-searches
{
	overflow: hidden;
	clear: both;	
}
#splash-workout-popular-searches > h2
{
	font-weight: bold;	
}
#splash-workout-calories-burned
{
	margin-top: 20px;	
}
#splash-workout-popular-searches
{
	margin-top: 18px;
	overflow: hidden;
}
#splash-workout-pouplar-search ul
{
	clear: both;
	display: block;
}
#splash-workout-popular-searches li
{
	clear: both;
	display: block;
}

#splash-workout-searchingon > *
{
	float: left;
}
#splash-workout-searchingon-term
{
	color: #54748B;
}

/* fitness tools and featured workouts */
/* fitness tools */
#splash-workout-tools-and-workouts
{
	margin-top: 20px;	
}
#splash-workout-tools
{
	float: left;
	background: #EAEAEA;
	width: 280px;
	height: 240px;
	padding: 10px;
}
#splash-workout-tools-header
{
	overflow: hidden;	
}
#splash-workout-tools-header h2
{
	font-weight: bold;	
}
#splash-workout-tools-header img
{
	float: left;
	width: 60px;
	height: 60px;
	margin-top: 10px;
}
#splash-workout-tools-header p
{
	float: left;
	width: 210px;
	margin: 10px 0 0 10px;
}
#splash-workout-tools-list
{
	width: 280px;
	height: 140px;
}
#splash-workout-tools-list li > h2
{
	margin-top: 4px;
}
#splash-workout-tools-list li > p
{
	margin-top: 2px;	
}
/* featured workouts */
#splash-workout-featured
{
	float: left;
	background: #EAEAEA;
	width: 280px;
	height: 240px;
	margin-left: 20px;
	padding: 10px;
}
#splash-workout-featured h2
{
	font-weight: bold;
}
#splash-workout-featured li
{
	margin-top: 10px;
}
#splash-workout-featured .profPic
{
	float: left;
}
.splash-workout-featured-info
{
	float: left;
}
#splash-workout-featured li p
{
	margin-top: 4px;
}

/* searching on */
#splash-workout-searchingon
{
	margin-top: 10px;
	overflow: hidden;
}
#splash-workout-searchingon-term
{
	color: 54748B#;	
}
#uxSearchingOnCancel
{
	margin-top: 6px;
}

/* body parts */
#splash-workout-searching-bodypart
{
	margin-top: 12px;	
}
#uxBodyParts
{
	width: 245px;
}

/* exercise calories burned list */
#splash-workout-exercise-list
{
	margin-top: 10px;
	overflow: hidden;
}

/* Main Splash Page */
#splash-headline
{
	background: #2968A6;
	width:  620px;
	height: 298px;
}
#splash-calories-all-members
{
	background: #EBEBEB;
	margin-top: 20px;
	width:  620px;
	height: 232px;
}
#splash-tips
{
	margin-top: 20px;
}
#splash-featured
{
	width: 620px;
	margin-top: 20px;
	overflow: hidden;
}
#splash-featured-diet
{
	float: left;
}
#splash-featured-diet h3
{
	text-transform: none;	
}
#splash-featured-diet h2, h2 a
{
	color: #283953;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: 600;
}
#splash-featured-workout
{
	float: left;
	padding-left: 70px;
}
#splash-featured-workout h3
{
	text-transform: none;	
}
#splash-featured-workout h2, h2 a
{
	color: #283953;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: 600;
}
.splash-featured-info
{
	overflow: hidden;
}
.splash-featured-info-picture
{
	background: #556441;
	float: left;
	margin-top: 10px;
	width:  60px;
	height: 60px;
}
.splash-featured-info-details
{
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	width: 200px;
}
.splash-info-details-name
{
	font-weight: bold;
	color: #283953;
}
.splash-info-details-desc
{
	margin-top: 2px;	
}
.splash-featured-workout
{
	margin-left: 70px;
	float: left;
}
#splash-blog-latest
{
	margin-top: 20px;
	width: 620px;
}
#splash-boards-latest
{
	margin-top: 20px;
	width: 620px;
}
.splash-latest-separator
{
	margin-top: 10px;
}
.splash-latest-header
{
	overflow: hidden;
}
.splash-latest-title
{
	float: left;
}
.splash-latest-view
{
	float: right;
}
.splash-latest-post
{
	margin-top: 20px;
	overflow: hidden;
}
.splash-latest-post-about
{
	overflow: hidden;
}
.splash-latest-post-picture
{
	background: #7D8C91;
	width:  30px;
	height: 30px;
	float: left;
}
.splash-latest-post-details
{
	float: left;
	padding-left: 10px;
	overflow: hidden;
}
.splash-post-title-poster
{
	overflow: hidden;
	display: block;
}
.splash-post-date-loc
{
	display: block;
	overflow: hidden;
}
.splash-post-details-title
{
	font-weight: bold;
	float: left;
	width: 100%;
}
.splash-post-details-poster
{
	float: left;
}
.splash-post-details-date
{
	float: left;
}
.splash-post-details-loc
{
	float: left;
}
.splash-latest-post-caption
{
	padding-top: 20px;
}
.splash-latest-post-comments
{
	padding-top: 10px;
}
.splash-post-comments-picture
{
	float: left;
	margin-top: 4px;
	width: 11px;
	height: 12px;
	background: url(/img/tf/chatter/speech_balloon.gif) no-repeat;
}
.splash-post-comments-link
{
	padding-left: 10px;
	float: left;
}
#splash-apps
{
	margin-top: 15px;
	overflow: hidden;
}
.splash-app-title
{
}
.splash-app-title sup
{
	vertical-align: super;
}
.splash-app-title a
{
	color: #283953;
}
#splash-app-twitter
{
	float: left;
	width: 300px;
}
#splash-app-mobile
{
	float: left;
	width: 300px;
	padding-left: 20px;
}
.splash-app-info
{
	margin-top: 12px;
}
.splash-app-info-picture
{
	float: left;
}
.splash-app-info-details
{
	float: left;
	padding-left: 10px;
	width: 230px;
}
#splash-recipe-of-the-day
{
	margin-top: 20px;
	overflow: hidden;
}
#splash-recipe-title
{
	overflow: hidden;
}
#splash-tools-and-groups
{
	margin-top: 30px;
}
#splash-tools
{
	float: left;
	width: 300px;
	overflow: hidden;
}
#splash-weight-loss-groups
{
	float: left;
	padding-left: 20px;
	width: 300px;
	overflow: hidden;
}
.splash-list-title
{
	font-weight: bold;
}
.splash-list-title a
{
	color: #283953;
	font-family: "Trebuchet MS","Lucida Grande",Verdana,sans-serif;
	font-size: 12px;
}
.splash-list-items
{
	margin-top: 20px;
}
.splash-list-item
{
	width: 300px;
	overflow: hidden;
	margin-top: 5px;
}
.splash-list-item-name, .splash-list-item-name a
{
	color: #283953;
	width: 250px;
	overflow: hidden;
}
.splash-list-item-picture
{
	float: left;
}
.splash-list-item-picture, splash-group
{
	width: 40px;
	height: 40px;
	background: url(/img/tf/icons/group40x40.gif) no-repeat;
}
.splash-list-item-info
{
	float: left;
	padding-left: 10px;
}
.splash-list-item-name
{
	font-weight: bold;
}

#splash-calories-in-search
{
	width:  300px;
	height: 155px;
	background: #EBF5E5;
}
#splash-calories-burned-search
{
	margin-top: 20px;
	width:  300px;
	height: 155px;
	background: #F9EFE0;
}
#splash-leaderboard-points
{
	overflow: hidden;
}
#splash-fitness-articles
{
	overflow: hidden;
	width: 300px;
}
#splash-fitness-articles
{
	margin-top: 20px;
}
#splash-fitness-articles-header
{
	overflow: hidden;
}
#splash-fitness-articles-header h2
{
	font-weight: bold;	
}
#splash-fitness-articles-view
{
	float: right;
}
#splash-fitness-articles-about
{
	margin-top: 10px;
}
#splash-fitness-about-picture
{
	float: left;
}
#splash-fitness-about-info
{
	float: left;
	width: 220px;
	padding-left: 20px;
}
#splash-fitness-info-icon
{
	float: left;
	margin-top: 5px;
}
#splash-fitness-info-name
{
	float: left;
	padding-left: 8px;
}
#splash-fitness-info-caption
{
	clear: both;
	margin-top: 10px;
}
#splash-weight-loss-support
{
	width: 300px;
	margin-top: 20px;
}

.splash-info-separator
{
	background: url('/img/tf/backgrounds/blue_dotted_horizontal_line.gif') repeat-x right bottom;
	margin-top: 16px;
	margin-bottom: 16px;
	width:  300px;
	height: 1px;
}
.splash-info-section
{
	clear: both;
	padding-top: 12px;
	width: 280px;
	overflow: hidden;
}
.info-picture
{
	float: left;
	width:  64px;
	height: 64px;
}
.info-details
{
	float: left;
	padding-left: 10px;
	width: 200px;
}
.info-details-title
{
	font-weight: bold;
}
#splash-info-signup
{
	padding-top: 10px;
	width: 73px;
	margin-left:  auto;
	margin-right: auto;
}
#splash-support-title
{
	font-weight: bold;
}
#most-recent-members
{
	padding-bottom: 50px;
}
.recent-member
{
	padding-top: 16px;
	padding-bottom: 16px;
	clear: both;
}
.recent-member-picture
{
	float: left;
}
.recent-member-details
{
	float: left;
	padding-left: 16px;
}
.member-details-username
{
	color: #283953;
}
#splash-groups-title
{
	font-weight: bold;
}
.group
{
	padding-top: 16px;
	padding-bottom: 16px;
	clear: both;
}
.group-picture
{
	float: left;
	width: 64px;
	height: 64px;
}
.group-details
{
	float: left;
	padding-left: 10px;
}

.SplashInfoRegion
{
	background-color : #FFFFFF;
}

.SplashInfoBox, .SplashInfoBoxHeader
{
	font-weight : normal;
    font-family : Verdana, Arial, sans-serif;;
    color : #8694A8;
    font-size : 12px;
    background-color : #FFFFFF;
}

.SplashInfoBox
{
	padding : 17px;
}

.SplashInfoBoxHeader
{
	font-family : Verdana, Arial;
	font-weight : bold;
    color : #FFFFFF;
    font-size : 14px;
    padding-bottom : 4px;
}

.SplashInfoRegionAlt
{
	background-color : #FFFFFF;
}

.SplashInfoBoxAlt, .SplashInfoBoxHeaderAlt, .SplashInfoBoxHeaderAlt1, A.SplashInfoBoxLinkAlt
{
	font-weight : normal;
    font-family : Verdana, Arial, sans-serif;;
    color : #8694A8;
    font-size : 12px;
    background-color : #FFFFFF;
}

.SplashInfoBoxAlt
{
	padding : 17px;
}

.SplashInfoBoxHeaderAlt, .SplashInfoBoxHeaderAlt1
{
	font-family : Verdana, Arial;
	font-weight : bold;
    color : #FFFFFF;
    font-size : 14px;
    padding-bottom : 7px;
}

.SplashInfoBoxHeaderAlt1
{
	background-color : #FFFFFF;
}

A.SplashInfoBoxLinkAlt
{
	font-weight : normal;
	text-decoration : underline;
    font-size : 10px;
}

A.SplashInfoBoxLinkAlt:HOVER
{
    color : #FFFFFF;
    text-decoration : underline;
}

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

A.SplashInfoLink:HOVER
{
    color : #FFFFFF;
    text-decoration : underline;
}

.SplashInfoHeader
{
	font-family : Verdana, Arial;
	font-weight : bold;
    color : #d4e3ee;
    font-size : 14px;
    padding-bottom : 8px;
}

.SplashFeatureGridItem
{
	float: left; 
	width: 470px;
	padding: 10px 10px 10px 0;
}

.SplashFeatureGridText
{
	float: left;
	width: 300px;
	padding: 0 10px 0 15px;
}

.PregInfoBox
{
	font-weight : normal;
    font-family : Verdana, Arial, sans-serif;;
    color : #8694A8;
    font-size : 12px;
    background-color : #FFFFFF;
    padding : 7px 17px 7px 17px;
}

.PregMainHeader
{
	background-color : #d4e3ee;
	font-family : Verdana, Arial;
	font-weight : bold;
    color : #FFFFFF;
    font-size : 14px;
    padding : 7px 10px 7px 17px;
}

.PregSecondaryHeader, .PregSecondaryHeaderError
{
	background-color : #FFFFFF;
	font-family : Verdana, Arial;
    color : #FFFFFF;
    font-size : 10px;
    padding : 7px 10px 7px 17px;
}

.PregSecondaryHeaderError
{
    color : #D15A3A;
    font-weight : bold;
}

.PriceTableHeader, .PriceTableCell, .PriceTableCellMain
{
	border-color : #FFFFFF;
	border-style : solid;
	font-weight : normal;
    font-family : Verdana, Arial, sans-serif;;
    color : #8694A8;
    font-size : 10px;
}

.PriceTableHeader
{
	background-color : #FFFFFF;
	border-bottom-width : 1px;
	border-left-width : 1px;
	border-top-width : 1px;
	border-right-width : 0px;
	padding : 2px;
}

.PriceTableCell, .PriceTableCellMain
{
	border-bottom-width : 1px;
	border-right-width : 0px;
	border-top-width : 0px;
	border-left-width : 1px;
	padding : 2px;
}

.PriceTableCellMain
{
	font-weight : bold;
    font-family : Verdana, Arial, sans-serif;;
    color : #8694A8;
    font-size : 12px;
    padding : 10px;
}

.PriceTablePrice
{
	font-weight : normal;
    font-family : Verdana, Arial, sans-serif;;
    color : #8694A8;
    font-size : 36px;
}


.ConfTableHeader, .ConfTableCell
{
	border-color : #d4e3ee;
	border-style : solid;
	font-weight : normal;
    font-family : Verdana, Arial, sans-serif;;
    color : #8694A8;
    font-size : 10px;
}

.ConfTableHeader
{
	background-color : #FFFFFF;
	border-bottom-width : 1px;
	border-left-width : 1px;
	border-top-width : 1px;
	border-right-width : 0px;
	padding : 3px;
}

.ConfTableCell
{
	border-bottom-width : 1px;
	border-right-width : 0px;
	border-top-width : 0px;
	border-left-width : 1px;
	padding : 5px;
	background-color : #FFFFFF;
	font-size : 12px;
}

.SplashContentTitle
{
	float:left;
	width:80px;
}
.SplashContentImage,.SplashContentRow img
{
	float:left;
	padding-right:10px;	
	vertical-align:middle
	
}
.SplashContentRow
{
	padding-bottom:18px;
	vertical-align:middle;
}

.SplashMoreFeatures
{
	float: left; 
	clear: both; 
	padding-bottom: 50px;
}

.SplashMoreFeatures span
{
	color:#283953;
	font-family:"Trebuchet MS","Lucida Grande",Verdana,sans-serif;
	font-size: 18px;
}

.SplashContentItems
{
	vertical-align:middle;
	
}
.SplashContentItems a 
{
	color: #283953;
	font-family: "Trebuchet MS", "Lucinda Grande", Verdana, Sans-Serif;
	font-weight: bold;
}
.SplashContentItems a:hover
{
	text-decoration: none;
}
.SplashRightBox
{
	padding-bottom:20px;
}
.SpalshBottomLink
{
	width:365px;
	text-align:right;
}
	#header_big_gradient_background,#header_big { 
	background:  url('/img/tf/backgrounds/back_header_big_gradient.jpg') no-repeat center -15px;
}
 #header_big { /* Make things stay centered on the page */
	height: 217px; }
a.branding, #logo_header_big {width: 240px;
	height: 129px;}
.sublogotext {width:300px;padding:0 0 0 10px;margin:0;text-align:left;color:#5BB4F2;
	font: 14px "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;}
	
.CorporateWellnessRequestDemo
{
	display: block;
	width: 200px;
	height: 72px;
	background: transparent url('/img/tf/buttons/button_request_demo.gif') no-repeat;
}

.CorporateWellnessViewSamples
{
	display: block;
	width: 200px;
	height: 72px;
	background: transparent url('/img/tf/buttons/button_view_samples.gif') no-repeat;
}

.CorporateWellnessContactUs
{
	display: block;
	width: 200px;
	height: 72px;
	background: transparent url('/img/tf/buttons/button_contact_us.gif') no-repeat;
}

.CorporateWellnessGirlImage
{
	float: left;
	width: 620px;
	height: 450px;
	padding-top: 10px;
	background: transparent url('/img/tf/testsplash/salad_girl.jpg') no-repeat right 30px;
}

.CorporateWellnessGirlImage h1
{
	color: #283953;
	font-family: Trebuchet MS;
	font-size: 18px;
}

.CorporateWellnessSignUp
{
	float: left;
	width: 221px;
	height: 220px;
	background: transparent url('/img/tf/testsplash/sign_organization_today.jpg') no-repeat;
}

.CorporateWellnessSubtitle
{
	float: left;
	font-family: Verdana;
	font-size: 12px;
	padding: 10px 0;
	font-weight: bold;
	color: #337AB4;
}

.CorporateWellnessAboutFitclick
{
	float: left;
	width: 620px;
	height: 300px;
	padding-top: 30px;
	background: transparent url('/img/tf/backgrounds/about_us_tick.jpg') repeat-x top;
}

.CorporateWellnessSignUpBox
{
	padding: 10px 10px 0 10px;
	background: #FFFFFF url('/img/tf/backgrounds/corporate_signup_gradient.jpg') repeat-x top;
}

.CorporateWellnessSignUpBox input.AnswerCtrl, .CorporateWellnessSignUpBox .Answer textarea
{
	height: 16px;
	margin: 0px;
	padding: 2px;
}

.CorporateWellnessLinkBox
{
	float: left;
	padding-top: 10px;
}

.CorporateWellnessLink
{
	float: left; 
	padding-left: 10px; 
	width: 220px;
}

.CorporateWellnessLinkText
{
	color: #5F748B;
	font-size: 11px;
}

.CorporateWellnessSpeechTip
{
	background: url('/img/tf/backgrounds/speech_tip.gif') no-repeat scroll left top transparent;
	padding-top: 37px; 
	float: left;
}


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

/*----------------------------------------------------------
 * Ajax Styles 
 *----------------------------------------------------------

/* Favorites */

.FavLinkButton
{	
	cursor: pointer;
	cursor : hand;
	float: left;
	margin-right:3px;
}

.FavLinkButton img
{
	position:relative;
	top:1px;
}



/* Hidden Objs */
.hiddentext label
{
	display: none;
	visibility: hidden;
	height: 0px;
}

.hiddentext input
{
	display: none;
	visibility: hidden;
	height: 0px;
}


.hiddentext a
{
	margin-top: -15px;
	margin-left: 5px;
}

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

.clickableImage
{
	cursor: pointer;
	cursor: hand;
}


.disabledCheckBox input, .disabledCheckBox
{
	background: url('/img/core/misc/small_check.gif') no-repeat 5px 5px;
	z-index:100;
}
.disabledCheckBox input
{
	visibility: hidden;
}

.disabledCheckBox label
{
	font-weight : normal;
	color : #666666;
	font-family : Verdana, Arial, sans-serif;;
	font-size : 12px;	
}
	

/*END Hidden Objs */

.disableButtonsStyle {
	background-color:#F3F3F3;
	filter:alpha(opacity=70);
	opacity:0.70;
	-moz-opacity: 0.70; 
	width:100%;
	height:100%;
	cursor:default;
}

/* Favorites */
.favStyle label
{
	display: none;
	visibility: hidden;
}
.favStyle input
{
	display: none;
	visibility: hidden;
}

.favTDStyle
{
padding-top:2px;
}

/* END Favorites */

/* Food Editor - Nutrition Facts Starts */

.NutFactTB
{
	width:35px;
	border: 1px solid #7F9DB9;
	color: #54748B;
	padding:3px;
	margin:2px;
}

.NutriFactsTbl
{
	padding:10px;
	background-color:#F9F9F9;
}
.NutritionLabel
{
	background-color:#F9F9F9;
}

.addToMenuStyle
{
	background-color:white;
}


table tr.specialhead td { border-bottom: solid 3px #AEBAC6; }
table tr.specialbody td { border-bottom: solid 1px #AEBAC6; }
table tr.specialbottom td { border-bottom: solid 7px #AEBAC6; }
.NutFactsTitle
{
	font-family:Verdana, Arial, sans-serif;;
	text-transform:none;
	font-size:15px;
	font-weight:bold;
	color: #283953;
	padding-top:5px;
}

.NutFactsText, .NutFactsTextSmall, .NutFactsEmphasisText, .NutFactsEmphasisTextSmall
{
    font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size:12px;
}

.NutFactsTextSmall, .NutFactsEmphasisTextSmall
{
    font-size:10px;
}

.NutFactsEmphasisText, .NutFactsEmphasisTextSmall
{
    font-weight : bold;
}

/* Food Editor - Nutrition Facts Ends */

/* Diet Tabs */

ul.tabbernav
{
	text-align:left;
	margin:0;
	padding: 3px 0px 3px 0px;
	border-bottom: 1px solid #c8d4dd;
	font: bold 12px Verdana, sans-serif;
}
ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 /*margin-left: 3px;*/
 border: 1px solid #c8d4dd;
 border-bottom: none;
 background: #FFFFFF;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #2A4D29; }
ul.tabbernav li a:visited { color: #2A4D29; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #A2B69E;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

.tabText, .tabBottomContents
{
	border-right:1px solid #c8d4dd;
	border-left:1px solid #c8d4dd;
	background-color: #fff;
}

.tabText
{
	padding-top:15px;
	padding-left:15px;
	padding-right:10px;
}

.tabBottomContents
{
	padding-top:10px;
	margin-bottom:10px;
	border-bottom:1px solid #c8d4dd;
}

.tabber
{
 padding:0px;
 border: none;
 margin: 0px;
 position: relative;
 width: 620px;
 height: 29px;
}

.tabber .tabberDate
{
	font: 14px "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
	color: #283953;
	font-weight: bold;
	position: absolute;
	right: 0px;
	bottom: 6px;
}

.tabberLink
{
	position: absolute;
	right: 0px;
	bottom: 6px;
}

#eaten_contents
{
	border: none;
	margin: 0px;
}

#DiMainMealContents
{
	border: solid 1px #c8d4dd;
}
/* End of Tabs Styles*/

.foodSelectorBackground
{
	background-color: #cccccc;
	filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70;	
}

.foodSelectorPanel 
{
	z-index: -100;
	position: absolute;
	width: 360px;
	margin-left: -150px;
	background-color: #ffffff;
	padding: 1em;
	border: solid black 2px;
}

/* Rounded Corners*/
    .roundedPanel, .roundedPanelDiet
    {	
	    /*padding-bottom:5px;*/
	    color:#283953;
	    font-weight:bold;
	    font-size: small;
	    background-color:#EEF4F8;
	    text-align:center;
	    background-color:#FFF1A8;
    }
    .noroundedPanel, .noroundedPanelDiet
    {  
		display:none; 
		visibility:hidden;
    }
  
/************ MaskedEdit Related Styles ***********************/
    .MaskedEditFocus
    {
        background-color: #ffffcc;
        color: #000000;
    }
    .MaskedEditMessage
    {
	    color: #ff0000;
	    font-weight: bold;
    }
    .MaskedEditError
    {
        background-color: #ffcccc;
    }
    .MaskedEditFocusNegative
    {
        background-color: #ffffcc;
        color: #000000;
    }
    .MaskedEditBlurNegative
    {
        color: #ff0000;
    }

/****************Modal Popup ******/
/*Modal Popup*/


.modalBackground {
	background-color:Gray;
	opacity:0.7;
	-moz-opacity: 0.7; 
	filter:alpha(opacity=70);
}

.progressBackground 
{
	background-color:White;
	position: absolute; 
	opacity: 0.7; 
	-moz-opacity: 0.7; 
	filter: alpha(opacity=70); 
}

.modalSpotlight {
	background-color:#ffffdd;
	padding:3px;
	width:350px;
	height:150px;
	visibility:visible;
	
}

.modalSpotlightContents 
{
	position: relative; 
	top: 42%; 
	text-align:center; 
	vertical-align: text-bottom;
}

.modalPrescGenSpotContents
{
	position: relative; 
	padding: 10px 10px 10px 10px;
	text-align:left;
}

.modalAlert {
	background-color:#ffffdd;
	padding:3px;
	width:350px;
	height:200px;
	padding:10px;
}

.modalMsgAlert 
{
	background-color:#ffffff;
	width:400px;
	border:2px solid black;
}


.txtBoxDate
{
	width: 65px;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: dashed 1px #d7d7d7;
	padding-bottom: 2px;
	margin-bottom: -2px;
}

.txtBoxDateFocus
{
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: solid 2px #195392;
	padding-bottom: 2px;
	margin-bottom: -3px;
}
.errorCallout
{
    font-family: verdana; 
    font-size: 10px;
    z-index:1;
}

/********** BEGIN Swap/Search Window *********/

.swapWindowClose 
{
  position:absolute; 
  top:0px;
  right: 0px; 
  padding:0px;
  margin:0px;
  z-index:100012;
  cursor: pointer;
  cursor: hand;
  width:22px;
  height:22px;
}

.swapWindowDone
{
	position:relative; 
	top:0px;
	right:0px; 
	margin:5px 0 0 0;
	padding:0px;
	float:right;
}
.swapWindowDone a
{
	color:White;
}

.progressBackgroundFilter {
  position:absolute;
  top:0px;
  left:0px;
  bottom:0px; /* This does not work in IE6 - therefore had to set height*/
  right:0px;  /* This does not work in IE6 - therefore had to set width*/
  overflow:hidden;
  padding:0px;
  margin:0px;
  background-color: #FFFFFF;
  z-index:100010;
  width:100%;
  height:100%;
}

#processMessage { 
  position:absolute; 
  top:45%; 
  left:43%;
  padding:10px;
  width:50px;
  z-index:100011;
  background-color:transparent;
  text-align:center;
} 

.SwapUpdateProgDIV
{
	position:absolute; 
	z-index:100011; 
	border:solid 1px black; 
	top:48%; 
	left:35%; 
	color:black; 
	font-weight : bold; 
	background-color:#ffffff; 
	width:200px; 
	height:35px; 
	vertical-align:middle;
	padding:10px;
}

.reminderDoneBackground {
	background-color:white;
	opacity:0.75;
	-moz-opacity: 0.75; 
	filter:alpha(opacity=75);
}

/********** END Swap/Search Window *********/


/**************** Calendar Extender Control ******/
.ajax__calendar_container {
    border:1px solid #646464;
    background-color: white;
    color: black;
    z-index: 1;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: silver;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:normal;
}
/****************End Calendar Extender Control ****/

/****************Javascript Popup Date Picker******/
/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable 
{
	font-size : 12px;
	font-family : Verdana, Arial, sans-serif;;
	text-align: center;
	color: #1D5796;
	background-color: white;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD, .dpTD_noaction {
	border: 1px solid #ece9d8;
	}
	
.dpTD_noaction 
{
    color: Silver;
}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD 
{
}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #5e67A0;
	font-weight: bold;
	}


/* dpButton = the forward/backward buttons at the top; dpTodayButton=the "This Month" and "Close" buttons at the bottom */
.dpButton, .dpTodayButton
{
	font-family : Verdana, Arial, sans-serif;;
	font-size: 10px;
	color: white;
	background-color: #5998C5;
	font-weight: bold;
	padding: 0px;
	margin:0px;
	height:22px;
	
}


/****************End Javascript Popup Date Picker**/

.AmountSelectorName
{
	height:40px;
	margin-left:10px;
}

.AmountSelectorName
{
	height:40px;
	margin-left:10px;
}


/*Tab skin*/
.ajax__tab_crvtab .ajax__tab_header {background:url() repeat-x bottom;}
.ajax__tab_crvtab .ajax__tab_outer {padding-right:4px;background:url() no-repeat right;height:29px;}
.ajax__tab_crvtab .ajax__tab_inner {padding-left:3px;background:url() no-repeat;}
.ajax__tab_crvtab .ajax__tab_tab {background:url() repeat-x; height: 29px; z-index: 24; margin-bottom: -1px;}
.ajax__tab_crvtab .ajax__tab_hover .ajax__tab_outer {background:url() no-repeat right;}
.ajax__tab_crvtab .ajax__tab_hover .ajax__tab_inner {background:url() no-repeat;}
.ajax__tab_crvtab .ajax__tab_hover .ajax__tab_tab {background:url() repeat-x;}
.ajax__tab_crvtab .ajax__tab_active .ajax__tab_outer {background:url() no-repeat right;}
.ajax__tab_crvtab .ajax__tab_active .ajax__tab_inner {background:url() no-repeat;}
.ajax__tab_crvtab .ajax__tab_active .ajax__tab_tab {background:url() repeat-x; height: 29px; padding: 0px;}
.ajax__tab_crvtab .ajax__tab_body {border:0px solid #999999;border-top:0;padding:0px;background-color:transparent;}
.ajax__tab_crvtab .ajax__tab_active .ajax__tab_tab .favoriteTab {background:url(/img/tf/exercise/ajax/TabActiveFavs.gif) no-repeat right; width: 87px; height: 29px; padding: 0px; margin-bottom: -1px; z-index: 25; margin-left: 3px;}
.ajax__tab_crvtab .ajax__tab_active .ajax__tab_tab .allextab {background:url(/img/tf/exercise/ajax/TabActiveAllEx.gif) no-repeat right; width: 111px; height: 29px; padding: 0px; margin-bottom: -1px; z-index: 25;}
.ajax__tab_crvtab .ajax__tab_tab .favoriteTab {background:url(/img/tf/exercise/ajax/TabInactiveFavs.gif) no-repeat right; width: 87px; height: 29px; padding: 0px; margin-bottom: -1px; z-index: 25; margin-left: 3px;}
.ajax__tab_crvtab .ajax__tab_tab .allextab {background:url(/img/tf/exercise/ajax/TabInactiveAllEx.gif) no-repeat right; width: 111px; height: 29px; padding: 0px; margin-bottom: -1px; z-index: 25; }



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

/* -------------- Begin Workout List Styles -------------- */

.CssReset
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
}

.hiddenChkFavLbl label
{
	display: none;
	visibility: hidden;
}

.hiddenChkFavLbl input
{
	visibility: hidden;
}

div#memberworkout_leftcolumn
{
	width: 620px;
	margin-right: 12px;
	float: left;
	height: 100%;
	font-size: 12px;
	color: #54748b;
}

div#memberworkout_leftcolumn table td
{
	font-size: 12px;
	color: #54748b;
}

div#memberworkout_rightcolumn
{
	width: 300px;
	float: left;
	height: 100%;
	overflow: hidden;
}

div#browsebody_leftcolumn
{
	width: 620px;
	margin-right: 12px;
	float: left;
	height: 100%;
	font-size: 12px;
	color: #54748b;
}

div#browsebody_leftcolumn table td
{
	font-size: 12px;
	color: #54748b;
}

div#browsebody_rightcolumn
{
	width: 300px;
	float: left;
	height: 100%;
	overflow: hidden;
}

.resultsDGrow
{
	background-color: #d4e3ee;
	font-size: 12px;
	color: #54748b;
}

.resultsDGrowalt
{
	background-color: #eef4f8;
	font-size: 12px;
	color: #54748b;
}

div.mwl_WorkoutDescription
{
	padding-right: 6px;
	padding-bottom: 12px;
	padding-top: 12px;
	padding-left: 50px;
}

div.mwl_DescriptionFooter
{
	width: 100%;
	background-image: url("/img/tf/misc/BottomBorderLong.gif");	
	background-repeat: repeat-x;
	background-position: top center;
	position: relative;
	margin-left: 50px;
	width: 564px;
	padding-bottom: 12px;
	padding-right: 6px;
	padding-top: 12px;
	margin-top: 12px;
}

div.mwl_DescriptionFooter table
{
}

.SpotlightPanel
{
	margin-bottom: 6px;
	margin-top: 6px;
	font-size: 12px;
}

.SpotlightPanel a
{
	text-decoration: none;
	font-size: 12px;
}

.SpotlightPanel a:HOVER
{
	text-decoration: underline;
}

.SpotlightRow td, .SpotlightRowAlt td
{
	padding: 3px;
}

.SpotlightRow
{
	background-color: #ebebeb;
}

.SpotlightRowAlt
{
	background-color: #ffffff;
}

#searchbox
{
	padding: 24px;
	height: 71px;
	background-color: #ebebeb;
	font-size: 12px;
	color: #54748b;
	vertical-align: middle;
	margin-bottom: 24px;
}

#sortControls
{
	padding-top: 12px;
	padding-bottom:12px;
}

.workoutMetrics
{
	float: left;
	width: auto;
	padding-top:3px;
	font-size:10px;
}

.workoutMetricsIcon
{
	float: left;
	width: 20px;
}

.rankIcon 
{
	background: url('/img/tf/icons/customizer_workoutlevel.gif') no-repeat left top; 
	padding-left:20px;
}
.catIcon
{
	background: url('/img/tf/icons/customizer_category.gif') no-repeat left top; 
	padding-left:20px;
}

.workoutLevel
{
	background: url('/img/tf/icons/customizer_rank.gif') no-repeat left top; 
	padding-left:20px;
}

div#WorkoutType
{
	position: absolute;
	bottom: 12px;
	left: 50px;
	width: 420px;
}

div#WorkoutSelectionControls
{
	position: absolute;
	bottom: 12px;
	right: 12px;
	width: 200px;
	text-align: right;
}

.SearchBoxContents
{
	font-size: 15px;
	vertical-align: middle;
	padding-top: 2px;
	padding-left: 6px;
	height:22px; 
	width:190px;
}


/* -------------- End Workout List Styles -------------- */

/* -------------- Activity Log -------------- */

.LogDateHeader
{
	background-color:#EBEBEB;
	font-style:italic;
	padding:5px 10px 5px 10px;
	font-weight:bold;
	color:#666666;
	font-size:12px;
	float: left;
	width: 600px;
}

.LogItem span
{
	color:#666666;
}

.quote
{
	padding:5px 20px 0px 20px;
}



.leaderBoardHeader
{
	border-bottom:1px solid #E0E0E0;
	background-color:#D4E3EE;
	height:30px;
	padding-left:10px;
	font-size:12px;
	font-weight: bold;
	color:#666666;
	font-family:Verdana, Arial, Sans-Serif;
}
.point-leaderboard-title
{
	font-weight: bold;
}
.point-leaderboard-row
{
	height:  50px;
}
.point-leaderboard-row0
{
	background: #EBEBEB;
}
.point-leaderboard-row1
{
	background: #FFFFFF;
}
.point-leaderboard-count
{
	padding-left: 10px;
	width: 20px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 18px;
}
.point-leaderboard-picture
{
	width: 30px;
}
.point-leaderboard-name
{
	width: 170px;
	padding-left: 10px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: 600;
}
.point-leaderboard-name a
{
	color: #5F748B;
}
.point-leaderboard-name a:hover
{
	text-decoration: none;
}
.point-leaderboard-points a
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: 600;
}
.point-leaderboard-points a:hover
{
	text-decoration: none;
}

/* -------------- Activity Log -------------- */


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



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




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



/*----------------------------------------------------------
 * Dialog Styles 
 *----------------------------------------------------------
*/

.DialogOuterRegion, .DialogRegion, .DialogHeaderMinor
{
	background-color: #ffffff;
}

.DialogHeaderRegion /* Style for dialog header region */
{
}

.DialogHeaderMajor /* Style for dialog header major region */
{
	padding-left: 15px;
	color: #FFFFFF;
	font-size: 19px;
    font-weight: bold;
    font-family: Arial;
    text-shadow: #666666;
}

.DialogHeaderMinor, .DialogBodyRegion, .DialogBodyBullet /* Style for dialog header minor region */
{
	font-family: Verdana, Arial, sans-serif;;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
	color: #828692;
}

.DialogBodyTable, .DialogBodyTableHeader, .DialogBodyTableDetail /* A table that goes inside the dialog body - if any */
{
	font-weight : normal;
	font-family : Verdana, Arial, sans-serif;;
	color : black;
	font-size : 12px;
	border: 1px;
	border-style : solid;
	border-color : #666666;
}

.DialogBodyTableHeader /* the table header */
{
	font-weight : bold;
}

.DialogBodyImage /* Style for dialog body image - if any */
{
}

.DialogBodyText, .DialogBodyEmphasisText, .DialogBodySubheader /* Style for dialog body text */
{
	font-weight : normal;
    font-family : Verdana, Arial, sans-serif;;
    color : #003300;
    font-size : 12px;
}

.DialogBodyEmphasisText, .DialogBodySubheader /* Style for dialog body emphasis text */
{
	font-weight : bold;
}

.DialogBodySubheader /* Style from dialog body subheader - if any */
{
	font-size : 14px;
	font: bold 12px "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
	color:#293953;
	padding-top:13px;
}

/* Search Ajax */

.DietSearchFilters
{
	padding:0px 0px 10px 0px;
}


/* End Search Ajax */



A.DialogBodyLink /* Style for dialog body link */
{
	text-decoration : underline;
	font-weight : bold;
	font-family : Verdana, Arial, sans-serif;;
	color:#195392;
	font-size : 11px;
}

A.DialogBodyLink:HOVER
{
	text-decoration:none;
	color:#195392;
}

.DialogButton /*Style for the button used in a dialog box */
{
	font-weight : normal;
	font-family : Verdana, Arial, sans-serif;;
	font-size : 10px;
	color : White;
	background-color: #000066;	
}

/* AJAX Dialog - Substitution styles */



.SwapWindow 
{
	text-align:left;
    background-color: #FFFFFF;
    color: #003300;
    border:solid 1px #0B2B59;
}
#upnlBody { text-align:left;}

.AjaxSubstHeaderArea
{
	padding:0px;
    margin:0px;
	text-align:left;
}

.AjaxSubstHeaderTitle, .AjaxSubstHeaderSubTitle, .AjaxSubstHeaderText
{
	font-family : Verdana, Arial, sans-serif;;
	font-size : 12px;
	font-weight: normal; 
	color:#FFFFFF;
}

.AjaxSubstHeaderText
{
	font-size : 11px;
}

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

.AjaxSubstHeaderSubTitle
{
	font-weight: bold; 
	font-size : 14px;
}

.AjaxSubstHeaderSubTitle, .AjaxSubstHeaderText
{
	padding-left:3px;
}

.DialogSubstHeaderLeftNav
{
	font-weight : bold;
    font-family : Verdana, Arial, sans-serif;;    
    font-size : 12px;
    padding-right:20px;
	color : #003300;
	text-align:left;
}

.DialogSubstHeaderBody
{
     color:#666666;
     font:normal 14px Arial;
}

.NumResultsClass
{
	color:#293953;
    font:bold 25px Arial;
}

A.DialogSubstBodyLink, A.DialogBodyEmphasisLink /* Style for dialog body link */
{	
	font-size:12px;
	color:#195392;
	text-decoration:none;
	font-weight : normal;
}

A.DialogSubstBodyLink:Hover, A.DialogBodyEmphasisLink:Hover
{
	color:#195392;
	text-decoration:underline;
}

A.DialogBodyEmphasisLink
{
	font-weight : bold;
}
.Sort_alt_row
{
	background-color:#f7f7f7;
}
.Sort_row
{
	background-color:#ebebeb;
}
/* SearchAjax - Food and Meal Subst Begins */
.SortHeader, .NoSortHeader
{
	border-bottom : solid 1px #FFFFFF;
	padding: 0px 2px 0px 5px;
	background-color : #D4E3EE;
	height:28px;
	font-family: Verdana, Arial, sans-serif;;	
	font-weight : bold;
	font-size:11px;
	color:#666666;
	text-align:left;	
}

.SortHeader A.DialogSubstBodyLink
{
    color:#195392;
    font-size:12px;
    font-weight : bold;
}

.SortHeader A.DialogSubstBodyLink:hover
{
    color:#283953;
    text-decoration:underline;
}


.sortable
{
     background-color :	#FFFFFF;
}

.txtAreaStyle
{
	background-color: white;
}

.rFloat
{
	float:right;
}

.searchPopupStyle
{
	background-color:#0D2C5A; /* BLUE BACKGROUND */
	width:711px;
	height:537px;
	margin:0px;
	padding:0px 25px 0px 25px;
}

.ajax__tab_header{/*background:#0b2b59 url(/img/tf/nutrition/subst/swapTabs_header.jpg) no-repeat;*/text-align:right; margin-right:20px;}
/*.ad .ajax__tab_header{background-image: url(/img/tf/nutrition/subst/swapTabs_header.jpg);}*/
.swapFoodTabs  { text-align:left; padding:0px;  }
.swapFoodTabs .ajax__tab_body {  background-color:White; height:393px; width:711px; border:0px; padding:0px; margin:0px; overflow-x:hidden;}
.swapFoodTabs .ajax__tab_hover .ajax__tab_tab .favoritestab {background:url(/img/tf/nutrition/subst/favoritestab_hover.jpg) no-repeat; width: 87px; height: 29px; padding: 0px; margin-bottom: 0px;  z-index: 30; }
.swapFoodTabs .ajax__tab_hover .ajax__tab_tab .searchtab {background:url(/img/tf/nutrition/subst/searchtab_hover.jpg) no-repeat; width: 72px; height: 29px; padding: 0px; margin-bottom: 0px;  z-index: 30;}
.swapFoodTabs .ajax__tab_hover .ajax__tab_tab .recenttab {background:url(/img/tf/nutrition/subst/recenttab_hover.jpg) no-repeat; width: 117px; height: 29px; padding: 0px; margin-bottom: 0px; z-index: 30; }
.swapFoodTabs .ajax__tab_active .ajax__tab_tab .favoritestab {background:url(/img/tf/nutrition/subst/favoritestab_selected.jpg) no-repeat; width: 87px; height: 29px; padding: 0px; margin-bottom: 0px;  z-index: 30; }
.swapFoodTabs .ajax__tab_active .ajax__tab_tab .searchtab {background:url(/img/tf/nutrition/subst/searchtab_selected.jpg) no-repeat; width: 72px; height: 29px; padding: 0px; margin-bottom: 0px;  z-index: 30;}
.swapFoodTabs .ajax__tab_active .ajax__tab_tab .recenttab {background:url(/img/tf/nutrition/subst/recenttab_selected.jpg) no-repeat; width: 117px; height: 29px; padding: 0px; margin-bottom: 0px; z-index: 30; }
.swapFoodTabs .ajax__tab_tab .favoritestab {background:url(/img/tf/nutrition/subst/favoritestab.jpg) no-repeat; width: 87px; height: 29px; padding: 0px; margin-bottom: 0px; margin-left: 5px; z-index: 25; }
.swapFoodTabs .ajax__tab_tab .searchtab {background:url(/img/tf/nutrition/subst/searchtab.jpg) no-repeat; width: 72px; height: 29px; padding: 0px; margin-bottom: 0px; margin-left: 5px; z-index: 25;  }
.swapFoodTabs .ajax__tab_tab .recenttab {background:url(/img/tf/nutrition/subst/recenttab.jpg) no-repeat; width: 117px; height: 29px; padding: 0px; margin-bottom: 0px;  margin-left: 5px; margin-right: 15px; z-index: 25; }
.swapFoodTabs .ajax__tab_outer {margin-left:-5px;}

.swapMealTabs  { text-align:left; padding:0px;  }
.swapMealTabs .ajax__tab_body { background-color:White; height:393px; width:711px;  border-top:0; border-bottom:solid 0px #e8e8e8; border-right:solid 0px #e8e8e8; border-left:solid 0px #e8e8e8; padding:0px; margin:0 0 0 25px;}
.swapMealTabs .ajax__tab_hover .ajax__tab_tab .favoritestab {background:url(/img/tf/nutrition/subst/favoritestab_hover.jpg) no-repeat; width: 87px; height: 29px; padding: 0px; margin-bottom: 0px;  z-index: 30; }
.swapMealTabs .ajax__tab_hover .ajax__tab_tab .searchtab {background:url(/img/tf/nutrition/subst/searchtab_hover.jpg) no-repeat; width: 72px; height: 29px; padding: 0px; margin-bottom: 0px;  z-index: 30;}
.swapMealTabs .ajax__tab_hover .ajax__tab_tab .recenttab {background:url(/img/tf/nutrition/subst/recenttab_hover.jpg) no-repeat; width: 117px; height: 29px; padding: 0px; margin-bottom: 0px; z-index: 30; }
.swapMealTabs .ajax__tab_active .ajax__tab_tab .favoritestab {background:url(/img/tf/nutrition/subst/favoritestab_selected.jpg) no-repeat; width: 87px; height: 29px; padding: 0px; margin-bottom: 0px;  z-index: 30; }
.swapMealTabs .ajax__tab_active .ajax__tab_tab .searchtab {background:url(/img/tf/nutrition/subst/searchtab_selected.jpg) no-repeat; width: 72px; height: 29px; padding: 0px; margin-bottom: 0px;  z-index: 30;}
.swapMealTabs .ajax__tab_active .ajax__tab_tab .recenttab {background:url(/img/tf/nutrition/subst/recenttab_selected.jpg) no-repeat; width: 117px; height: 29px; padding: 0px; margin-bottom: 0px; z-index: 30; }
.swapMealTabs .ajax__tab_tab .favoritestab {background:url(/img/tf/nutrition/subst/favoritestab.jpg) no-repeat; width: 87px; height: 29px; padding: 0px; margin-bottom: 0px; margin-left: 5px; z-index: 25; }
.swapMealTabs .ajax__tab_tab .searchtab {background:url(/img/tf/nutrition/subst/searchtab.jpg) no-repeat; width: 72px; height: 29px; padding: 0px; margin-bottom: 0px; margin-left: 5px; z-index: 25;  }
.swapMealTabs .ajax__tab_tab .recenttab {background:url(/img/tf/nutrition/subst/recenttab.jpg) no-repeat; width: 117px; height: 29px; padding: 0px; margin-bottom: 0px;  margin-left: 5px; margin-right: 15px; z-index: 25; }
.swapMealTabs .ajax__tab_outer {margin-left:-5px;}

.searchtab{margin-left:5px;}
.SearchResultsItem
{
	color: #5f748b;
	font:normal 12px Arial;
	line-height:16px;
	text-align:left;
}
.foods_list_title
{
	color:#283953;
}
.foods_list_ddl
{
	font:normal 11px verdana;color:#666666;
}
.mod_side_refine_search
{
}
.mod_side_refine_search_top
{
}
.mod_side_refine_search_content
{
}
.rf_search_btn
{
	vertical-align:middle;	
}
.rf_search_txtbox
{
	float:left;
	width:120px;
	height:22px;
	font-size:15px;
}
.rf_search_rbtn
{
	margin-right:3px;
}
.DialogSubtsBodyDots
{
	background-image: url('/img/tf/nutrition/subst/dots_bg.gif');
	background-repeat: repeat-y; 
}

.ModalPopupHeader
{
	text-align:center;
	height:35px;
	font-weight : bold;
    font: 18px "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
    background:#0b2b59 url(/img/tf/nutrition/subst/header_nut_popup.jpg) repeat-x bottom center;
    color: White;
	text-transform: uppercase;
	padding-top:8px;
}

.SubstModalPopupAddToMenu,  .SubstModalPopupNewFood, .SubstModalPopupEditFavMeal
{
	background-color :	#FFFFFF;
	border: solid 1px #0B2B59;
	padding:5px 10px 10px 10px;
	color:  #003300;
}

.SubstModalPopupAddToMenu
{
	float:left;
	width:530px;
	padding:0px;
}
.SubstModalPopupAddToMenuInner
{
	padding:5px 10px 10px 10px;
	width:100%;
}
.SubstModalPopupNewFood
{
	float:left;
	width:680px;
	padding:0px;
}

.SubstModalPopupEditFavMeal
{
	width:550px;
	height:350px;
}




.DialogSubstEmphasisText
{
	font-weight : bold;
	font-family:Verdana, Arial, sans-serif;;
	color: #283953;
	
}

#SearchPanel
{
	position: absolute;
}


span.nutTotal
{
	font-weight: bold;
}

.clickableImage
{
	cursor: pointer;
	cursor: hand;
}


.foodSelectorBackground
{
	background-color: #cccccc;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;	
}


.DialogSubstButton, .DialogSubstChooseButton
{	
	cursor: pointer;
	cursor : hand;
}

.validatorCalloutHighlight 
{
    background-color: #FFFACD;
}

.SubstErrorText
{
	font-weight : bold;
    font-family : Verdana, Arial, sans-serif;;
    color : #D15A3A;
    font-size : 10px;
}



/* SearchAjax - Food and Meal Subst Ends */

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


/*** CaloriesIn style section ***/


/* Weight loss */