/* Topic Left Column
--------------------- */
.gridCol.left .promoBox h2 {
	background-image: url(http://assets.aarp.org/www.aarp.org_/TopicAreas/Health/fat2fit/222_bg.jpg);
	background-color: none;
	color: #FFFFFF;
	border-bottom: none;
}

.gridCol.left .promoBox .promoContent {
	background-color: #f1f1f1;

}


/* Topic Right Column
--------------------- */
#gridcolumnright {
	margin-top: -2px;
}

.gridCol.right .promoBox h2 {
	background-image: url(http://assets.aarp.org/www.aarp.org_/TopicAreas/Health/fat2fit/300_bg_long2.jpg);
	background-color: none;
	color: #FFFFFF;
	border-bottom: none
}


/* Topic Ribbon
--------------- */
/*
Disregard previous theming method-- 
needs to change to support cell outline on hover
*/


/* Topic Article Sidebar
------------------------ */
#articleMedia .columnPromo h2 {
	background-image: url(http://assets.aarp.org/www.aarp.org_/TopicAreas/Health/fat2fit/222_bg.jpg);
	background-color: #333333;
	color: #FFFFFF;
	border-bottom: none
}

#articleMedia .columnPromo  {
	background-image: none;
	background-color: #f1f1f1;
}



/* CMS Style for F2F Weight Component
------------------------ */
/* Topic Left Column
--------------------- */
.gridCol.left .promoBox h2 {
	background-image: url(http://assets.aarp.org/www.aarp.org_/TopicAreas/Health/fat2fit/222_bg.jpg);
	background-color: none;
	color: #FFFFFF;
	border-bottom: none;
}

.gridCol.left .promoBox .promoContent {
	background-color: #f1f1f1;

}




/* Topic Right Column
--------------------- */
.gridCol.right .promoBox h2 {
	background-image: url(http://assets.aarp.org/www.aarp.org_/TopicAreas/Health/fat2fit/300_bg_long2.jpg);
	background-color: none;
	color: #FFFFFF;
	border-bottom: none
}


/* Topic Ribbon
--------------- */
/*
Disregard previous theming method-- 
needs to change to support cell outline on hover
*/


/* Topic Article Sidebar
------------------------ */
#articleMedia .columnPromo h2 {
	background-image: url(http://assets.aarp.org/www.aarp.org_/TopicAreas/Health/fat2fit/222_bg.jpg);
	background-color: #333333;
	color: #FFFFFF;
	border-bottom: none
}

#articleMedia .columnPromo  {
	background-image: none;
	background-color: #f1f1f1;
}



/* CMS Style for F2F Weight Component
------------------------ */
.f2fCustomPromo {
	background: #fff url(http://assets.aarp.org/aarp.org_/images/backgrounds/bg_f2f.gif) no-repeat left top;
	width: 280px;
	height: 180px;
	margin-bottom: 12px;
	padding: 10px;
}

.f2fCustomPromo h2 {
	font: bold 1.8em/1 "Trebuchet MS", Verdana, sans-serif;
	color: #3c9bd4;
	letter-spacing: -0.1em;
	text-align: center;
	text-transform: none;
	margin: 0;
}

.f2fCustomPromo p#groupWeight {
	font: bold 2.9em/1 "Trebuchet MS", Verdana, sans-serif;
	color: #fff;
	margin: 17px 0 0 95px;
	height: 30px;
}
.f2fCustomPromo p#groupWeight span {
	font-weight: normal;
	font-size: 0.5517em;
}

.f2fCustomPromo p#days {
	font: normal 1.5em/1 "Trebuchet MS", Verdana, sans-serif;
	color: #f57f21;
	text-align: center;
	margin-top: 16px;
	height: 13px;
}

.f2fCustomPromo table {
	width: 100%;
	margin-top: 15px;
	height: 37px;
}
.f2fCustomPromo td {
	font: bold 1.3em/1.5385 "Trebuchet MS", Verdana, sans-serif;
	color: #fff;
}
.f2fCustomPromo td span {
	font-weight: normal;
}
.f2fCustomPromo td.tdData {
	text-align: right;
}

.f2fCustomPromo form {
	margin-top: 9px;
	padding: 0;
}
.f2fCustomPromo label {
	font: bold 1.3em/26px "Trebuchet MS", Verdana, sans-serif;
	color: #fff;
	margin: 0;
	padding: 0;
	float: left;
}
.f2fCustomPromo input {
	font: bold 1.3em/1 "Trebuchet MS", Verdana, sans-serif;
	height: 20px;
	width: 99px;
	margin: 0 7px;
	padding: 0;
	float: left;
}
.f2fCustomPromo a.btnMediumBlue {
}
.f2fCustomPromo a.btnMediumBlue span {
	background-image: url(http://assets.aarp.org/aarp.org_/images/buttons/btnSprite_f2f.gif);
}
.f2fCustomPromo a.btnMediumBlue span.left { background-position: left 0; }
.f2fCustomPromo a.btnMediumBlue span.right { background-position: right 0; }
.f2fCustomPromo a.btnMediumBlue span.middle { background-position: -10px 0; }
.f2fCustomPromo a.btnMediumBlue:hover span.left { background-position: left -24px; }
.f2fCustomPromo a.btnMediumBlue:hover span.right { background-position: right -24px; }
.f2fCustomPromo a.btnMediumBlue:hover span.middle { background-position: -10px -24px; }
.f2fCustomPromo .btnMediumBlue.inactive span.left { background-position: left -0; }
.f2fCustomPromo .btnMediumBlue.inactive span.right { background-position: right -0; }
.f2fCustomPromo .btnMediumBlue.inactive span.middle { background-position: -10px -0; }

.f2fCustomPromo p#totalWeight {
	font: bold 1.8em "Trebuchet MS", Verdana, sans-serif;
	color: #fff;
	letter-spacing: -0.1em;
	text-align: center;
	margin-top: 9px;
}
.f2fCustomPromo p#totalWeight a {
	color: #fff;
	text-decoration: underline;
}

#newWeight {
	font-weight: bold;
}