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

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

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


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

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

h1 strong
{
	font-weight: normal;
}

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

h1 strong
{
	font-weight: normal;	
}

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

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

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

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


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

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

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

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

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

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

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

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

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

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

.text-bubble
{
	float: left;
}

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

/* Text bubbles */

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

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

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

.Shaded {
	background: #E5EEF5
}

.Width010 {
	width: 10px
}

.Width040 {
	width: 40px
}

.Width050 {
	width: 50px
}

.Width060 {
	width: 60px
}

.Width100 {
	width: 100px
}

.Width146 {
	width: 146px
}

.WidthMax {
	width: 100%
}

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

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

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

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

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

.BigHeader div.HeaderContent {
	height: 154px
}

.BigHeaderCorporate div.HeaderContent {
	height: 154px
}

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

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

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

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

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

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

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

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

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

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

.HeaderStage a {
	color: #5BB4F2
}

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

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

.SplashHeaderMessage {
	width: 540px
}

.StandardHeaderMessage {
	width: 620px
}

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

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

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

#HeaderLogin table {
	border-collapse: collapse
}

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

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

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

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

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

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

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

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

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

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

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

#MajorNav li {
	margin-right: 4px
}

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

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

#MajorNav li
{
	position: relative;
}

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

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

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

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

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

div#MajorNav ul ul
{
	display: none;
}

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

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

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

#MinorNav a {
	color: #5BB4F2
}

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

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

.MinorNavAlert {
	color: White
}

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

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

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

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

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

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

.SelectedSubNav li.LastItem
{
	border: none;
}

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

#Main {
  background-color: White
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.navlist { padding:0px;}

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

#flashcontent
{
	z-index: 1;
}

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

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

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

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

.AnswerCheckBox
{
	vertical-align:middle;
}

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

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

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

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

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

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

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

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

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

fieldset {
	border: none;
	padding: 0;
}

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

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

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

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

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

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

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

.coloredBackground 
{
	background-color:#d4e3ee;
}

.grayBkg
{
	background-color:#ebebeb;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* weight loss tips splash */

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

.footer_underLink
{
	color: #5f748b;
}

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

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

*/

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

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

textarea {
	overflow:auto;
}

ol, ul {
	list-style: none;
}

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

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



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

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

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

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

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

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

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

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

h3 {
	text-transform: none;
}

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

h1 {
	font-size: 18px;
}

h2
{
	float: left;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 15px;
}

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

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

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

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


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

ol {
	list-style: decimal;
}

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

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

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

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

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

.profPic img
{
	vertical-align:middle;
}




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


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

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

.emphasized { 
	color: #5f748b;
}

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


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

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

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

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


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

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

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

#sign_up p a { 
	color: #283953;
}

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


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

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

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

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

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


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


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

FORM
{
	margin : 0px;
}

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

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

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

.MainHeaderRegion
{
	background-color : #FFFFFF;
}

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

.FirstLink
{
	border:0px;
}

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

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


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

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

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

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

.legendText
{
	margin-left: 6px;
}

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

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

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

.PagerTbl
{
	width:100%;
}

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

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

.PagerPageListCell span
{
	color:#666666;
}

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

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

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

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

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

.PagerSizeDiv span
{
	color:#666666;
}

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

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

/* Current Plan Labels */

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

/* Current Plan Labels */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.MiscQuote
{
	font-style : italic;
}

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

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

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

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

.MiscSeperator
{
	background-color : #d4e3ee;
}

.MiscAltSeperator
{
	background-color : #FFFFFF;
}

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

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

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

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

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

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

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

.displayNone
{
	display: none;
}

.displayBlock
{
	display: block;
}

