/* Diet Guide Styles */

/* Diet Guide:Main */
#dietguide {margin-left:17px;}
#dietguide #breadcrumbs {padding-left:0;}
#dietguide .topBanner {width:640px; background:url(../i/bg_dietguide.jpg) no-repeat right 0px; height:114px; position:relative;}
#dietguide .topBanner #sponsor{position:absolute; top:0; left:408px;}
#dgCol {width:640px; margin:0; color:#464646; padding:0;}
#dgCol .dietList {background:#ebf7d3; padding:18px;}
#dgCol .dietList .intro p {font-size:1.1em; padding:0; margin:0;}
#dgCol .dietList .intro span {font-size:1.3em; font-weight:bold; color:#377000;}
#dgCol .dietList .intro p.credit {font-size:1.1em; font-style:italic; color:#377000; text-align:right; padding-top:10px;}
#dgCol .compChartMain {border:solid 1px #d6e1c0; margin:20px 0 0 0; background:#FFF; padding:3px;}
#dgCol .compChartMain .inner {border:solid 1px #e2e2e2; background:#FFF; padding:10px; margin:0;}
#dgCol .compChartMain .inner table {width:575px;}
#dgCol .compChartMain table a {color:#0076a3; font-weight:bold;}

#dietguide #digmsg {color:#CC0000; font:bold 1em verdana, arial, helvetica;}

/* Diet Guide:Compare Diets */
.topBanner {width:640px;}
.topBanner #breadcrumbs, .topBanner h1, .topBanner h2, .topBanner .compare {width:400px;}
.topBanner .compare {margin:0 0 10px 0; padding-top:10px;}
.topBanner .compare a.more {padding-left:12px; background:url(../i/arrow-more.gif) 0 2px no-repeat; font-weight:bold; font-size:0.9em;}

#dietguide  h2 {font-size:1.6em; font-family:"trebuchet ms", arial, sans-serif; color:#731c48; margin:0;}

#dgCol .back {padding-bottom:5px;}

/* Diet Guide:Compare 1 Diet */
#dgCol .compChart1 {background:#f7f2f4;}
#dgCol .compChart1 table {width:640px;}
#dgCol .compChart1 table td {border-bottom:3px solid #FFF; border-right:1px solid #c3c3c3; padding:12px 10px;}
#dgCol .compChart1 table td.last {border-right:none;}
#dgCol .compChart1 table td.dietTitle {border-bottom:1px solid #c3c3c3; padding:3px; border-right:none; background:url(../i/diettitle_border.gif) no-repeat bottom right;}
#dgCol .compChart1 table td.dietTitleRev {border-top:1px solid #c3c3c3; padding:3px; border-right:none; background:url(../i/diettitle_border.gif) no-repeat right -10px;}
#dgCol .compChart1 table td.noborder {background:none}
#dgCol .compChart1 table td.dietTitle div, #dgCol .compChart1 table td.dietTitleRev div {border:1px solid #d5d1d2; background:url(../i/icon_diet.gif) no-repeat #FFF; margin:0; text-align:left; padding:8px 4px 10px 35px;}
#dgCol .compChart1 table tr.odd {background:#ebf7d3;}
#dgCol .compChart1 table tr.even {background:#f3fae5;}
#dgCol .compChart1 table tr.odd td.label {background:url(../../i/bg_dietchart_odd.gif); font:bold 1em verdana, sans-serif; color:#377000; width:82px; height:80px;}
#dgCol .compChart1 table tr.even td.label {background:url(../../i/bg_dietchart_even.gif); font:bold 1em verdana, sans-serif; color:#377000; width:82px; height:80px;}
#dgCol .compChart1 table td.desc {font:1em verdana, sans-serif; color:#464646; width:500px;}
#dgCol .compChart1 table td.desc span {font:bold 0.9em verdana, sans-serif; color:#000;}
#dgCol .compChart1 table a {color:#0076a3; font-weight:bold;}

/* Diet Guide:Compare 2 Diets */
#dgCol .compChart2 {background:#f7f2f4;}
#dgCol .compChart2 table {width:640px;}
#dgCol .compChart2 table td {border-bottom:3px solid #FFF; border-right:1px solid #c3c3c3; padding:12px 10px;}
#dgCol .compChart2 table td.last {border-right:none;}
#dgCol .compChart2 table td.dietTitle {border-bottom:1px solid #c3c3c3; padding:3px; border-right:none; background:url(../i/diettitle_border.gif) no-repeat bottom right;}
#dgCol .compChart2 table td.dietTitleRev {border-top:1px solid #c3c3c3; padding:3px; border-right:none; background:url(../i/diettitle_border.gif) no-repeat right -10px;}
#dgCol .compChart2 table td.noborder {background:none}
#dgCol .compChart2 table td.dietTitle div, #dgCol .compChart2 table td.dietTitleRev div {border:1px solid #d5d1d2; background:url(../i/icon_diet.gif) no-repeat #FFF; margin:0; text-align:left; padding:8px 4px 10px 35px;}
#dgCol .compChart2 table tr.odd {background:#ebf7d3;}
#dgCol .compChart2 table tr.even {background:#f3fae5;}
#dgCol .compChart2 table tr.odd td.label {background:url(../i/bg_dietchart_odd.gif); font:bold 1em verdana, sans-serif; color:#377000; width:82px; height:80px;}
#dgCol .compChart2 table tr.even td.label {background:url(../i/bg_dietchart_even.gif); font:bold 1em verdana, sans-serif; color:#377000; width:82px; height:80px;}
#dgCol .compChart2 table td.desc {font:1em verdana, sans-serif; color:#464646; width:255px;}
#dgCol .compChart2 table td.desc span {font:bold 0.9em verdana, sans-serif; color:#000;}
#dgCol .compChart2 table a {color:#0076a3; font-weight:bold;}

