/* CSS Document */
body {
background-color:#fff;
color:#505050;
font-family:helvetica,Arial,Verdana;
font-size:11px;
margin:0 auto;
}
img { border:0;}

* { padding:0px; margin:0px;}

a, a:visited{overflow:visible; outline:none;}
   
.container {
position: relative;
background:transparent url(../images/starburst_background.jpg) top center no-repeat;
height:836px;
margin:0 auto;
width:965px;
}

.container-short {
position: relative;
background:transparent url(../images/starburst_background_short.jpg) top center no-repeat;
height:836px;
margin:0 auto;
width:965px;
}

/*Headings and Fonts */
h1, .heading1  {font-size:22px; color:#004b8d; font-weight:bold; text-transform: uppercase; margin-left:40px; }
h2, .heading2 {font-size:12px; font-weight:bold; text-transform: uppercase;}
h3, .heading3 {font-size:14px; color:#004b8d; font-weight:bold; }
h4, .heading4 { font-size: 12px; color: #004b8d; font-weight: bold; text-transform: uppercase; word-spacing: 2px; }

.font12 { font-size:12px;}
.fontwhiteupper { color:#fff; text-transform:uppercase;}
.fontbrown { color:#b0690f;}
.font-yellow {color:#fff2ac}
.font-gray {color: #6a6a6a;}
.font-orange {color: #ea7124;}
.bluelarge { font-weight:bold; font-size:24px; color:#004b8d; text-transform:uppercase; padding-bottom:10px;}
.bluemed { font-weight:bold; font-size:14px; color:#004b8d; text-transform:uppercase;}
.lightbluemed { font-weight:bold; font-size:12px; color:#0177a1; text-transform:uppercase;}

/*Links */
a { cursor: pointer }
a:link, a:visited {color: #ea7124; font-weight:bold; text-transform:uppercase; text-decoration:none;}
a:hover { text-decoration:underline;}

a.white:link, a.white:visited, a.white:active {color: #fff; font-weight:bold; text-transform:uppercase; text-decoration:none;}
a.white:hover { text-decoration:underline;}

a.fontbrown, a.fontbrown:link, a.fontbrown:visited, a.fontbrown:active {color: #b0690f; text-decoration:none; text-transform:none; }
a.fontbrown:hover { text-decoration:underline;}

a.fontblue, a.fontblue:link, a.fontblue:visited, a.fontblue:active {color: #0a4158; text-decoration:underline; text-transform:none; }
a.fontblue:hover { text-decoration:underline;}

a.redsmall:link, a.redsmall:visited, a.redsmall:active 
{
color:#b63800; font-weight:bold; text-decoration:none; font-size:9px; 
 padding-right:5px;}
a.redsmall:hover {text-decoration:underline;}

a.arrow-small {
	font-size:9px;
	background: url(../images/arrow-orange.gif) center right no-repeat;
    padding-right: 8px;
	
	}
a.arrow-large {
	font-size:12px;
	background: url(../images/arrow-orange.gif) center right no-repeat;
    padding-right: 13px;
	}
	
a.brown-arrow-small {
	font-size:12px;
	background: url(../images/small-brown-arrow.png) center right no-repeat;
    padding-right: 10px;
    color:#ac4300;
    font-weight: bold;
    text-transform:none;
	}
a.fb
    {
	background: url(../images/icon-fb.png) center left no-repeat;
    padding:5px 0px 5px 25px;	
	}
a.white-arrow{font-size:12px; color:#fff; text-transform:uppercase; font-weight:bold; margin:0 5px;}


/* logos */
#pfplogo{float:left; display:block; margin-left:17px; background:transparent url(../Images/pfp_logo.png) no-repeat 0 0; width:118px; height:108px;}
#bllogo{position:absolute;top:0; left:123px; display:block; background:transparent url(../Images/bl_logo.png) no-repeat 0 0; width:112px; height:108px;}


/*navigation*/
.topnav { float:right; margin-right:6px; background:transparent url(../Images/nav-bg.gif) no-repeat 0 0; width:727px; height:66px;} /* must be greater than pledge UC div */
.topnav p.login{float:right; text-transform:uppercase; color:#fff; font-size:14px; font-weight:bold; padding:6px 10px 0 0;}
.topnav p.login a, .topnav p.login a:visited{color:#fff;}
.topnav ul.toplevel{margin:26px 0 0 21px; }
.topnav li { display:inline; float:left; border-right: 2px solid #CCC; padding-right: 1px; position: relative; z-index: 101 }
.topnav li a { display:block; height: 32px; text-indent: -10000px; overflow: hidden }

.topnav li.liPartners { border-right: none; padding-right: 0 }
.topnav li.liPledge { height: 32px; width: 112px }

.topnav li.liPledge a.primary { background: url(/images/nav-pledge.gif) no-repeat top left; width: 112px } 
.topnav li.liTeams a.primary {background:transparent url(../Images/nav-teams.gif) no-repeat 0 0; width:91px;}
.topnav li.liCommunity a.primary { background: url(/images/nav-community.gif) no-repeat top left; width: 120px }
.topnav li.liAbout a.primary { background: url(/images/nav-about.gif) no-repeat top left; width: 194px }
.topnav li.liBL a.primary { background: url(/images/nav-bl.gif) no-repeat top left; width: 157px }
.topnav li.liPartners a.primary { background: url(/images/nav-partners.gif) no-repeat top left; width: 130px  }

.topnav li.liPledge a.primary:hover { background: url(/images/nav-pledge-over.gif) no-repeat top left; }
.topnav li.liTeams a.primary:hover {background:transparent url(../Images/nav-teams-over.gif) no-repeat 0 0; width:91px;}
.topnav li.liCommunity a.primary:hover { background: url(/images/nav-community-over.gif) no-repeat top left; }
.topnav li.liAbout a.primary:hover { background: url(/images/nav-about-over.gif) no-repeat top left;  }
.topnav li.liBL a.primary:hover { background: url(/images/nav-bl-over.gif) no-repeat top left;  }
.topnav li.liPartners a.primary:hover { background: url(/images/nav-partners-over.gif) no-repeat top left;  }

.topnav li ul { display:none; position: absolute; top: 31px; left: -2px; z-index: 10001; border: 2px solid #ccc; border-top:none; background: #FFF; padding-bottom: 2px; }
.topnav li.liPartners ul {width: 132px; }
.topnav li.liBL ul {width: 158px; }
.topnav li ul li {  display: block; float: none; border: none; background: #d0edf6; border-top: 2px solid #a0b6bd; height: auto; padding: 1px; margin: 0 2px }
.topnav li ul li a, .topnav li ul li a:visited { display: block; color:#0095da; text-indent: 0px; background: #d0edf6; height: auto; padding: 5px; text-transform: none }
.topnav li ul li a:hover { background: #4badd6; color: white; text-decoration: none }

.topnav li.liPartners a.primary:hover ul { display: block }

/*Lists */
.partners, .bl {  position: relative; top:10px; left:48px; }
.partner-nav { width:126px;}
.partner-nav ul { margin-top: -1px; }
.partner-nav li { list-style:none; padding:0; height: 28px; border-bottom: 1px solid #beae84; overflow: hidden }
.partner-nav li.last { border-bottom:none; }

.partner-nav a, .partner-nav a:visited{ color: #0095da; text-transform: none; height: 24px; line-height: 24px; padding:0 3px 0 5px; margin: 2px 1px; display:block }
.partner-nav a:hover, .partner-nav a.selected { background-color: #4badd6; color:#fff !important; text-transform: none; width:116px; text-decoration: none  }
.partner-nav a.nav-round:hover, .partner-nav li.nav-round a.selected{ background:url(/images/partner-rounded-nav-back.png) no-repeat -1px -1px ; color:#fff !important; text-transform: none; }
.partner-nav li.last a:hover, .partner-nav li.last a.selected { background:url(/images/partner-rounded-nav-back-bottom.png) no-repeat -1px -3px; color:#fff !important; text-transform: none; }
/* biggest loser list */
.bl-nav { width:150px; margin-left: -1px; }
.bl-nav ul { margin: -3px 0 0 0; padding: 0;  }
.bl-nav li { list-style:none; padding:0; height: 29px; overflow: hidden }
.bl-nav li.last { border-bottom:none; }
.bl-nav a, .bl-nav a:visited{ color: #0095da; text-transform: none; padding:0px 5px 0px; margin: 3px 3px 3px 2px; display:block; height: 24px; line-height: 24px; font-weight: bold; }
.bl-nav a:hover, .bl-nav a.selected { background-color: #4badd6; color:#fff; text-decoration: none; }
.bl-nav li.first a:hover, .bl-nav li.first a.selected { background:url(/images/bl-rounded-nav-back.png) no-repeat 0 0; color:#fff; text-transform: none;   }
.bl-nav li.last a:hover, .bl-nav li.last a.selected { background:url(/images/bl-rounded-nav-back-bottom.png) no-repeat 0 0; color:#fff; text-transform: none;   }

ul.horizontal-list  { list-style-type: none; }
.horizontal-list li { float: left; height: 15px; line-height: 15px; margin-right: 3px; }
.horizontal-list li img { margin: 0; padding: 0; }

ul.horizontal-list-logos  { list-style-type: none }
.horizontal-list-logos li { display: inline; margin-right: 3px; }
.horizontal-list-logos li img { margin: 0; padding: 0; }

.horizontal-list-gray li.last { border:none }
.horizontal-list-gray li { display:inline; float:left; padding:0px 12px; border-right: #666 1px solid; height:10px  }
.horizontal-list-gray a, .horizontal-list a:visited { color: #666666; font-size:9px; text-transform:none; vertical-align: text-top  }
.horizontal-list-white { margin:0px 0px 0px 3px;}
.horizontal-list-white li { display:inline; float:left; padding:3px 15px 0px 7px; height:16px; background:url(../images/small-white-arrow.gif) center left no-repeat;}
.horizontal-list-white a, .horizontal-list-white a:visited { color: #fff; font-size:12px; vertical-align: text-top; display: block  }
.blue-list {color:#20668b; font-weight:bold; margin-left: 25px;  list-style-type: none}
.blue-list li   {margin: 2px 0; }

/* Home Page */
#main-heading { background: url(/images/main-heading.png) top left no-repeat; width: 643px; height: 105px; position: absolute; top: 104px; left: 45px; z-index: 99; }
#flashmap { position: absolute; top: 169px; left: 7px; z-index: 2; margin: 0; }
.no-flash-content { display: none; margin: 20px 0 0 0;}
#box-thankyou { padding: 15px 0px 0px 366px; }
#box-text {padding: 0px 0px 0px 360px; color: #0a4158; font-family: Arial; font-size: 12px; font-weight: bold; line-height: 13px;  width: 280px; text-align: center; }
#pledgenow{position:absolute; display:block; left:285px; top:80px; width:420px; height:106px; background:transparent url(../Images/pledge-bg.png) no-repeat 0 0; z-index:99;}
#pledgenow p{font-weight:bold;}
#pledgenow p.top{margin:9px 0 0 11px;}
#pledgenow img.btn{float:left; margin:5px 0 0 11px;}
#pledgenow p.right{float:right; margin:0 21px 0 0; width:230px; }
#pledgenow p.right img{margin-top:2px;}
#loseweight{position:absolute; left:41px; top:125px; width:217px; z-index:99;}
#loseweight p{margin-left:32px;}
#loseweight a, #loseweight a:visited{color:#ba3d0c; font-size:12px;}
#loseweight a:underline{text-decoration:underline;}
#altFlash{display:block; width:651px; height:316px; background:transparent url(/images/alt-flash-map.png) no-repeat 0 0;}

/*Leaderboard*/
#leaders{float:right; margin-right:7px; background:transparent url(../Images/leaders-bg2.jpg) no-repeat 0 0; width:237px;}
#leadertabs{margin-top:128px;}
.leaderboard { height:190px; width:227px; overflow: auto; zoom: 1}
.leaderboard a.faq-link{color:#ba3d0c; font-size:11px; text-transform:none; text-decoration:underline;}
.stateleaderboard { height:300px; width:220px; overflow: auto; margin-left: 10px; zoom: 1}
.leaderboardrow { padding:5px 0px 15px 5px; background: url(/images/border-gray-trans.gif) no-repeat bottom left; zoom: 1}
.leaders-bottom {padding: 0px 8px 1px 12px; margin: 0}
.facebooklinks {  padding: 3px 0px 0px 5px; position:relative; color:#b63800; font-weight:bold; text-decoration:none; font-size:9px; }
.facebooklinks ul{margin-left:8px;}
.facebooklinks ul li.fb{background:transparent url(/Images/facebook.jpg) no-repeat 0 0;}
.facebooklinks ul li.fb a{display:block; width:76px; height:18px; text-align:right; text-transform:uppercase;}
.facebooklinks ul li.st{background:transparent url(/Images/sharethis.jpg) no-repeat 0 0;}
.facebooklinks ul li.st a{display:block; width:75px; height:18px; text-align:right;}
.facebooklinks .horizontal-list li{width:105px; height:18px; line-height:18px; text-transform:uppercase; margin:0;}
.facebooklinks a, .facebooklinks a:visited, .facebooklinks a:active {color:#b63800; font-weight:bold; text-decoration:none; font-size:9px;}
.facebooklinks a:hover { text-decoration: underline;}
.facebooklinks a.face-book{margin:0 0 0 3px; line-height:10px; text-transform:uppercase;}
.leadersheadingdiv { margin: 0px 0px 0px 10px; padding:5px 10px 15px 20px; background: url(/images/border-gray-trans.png) bottom left no-repeat;}
.leaderboard-footer-shadow{margin-top:-10px;}
#tabs .ui-tabs-panel{padding:0;}

 /*Pound Counter */
#divTotalPounds{margin:20px 0 0 10px;}
.pound-counter { float:right; margin:35px 115px 0 0; border: solid 1px #7c7c7c; height: 23px; width:auto;}
.participant-counter { float:right; margin:1px 115px 0 0;  border: solid 1px #7c7c7c; height: 23px;}
#participant-counter { float:left; padding:0px}
.counters { float:left; margin-left:100px; width:650px;}
.counter-label { float:left; width:180px; margin-left:5px; padding:3px 0px 0px 0px}
.counter-border { width:10px; background:url(/images/counter-border.gif) top left no-repeat; float:left; height:32px;}

/*Bottom Content*/
.bottomcontent { position:relative; top:0px; left:0px; background-color: transparent; margin:0px 7px 0px 7px; height:300px; }
.bottomleft { float:left; width: 473px; height:315px;}
.bottomleft h4{margin-top:15px; color:#5f9db7;}
.bottomleft .hosts{margin:0 0 0 11px;}
.bottomleft ul{list-style-type:none;}
.bottomleft li{float:left; margin:0 0 0 14px; background:transparent url(../Images/bottom-seperator.png) no-repeat top right; width:104px; height:54px;}
.bottomleft li.end{background-image:none;}
.bottomright {float:left; width:224px; height:185px; padding: 10px 5px 10px 5px; background-color:#fff; margin-top:17px; }
.left-border { float:left; width:5px; height:305px; background:url(/images/gray-border-right.jpg) top left repeat-y; position:relative; top:17px;}
.sponsors {position:relative; background:url(/images/gray-border-top.jpg) top left repeat-x; width: 462px; float:left; height:85px; padding:10px 5px 5px 5px; }
.sponsors .lower{margin-top:30px;}
.sponsors #yoplait{float:left; display:block; height:37px; width:48px; background:transparent url(../Images/partner-logo-yoplait.gif) no-repeat top left;}
.sponsors #multigraincherrios{float:left; display:block; width:48px; height:37px; background: #fff url(../Images/partner-logo-cheerios.gif) no-repeat 0 0;}
.sponsors #fiberone{float:left; display:block; width:50px; height:37px; background-image:url(../Images/partner-logo-fiberone.gif);}
.sponsors #yoplaitsmoothie{float:left; display:block; width:47px; height:37px; background:#fff url(../Images/partner-logo-yoplait-smoothie.gif) no-repeat -8px 0;}
.sponsors #larabar{float:left; display:block; width:68px; height:27px; background:#fff url(../Images/partner-logo-larabar.gif) no-repeat -10px -5px }
.sponsors #fiberone90{float:left; display:block; width:35px; height:35px; background-image:url(../Images/partner-logo-fiberone90.gif);}
.sponsors #gmwholegrain{float:left; margin-left:8px; display:block; width:73px; height:30px; background-image:url(../Images/partner-logo-gmwholegrain.gif);}
.sponsors #subway{position:absolute; right:45px; display:block; width:72px; height:24px; background-image:url(../Images/partner-logo-subway-b.gif);}
.sponsors #kroger{position:absolute; right:10px; display:block; width:40px; height:32px; background-image:url(../Images/kroger-logo.jpg);}
.sponsors #progresso{position:absolute; right:10px; display:block; width:61px; height:28px; background-image:url(../Images/partner-logo-progresso.gif);}
.sectioncontent-row { margin: 17px 10px 12px 10px; overflow: auto;}
.sectioncontent-top-row { margin: 0px 10px 12px 10px; overflow: auto;}
.footer { background:url(/images/gray-border-footer.jpg) top left repeat-x; padding:10px; height:13px;}
.watch-now{float:left; margin:5px 12px 0 11px;}


/*State Page*/
.statecontent { float:left; width:660px; margin:-32px 30px 0px 30px;}
.statecontent .pledge { right: 270px; top: 100px }
.state-info { float:left; clear:left; margin:10px 30px 0px 30px; height:100px; width:350px;}
.state-stats { float:left}
.state { float:left; margin-top:5px;}
.pledge {position:absolute; top:85px; right: 25px; z-index: 100; width:256px;}
.statenewsfeed {width: 100%; height: 220px; overflow: auto; font-size:14px; font-weight:bold;}
.newstabheading {font-size:14px; font-weight:bold; text-transform: uppercase; padding-bottom: 5px; }
.newsfeedrow { padding:10px 0px 10px 0px; background: url(/images/long-trans-back.png) top left repeat-x;}
.newsfeeddate {font-size: 12px; font-weight: bold; color: #808080; font-style: italic;}

/*About PFP Page*/
.container-about {background:url(/images/about-background.gif) no-repeat 37px 30px; width:960px; height: 645px; position: relative; top:20px; left:0px;}
.white-box-footer {background:url(/images/white-round-background-bottom.png) bottom center no-repeat; width: 280px; height:7px;}
.container-whiteboxes {margin:12px 30px 30px 53px;}
.container-whiteboxes h2 { font-size:13px; font-weight:bold; line-height:18px; text-transform: none; padding-right:20px;}
.white-box {  background: url(/images/white-round-background-top.png) no-repeat top left ; 
              width: 280px; padding:7px 0; float: left; margin-right:10px; margin-top:5px; overflow: hidden; position: relative  }
.white-box-content { background-color:#fff; color:#6a6a6a; font-size: 12px; font-weight:bold; line-height:16px; padding:0 9px; width: 262px; height: 270px; overflow: hidden}
.white-box-content img#pledge-now-btn{position:absolute; right:10px; bottom:10px; cursor: pointer;}
.row2               { height: 165px }
.row2 img          { margin-right: 5px; }
.row2 a             { position: absolute; bottom: 13px; right: 3px }
.white-box-content p { margin:5px 0 1px; padding: 0; height: 97px;}
.white-box-content p.right { margin:5px 0 3px 7px; float:left; width:185px;}

/*Sign In*/
h2.signin{margin-bottom:60px;}
.signin-container{margin:10px 0 30px 0;}
.signin-container label{clear:both; float:left; width:200px; font-size:14px; margin:40px 10px 0 0; text-align:right;} 
.signin-container .txt{float:left; margin:40px 10px 0 0; width:250px;}
.signin-container a{float:left; padding-top:45px;}
.signin-container p.signup{float:left; width:300px; clear:both; margin:15px 0 20px 100px; font-size:12px;}
.signin-container .signin-btn{float:right; margin-right:100px;}
.signin-container .continue-btn { float: right; margin-left: 10px; }
.signin-container a.start-pledge{float:none;}
.signin-container .invalid{font-weight:bold; font-size:12px;}

/*Community PFP Page*/
.container-community {background:url(/images/community-background.gif) 37px 70px no-repeat; width:960px; height: 1068px; position: relative; top:20px; left:0px;}
.container-community h2 {font-size:13px; font-weight:bold; text-transform:none; padding-right:30px;}
#community-summary { width: 65%; float: left }
#community-summary * { margin-left: 0 }
#facebook-logo  { margin-right: 15px;}
.fanButton { margin: 0; padding: 0; position: absolute; right: 35px; top: 23px; width: 244px; height: 34px; }
.step-by-step {padding:20px 40px 0px 50px; font-size:12px; font-weight:bold;}
.step-by-step {padding:20px 40px 0px 50px; font-size:12px; font-weight:bold;}
.step-by-step img { clear: right; margin-bottom:5px}
.step {width:198px; margin-right:19px; float: left;}
.step-row1 {height:255px; clear:both; margin-top:20px;}
.step-row2 {height:322px; clear:both;}
.step-row3 {height:220px; clear:both;}
.step-by-step a { cursor: pointer }
.step-by-step a:link, .step-by-step a:visited {color: #0177a1; font-size:12px; font-weight:bold; text-transform:none; text-decoration:none;}
.step-by-step a:hover { text-decoration:underline;}

/*Team PFP Page*/
#container-teams {background:transparent url(/images/container-trans-bg-h669.gif) no-repeat 0 30px ; width:887px; height:700px; position: relative; top:20px; left:40px; padding:0 0 0 13px;}
#container-teams h1{margin-left:0;}
#container-teams h4{clear:both; color:#333333; text-transform:none; font-size:14px; margin-bottom:8px;}
#container-teams #left p{font-size:12px; line-height:16px; font-weight:bold; margin-bottom:8px;}
#container-teams #left{float:left; margin:20px 0 0 0; width:530px;}
#container-teams #left h2{margin-bottom:64px; text-transform:none; font-size:14px; line-height:18px;}
#container-teams #left h4{margin-bottom:12px; padding-top:12px;}
#container-teams #left label{float:left; width:85px; margin-top:6px;}
#container-teams #left input, #container-teams #left select{float:left; margin:6px 12px 0 0;}
#container-teams #left select{background-color:#f3f3f3; border:1px solid #7f9db9; color:#6d6d6d; font-weight:bold;}
#container-teams #left input.invalid,#container-teams #left select.invalid, #container-teams .fb input.invalid {border:1px solid #cc0000; color:#6d6d6d;}
#container-teams #left input.txt{float:left; margin-right:0; height:20px;}
#container-teams #left input.create{height:auto; margin-right:10px;}
#container-teams #left select.ddlSearch{margin-right:0; height:24px; padding-top:2px;}
#container-teams #left .create-team{position:absolute; left:550px; width:300px;}
#container-teams .tblTeams{margin-top:24px;}
#container-teams .tblTeams tr{height:30px;}
#container-teams td.teamname{width:120px;}
#container-teams #container-join{float:right; margin:20px 30px 0 0; padding:20px 0 0 28px; width:270px; height:130px; background:transparent url(/images/container-join-bg.png) no-repeat 0 0;}
#container-teams #container-join h2{color:#333; float:none; width:auto;}
#container-teams #container-join p{color:#666; font-size:13px; font-weight:bold;}
#container-teams #container-join .jointeam{background:transparent url(/images/JoinOrCreateTeam.png) 0 0; display:block; text-indent:-10000px; width:185px; height:32px; margin:8px 0 0 4px;}
#container-teams #container-join .create-team{background:transparent url(/images/create-a-team.jpg) 0 0; display:block; text-indent:-10000px; width:134px; height:31px; margin:8px 0 0 45px;}
#container-teams .container-team{float:right; margin:20px 30px 0 0; padding:14px 36px 0 22px; background:transparent url(/Images/container-bg-team.png) 0 0; width:240px; height:235px;}
#container-teams .container-team p{font-size:14px; margin:16px 0 16px 0;}
#container-teams .container-team p.note{color:#ba3d0c; font-size:10px;}
#container-teams .datapager{text-align:center; width:800px; margin-top:50px;}
#container-teams .datapager span{padding:0 10px; font-weight:bold;}
#container-teams .datapager a, #container-teams .datapager a:visited{color:#2585ad; padding:0 10px;}
#container-teams p.footnote{color:#ba3d0c; font-size:10px; margin-top:34px;}
#container-teams p.footnote a, #container-teams p.footnote a:visited{color:#ba3d0c;}
#container-teams .joinTeam-btn{background:transparent url(/images/jointeam-btn.png) no-repeat 0 0; display:block; width:99px; height:31px; text-indent:-10000px;}
#container-teams label{font-size:12px;}
#container-teams img.fb{margin-top:4px;}
#container-teams .fb{float:left; margin-right:10px;}
#container-teams p.fb{width:425px; margin-bottom:15px;}
#container-teams p a, #container-teams p a:visited{color:#0581bb; text-transform:none; text-decoration:underline;}
#container-teams p.facebook{width:425px; margin:10px 0;}
#container-teams .facebookGroup-btn{background:transparent url(/images/facebookgroup.png) no-repeat 0 0; display:block; width:104px; height:33px; text-indent:-10000px;}
#container-teams #container-team-members{margin-left:24px; position:relative;}
#container-teams #container-team-members h4{float:left;}
#container-teams #container-team-members h4.moremembers{float:right; clear:none; margin-right:200px;}
#container-teams #container-team-members #team-members{float:left; width:450px; height:98px;}
#container-teams #container-team-members #team-members ul{list-style-type:none;}
#container-teams #container-team-members #team-members li{float:left; width:78px; margin:0 4px 7px 0; overflow:hidden;}
#container-teams #container-team-members .more-members{position:absolute; text-decoration:none; left:405px; bottom:0; color: #ea7124; font-weight:bold; text-transform:uppercase;}
#container-teams #container-team-members .tyf-box{float:right; margin: 0 105px 0 0; background:transparent url(/images/tyf-box.png) no-repeat 0 0; width:240px; height:92px;}
#container-teams #container-team-members .tyf-box p{width:220px; font-size:12px; margin:10px 0 0 10px;}
#container-teams #container-team-members .tyf-box #invitefriend{display:block; width:169px; height:27px; background:transparent url(/images/invite-friend-btn.png) no-repeat 0 0; margin:12px 0 0 36px;}

/*My Account Page*/
#container-myaccount {background:transparent url(/images/container-trans-bg-h669.gif) no-repeat 0 30px ; width:887px; height: 700px; position: relative; top:20px; left:40px; padding:0 0 0 13px;}
#container-myaccount h1{margin-left:0;}
#container-myaccount #left{float:left; margin:20px 0 0 0; width:550px;}
#container-myaccount #left h2{text-transform:none; font-size:14px; line-height:18px; margin-bottom:24px;}
#container-myaccount h3{color:#333333;}
#container-myaccount h4{clear:both; color:#333333; text-transform:none; font-size:14px;}
#container-myaccount h5{clear:both; color:#333; text-transform:none; font-size:13px; font-weight:bold; margin-top:8px;}
#container-myaccount #left p{font-size:14px; line-height:16px; background: transparent url(/images/container-line.png) repeat-x bottom left; padding-bottom:18px;}
#container-myaccount .container-join{float:right; margin:20px 30px 0 0; padding:20px 0 0 28px; width:270px; height:130px; background:transparent url(/images/container-join-bg.png) no-repeat 0 0;}
#container-myaccount .container-join h2{color:#333; float:none; width:auto;}
#container-myaccount .container-join p{color:#666; font-size:13px; font-weight:bold;}
#container-myaccount .container-join #jointeam{background:transparent url(/images/JoinOrCreateTeam.png) 0 0; display:block; text-indent:-10000px; width:185px; height:32px; margin:8px 0 0 4px;}
#container-myaccount .container-hasteam{float:right; margin:20px 30px 0 0; padding:20px 20px 0 18px; width:260px; height:184px; background:transparent url(/images/hasteam-bg.png) no-repeat 0 0;}
#container-myaccount .container-hasteam h2{margin-bottom:14px; font-size:15px;}
#container-myaccount .container-hasteam p{color:#505050; font-size:16px; margin-bottom:6px;}
#container-myaccount .container-hasteam .facebookgroup-link{float:left; display:block; width:134px; height:31px; background:transparent url(/images/link-to-facebook-btn.png) no-repeat 0 0;}
#container-myaccount .container-hasteam .teamadmin-btn{float:left; display:block; width:124px; height:31px; background:transparent url(/images/team-admin-btn.png) no-repeat 0 0;}
#container-myaccount .container-hasteam .footnote{clear:both; font-size:10px; color:#ba3d0c; margin-top:4px;}
#container-myaccount label{clear:both; width:140px; float:left; text-align:right; font-size:12px; color:#6f6f6f; line-height:20px; margin:4px 10px 4px 0;}
#container-myaccount input{float:left; margin:4px; width:240px;}
#container-myaccount input.taf{width:200px; margin-left:14px;}
#container-myaccount .change{float:left; padding-top:10px; color:#6f6f6f; text-transform:none; text-decoration:underline;}
#container-myaccount .optin{margin-top:30px;}
#container-myaccount .optin input{clear:both; width:auto; float:left; margin:10px 0 18px 0;}
#container-myaccount .optin label{width:auto; float:left; clear:none; margin:10px 0 18px 6px; line-height:14px; font-size:10px; width:380px; text-align:left;}
#container-myaccount .save-btn{float:left;}
#container-myaccount #reset{float:left; font-size:14px; margin:10px 0 0 6px; text-decoration:underline;}
#container-myaccount #container-tyf{margin:10px 0;}
#container-myaccount #container-tyf h4{float:left;}
#container-myaccount .tyf-box{float:left; margin: 0 0 0 20px; background:transparent url(/images/tyf-box.png) no-repeat 0 0; width:240px; height:92px;}
#container-myaccount .tyf-box p{width:220px; font-size:10px; margin:10px 0 0 10px;}
#container-myaccount .tyf-box #invitefriend{display:block; width:169px; height:27px; background:transparent url(/images/invite-friend-btn.png) no-repeat 0 0; margin:20px 0 0 36px;}
#container-myaccount .tyf-box .badgeinput{width:200px; margin-left:15px;}
#container-myaccount #container-newsletter p{margin-bottom:15px;}
#container-myaccount #container-newsletter .partner{float:left; width:436px; height:58px;}
#container-myaccount #container-newsletter .partner img.blc{margin-left:20px;}
#container-myaccount #container-newsletter .partner img.subway{margin-top:10px;}
#container-myaccount #container-newsletter .partner p{float:right; width:315px;}
#container-myaccount #container-newsletter .partner2{float:right; width:360px; height:68px; margin-right:40px;}
#container-myaccount #container-newsletter .partner2 img.eba{margin-top:15px;}
#container-myaccount #container-newsletter .partner2 img.affb{margin-left:25px;}
#container-myaccount #container-newsletter .partner2 p{float:right; width:256px;}
#container-myaccount #container-newsletter .partner2 p.affb{margin-top:15px;}
#container-myaccount #container-newsletter a,#container-myaccount #container-newsletter a:visited{text-transform:none;}
#container-myaccount #container-newsletter img{float:left; margin-right:8px;}
#container-myaccount #container-newsletter .title{color:#4badd6; font-style:italic; font-size:13px; font-weight:bold;}

.account-change h4{color:#333333; text-transform:none; font-size:14px; margin-top:20px;}
.account-change h5{color:#333333; text-transform:none; font-size:13px; margin:4px 0 30px 0;}
.account-change .form{margin:20px 0; width:700px;}
.account-change label{clear:both; width:140px; float:left; text-align:right; font-size:12px; color:#6f6f6f; line-height:20px; margin:4px 10px 4px 0;}
.account-change .change{margin-bottom:30px;}
.account-change .txt{float:left; margin:4px; width:240px;}
.account-change .save-btn{float:left; margin:0 8px 0 50px;}
.account-change a, .account-change a:visited{float:left; padding-top:6px; color:#6f6f6f; text-decoration:underline;}
.account-change p{color:#cc0000; margin-left:155px;}


/*Biggest Loser Page*/
.container-biggest {background:url(/images/Background_BiggestLoser.gif) 45px 33px no-repeat; width:960px; height: 495px; position: relative; top:20px; left:0px;}
.container-biggest h2 {font-size:13px; font-weight:bold; text-transform:none; padding-right:30px;}
.container-biggest h1 {margin-left:50px;}

.video-nav {position: absolute; top: 33px; left: 200px; width: 640px; height: 380px; padding: 7px 10px; }
.video-nav h3 {text-transform:uppercase; color: #505050 }

#video-list-container {position:absolute; top:35px; left:14px; height: 245px; width: 223px; overflow: auto;  }
#video-list-container ul { margin: 0; padding: 0; list-style-type: none; border: 2px solid #C0C0C0; border-bottom: none; }
#video-list-container ul li { margin: 0; padding: 1px; border-bottom: 2px solid #CCC }
#video-list-container ul li a { display: block; padding: 5px 8px; cursor: pointer;  text-decoration: none }
#video-list-container ul li a h3 { font-size: 13px; color: #ec700a; text-transform: none; margin: 0 0 1px 0}
#video-list-container ul li a p  { color: #7b7b7b; font-style: italic; font-weight: bold; }
#video-list-container ul li a:hover { background-color: #9ed3e9 }
#video-list-container ul li a:hover h3 { color: #20668b; }


#tips, ul#exercise, #recipes { display: none }

div.videos  { position: absolute; left: 0px; top: 44px; width: 660px; height: 250px; }
div.videos img { position: absolute; bottom: 22px; left: 15px; width: 275px; height: 240px; }
div.videos div { float: right; width: 340px; height: 300px; overflow: auto; margin-right:0; padding-right:10px }
div.videos div.full { float: right; width: 630px; height: 320px; overflow: auto; margin-right:0; padding-right:10px }
div.videos div p { margin-bottom: 15px; margin-top: 0; }
div.cornerImage { position: absolute; bottom: 22px; left: 15px; width: 275px; height: 85px; text-align: right; vertical-align: bottom; font-size:12px; font-weight:bold;}
div.videos a { position: absolute; top: 306px; right: 15px; color: #ea7124; font-weight: bold; text-transform: uppercase;}

div.blcontent  { position: absolute; left: 0px; top: 0px; width: 505px; height: 250px; }
div.blcontent img { position: absolute; top: 0px; left: 4px; width: 275px; height: 240px; }
div.blcontent div { float: right; width: 206px; height: 330px; overflow: auto; margin-right:0; padding-right:10px }
div.blcontent div p { margin-bottom: 15px; margin-top: 0; }
div.blcornerImage { position: absolute; bottom: 5px; left: 4px; width: 275px; height: 85px; text-align: right; vertical-align: bottom; font-size:12px; font-weight:bold;}

#video-player-container {position: absolute; top: 35px; left: 240px; }
#content-container {position: absolute; top: 35px; left: 150px; }

/* Other pages */
.other-content { width: 647px; height: 318px; padding: 0 20px; position: relative; top: 20px; overflow: auto; }
.container-other { background: url(/Images/other-background.gif) no-repeat; width: 717px; height: 386px; position: relative; top:40px; left:120px; margin-bottom: 83px;}
.other-content ul, .other-content ol { margin:0 0 0 20px }
.other-content ul li, .other-content ol li { margin-bottom: 15px; }
.other-content ul li ul li { margin-bottom: 0 }
.other-content p { margin-bottom: 15px; }
.other-content a { text-transform: none; font-size: inherit }

/*Our Partners Page*/
.container-partners{background:url(/images/partners_background_large.gif) 45px 33px no-repeat; width:960px; height: 495px; position: relative; top:20px; left:0px;}
.container-partners h2 {font-size:13px; font-weight:bold; text-transform:none; padding-right:30px;}
.container-partners h1 {margin-left:50px;}

.partners { width: 800px }

.partners-logo    { margin-bottom: 10px; height: 72px; }

.partners-content { position: absolute; top: 14px; left: 150px;  }
.partners-content ul { margin-left: 30px; }
.partners-main     { margin-bottom: 20px; height: 260px; }
.partners-main img { float: left }
.partners-copy   { margin-left: 240px; width: 400px; }
.partners-copy  p { margin-bottom: 15px  }
.partners-copy a.arrow {
	font-size:11px;
	font-weight: bold;
	background: url(../images/arrow-orange.gif) center right no-repeat;
	padding-right: 13px;
	text-transform: none; 
    }

.partners-bottom a { float: left; margin-right: 20px; margin-top: 0px }

.partners-bottom a.donate-now { float: right; display: block; text-indent: -100000px; padding: 0; margin-top: -15px;  width: 108px; height: 30px; background: #FFF url(/Images/feed-america-donate.gif) no-repeat top left; }


.eat-better-content { position: absolute; top: 16px; left: 138px; width: 676px;}
.eat-better-content .header-bar { padding: 5px 10px; }
.eat-better-content .header-bar h3 { font-size: 14px; text-transform: uppercase; color: #505050; }
.eat-better-content h4 { color: #ea7124; font-size: 14px; text-transform: uppercase }
.eat-better-content a { text-transform: none; }
.recipe-content { width: 378px; height: 189px; padding: 5px 0 15px 10px; float: left; }
.recipe-content #recipe2, 
.recipe-content #recipe3,
.eat-better-content #main2,
.eat-better-content #main3 { display: none }
.recipe         { height: 82px }

.more-recipes-link { padding-right: 15px; height: 25px;  }
.more-recipes-link a { float: right;  }
.other-recipes a { padding: 3px; background: #fff; display: block; float: left; margin-right: 4px }
.other-recipes a:hover, .other-recipes a.selected { background: #4badd6 }


.recipe-main-image { float: right; padding-right: 13px }
.eat-better-bottom { float: left; clear: both; padding: 37px 0 10px; background: #fff url(/Images/gradient-border.gif) repeat-x top left; width: 673px; height: 50px; }
.eat-better-bottom img { float: left; padding-left: 20px; }
.eat-better-bottom p { width: 60%; float: right; padding-right: 15px }

.container-partners p.legal { margin-top: 64px; font-size: 9px; color: #555 }
.container-partners p.small { font-size: 9px; color: #555 }



/*Dialog Pages*/
.dialog p { margin-top:15px; line-height:16px; color:#4badd6; font-weight:bold; font-size:14px; }

#foodBanks { width: 440px; }

/*Misc and Global Styles*/
.clear { clear:both}
.fl { float:left}
.fr { float:right;}
.margin100 { margin-left:100px;}
.margin20 { margin-left:20px;}
.margin-top10 { margin-top:10px;}
.margin-left15 { margin-left:15px;}
.margin-right15 { margin-right:15px;}
.margin-top5{ margin-top:5px;}
.center{text-align:center; margin:0 auto;}
th{text-align:left;}
.txt{border:1px solid #7f9db9; color:#6f6f6f; padding:1px 4px 1px 4px;}
.watermark{color:#999; font-style:italic;}
.invalid{color:#cc0000;}


#signInWrapper .sign-in-content a { line-height: 40px; }
#lnkForgotPwd { margin-left: 10px; }

.errMsg {color: Red; font-style: italic; font-size: 10px; }

a#btnGoToAccount    { width: 181px; height: 31px; display: block; float: right; position: relative; top: -8px; }