#zigResults td
{
	padding: 0 4px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.FooterText
{
	padding-left : 3px;
}

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

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

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

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

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

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

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

.watermarked2
{
	color:Gray;
}

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

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

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

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

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

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

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

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

.SbElementBodyRegion
{
}

.SbElementBodySubheader
{
}

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

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

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

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

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

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

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

/* _____________ Alternate Element style _____________ */

.SbAltRegion
{
	background-color : #FFFFFF;
}

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

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

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

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


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

.SbAltElementBodyRegion
{
}

.SbAltElementBodySubheader, A.SbAltElementBodyLink
{
}

A.SbAltElementBodyAltLink
{
}

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

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

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

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

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

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


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


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

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

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

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

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

A.HomeFriendLink
{
	color : #FFFFFF;
}

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

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

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

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

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



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



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


input.ProfileEditControl
{
	height:18px;
}



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

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

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

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

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

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

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

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

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

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

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

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



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


/*----------------------------------------------------------
 * Community Styles 
--stylesCommunity
 *----------------------------------------------------------
/*Search Group*/
.GrpBlurbTitleHeader
{
	float:left;
	color:#283953;
	font-weight:bold;
	padding-left:10px;
}
.GrpBlurbTitle
{
	float:left;
	width:100px;
	padding-left:10px;
}
.GrpBlurbContent
{
	float:left;
}
.GrpBlurbSubHeader
{
	float:left;
	color:#283953;
	font-family:"Trebuchet MS","Lucida Grande",Verdana,sans-serif;
}

/* friend sample */
.friend-sample *
{
    overflow: hidden;
}
.friend-sample div.border
{
	margin-top: 2px;
	width: 100%;
	height: 1px;
	background: #EBF5FF;
}
.friend-sample div.boundary
{
    margin-top: 10px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    background: Black;
}
.friend-sample .title
{
	color: #283953;
    font-family: "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
    font-size: 12px;
	font-weight: bold;
    text-transform: uppercase;
}
.friend-sample .count-friends
{
    margin-top: 2px;
}
.friend-sample ul
{
    width: 100%;
}
.friend-sample ul li
{
    float: left;
    margin-top: 10px;
    width: 150px;
    height: 45px;
}
.friend-sample ul li.first
{
    clear: left;
}
.friend-sample .info
{
    margin-left: 2px;
}
.friend-sample img
{
    float: left;
}
.friend-sample .info
{
    float: left;
    margin-left: 4px;
    color: #283953;
    font-size: 12px;
    text-transform: none;
}
.friend-sample .stat
{
    line-height: 10px;
}
.friend-sample .name
{
	color: #283953;
	font-weight: bold;		
}
.friend-sample .meet-friends
{
	display: block;
}

/* group sample */
.group-sample *
{
    overflow: hidden;
}
.group-sample div.border
{
	margin-top: 2px;
	width: 100%;
	height: 1px;
	background: #EBF5FF;
}
.group-sample div.boundary
{
    margin-top: 10px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    background: Black;
}
.group-sample .title
{
	color: #283953;
    font-family: "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
    font-size: 12px;
	font-weight: bold;
    text-transform: uppercase;
}
.group-sample .count-groups
{
    margin-top: 4px;
}
.group-sample ul
{
    width: 100%;
    margin-top: 10px;
}
.group-sample ul li
{
    float: left;
    margin-top: 10px;
}
.group-sample ul li.first
{
    clear: left;
}
.group-sample .info
{
    margin-left: 2px;
}
.group-sample img
{
    float: left;
}
.group-sample .info
{
    float: left;
    margin-left: 4px;
    color: #283953;
    font-size: 12px;
    text-transform: none;
}
div.group-sample a.name
{
	color: #283953;
	font-weight: bold;
}
.group-sample .stat
{
    line-height: 10px;
    margin-top: 4px;
}
.group-sample .meet-groups
{
	display: block;
}

div#view-group
{
	overflow: hidden;	
}
div#view-group *
{
	overflow: hidden;	
}
div#view-group div.border
{
	margin-top: 10px;
	width: 100%;
	height: 1px;
	background: url(/img/tf/backgrounds/blue_dotted_horizontal_line.gif);
}
div#view-group h1
{
	line-height: 20px;
}
div#view-group div.head ul
{
	float: right;
}
div#view-group div.head li
{
	padding: 0 10px 0 10px;
	background: url(/img/tf/misc/divider12.gif) no-repeat;
}
div#view-group div.head li.first
{
	background-image: none;
	padding-left: 0;	
}
div#view-group div.head li.last
{
	padding-right: 0;	
}
div#view-group div.status
{
	margin-top: 10px;	
}
div#view-group div.status a.avatar
{
	float: left;
}
div#view-group div.status div.speak
{
	margin-left: 5px;
	float: left;
}
div#view-group div.status div.speak div.arrow
{
	float: left;
	margin-top: 40px;
	width: 15px;
	height: 30px;
	background: url(/img/tf/groups/speech-arrow.gif);
}
div#view-group div.status div.speak div.bubble
{
	float: left;
	width: 510px;
	background: #EBEBEB;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
div#view-group div.status div.speak textarea
{
	display: block;
	float: left;
	padding: 10px;
	width: 450px;
	max-height: 300px;
	border: none;
	background: #EBEBEB;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
div#view-group div.status div.speak div.state
{
	float: left;
	margin: 5px;
	width: 30px;
	height: 30px;
	background-position: center;
}
div#view-group div.status div.speak div.state-empty
{
	background-image: url(/img/tf/controls/GroupCreatorMessage/empty.gif);
}
div#view-group div.status div.speak div.state-non-empty
{
	background-image: url(/img/tf/controls/GroupCreatorMessage/non-empty.gif);
}
div#view-group div.status div.speak div.state-focused
{
	background-image: url(/img/tf/controls/GroupCreatorMessage/focused.gif);	
}
div#view-group div.status div.speak textarea.watermark
{
	color: #999999;
}
div#view-group div.goals
{
	margin-top: 10px;
	border: solid 1px #EEE;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
div#view-group div.goal
{
	padding: 10px;	
}
div#view-group div.goal img.avatar
{
	float: left;
}
div#view-group div.goal div.weight
{
	float: left;
	margin: 10px 0 0 20px;
	width: 140px;
	height: 40px;
	background-color: #AAAAAA;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EBEBEB), to(#999999));
	background-image: -moz-linear-gradient(19% 75% 90deg,#999999, #EBEBEB);
	border: solid 1px #999999;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
div#view-group div.goal div.gain
{
	background-color: #0D3C79;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4196D2), to(#0A2D5A));
	background-image: -moz-linear-gradient(19% 75% 90deg,#0A2D5A, #4196D2);
	border: solid 1px #0A2D5A;
}
div#view-group div.goal div.loss
{
	background-color: #61AB00;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F0FFDC), to(#4E8900));
	background-image: -moz-linear-gradient(19% 75% 90deg,#4E8900, #F0FFDC);
	border: solid 1px #4E8900;
}
div#view-group div.goal div.weight span
{
	margin-top: 5px;
	display: block;
	cursor: default;
	color: White;
	font: bold 24px Verdana,Arial,sans-serif;
	line-height: normal;
	text-align: center;
}
div#view-group div.goal div.weight img
{
	position: relative;
	top: -28px;
	left: 110px;
}
div#view-group div.goal div.msg
{
	float: left;
	margin: 20px 0 0 20px;
	width: 350px;
	color: #999999;
	font: 14px "Trebuchet MS","Lucida Grande",Verdana,sans-serif;
}
div#view-group div.goal div.msg span
{
	color: #333333;
	font-weight: bold;	
}
div#view-group div.goal a.more
{
	display: block;
	margin-top: 10px;
}
div#view-group div.goal ul.top
{
	margin: 10px 0 0 30px;
}
div#view-group div.goal ul.top li
{
	margin-top: 10px;
	float: none;
	clear: both;
}
div#view-group div.goal ul.top li a.avatar
{
	float: left;
}
div#view-group div.goal ul.top li div.info
{
	float: left;
	margin-left: 10px;	
}
div#view-group div.goal ul.top li div.weight
{
	float: none;
	margin: 5px 0 0 0;
	height: 26px;
	width: 80px;
}
div#view-group div.goal ul.top li div.weight span
{
	margin-top: 2px;
	font-size: 18px;
}
div#view-group div.goal ul.top li div.weight img
{
	left: 60px;
	top: -18px;
}
div#view-group div.goal ul.top li div.msg
{
	float: none;
	margin: 5px 0 0 0;
	width: 455px;
	font-size: 12px;
}
div#view-group div.wall
{
	margin-top: 20px;	
}
div#view-group div.ad
{
	margin-top: 20px;	
}
div#view-group div.first
{
	margin-top: 0;	
}
div#view-group div.view div.info a.avatar, div#view-group div.view div.info img.avatar
{
	float: left;
	display: block;	
}
div#view-group div.view div.info div.det
{
	float: left;
	margin-left: 10px;
}
div#view-group div.view div.info div.det label
{
	float: left;
	display: block;
	width: 70px;
	font-weight: bold;
}
div#view-group div.view div.info div.det span
{
	float: left;
	display: block;
	width: 130px;
}
div#view-group div.view div.info div.det span.name
{
	float: none;
	width: 200px;
	color: #333333;
	font-size: 18px;
}
div#view-group div.view div.cat
{
	margin-top: 10px;	
}
div#view-group div.view div.type
{
	margin-top: 3px;
}
div#view-group div.view span.desc
{
	display: block;
	clear: both;
	margin-top: 5px;
}
div#view-group div.mems
{
	margin-top: 20px;
}
div#view-group div.mems span.title
{
	color: #283953;
	font: bold 12px "Trebuchet MS","Lucida Grande",Verdana,sans-serif;
	text-transform: uppercase;
}
div#view-group div.mems ul
{
	height: 175px;
	width: 300px;
	margin-top: 10px;
	display: block;
}
div#view-group div.mems li
{
	margin: 20px 0 0 20px;
	width: 60px;
}
div#view-group div.mems li.first
{
	margin-left: 0;	
}
div#view-group div.mems li.first-row
{
	margin-top: 0;	
}
div#view-group div.mems li a
{
	display: block;
	font-size: 9px;
}
div#view-group div.mems a.avatar
{
	width: 60px;
	height: 60px;	
}
div#view-group div.mems img.load
{
	float: right;
	position: relative;
	top: 103px;
	left: -146px;
}
div#view-group div.mems div.Pager
{
	margin-top: 5px;	
}
div#view-group div.mems div.Pager *
{
	font-size: 12px;
}
div#view-group div.mems div.Pager .PagerPrev, div#view-group div.mems div.Pager .PagerNext, div#view-group div.mems div.Pager .PagerList
{
	float: left;
}
div#view-group div.mems div.Pager .PagerPrev, div#view-group div.mems div.Pager .PagerNext
{
	width: 78px;
	height: 20px;
}
div#view-group div.mems div.Pager .PagerPrev a, div#view-group div.mems div.Pager .PagerNext a
{
	cursor: pointer;
}
div#view-group div.mems div.Pager .PagerNext a
{
	float: right;	
}
div#view-group div.mems div.Pager .PagerPrev *, div#view-group div.mems div.Pager .PagerNext *
{
	float: left;
}
div#view-group div.mems div.Pager .PagerPrev span, div#view-group div.mems div.Pager .PagerNext span
{
	margin-left: 5px;
}
div#view-group div.mems div.Pager .PagerList
{
	width: 134px;
	margin: 0 5px;
	text-align: center;
}
div#view-group div.mems div.Pager .PagerList .count
{
	display: block;
	clear: both;
}
div#view-group div.mems div.PagerList a
{
	cursor: pointer;
}
div#view-group div.mems div.PagerList .PagerListItem
{
    padding: 0 7px;
    background: url(/img/tf/misc/divider12.gif) no-repeat right;
    font-size: 12px;
}
div#view-group div.mems div.PagerList .PagerListItemFirst
{
    padding-left: 0;
}
div#view-group div.mems div.PagerList .PagerListItemLast
{
    padding-right: 0;
    background: none;
}
div#view-group div.mems div.PagerList span.count
{
	padding: 0;
	background: none;	
}
div#view-group div.mems a.more
{
	float: right;
	margin-top: 5px;
}
div#view-group div.mems a.more *
{
	float: left;	
}
div#view-group div.mems a.more span
{
	display: block;
	margin-left: 4px;
	font-size: 12px;
}

div#view-mems
{
	overflow: hidden;	
}
div#view-mems *
{
	overflow: hidden;	
}
div#view-mems h1
{
	line-height: 20px;
}
div#view-mems div.head a
{
	float: right;	
}
div#view-mems div.border
{
	margin-top: 10px;
	width: 100%;
	height: 1px;
	background: url(/img/tf/backgrounds/blue_dotted_horizontal_line.gif);
}
div#view-mems ul
{
	margin-top: 20px;
}
div#view-mems li
{
	margin-top: 10px;
	margin-left: 10px;
	width: 116px;
}
div#view-mems li.first-col
{
	margin-left: 0;	
}
div#view-mems li.first-row
{
	margin-top: 0;	
}
div#view-mems li a.avatar
{
	display: block;
}
div#view-mems li a.name
{
	display: block;
	margin-top: 5px;	
}
div#view-mems li a.add
{
	display: block;	
}
div#view-mems li a.add *
{
	display: block;
	float: left;	
}
div#view-mems li a.add span
{
	margin-left: 2px;	
}
div#view-mems table.PagerTbl
{
	margin-top: 10px;
}
div#view-mems div.ad
{
	margin-top: 20px;	
}

div#tiptip_holder div.user, div#tiptip_holder div.group
{
	width: 220px;
}
div#tiptip_holder div.user a, div#tiptip_holder div.group a
{
	color: White;
	font-weight: bold;
}
div#tiptip_holder div.user span, div#tiptip_holder div.group span
{
	color: White;
	width: 150px;
}
div#tiptip_holder div.user a.img, div#tiptip_holder div.group a.img
{
	float: left;
}
div#tiptip_holder div.user div.info, div#tiptip_holder div.group div.info
{
	float: left;
	margin-left: 10px;
}
div#tiptip_holder div.user div.info *, div#tiptip_holder div.group div.info *
{
	display: block;	
}
#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}
#tiptip_holder.tip_top {
	padding-bottom: 10px;
}

#tiptip_holder.tip_bottom {
	padding-top: 10px;
}

#tiptip_holder.tip_right {
	padding-left: 10px;
}

#tiptip_holder.tip_left {
	padding-right: 10px;
}
#tiptip_content 
{
	overflow: hidden;
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 10px;
	border: 1px solid rgba(255,255,255,0.25);
	background: rgb(25,25,25);
	background: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}
#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}
#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgb(255,255,255);
	border-top-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgb(255,255,255);
	border-bottom-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgb(255,255,255);
	border-right-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgb(255,255,255);
	border-left-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}
#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}
#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}

/* wall */
div.wall
{
    padding: 0;
    overflow: hidden;
}
div.wall *
{
	overflow: hidden;
}
div.wall span.empty
{
	display: block;
	margin-top: 20px;
    color: #C30074;
    font: italic bold 14px Georgia,Serif;
}
div.wall div.comment
{
    margin-top: 25px;
    position: relative;
    top: -5px;
}
div.wall div.bubble
{
    position: relative;
    top: 5px;
    width: 940px;
}
div.wall div.bubble *
{
    display: block;
}
div.wall div.from
{
	width: 940px;
}
div.wall div.bubble textarea
{
    width: 940px;
    height: 50px;
    padding: 15px;
    border: none;
    background: #EEEEEE;
    color: #333333;
    font: 14px Arial;
}
div.wall div.your-comment div.bubble textarea
{
    background: #FFFF99;
}
div.wall div.bubble textarea.watermark
{
    color: #999999;
    font: italic 12px Arial;
}
div.wall div.bubble-other
{
    color: #666666;
}
div.wall div.bubble img
{
    margin-left: 40px;
}
div.wall div.speak div.grp
{
	width: 940px;
}
div.wall div.speak div.user
{
    float: left;
    margin-left: 4px;
}
div.wall div.speak div.user *
{
    float: left;
    display: block;
}
div.wall div.speak div.user a.link
{
    margin: 13px 0 0 5px;
}
div.wall div.speak div.alt
{
    float: right;
}
div.wall div.speak div.alt li
{
    float: right;
    padding: 0 8px;
    background: url(/img/tf/backgrounds/option.gif) no-repeat right;
}
div.wall div.speak div.alt li.last
{
    background: none;
    padding-right: 0;
}
div.wall div.speak div.alt span
{
    float: right;
    display: block;
    margin-top: 2px;
    color: #999999;
    font-size: 10px;
    font-style: italic;
}
div.wall div.speak div.submit
{
    float: right;
    margin-top: 5px;
}
div.wall div.border
{
    margin-top: 20px;
    width: 940px;
    height: 1px;
    border-top: 1px dotted #999999;
}
div.wall div.page
{
	margin-top: 5px;
}

.media-reel
{
	overflow: hidden;
}
.media-reel *
{
	overflow: hidden;	
}
.media-reel li
{
	width: 	140px;
	margin-left: 5px;
}
.media-reel li.first
{
	margin-left: 0;
}
.media-reel a.img
{
	display: block;
	height: 100px;	
}
.media-reel div.info *
{
	display: block;	
}
.media-reel a.title
{
	color: #283953;
	font-weight: bold;
}

/* profile */
#profile *
{
	overflow: hidden;
}
#profile .dottedBottom
{
	margin-bottom: 20px;
}
#profile .dottedTop
{
	margin-top: 4px;	
}
#profile .boundary
{
	margin: 20px 0;
	width: 100%;
	height: 1px;
}
#profile div.border
{
	margin: 20px 0;
	width: 100%;
	height: 1px;
	background: #DADADA;
}
#profile h1, #profile h2, #profile h3, #profile h4, #profile h5, #profile h6
{
	float: none;
	display: block;
	color: #283953;
	font-family:"Trebuchet MS","Lucida Grande",Verdana,sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
}
#profile .title
{
	margin-top: 0;
}
#profile .title h1
{
	float: left;
	margin-top: 0;
}
form#profile span.opt, form#profile a.opt
{
	float: left;
	display: block;
	margin: 3px 0 0 9px;
}
#profile .title .points
{
	float: right;
	color: #283953;
	font-family:"Trebuchet MS","Lucida Grande",Verdana,sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: normal;
}
#profile .title .value
{
	color: #16774E;
}
#profile div#personal
{
	margin-top: 10px;
}
#profile div#personal span.goals
{
	color: #283953;
	font-size: 14px;
	font-weight: bold;
}
#profile div#personal textarea.goals
{
	display: block;
	width: 606px;
	height: 60;
	padding: 4px;
	border: solid 1px #E6E6E6;
	color: Black;
	font-family: Verdana,Arial,sans-serif;
	font-size: 14px;
}
#profile div#personal textarea.goals.watermark
{
	color: #666666;
}
	#profile div#personal div.goals
{
	width: 606px;
	padding: 4px;
	border: solid 1px #E6E6E6;
	color: Black;
	font-family: Verdana,Arial,sans-serif;
	font-size: 14px;
}
#profile .wall
{
	margin-top: 20px;	
}
#profile .wall h2
{
	float: left;
	margin-top: 0;
}
#profile .wall .actions
{
	float: right;	
}
#profile .actions li
{
	margin-left: 10px;
	width: 100px;
	background: #EAEAEA;
	border: solid 1px #CCCCCC;
	text-align: center;
}
#profile .actions .first
{
	margin-left: 0;	
}
#profile .actions a
{
	display: block;
	width: 100%;
	color: #004080;
	font-family: Arial,Sans-serif;
	font-size: 10px;
	font-weight: bold;
}
form#profile div.wall-messages
{
	margin-top: 10px;
}
#profile div.LogDateHeader
{
	margin-top: 10px;	
}
#profile .media-reel ul
{
	margin-top: 10px;
}
#profile a.more-media
{
	display: block;
	margin-top: 10px;
	float: right;	
}
#profile a.more-media *
{
	float: left;
}
#profile a.more-media span
{
	margin-left: 5px;	
}
#profile a.more-media:hover
{
	text-decoration: none;
}
#profile #board-media
{
	width: 100%;
	margin-top: 10px;
}
#profile #board-media li
{
	clear: both;
	display: block;
}
#profile #board-media .first
{
	margin-top: 0;	
}
#profile .post
{
	float: left;
	margin-top: 10px;
	border: solid 1px #CED7DE;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #D6E3EF;
	padding: 5px;
}
#profile .post img
{
	float: left;
	margin-top: 3px;
}
#profile .post .details
{
	float: left;
	margin-left: 5px;
	width: 570px;
}
#profile .post .header
{
	height: 32px;
}
#profile .post .main
{
	float: left;
	width: 360px;
}
#profile .post .creator
{
	display: block;
	float: left;
	color: #293852;
	font-size: 11px;
	font-weight: bold;
}
#profile .post .action
{
	display: block;
	margin-left: 4px;
	float: left;
	font-size: 11px;
}
#profile .post .title
{
	display: block;
	margin-left: 4px;
	float: left;
}
#profile .post .title *
{
	color: #293852;
	font-size: 12px;
	font-weight: bold;
}
#profile .post .datetime
{
	display: block;
	float: right;
	font-size: 11px;
}
#profile .post p
{
	display: block;
	margin: 0;
}
#profile .blocked-post
{
	border: solid 1px #ECBEBE;
	background: #F2D0D0;
}
#profile .blocked-post .creator
{
	color: #871616;
}
#profile .blocked-post .action
{
	color: #B54646;	
}
#profile .blocked-post .title *
{
	color: #871616;
}
#profile .blocked-post p
{
	color: #B54646;
}
#profile .blocked-post .datetime
{
	color: #B54646;	
}
#profile a.more-posts
{
	display: block;
	margin-top: 10px;
	float: right;	
}
#profile a.more-posts *
{
	float: left;
}
#profile a.more-posts span
{
	margin-left: 5px;	
}
#profile a.more-posts:hover
{
	text-decoration: none;
}
#profile p.no-posts
{
	margin-top: 10px;	
}
#profile div.content-excerpts div.about
{
	margin-top: 10px;
}
#profile .ad
{
	margin-top: 20px;	
}
form#profile div.friend-sample div.border
{
	margin: 2px 0;
}
form#profile div.group-sample div.border
{
	margin: 2px 0;	
}

/*My Groups*/

/* Misc styles can be used for .CommunityText and .CommunityLink  general stuff. */
.CommunityHeader, .CommunityMainHeader, A.CommunityMainHeaderLink /* The Header of the Community pages. */
{
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif;;
    font-size: 12px;
	background-color: #d4e3ee;
	color : #5f748b;
}
.CommunityMainHeader td, td.CommunityMainHeader
{
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif;;
    font-size: 12px;
	background-color: #E7EFF7;
	color : #5f748b;
	padding:5px;
	border-bottom:solid 1px #CED7DE;	
}

.CommunityMainBodyMajor td, .CommunityMainBodyMinor td
{
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:top;
}

.CommunityMainBodyMinor td
{
	background-color:#EFF7FF;
}
	
.CommunityTopRegion
{
}

A.CommunityMainHeaderLink  /* The header link of the main area of the Community pages. */
{
	text-decoration : none;
	background-color:Transparent;
}
.CommunityMainRegion  /* The main area of the Community pages. */
{
	border-color : #ffffff;
}
 .CommunityMainRegion
{
	border:solid 1px #CED7DE;
}
.CommunityMainBodyRegion  /* The the body area within the main area of the Community pages. */
{
}

.CommunityMainBodyMajor, .CommunityMainBodyMinor /* Major Body style */
{
	font-weight : normal;
    font-family : Verdana, Arial, sans-serif;;
    color : #666666;
    font-size : 11px;
    background-color : #FFFFFF;
}

.CommunityMainBodySide
{
}

.CommunityMainBodyDetail
{
}

.CommunityMainBodyMinor  /* Minor Body style */
{
	background-color : #FFFFFF;
}

A.CommunityMainBodyLink, A.CommunityAltMainBodyLink  /* Alternate Body link style */
{
	font-weight : normal;
    font-family : Verdana, Arial, sans-serif;;
    font-size : 12px;
}

A.CommunityMainBodyLink
{
	color : #8694A8;
	font-size : 10px;
}

A.CommunityAltMainBodyLink:HOVER, A.CommunityMainBodyLink:HOVER
{
    text-decoration : none;
}

A.CommunityMainHeaderLink:HOVER
{
	 text-decoration : underline;
}

.CommunityEmoticon 
{
	font-family : Courier New;
	font-weight : normal;
    color : #666666;
    font-size : 14px;
}

.wallPostBody,.wallPostBodyMe
{
	background:#EBEBEB;
	padding:4px 10px 7px 10px;
}
.wallPostBodyMe
{
	background:#FEFF99;
}
.wallPostBodyTB,.wallPostBodyMeBlank
{
	border:none;
	background:#FEFF99;
	overflow:auto;
}
.wallPostTxt
{
	overflow: hidden;
}

.wallPostBodyMeBlank
{
	padding:4px 0px 7px 10px;
}


.wallPostTipMe,.wallPostTip
{
	margin-left:37px;
	width:35px;height:17px;	
	background: url('/img/tf/backgrounds/speech_tip_me.gif') no-repeat left bottom;
}
.wallPostTip
{
	background: url('/img/tf/backgrounds/speech_tip.gif') no-repeat left bottom;
}


.statText
{
	color:#000;	
	font-size:3.2em;
	font-family:"Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
	font-weight:600;
	letter-spacing:-0.05em;
	width:100px;
	margin:auto;
	padding-top:10px;
	clear:both;
	height:35px;
	padding-bottom: 4px;
}
.statlabel 
{
	font-family:Verdana, sans-serif;
	font-size:12px;
	color:#666;
	font-weight:500;
}
.statbox , .statboxNarrow, .statboxWide
{
	margin:0;
	text-align:center;
	width: 150px;
}
.statboxWide
{
	width: 160px;
}

.green 
{
	color:#669933;	
}
/**************Groups******************/
/**************Groups******************/
.MembersDiv
{
	width:620px;
	padding-bottom:10px;
	background: url('/img/tf/backgrounds/blue_dotted_horizontal_line.gif') repeat-x right bottom;
}
.groupImgDiv
{
	float:left;
	width:90px;
	height:90px;
	margin-right:10px;
}
.groupImg
{
	width:90px;
	height:90px;
	border:0px;
	margin:0px;
}
.DescriptionHeader
{
	color:#283953;
	font-weight:bold;	
}
.DescriptionText
{
	
}
.GroupInfo
{
float:left;
width:520px;
}
/*****    .browser_       ****/
.browser_MemberInfoTR{width:618px;}

.MembersTBL, .browser_MembersTBL, .browser_waitingMembersTBL
{
width:620px;
}
.MembersNameHeaderTD, .browser_MembersNameHeaderTD , .browser_waitingMembersNameHeaderTD
{
	width:478px;
	padding:10px;
	background-color:#D4E3EE;
	border:solid 1px #C8D4DD;
	color:#5F748B

	
}
.MembersLastUpdateHeaderTD, .browser_MembersLastUpdateHeaderTD,  .browser_waitingMembersLastUpdateHeaderTD
{
	width:158px;
	padding:10px;
	border-right:solid 1px #C8D4DD;
	border-top:solid 1px #C8D4DD;
	border-bottom:solid 1px #C8D4DD;
	background-color:#D4E3EE;
	color:#5F748B
}
.browser_MembersHeader, .MembersHeader, .browser_waitingMembersHeader
{
	margin-top:10px;
}
.browser_MembersHeader, .browser_waitingMembersHeader
{
	display:none;
	visibility:hidden;
}
.AdminMembersHeader, .AdminRequestsHeader
{
background-color: #2C5E93;
margin-top:10px;
padding:5px;
font-size:18px;
color:White;
font-weight:bold;
}
.pnlGroupMembersContent, .MembershipRequestsContent
{
	
}
.MembersNameTD, .browser_MembersNameTD, .browser_waitingMembersNameTD, .MembersNameTD_C, .browser_MembersNameTD_C, .browser_waitingMembersNameTD_C
{
	width:468px;
	padding:10px 0px 10px 10px;
	border-left:solid 1px #C8D4DD;
	border-right:solid 1px #C8D4DD;
	border-bottom:solid 1px #C8D4DD;
}
.MembersLastUpdateTD, .browser_MembersLastUpdateTD, .MembersLastUpdateTD_C, .browser_MembersLastUpdateTD_C, .browser_waitingMembersLastUpdateTD_C, .browser_waitingMembersLastUpdateTD
{
	width:168px;
	padding:10px;
	border-right:solid 1px #C8D4DD;
	border-bottom:solid 1px #C8D4DD;
}


.MembersNameTD_C, .browser_MembersNameTD_C, .MembersLastUpdateTD_C, .browser_MembersLastUpdateTD_C,
.browser_waitingMembersNameTD_C, .browser_waitingMembersLastUpdateTD_C
{
background-color:#E1FFAC;
}
.MembersImgDiv, .browser_MembersImgDiv, .MembersImgDiv_C, .browser_MembersImgDiv_C,
.browser_waitingMembersImgDiv, .browser_waitingMembersImgDiv_C
{
	float:left;
	margin-right:10px;
	width:60px;
	height:60px;
}
.MembersLastUpdateDiv, .browser_MembersLastUpdateDiv  ,.browser_waitingMembersLastUpdateDiv
{
	width:120px;
}
.MembersNameDiv, .browser_MembersNameDiv, .MembersNameDiv_C, .browser_MembersNameDiv_C,
.browser_waitingMembersNameDiv, .browser_waitingMembersNameDiv_C
{
		float:left;
		width:auto;
}
.PagerDiv, .browser_PagerDiv, .browser_waitingPagerDiv
{
	width:620px;
}
.browser_waitingPagerDiv, .browser_PagerDiv
{
	height:30px;
}
.prev_page, .prev_page_disabled, .browser_prev_page, .browser_prev_page_disabled,
 .browser_waitingprev_page, .browser_waitingprev_page_disabled
{
	float:left;
	width:130px;
	text-align:left;
}

.next_page, .next_page_disabled, .browser_next_page, .browser_next_page_disabled,
 .browser_waitingnext_page, .browser_waitingnext_page_disabled
{
	float:left;
	width:130px;
	text-align:right;
}
.search_pager,.browser_search_pager,.browser_waitingsearch_pager
{
	width:360px;
	float:left;
	text-align:center;
	
}
.browser_search_pager a, .browser_waitingnext_page, .browser_waitingprev_page,
.browser_waitingsearch_pager a, .browser_waitingnext_page, .browser_waitingprev_page
{
	text-decoration:underline;
	
}
.browser_search_pager a:HOVER, .browser_next_page:HOVER, .browser_prev_page:HOVER,
.browser_waitingsearch_pager a:HOVER, .browser_waitingnext_page:HOVER, .browser_waitingprev_page:HOVER
{
	text-decoration:none;
	
}
.browser_search_pager span, .browser_waitingsearch_pager span
{
	color:#666666;
	
}
.prev_page_disabled, .browser_prev_page_disabled, .next_page_disabled, .browser_next_page_disabled,
.prev_page_disabled:HOVER, .browser_prev_page_disabled:HOVER, .next_page_disabled:HOVER, .browser_next_page_disabled:HOVER,
.browser_waitingprev_page_disabled, .browser_waitingnext_page_disabled,
.browser_waitingprev_page_disabled:HOVER, .browser_waitingnext_page_disabled:HOVER
{
	text-decoration:none;
	color:#666666;	
	cursor:default;
}

/*------------------creator msg--------------------*/
.CreatorMsgDiv
{
	width:300px;
	background-color:#EBEBEB;
}
.grpPageTitleSub
{
	text-transform:uppercase;
	margin-bottom:10px;
	color:#283953;
}
.CreatorMsgBody
{
	width:100%; padding:0;
	background-color:#EBEBEB;
	padding:10px;
}
.CreatorDiv
{
	margin:0;padding:0;
	background:#fff url('/img/tf/misc/headers/quote_part.gif') no-repeat ;
	background-position:left top;
	width:300px;
}
.CreatorImgTD
{
	padding-top:10px;
	width:60px;
	height:60px;
	background-color:Transparent;
}
.CreatorInfoTD
{
	padding-top:10px;
	width:225px;
	padding-left:10px;
	vertical-align:bottom;
		background-color:Transparent;
}
.CreatorName
{
	color:#283953;	
	font-size:13px;
	font-weight:bold;
}
.CreatorInfo{}
/*---------------end creator msg----------------*/

/*--------------- group diets----------------*/
.grpDiets, .browser_grpDiets
{
	width:300px;
	padding-bottom:10px;
	background: url('/img/tf/backgrounds/blue_dotted_horizontal_line.gif') repeat-x right  bottom;
	margin-top:10px;
}
.grpDietsHeader, .browser_grpDietsHeader
{
padding-bottom:10px;
}
.grpDietsHeaderImg, .browser_grpDietsHeaderImg
{
	  float:left;
		background-image:url('/img/tf/misc/headers/group_diets.gif');
		width:71px;
		height:10px;
	
}
.grpDietsHeaderLink, .browser_grpDietsHeaderLink
{
	float:right;
}
.grpDietsMore, .browser_grpDietsMore
{
	float:right;
}
.grpDietsRow, .browser_grpDietsRow
{
	width:300px;
	margin-bottom:10px;	
}
.browser_grpDietsRow
{
	width:620px;
		border-bottom:1px solid #E4E4E4;
	padding-bottom:10px;
}
.grpDietsRowImg, .browser_grpDietsRowImg
{
float:left;
width:60px;
margin-right:10px;	
background-color:#E4E4E4;
height:60px;
}
browser_grpDietNameBasedOn
{}
.grpDietsRowData, .browser_grpDietsRowData
{
	float:left;
	width:230px;
}
.browser_grpDietsRowData
{
	width:550px;

}
.grpDietName, .browser_grpDietName, .browser_grpDietNameBasedOn , .grpDietNameBasedOn
{
	font-size:13px;
	font-weight:bold;
	color:#283953;
	padding-top:0px;
	margin-top:0px;
}
.browser_grpDietNameBasedOn , .grpDietNameBasedOn
{
	font-weight:lighter;
	}
.grpDietUseLink, .browser_grpDietUseLink
{
	float:right;
}
.grpDietUseLink a, .browser_grpDietUseLink a
{
padding:20px;
		background-image:url('/img/tf/Buttons/next_page_button.gif');
		background-position:right center;
		background-repeat:no-repeat;

}
.grpDietsMore a , .browser_grpDietsMore a
{
	padding:20px;
		background-image:url('/img/tf/Buttons/button_addbright.gif');
		background-position:right center;
		background-repeat:no-repeat;
}

/*--------------end group diets ----------------*/

/*--------------group invitation ----------------*/
.AddEmailLinkImg{
width:19px;
height:19px;
}
.InviteOthersDivTitle,.InvitationEmailTxt, .AddEmailLink, .ValidationErrorDiv
{
	float:left;	
	margin-left:5px;
}
.InviteOthersDivTitle{margin-left:0px;}
.ValidationErrorDiv
{
	color:Red;
}
.InvitationEmailsDiv
{
}
.OtherFriendsEmail
{
	vertical-align:top;
	text-align:left;	
	padding:0px;
	margin:0px;
}
.OtherFriendsEmailSpan
{
		vertical-align:top;
	text-align:left;
	padding-top:3px;	
}
.RemoveEmail
{
padding:0px;
	margin:0px;
}
.RemoveEmailImg
{
width:19px;
height:19px;
padding:0px;
	margin:0px;
}
.InvitationButtons
{
margin-top:20px;	
}

.InvitationButtonsBack, .InvitationButtonsSend
{
	float:left;margin-left:20px;	
}
/*--------------end group invitation----------------*/

/*--------------- group workouts----------------*/
.grpWorkouts, .browser_grpWorkouts
{
	width:300px;
	padding-bottom:10px;
	background: url('/img/tf/backgrounds/blue_dotted_horizontal_line.gif') repeat-x right  bottom;
}
.grpWorkoutsSubTitle, .browser_grpWorkoutsSubTitle
{
float: left;
 width: 150px;
 text-transform:uppercase;
	margin-bottom:10px;
	color:#283953;
}
.browser_grpWorkoutsSubTitle
{
	 width: 620px;
}
	
.grpWorkoutsHeader, .browser_grpWorkoutsHeader
{
padding-bottom:10px;
}
.grpWorkoutsHeaderImg, .browser_grpWorkoutsHeaderImg
{
	  float:left;
		background-image:url('/img/tf/misc/headers/group_Workouts.gif');
		width:102px;
		height:10px;
	
}
.grpWorkoutsHeaderLink, .browser_grpWorkoutsHeaderLink
{
	float:right;
}
.grpWorkoutsMore, .browser_grpWorkoutsMore
{
	float:right;
}
.grpWorkoutsRow, .browser_grpWorkoutsRow
{
	width:300px;
	margin-bottom:10px;	
}
.browser_grpWorkoutsRow
{
width:620px;
padding-bottom:10px;
border-bottom:solid 1px #E4E4E4;
}
.grpWorkoutsRowImg, .browser_grpWorkoutsRowImg
{
float:left;
width:60px;
margin-right:10px;	
background-color:#E4E4E4;
height:60px;
}
.grpWorkoutsRowData, .browser_grpWorkoutsRowData
{
	float:left;
	width:230px;
}
 .browser_grpWorkoutsRowData
{
width:550px;
}
.grpWorkoutName, .browser_grpWorkoutName
{
	font-size:13px;
	font-weight:bold;
	color:#283953;
	padding-top:0px;
	margin-top:0px;
}
.grpWorkoutNameBasedOn, .browser_grpWorkoutNameBasedOn
{
	font-size:10px;
	font-weight:bold;
	color:#666666;
	margin-left:5px;
}
.browser_grpWorkoutNameBasedOn
{
	font-weight:lighter;
}
.grpWorkoutUseLink, .browser_grpWorkoutUseLink
{
	float:right;
}
.grpWorkoutUseLink a, .browser_grpWorkoutUseLink a
{
padding:20px;
		background-image:url('/img/tf/Buttons/next_page_button.gif');
		background-position:right center;
		background-repeat:no-repeat;

}
.grpWorkoutsMore a, .browser_grpWorkoutsMore a
{
		padding:20px;
		background-image:url('/img/tf/Buttons/button_addbright.gif');
		background-position:right center;
		background-repeat:no-repeat;
}
.grpWorkoutsMoreLeft,  .browser_grpWorkoutsMoreLeft, .grpDietsMoreLeft, .browser_grpDietsMoreLeft
{
		padding-left:20px;
		background-image:url('/img/tf/Buttons/button_addbright.gif');
		background-position:left center;
		background-repeat:no-repeat;
		text-align:right;
		float:right;
}
/*--------------end group Workouts ----------------*/
/*--------------group invitation ----------------*/
.AddEmailLinkImg{
width:19px;
height:19px;
}
.InviteOthersDivTitle,.InvitationEmailTxt, .AddEmailLink, .ValidationErrorDiv
{
	float:left;	
	margin-left:5px;
}
.InviteOthersDivTitle{margin-left:0px;}
.ValidationErrorDiv
{
	color:Red;
}
.InvitationEmailsDiv
{
}
.OtherFriendsEmail
{
	vertical-align:top;
	text-align:left;	
	padding:0px;
	margin:0px;
}
.OtherFriendsEmailSpan
{
		vertical-align:top;
	text-align:left;
	padding-top:3px;	
}
.RemoveEmail
{
padding:0px;
	margin:0px;
}
.RemoveEmailImg
{
width:19px;
height:19px;
padding:0px;
	margin:0px;
}
.InvitationButtons
{
margin-top:20px;	
}

.InvitationButtonsBack
{
	float:left;margin-left:20px;	
}
.OtherFriendsEmail, .friendEmailItem
{
	width:50%;
	float:left;
	padding-bottom:5px;
}
.InviteFriendsDiv
{
	border:solid 2px #E5EEF5;
	margin-top:10px;
	padding:10px;max-height:200px;overflow:auto;
}
.InvitationEmailsDiv
{
	margin-top:200px;
	max-height:50px;
	overflow:auto;
	padding:10px;
}
.InvitationTextArea
{
width:400px;
height:100px;
}
.InviteOthersDiv{padding:10px;}
.InvitationTextAreaDiv{margin-top:10px;padding:10px; }
.InvitationTextAreaDivTite, .InviteOthersDivTitle{font-weight:bold;}
/*--------------end group invitation----------------*/
	
/************End Groups******************/

/*** My posts ***/
.my-posts .separator
{
	margin-top: 5px;
	clear: both;
	display: block;
}
.my-posts .no-posts
{
	margin-top: 10px;
	font-size: 14px;
}
.my-posts #slider
{
	margin-top: 20px;
	width: 540px;
}
.my-posts #slider-paging
{
	display: block;
	margin: 5px 0 0 220px;
	color: #19232D;
	font-size: 11px;
}
.my-posts #loading
{
	margin-left: 250px;
}
.my-posts .visible
{
	visibility: visible;	
}
.my-posts .invisible
{
	visibility: hidden;
}
.my-posts #threads
{
	width: 100%;
	overflow: hidden;
}
.my-posts li
{
	clear: both;
	display: block;
	width: 100%;
}
.my-posts .section
{
	margin-top: 10px;
	overflow: hidden;
	width: 100%;
}
.my-posts .post
{
	float: left;
	border: solid 1px #CED7DE;
	width: 530px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #D6E3EF;
	padding: 5px;
	overflow: hidden;
}
.my-posts .post img
{
	float: left;
	margin-top: 3px;
}
.my-posts .post .details
{
	float: left;
	margin-left: 5px;
	width: 495px;
}
.my-posts .post .header
{
	overflow: hidden;
	height: 32px;
}
.my-posts .post .main
{
	float: left;
	width: 360px;
}
.my-posts .post .creator
{
	display: block;
	float: left;
	color: #293852;
	font-size: 11px;
	font-weight: bold;
}
.my-posts .post .action
{
	display: block;
	margin-left: 4px;
	float: left;
	font-size: 11px;
}
.my-posts .post h3
{
	display: block;
	margin-left: 4px;
	float: left;
}
.my-posts .post h3 *
{
	color: #293852;
	font-size: 12px;
	font-weight: bold;
}
.my-posts .post .datetime
{
	display: block;
	float: right;
	font-size: 11px;
}
.my-posts .post p
{
	display: block;
	margin: 0;
}
.my-posts .blocked-post
{
	border: solid 1px #ECBEBE;
	background: #F2D0D0;
}
.my-posts .blocked-post .creator
{
	color: #871616;
}
.my-posts .blocked-post .action
{
	color: #B54646;	
}
.my-posts .blocked-post h3 *
{
	color: #871616;
}
.my-posts .blocked-post p
{
	color: #B54646;
}
.my-posts .blocked-post .datetime
{
	color: #B54646;	
}
.my-posts .reply
{
	width: 530px;
}
.my-posts .reply .details
{
	width: 495px;
}
.my-posts .reply .main
{
	width: 360px;	
}
.my-posts .remove
{
	float: left;
	display: block;
	margin: 4px 0 0 10px;
}
.my-posts .remove:hover
{
	color: Black;
	text-decoration: none;	
}
#block-post
{
	background: White;
}
.ui-icon-closethick
{
	margin-left: 150px;
}
.my-posts #ad2
{
	margin-top: 20px;
}

.ui-corner-all
{
	-moz-border-radius:4px 4px 4px 4px;
}
.ui-widget-content
{
	background:url("../images/?new=eeeeee&w=1&h=100&f=png&q=100&fltr[]=over|textures/03_highlight_soft.png|0|0|100") repeat-x scroll 50% top #EEEEEE;
	border:1px solid #DDDDDD;
	color:#333333;
}
.ui-widget
{
	font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size:1.1em;
}
.ui-slider-horizontal
{
	height:0.8em;
}
.ui-slider
{
	position:relative;
	text-align:left;
}
.ui-state-default, .ui-widget-content .ui-state-default
{
	background:url("../images/?new=f6f6f6&w=1&h=400&f=png&q=100&fltr[]=over|textures/02_glass.png|0|0|100") repeat-x scroll 50% 50% #F6F6F6;
	border:1px solid #CCCCCC;
	color:#1C94C4;
	font-weight:bold;
	outline:medium none;
}
.ui-state-default, .ui-widget-content .ui-state-default
{
	background:url("../images/?new=f6f6f6&w=1&h=400&f=png&q=100&fltr[]=over|textures/02_glass.png|0|0|100") repeat-x scroll 50% 50% #F6F6F6;
	border:1px solid #CCCCCC;
	color:#1C94C4;
	font-weight:bold;
	outline:medium none;
}
.ui-state-default, .ui-widget-content .ui-state-default
{
	background:url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
	border:1px solid #D3D3D3;
	color:#555555;
	font-weight:normal;
}
.ui-slider-horizontal .ui-slider-handle
{
	margin-left:-0.6em;
	top:-0.3em;
}
.ui-slider .ui-slider-handle
{
	cursor:default;
	height:1.2em;
	position:absolute;
	width:1.2em;
	z-index:2;
}
.ui-widget-content a
{
	color:#333333;
}
.ui-widget-content a
{
	color:#222222;
}
.ui-corner-all
{
	-moz-border-radius:4px 4px 4px 4px;
}
.ui-state-default, .ui-widget-content .ui-state-default
{
	background:url("../images/?new=f6f6f6&w=1&h=400&f=png&q=100&fltr[]=over|textures/02_glass.png|0|0|100") repeat-x scroll 50% 50% #F6F6F6;
	border:1px solid #CCCCCC;
	color:#1C94C4;
	font-weight:bold;
	outline:medium none;
}
.ui-corner-all
{
	-moz-border-radius:4px 4px 4px 4px;
}
.ui-state-default, .ui-widget-content .ui-state-default
{
	background:url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
	border:1px solid #D3D3D3;
	color:#555555;
	font-weight:normal;
}
:link, :visited
{
	border-bottom:0 none;
}
Inherited fromdiv#slider.ui-slider
.ui-widget-content
{
	color:#333333;
}
.ui-widget
{
	font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size:1.1em;
}
.ui-widget-content
{
	color:#222222;
}
.ui-widget
{
	font-family:Verdana,Arial,sans-serif;
	font-size:1.1em;
}
.ui-slider
{
	text-align:left;
}

/*** Message boards ***/
/* main content */
.message-boards .text-bubbles
{
	float: right;
}
.message-boards .category-snippet
{
	margin-top: 20px;
}
.message-boards ul
{
	overflow: hidden;
}
.message-boards .header
{
	display: block;
	overflow: hidden;
	clear: both;
}
.message-boards h4
{
	text-transform: uppercase;
	overflow: hidden;
}
.message-boards .text-bubbles
{
	float: right;
}
.message-boards #forums
{
	float: right;
	margin: 5px 0 5px 0;
	clear: left;
	overflow: hidden;
}
.message-boards #forums ul
{
	overflow: hidden;
}
.message-boards #forums li
{
	background: url(/img/tf/misc/divider12.gif) no-repeat;
	padding: 0 10px 0 10px;
	overflow: hidden;
}
.message-boards #forums .first
{
	background: none;
	padding-left: 0;
}
.message-boards .separator
{
	margin-top: 5px;
	clear: both;
	display: block;
}
.message-boards .post
{
	margin-top: 20px;	
}

/* misc content */
.message-boards .search-box
{
	margin-top: 20px;	
}
.message-boards .contents-caption
{
	margin-top: 20px;
}
.message-boards #ad2
{
	margin-top: 20px;	
}

/* posts */
.post
{
	overflow: hidden;
}
.post .header
{
	overflow: hidden;
}
.post img
{
	float: left;
}
.post .details
{
	float:   left;
	width: 580px;
	margin-left: 10px;
	overflow: hidden;
}
.post .title
{
	color: #283953;
	font-family: "Trebuchet MS","Lucida Grande",Verdana,sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.post p
{
	clear: both;
	margin-top: 10px;
	display: block;
}

/* forum posts */
.forum-post
{
	margin-top: 10px;
	width: 528px;
}
.forum-post > h4 a
{
	color: #4E8900;
	font-size: 13px;
	font-weight: bold;
}
.forum-post > span
{
	font-size: 11px;	
}
.forum-post .view
{
	float: right;	
}
.forum-post .post
{
	margin-top: 10px;	
}

.forum-post .category
{
	width: 526px;
	border: solid 1px #C8E6EB;
	text-align: center;
}
.forum-post .category .name
{
	margin-left: 2px;
}

.forum-post .forum
{
	margin-top: 3px;
}
.forum-post .forum ul
{
	overflow: hidden;
}
.forum-post .forum li
{
	background: #D7F5FF;
	color: Black;
	padding: 1px 4px 1px 4px;
	text-align: center;
}
.forum-post .forum .name
{
	float: left;
	width: 300px;
	display: block;
}
.forum-post .forum .threads
{
	float: left;
	margin-left: 2px;
	width: 100px;
	display: block;
}
.forum-post .forum .posts
{
	float: left;
	margin-left: 2px;
	width: 100px;
	display: block;
}

.forum-post .desc
{
	margin-top: 2px;
	height: 24px;
}

.forum-post .more-threads
{
	margin-top: 4px;
}
.forum-post .more-threads:hover
{
	color: #3B5998;	
}

.forum-post .post
{
	margin: 6px 0 0 10px;
}
.forum-post .title
{
	font-size: 12px;
}
.forum-post .body
{
	margin-top: 4px;
}
.forum-post .body .avatar
{
	float: left;
}
.forum-post .body .msg
{
	float: left;
	margin-left: 6px;
	width: 430px;
}
.forum-post .body .time
{
	font-size: 10px;
	font-style: normal;
}
.forum-post .body .msg .username
{
	font-weight: bold;	
}
.forum-post .body .msg .read-more
{
	font-size: 12px;	
}

.forum-post .avatar
{
	font-size: 9px;	
}
.forum-post .avatar a
{
	display: block;	
}

.category-snippet
{
	width: 620px;
}
.category-snippet .name
{
	padding: 10px;
	color: #293852;
	font-weight: bold;
	text-align: left;
	background: #D6E3EF;
	border-top: solid 1px #CED7DE;
	border-left: solid 1px #CED7DE;
	border-right: solid 1px #CED7DE;
}

.forum-snippet
{
	border-left: solid 1px #CED7DE;
	border-right: solid 1px #CED7DE;
	border-bottom: solid 1px #CED7DE;
	overflow: hidden;
}
.forum-snippet-first
{
	margin-top: 0px;
}
.forum-snippet ul
{
	background: #E7EFF7;
	border-bottom: solid 1px #CED7DE;
	overflow: hidden;
	clear: left;
}
.forum-snippet li
{
	color: Black;
	padding: 1px 4px 1px 4px;
	text-align: center;
}
.forum-snippet ul .forum-name
{
	float: left;
	width: 352px;
	padding: 5px 0 5px 10px;
	background: #E7EFF7;
	display: block;
	text-align: left;
}
.forum-snippet ul .threads
{
	float: left;
	margin-left: 2px;
	padding: 5px 0 5px 0;
	color: #5F748B;
	background: #E7EFF7;
	width: 118px;
	border-left: solid 1px #CED7DE;
	display: block;
}
.forum-snippet ul .posts
{
	float: left;
	margin-left: 2px;
	padding: 5px 0 5px 0;
	color: #5F748B;
	background: #E7EFF7;
	width: 118px;
	border-left: solid 1px #CED7DE;
	display: block;
}
.forum-snippet .desc
{
	margin: 6px 6px 0 6px;
	display: block;
	height: 50px;
	clear: left;
}
.forum-snippet .options
{
	margin: 2px 0 0 6px;
	background: none;
	border: none;
}
.forum-snippet .options .first
{
	background: none;
	margin: 0px;
	padding: 0 6px 0 0;
}
.forum-snippet .options li
{
	background: url(/img/tf/misc/divider12.gif) no-repeat;
	padding: 0 6px 0 6px;
	margin: 0;
}
.forum-snippet .empty-forum
{
	margin: 5px 0 5px 5px;	
}
.forum-snippet .more-threads
{
	float: left;
	display: block;
	margin: 5px 0 8px 20px;
}
.forum-snippet .load-more-threads
{
	float: left;
	display: none;
	margin: 8px 0 0 4px;
}

.thread-snippet
{
	clear: left;
	margin: 10px 14px 6px 14px;
	border-bottom: solid 1px #CED7DE;
	overflow: hidden;
}
.thread-snippet .title
{
	float: none;
	margin: 6px 0 0 10px;
	color: #283953;
	font: 600 10px Verdana, Arial, Sans-Serif;
	text-transform: uppercase;
}
.thread-snippet .title a
{
	font-size: 10px;
}
.thread-snippet .original-post
{
	margin-top: 2px;
}
.thread-snippet .date
{
	display: block;
	color: Black;
	font-size: 9px;
	width: inherit;
	height: inherit;
}
.thread-snippet .replies
{
	margin: 0 0 0 30px;
	overflow: hidden;
}
.thread-snippet .boundary
{
	margin-top: 0;
	width: 100%;
	height: 0;
	background-color: #E6E6E6;
	overflow: hidden;
	clear: both;
}
.thread-snippet .footer
{
	margin: 4px 0 0 8px;
	font-size: 9px;
	height: 20px;
	background: none;
	border: none;
}
.thread-snippet .footer .first
{
	background: none;
	margin: 0px;
	padding: 0 6px 0 0;
}
.thread-snippet .footer li
{
	background: url(/img/tf/misc/divider12.gif) no-repeat;
	padding: 0 6px 0 6px;
	margin: 0;
}
.thread-snippet .no-replies
{
	margin: 4px 0 0 0;	
}
.thread-snippet .more-replies
{
	float: left;
	margin: 0 0 6px 42px;
	display: block;
}
.thread-snippet .load-more-replies
{
	float: left;
	display: none;
	margin: 8px 0 0 4px;
}

.post-snippet
{
	margin: 10px 10px 0 10px;
	background: #F0F0F0;
	border: solid 1px #BCBCBC;
	padding: 5px;
	overflow: hidden;
}
.post-snippet .avatar
{
	float: left;
	margin-top: 4px;
	overflow: hidden;
	width: 30px;
	height: 30px;
}
.post-snippet .content
{
	float: left;
	margin-left: 6px;
	overflow: hidden;
}
.post-snippet .time
{
	font-size: 10px;
	font-style: normal;
	overflow: hidden;
}
.post-snippet .username
{
	font-size: 11px;
	overflow: hidden;
}
.post-snippet .said
{
	font-size: 10px;
	font-style: normal;
	overflow: hidden;
}
.post-snippet .msg
{
	width: 488px;
	overflow: hidden;
}
.post-snippet .read-more
{
	font-size: 12px;
	float: left;
	overflow: hidden;
}
.post-snippet .load-read-more
{
	display: none;
	float: left;
	margin-left: 4px;
	overflow: hidden;
}
.post-snippet .boundary
{
	margin-top: 10px;
	width: 100%;
	height: 2px;
	background-color: #E6E6E6;
	overflow: hidden	
}
.post-snippet ul
{
	overflow: hidden;
}

.replies .post-snippet
{
	border: solid 1px #BCBCBC;
	padding: 5px;
}
.replies .footer
{
	margin: 2px 0 10px 16px;
	border: none;
}



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




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




/*** CaloriesIn style section ***/


/* Weight loss */