/* Diet Guide:Compare 3 Diets */
#dgCol .compChart3 {background:#f7f2f4;}
#dgCol .compChart3 table {width:640px;}
#dgCol .compChart3 table td {border-right:1px solid #c3c3c3; border-bottom:3px solid #FFF; padding:12px 10px;}
#dgCol .compChart3 table td.last {border-right:none;}
#dgCol .compChart3 table td.dietTitle {border-bottom:1px solid #c3c3c3; padding:3px; border-right:none; background:url(../i/diettitle_border.gif) no-repeat bottom right;}
#dgCol .compChart3 table td.dietTitleRev {border-top:1px solid #c3c3c3; padding:3px; border-right:none; background:url(../i/diettitle_border.gif) no-repeat right -10px;}
#dgCol .compChart3 table td.noborder {background:none}
#dgCol .compChart3 table td.dietTitle div, #dgCol .compChart3 table td.dietTitleRev div {border:1px solid #d5d1d2; background:url(../i/icon_diet.gif) no-repeat #FFF; margin:0; text-align:left; padding:8px 4px 10px 35px;}
#dgCol .compChart3 table tr.odd {background:#ebf7d3;}
#dgCol .compChart3 table tr.even {background:#f3fae5;}
#dgCol .compChart3 table tr.odd td.label {background:url(../i/bg_dietchart_odd.gif); font:bold 1em verdana, sans-serif; color:#377000; width:82px; height:80px;}
#dgCol .compChart3 table tr.even td.label {background:url(../i/bg_dietchart_even.gif); font:bold 1em verdana, sans-serif; color:#377000; width:82px; height:80px;}
#dgCol .compChart3 table td.desc {font:1em verdana, sans-serif; color:#464646; width:176px;}
#dgCol .compChart3 table td.desc span {font:bold 0.9em verdana, sans-serif; color:#000;}
#dgCol .compChart3 table a {color:#0076a3; font-weight:bold;}

#dgCol p.icon1, #dgCol p.icon2, #dgCol p.icon3, #dgCol p.icon4, #dgCol p.icon5, #dgCol p.icon6, #dgCol p.icon7, #dgCol p.icon8, #dgCol p.icon9, #dgCol p.icon10, #dgCol p.icon11, #dgCol p.icon12, #dgCol p.icon13, #dgCol p.icon14, #dgCol p.icon15, #dgCol p.icon16, #dgCol p.icon17 {background:url(../i/icons-diet.gif) no-repeat; height:35px; margin:0; padding:0;}
#dgCol p.icon0 {background:none;}
#dgCol p.icon1 {background-position: 0 -20px;}
#dgCol p.icon2 {background-position: 0 -82px;}
#dgCol p.icon3 {background-position: 0 -127px;}
#dgCol p.icon4 {background-position: 0 -182px;}
#dgCol p.icon5 {background-position: 0 -232px;}
#dgCol p.icon6 {background-position: 0 -275px;}
#dgCol p.icon7 {background-position: 0 -327px;}
#dgCol p.icon8 {background-position: 0 -380px;}
#dgCol p.icon9 {background-position: 0 -435px;}
#dgCol p.icon10 {background-position: 0 -480px;}
#dgCol p.icon11 {background-position: 0 -524px;}
#dgCol p.icon12 {background-position: 0 -572px;}
/*#dgCol p.icon13 {background-position: 0 -619px;}
#dgCol p.icon14 {background-position: 0 -670px;}
#dgCol p.icon15 {background-position: 0 -719px;}
#dgCol p.icon16 {background-position: 0 -766px;}
#dgCol p.icon17 {background-position: 0 -818px;}
*/
#dietguide .moreInfo {float:left; border:solid 1px #e3e3e3; margin:0; background:#FFF; padding:3px;}
#dietguide .moreInfo .inner {float:left; border:solid 1px #e3e3e3; margin:0; background:#f9f4f6; padding:13px;}
#dietguide .moreInfo .inner div {float:left; padding:0 5px 0 0; margin:0; display:inline; width:196px;}
#dietguide .moreInfo .inner p {padding:0 0 12px 0; margin:0;}
#dietguide .moreInfo .inner ul {color:#731c48; list-style-position:inside; padding:0; margin:0;}
#dietguide .moreInfo .inner ul li {padding:0; margin:0;}

#blog .moreInfo {float:left; border:solid 1px #e3e3e3; margin:0; background:#FFF; padding:3px;}
#blog .moreInfo .inner {float:left; border:solid 1px #e3e3e3; margin:0; background:#f9f4f6; padding:13px;}
#blog .moreInfo .inner div.narrow {float:left; font-size:.9em; padding:0 5px 0 0; margin:0; display:inline; width:139px;}
#blog .moreInfo .inner p {padding:0 0 12px 0; margin:0;}
#blog .moreInfo .inner ul {color:#731c48; list-style-position:inside; padding:0; margin:0;}
#blog .moreInfo .inner ul li {padding:0; margin:0;}