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

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

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


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

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

h1 strong
{
	font-weight: normal;
}

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

h1 strong
{
	font-weight: normal;	
}

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

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

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

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


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

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

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

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

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

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

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

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

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

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

.text-bubble
{
	float: left;
}

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

/* Text bubbles */

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

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

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

.Shaded {
	background: #E5EEF5
}

.Width010 {
	width: 10px
}

.Width040 {
	width: 40px
}

.Width050 {
	width: 50px
}

.Width060 {
	width: 60px
}

.Width100 {
	width: 100px
}

.Width146 {
	width: 146px
}

.WidthMax {
	width: 100%
}

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

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

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

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

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

.BigHeader div.HeaderContent {
	height: 154px
}

.BigHeaderCorporate div.HeaderContent {
	height: 154px
}

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

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

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

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

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

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

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

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

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

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

.HeaderStage a {
	color: #5BB4F2
}

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

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

.SplashHeaderMessage {
	width: 540px
}

.StandardHeaderMessage {
	width: 620px
}

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

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

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

#HeaderLogin table {
	border-collapse: collapse
}

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

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

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

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

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

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

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

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

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

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

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

#MajorNav li {
	margin-right: 4px
}

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

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

#MajorNav li
{
	position: relative;
}

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

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

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

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

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

div#MajorNav ul ul
{
	display: none;
}

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

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

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

#MinorNav a {
	color: #5BB4F2
}

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

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

.MinorNavAlert {
	color: White
}

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

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

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

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

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

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

.SelectedSubNav li.LastItem
{
	border: none;
}

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

#Main {
  background-color: White
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.navlist { padding:0px;}

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

#flashcontent
{
	z-index: 1;
}

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

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

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

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

.AnswerCheckBox
{
	vertical-align:middle;
}

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

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

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

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

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

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

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

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

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

fieldset {
	border: none;
	padding: 0;
}

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

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

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

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

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

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

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

.coloredBackground 
{
	background-color:#d4e3ee;
}

.grayBkg
{
	background-color:#ebebeb;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* weight loss tips splash */

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

.footer_underLink
{
	color: #5f748b;
}

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

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

*/

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

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

textarea {
	overflow:auto;
}

ol, ul {
	list-style: none;
}

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

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



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

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

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

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

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

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

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

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

h3 {
	text-transform: none;
}

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

h1 {
	font-size: 18px;
}

h2
{
	float: left;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 15px;
}

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

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

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

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


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

ol {
	list-style: decimal;
}

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

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

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

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

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

.profPic img
{
	vertical-align:middle;
}




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


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

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

.emphasized { 
	color: #5f748b;
}

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


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

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

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

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


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

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

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

#sign_up p a { 
	color: #283953;
}

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


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

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

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

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

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


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


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

FORM
{
	margin : 0px;
}

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

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

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

.MainHeaderRegion
{
	background-color : #FFFFFF;
}

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

.FirstLink
{
	border:0px;
}

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

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


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

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

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

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

.legendText
{
	margin-left: 6px;
}

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

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

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

.PagerTbl
{
	width:100%;
}

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

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

.PagerPageListCell span
{
	color:#666666;
}

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

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

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

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

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

.PagerSizeDiv span
{
	color:#666666;
}

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

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

/* Current Plan Labels */

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

/* Current Plan Labels */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.MiscQuote
{
	font-style : italic;
}

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

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

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

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

.MiscSeperator
{
	background-color : #d4e3ee;
}

.MiscAltSeperator
{
	background-color : #FFFFFF;
}

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

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

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

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

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

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

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

.displayNone
{
	display: none;
}

.displayBlock
{
	display: block;
}

#zigResults td
{
	padding: 0 4px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.FooterText
{
	padding-left : 3px;
}

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

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

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

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

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

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

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

.watermarked2
{
	color:Gray;
}

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

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

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

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

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

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

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

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

.SbElementBodyRegion
{
}

.SbElementBodySubheader
{
}

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

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

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

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

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

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

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

/* _____________ Alternate Element style _____________ */

.SbAltRegion
{
	background-color : #FFFFFF;
}

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

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

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

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


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

.SbAltElementBodyRegion
{
}

.SbAltElementBodySubheader, A.SbAltElementBodyLink
{
}

A.SbAltElementBodyAltLink
{
}

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

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

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

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

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

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


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


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

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

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

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

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

A.HomeFriendLink
{
	color : #FFFFFF;
}

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

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

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

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

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



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

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



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


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



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