/* ############  CSS Document ############ */ 

/* ############  General Styles ############ */ 
.clear { clear: left; clear: right; clear:both } 
.left { float: left; display: inline; }
.right { float: right; display: inline; }
.decimal { text-align:right }
.fracNum, .fracDen { font-size: 70%; }
.fracNum { vertical-align: 0.4em; }
.fracDen { vertical-align: -0.1em; }
.imgBorder { border: 5px solid #eae4d2; margin: 0 10px 10px 10px; }
.unbold { font-weight: normal }

/* ############  Page Elements ############ */ 
body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; background-color: #fbc311; padding: 0; margin:0 auto; text-align: center; color:#483319;}
h1 { background:url(../images/templateImages/MFFlogo.png) top left no-repeat; display: block; padding: 0; margin: 0; }
h1 span { display:none }
h2 { font: bold 1.5em Arial, sans-serif; color:#483319; padding:0; margin: 0; overflow: hidden; }
h3 { font: bold 1.1em Arial, sans-serif; color:#483319; padding:0; margin: 0;  overflow: hidden;  }
h4 { font: bold 1.25em Arial, sans-serif; color:#483319; padding:0; margin: 0; }
h5 { font: bold 1.25em Arial, sans-serif; color:#483319; padding:0; margin: 0; }
h6 { font: bold 1.25em Arial, sans-serif; color:#483319; padding:0; margin: 0; }
h7 { font: bold 1.1em Arial, sans-serif; color:#00317d; padding:0; margin: 0; width: 320px;}
p { margin:0; padding: 0 0 1em 0; text-align:justify; }
div, form, img { padding: 0; margin: 0; border:0; }
hr { clear: left; clear: right; clear: both; }
address { font-style:normal; margin:0; padding:0; }
a { text-decoration: none; outline: none; color:#255aac; }
a:hover { text-decoration: underline; }
a:visited { color: #002a6c }
a:active { outline: none; color:#fff }
a img { border: none; }
small { font-size: 9px; }
fieldset { padding:0; margin:0; border:0; }
button, .button { background-color:#bacfee; color: #483318; border: 3px solid #d8e5f8; font: bold 1.15em Arial, sans-serif; text-transform:uppercase; margin: 10px 0 0 0; padding: 3px 15px; }
object { outline:none; }
dt { font-weight: bold; }
dd { margin-left:10px; padding-left:10px; }

/* ############  sIFR Styles ############ */ 
@media screen {
.sIFR-flash {visibility: visible !important; margin: 0; padding: 0; } 
.sIFR-replaced, .sIFR-ignore { visibility: visible !important;}
.sIFR-alternate {position: absolute;left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}
.sIFR-replaced div.sIFR-fixfocus { margin: 0pt;  padding: 0pt;  overflow: auto;  letter-spacing: 0px;  float: none;}
}

@media print {
.sIFR-flash { display: none !important; height: 0; width: 0; position: absolute; overflow: hidden;}
.sIFR-alternate {visibility: visible !important; display: block   !important; position: static  !important; left: auto    !important; top: auto    !important; width: auto    !important; height: auto    !important;}
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
.sIFR-active h2 { visibility: hidden; font: bold 1.5em Arial, sans-serif; overflow: hidden;}
.sIFR-active h3 { visibility: hidden; font: bold 1.1em Arial, sans-serif; overflow: hidden;}
.sIFR-active h4 { visibility: hidden; font: bold 1.25em Arial, sans-serif; overflow: hidden;}
.sIFR-active h7 { visibility: hidden; font: bold 1.1em Arial, sans-serif; overflow: hidden;}
}

/* ############  Template Styles ############ */ 
#mainHeader, #Content { margin: 0 auto; width: 970px; }
#mainHeader #tabs { float:right; margin: 32px -15px 0 0; display: block }
#logo { float: left; }
#logo a { display: block; height: 77px; width: 315px;}
.ErrorMessage { font: bold 14px Arial, sans-serif; color:#A40316 }
#footer { width: 970px; padding: 30px 20px; margin:0 auto;  }
#footer hr { border: none; border-top:1px solid #483319;  }

/* sidebox layout */
.sidebox { position: relative; float: right; width: 274px; clear: right; margin: 0; z-index:2 }
.sideboxTop { position: relative; background: url(../images/templateImages/sideboxTop.png) top left no-repeat; height: 36px; width: 198px; padding: 15px 16px 5px 60px; text-align:left; margin-top: 15px; }
.sideboxContent { position: relative; background: #f5f3ed url(../images/templateImages/sideboxContentBG.jpg) top left repeat-x; width: 272px; min-height: 59px; border-left: 1px solid #d7d5cd; border-right: 1px solid #d7d5cd;}
.sideboxBottom { background: url(../images/templateImages/sideboxBottom.png) top left no-repeat; height: 8px; width: 274px; }
.sidebox .imgFrame { margin: 0 auto; padding:8px 0 0 8px; width: 220px; height: 170px; background: url(../images/templateImages/imgFrameM.png) top left no-repeat; text-align:left;}
.sidebox .wrapper { padding: 0px 15px 10px 10px; text-align:justify; position: relative; display: inline-block; }

/* mainbox layout */
.mainbox { position: relative; float: left; width: 728px; margin: 0 -100px 0 0; text-align: justify; }
.mainContentTop { position: relative; background: url(../images/templateImages/mainContentTop.png) top left no-repeat; height: 45px; width: 538px; padding: 20px 110px 5px 80px; text-align:left; }
.mainContent { position: relative; background: #fff url(../images/templateImages/mainContentBG.jpg) top left repeat-x; width: 696px; min-height: 79px; padding: 0 33px 0 0; }
.mainContent .wrapper { position: relative; padding: 5px 0px 5px 20px; position: relative; display: inline-block; width: 640px; }
.mainContentBottom { background: url(../images/templateImages/mainContentBottom.png) top left no-repeat; height: 12px; width: 728px; }

/* main navigation */
#mainNav { position: relative; color:#fff; padding:0; height: 30px; margin: 0; text-align:center; border-top: 5px solid white; border-bottom:30px solid #002a6c; background-color:#00317d; }
#mainNav #setWidth { width: 970px; height: 60px; margin: 0 auto; position:relative; overflow: hidden; }
#navWrapper { float: left; left:50%; position: relative; }
#nav table { margin:-2px -10px; }

#nav, #nav ul {  float: left; right:50%; height:30px; position:relative; list-style: none; margin: 0; padding:0; text-align: center; cursor: default; display: block; }
#nav ul {  background-color:#002a6c; }
#nav a { display: block; padding: 5px 10px; color: #fff; font: bold 1.15em Arial, sans-serif; text-transform:uppercase; cursor:pointer; float: left; height:25px; line-height:24px; }
#nav li, #nav ul li { float: left; }
#nav li a { display:block; float:left; height:25px; line-height:24px; }
#nav ul li span, #nav ul li a { display: block; color: #7790b9; padding: 5px 10px; font: normal 1em Arial, sans-serif; text-transform:uppercase; height:25px; line-height:24px; }

a.navMainSelected, a.navSubSelected { text-decoration: underline; }
a.navMainSelected+div.inner { left:0 !important; top:30px; height:24px; z-index: 25;  }
a.navMainSelected+div.inner>div.lineHolder { float:left; position:relative; left:50%; }
a.navMainSelected+div.inner>div.lineHolder>ul { float:left; position:relative; right:50%; height:24px; }
#nav #displayText1 { left:0; top:30px; height:24px; }
#nav #displayText2 { float:left; position:relative; left:50%; }
#nav div.inner { padding:0; margin:0 auto; list-style:none; position:absolute; left:-9999px; text-align:center; background:#002a6c; width:100%; height:24px; }
* html #nav div.inner { width:expression(document.getElementById('nav').offsetWidth);} /* for IE6 */
#nav :hover div.inner { left:0 !important; top:30px; height:24px; z-index: 30; }
#nav :hover div.lineHolder { float:left; position:relative; left:50%; }
#nav :hover ul li:hover { position:relative; }


/* Free Evaluation sidebox */
#evalForm textarea { height: 50px; width: 240px; border: 1px solid #eae4d2; }
#evalForm label { font-weight: bold; margin: 2px; }
#evalForm input { width: 160px; border: 1px solid #eae4d2; margin: 1px; text-align:left; }
#evalForm #ctl00_cphSidebox_Email1_tbEvalHeightFt, 
#evalForm #ctl00_cphSidebox_Email1_tbEvalHeightIn, 
#evalForm #ctl00_cphSidebox_Email1_tbEvalWeight,
#evalForm #ctl00_cphBottom_Email1_tbEvalHeightFt, 
#evalForm #ctl00_cphBottom_Email1_tbEvalHeightIn, 
#evalForm #ctl00_cphBottom_Email1_tbEvalWeight { width: 30px; margin-right: 5px; }
#evalForm .setWidth { display: inline-block; width: 70px; }
#evalForm .notBold { font-weight:normal; }
#evalForm .topSpace { display: block; margin-top: 10px; }
#evalForm button { float: right; }
.validation { display: none; }

/* Member Benefits sidebox */
.MemberBenefitsList { list-style-type: none; padding:0; margin: 15px 0 0 0; position: relative; }
.MemberBenefitsList li { background: url("../images/templateImages/gn-star.gif") top left no-repeat; margin: 0; padding: 3px 0 3px 15px; border-bottom: 1px solid #eee; position:relative; }
.MemberBenefitsList li a { color:#4b4636; text-decoration:none; }
.MemberBenefitsList li a:hover { text-decoration:underline; }

/* Join Page */
.joinNow { width: 239px; padding: 3px 0; text-align:center; text-transform: uppercase; background-color:#ba2900; border: 1px solid #662805; color: #fff; font: bold 1em verdana,Tahoma,helvetica,sans-serif; margin:0;}
.joinNow a { color: #fff; text-decoration:none; vertical-align: middle;}
.joinNow a:hover { text-decoration:underline; cursor:pointer;}
.join { position: relative; margin: 10px 0 0 0; padding:0; border:0;}
.join legend { font: normal 1.5em verdana,Tahoma,helvetica,sans-serif; color:#2a497e; padding:0; margin: 0;}
.join table, .join tr, .join td { border:0; padding: 0; margin: 0; }
.join table {margin-bottom: 10px;}
.join label { font-weight: bold; text-align:right; margin: 2px; vertical-align:baseline; line-height: 21px; height: 21px;}
.join input, .join select { background-color:#fff; line-height: 21px; height: 21px; border: 1px solid #d7d7d7; font-family: Tahoma, Helvetica, sans-serif; padding: 1px 0 1px 3px; margin: 2px; }
.join .w100 { width:100%; text-align: left; margin:0;}
.join .w200px { width: 197px; }
.joinErrors { border: 1px solid red; background-color: #fddcdc; padding: 10px; margin: 10px 0; }
.joinErrors h6 { font-family: Tahoma, Helvetica, sans-serif; font-size: 14px; text-decoration:underline; color: #000; margin: 0; padding: 0;}
.joinErrors ul { padding: 0; margin: 5px 0 0 0; }
.joinErrors li { padding: 0; margin-left: 15px;}
#joinTerms { width: 350px; height: 200px; overflow: auto; border: 1px solid #303030; padding: 5px; }
#ctl00_cphMain_bSignup { background-color:#bacfee; color: #483318; border: 3px solid #d8e5f8; font: bold 1.15em Arial, sans-serif; text-transform:uppercase; margin: 10px 0 0 0; padding: 3px 15px; }

/* Login Page */
.loginIndent { lineheight: 25px; margin: 5px 0 20px 30px; }
#ctl00_cphMain_lMain_LoginButton, #ctl00_cphSidebox_prMain_UserNameContainerID_SubmitButton { background-color:#bacfee; color: #483318; border: 3px solid #d8e5f8; font: bold 1.15em Arial, sans-serif; text-transform:uppercase; margin: 0; padding: 3px 0px; width: 244px; }
#ctl00_cphSidebox_prMain_UserNameContainerID_UserNameLabel { text-align: left }
#ctl00_cphSidebox_prMain { width: 247px; }

/* ############  Tab Style Navigation ############ */
#tabs { display: block; }
#tabs ul {margin:0; padding:10px 10px 0; list-style:none; }
#tabs li {float:left; background:url(../images/templateImages/leftTabBG.png) no-repeat left top; margin:0; padding:0 0 0 5px; }
#tabs a {float:left; display:block; background:url(../images/templateImages/rightTabBG.png) no-repeat right top; padding:10px 27px 10px 16px; text-decoration:none; font-weight:bold; color:#614114;}
#tabs a:hover {color:#fff;}
#tabs .current {background-image:url(../images/templateImages/leftTabBG.png);}
#tabs .current a {background-image:url(../images/templateImages/rightTabBG.png); color:#614114; }

/* ############  Account Page Tab Navigation ############ */
.wrapper #tabs { float:left; width:100%; border-bottom: 3px solid #614114;  position: relative; display: inline-block; }


/* ############ Pager Styles ############ */
.pagerContainer { background-color:#f9f9f9; border-top: 1px solid #e1e5e6; border-bottom: 1px solid #e1e5e6; width: 100%; position:relative; text-align: center; color: #bfbfbf; font-size:9px; margin: 15px 0 20px 0; height: 25px;}
.totalResults { position: absolute; top: 7px; left: 20px; }
.pager { padding: 7px; }
.pager p { margin:0; text-align: center; vertical-align:middle;}
.pager p a { color: #8a8a82; margin-right: 20px; text-decoration:none; }
.pager p a:hover { text-decoration:underline; }
.pager a[disabled]:hover { text-decoration: none; }
.currentPage { color: #bfbfbf; padding: 2px 4px; background-color:#e1e5e6; text-decoration: none; cursor: default; }
.sortResults { position: absolute; top: 5px; right: 20px; color: #8a8a82; }
.sortResults select { padding: 0; margin: 0 5px; border: 1px solid #adadad; background-color:#fff; font-size:9px; }


/* ############ Add to Custom Menu ############ */
.addToMenuIndent { margin: 0px 0px 0px 20px; }
.addToMenuWrapper { position: relative; z-index:35; text-align:left; float:left; margin-right:3px; }
.addToMenuWrapper h4 { font: bold 1.0em Arial, sans-serif; color:#00317d; text-transform:none; margin:-10px 0 -10px 0; padding:0px 0 0 0; }
.addToMenuWrapper h5 { font: bold .9em Arial, sans-serif; color:#b5b092; text-transform:none; padding:0; margin:-10px 0 0 0; }
.addToMenuWrapper .menuWrapper { display: none; position:absolute; top:0px; right:0px; background-color:#fcfcf4; border:solid 3px #f1efe2; width:400px; height:230px; z-index:35; }
.addToMenuWrapper .menuWrapper input, .addToMenuWrapper .menuWrapper label; .addToMenuWrapper .menuWrapper select { float: left; }
.addToMenuWrapper .addToMenu, .addToMenuWrapper .menuDetails { display:none; position:absolute; top:25px; left:0px; padding:10px; width:380px; height: 180px; overflow: auto; }
.addToMenuWrapper .menuDetails .menuContainer dt { color:#00317d; }
.addToMenuWrapper .menuDetails span { color: #A40316; }


/* ############ Menu Styles ############ */
.menuContainer { width: 203px; text-align: left; float: left; margin:0px 5px 0px 5px; display:inline-block; }
.addToMenuWrapper .menuDetails .menuContainer { width: 300px; }
.menuHeader { height: 20px; }
.menuHeader .right { display:none; }
.menuContainer .phase {  text-transform: uppercase; margin: 15px 3px 0 3px; padding: 0; font: bold 11px Tahoma, Helvetica, sans-serif; }
.menuContainer a { color: #000; text-decoration: none; }
.menuContainer a:hover { text-decoration: underline; }
.menuContainer .propertiesList { color: #000; font: normal 9px Tahoma, Helvetica, sans-serif; text-align: left; padding-left: 2px;}
.menuContainer dl { padding:0; margin:0; }
.menuContainer dt { padding:0; margin:20px 0 0 0; font-weight: bold;}
.menuContainer dd { padding:0; margin:0; font-size:12px; }
.menuContainer dd a img { float: right; margin-top: 2px;}
.menu_title_class a { display: block; float: right; margin: 6px 4px 0 0; padding: 0px 1px; text-transform:uppercase; font-size:9px; color:#e3ddca; border: 1px solid #e3ddca; }
.menu_title_class a:hover { color:#3d66dd; border: 1px solid #3d66dd; text-decoration:none; }

/* ############  Recipe Detail View ############ */
.detailViewRecipe { width: 680px; clear: both; position: relative; border: 1px solid #f1efe2; background-color: #fcfcf4; padding: 5px; margin: 0 0 20px 10px; text-align:left; }
.detailViewRecipe h6 { padding: 0; margin: 0; color:#000; font: bold 14px Tahoma, Helvetica, sans-serif;}
.headerRecipe { border-bottom: 1px solid #cecece; min-height: 30px; margin-bottom: 10px }
.headerRecipe .right p{ text-align: right; padding: 0; margin: 0; }
.headerRecipe .left span { text-transform: uppercase; margin: 0 3px; padding: 0; font: bold 12px Tahoma, Helvetica, sans-serif; }
.headerRecipe .left h4 { margin: 0 0 -5px 0; text-transform:uppercase; line-height: 25px; height: 25px; display: block; }
.detailViewRecipe .imgFrame { margin: 0 10px 10px 0; padding:8px 0 0 8px; width: 220px; height: 170px; float: left; background: url(../images/templateImages/imgFrameM.png) top left no-repeat;}
.detailViewRecipe .ingredients { float: left; width: 210px; margin: 0 10px 0 0; text-align: left;}
.RecipeNotes { background-color: #f1efe2; padding: 3px; margin: 0; }
.RecipeNotes p { margin: 0 0 .5em 0;}
.RecipeParamatersSearchLinks { font: normal 9px Tahoma, Helvetica, sans-serif; padding: 3px 0; }
.detailViewRecipe .printLinks { position: absolute; top: 50px; right:2px; padding: 3px;  }
#homeMainImage .detailViewRecipe { float: left; margin:0 8px 0 0;  }

/* ############  Meal Detail View ############ */
.detailViewMeal { width: 690px; position: relative; padding: 10px; text-align:left; }
.detailViewMeal .imgFrame { margin: 0 10px 10px 0; padding:8px 0 0 8px; width: 220px; height: 170px; float: left; background: url(../images/templateImages/imgFrameM.png) top left no-repeat; }
.MealImages { float: left; position: relative; width:240px; height: 210px;  margin: 0 10px 0 0;}
.MealImages .imgFrameSmall { position: absolute; top:110px; left: 145px; height: 78px; width: 97px; background: url(../images/templateImages/imgFrameS.png) top left no-repeat; padding: 7px 0 0 7px;}
.MealContent { float: left; width: 440px; }
.MealContent span { text-transform: uppercase; margin: 0 3px; padding: 0; font: bold 12px Tahoma, Helvetica, sans-serif; }
.MealContent h4 { margin: 0; text-transform:uppercase; height: 25px; }
.MealContent h6 { padding: 0; margin: 20px 0 0 0; color:#000; font: bold 14px Tahoma, Helvetica, sans-serif; border-bottom: 1px solid #cecece;}
.mealServingSize { float: right; position: relative; text-align: right; z-index:1; }
#ctl00_cphContent_tbServingSize { vertical-align: text-bottom; width: 15px; height: 10px; font-size:9px; }
.MealContent p { margin: 0 0 .5em 0;}
.printLinks { position: absolute; top: 0; right:0; padding: 3px;}

/* ############  Meal and Recipe Search Summary ############ */
.summaryView{ clear: both; width: 630px; margin: 5px 20px; }
.summaryView .imgFrameSmall { float: left; height: 70px; width: 97px; background: url("../images/templateImages/imgFrameS.png") top left no-repeat; padding: 7px 0 0 7px; overflow: hidden; }
.summaryViewContent { float: left; width: 520px;  min-height: 70px; border-bottom: 1px solid #ccc; padding: 0 0 5px 0;  }
.summaryView span { text-transform: uppercase; margin: 0 3px; padding: 0; font: bold 12px Tahoma, Helvetica, sans-serif; }
.summaryView h3 { text-transform:uppercase; line-height: 25px;}
.summaryView p {}

/* ############  Search Controls ############ */
#searchControls { text-align: left; }
#searchControls fieldset { padding: 0; margin:0 0 15px 0; width: 272px; position: relative;}
#searchControls legend {  background: url("../images/templateImages/searchControlDivider.gif") 0 0 no-repeat; padding:0; margin:0; }
#searchControls legend a img { margin: 3px 8px 0 0; }
#searchControls legend span { margin: 3px 0 0 8px; display: block; width: 264px; font-weight: bold; }
#searchControls img { margin: 0;}
#searchControls input { margin-left: 10px; }
#searchControls label { margin-left: 0; }

/* ############  Current/Next Menu Links ############ */
.SlidingPanelsContent .menuContainer { margin:0px;  }
.MenuPanel { position:relative; }
.MenuResponse { position:absolute; top:0px; right:0px; border: 3px solid #bacfee; background-color:#ffffff; display:none; width:100px; height:50px; padding: 20px; font-weight: bold; text-align: center; }
.MenuLinks { color: #b92a00; margin: 0 15px; padding: 0; position:relative;  display: inline;}
.MenuLinks li { margin: 0 2px; padding: 0; list-style: none; float: right;}
.MenuLinks li, .MenuLinks a { color: #b92a00; text-decoration: none; display: block; height: 19px;}
.CurrentMenu { width: 17px; background: url("../images/templateImages/myCurrentMenu.gif") top left no-repeat;}
.MakeNextMenu { width: 18px; background: url("../images/templateImages/NextMenu.gif") -18px 0 no-repeat; }
.MakeCurrentMenu { width: 18px; background: url("../images/templateImages/MakeCurrentMenu.gif") -18px 0 no-repeat; }
.MakeCurrentMenu:hover { background-position: 0 0;}
.MakeNextMenu:hover { background-position: 0 0;}

/* ############  Page Styles ############ */

/* ############  Member Resource Home ############ */
.portlet { border-top: 5px solid #baceee; position: relative; margin: 20px 5px;}
.portletHeader { background-color: #e9f1fe; padding: 5px 15px; }
.portletHeader h4 { margin: 0; text-transform:uppercase; height: 25px;}
.portletContent { margin: 5px 5px 5px 15px; }

#ctl00_cphMain_pNews dl, #ctl00_cphMain_pNews dt, #ctl00_cphMain_pNews dd { margin: 0; list-style-type:none;}
#ctl00_cphMain_pNews dt { border-bottom: 1px solid #c3cbe2; color: #2a497e; font-weight: bold; margin-top: 10px; }
#ctl00_cphMain_pNews dd { line-height: 20px; font-size: 10px;}
#ctl00_cphMain_pTips ul { padding: 0; margin: 0 0 0 15px; line-height: 15px; font-size: 10px;}
#ctl00_cphMain_bCalculateBMI { border: 1px solid #b4b097; background-color: #f4f3e1; text-transform: uppercase; font-weight: bold; font-size: 9px; padding: 2px 3px; }
#myWeight { width: 30px; border: 1px solid #b4b097; }
#ctl00_cphMain_pBMIcalc td { padding: 0 10px; }
#ctl00_cphMain_pBMIcalc fieldset { border: 0; padding:0; margin: 0 0 10px 0; }
#BMIlegend { float: right; border: 1px solid #b4b097; }
#BMIlegend table { font-size: 9px; text-transform:uppercase;}
#BMIlegend td { padding: 0 5px; }
#BMItable td, #BMItable th { width: 80px; text-align:left; padding:0; margin:0; }

/* ############  Eating Out Page ############ */
.subNavList { list-style-type: none; padding:0; margin: 0; text-align: left; }
.subNavList li { margin: 0; padding: 3px 0 3px 0; border-bottom: 1px solid #eee; }
.subNavList li a { color:#4b4636; text-decoration:none; }
.subNavList li a:hover { text-decoration:underline; }
#eatingOut {}
#eatingOut ul { list-style-type: none; padding:0; margin: 0 0 15px 20px; }
#eatingOut li { margin: 0; padding: 3px 0 3px 0; border-bottom: 1px solid #eee; }
#eatingOut h6 a:hover { text-decoration:none; }
#eatingOut h6 { margin: 20px 0 10px 0; }
#eatingOut em, #eatingOut strong { margin-left: 10px; }

/* ############  Best Foods Page ############ */
.BestFoods { padding:0; margin:0;  width: 300px; float: left; }
.BestFoods dt { padding:0; margin:20px 0 0 0; font-weight: bold;}
.BestFoods dd { padding:0; margin:0; }

/* ############  Nutrition Tips Page ############ */
.tipsList { list-style-type: none; padding:0; margin: 5px 0 0 0; }
.tipsList li { margin: 0; padding: 10px 0 10px 0; border-bottom: 1px solid #eee; }

/* ############  Acccount Settings Page ############ */
.settings { margin: 10px 20px 0 20px; padding:0; border:0;  position: relative; display: inline-block; width: 600px;  }
.settings span { clear: right; margin: 2px 0 0 0; padding:0; vertical-align: baseline; line-height: 23px; height: 23px; display: block; }
.settings legend { font: normal 16px verdana,Tahoma,helvetica,sans-serif; color:#2a497e; padding:0; margin: 0 0 10px 0;}
.settings label { font-weight: bold;  display: block; clear: left; float: left; text-align:left; margin: 2px; vertical-align:baseline; line-height: 21px; height: 21px; width: 160px; padding:0; }
.settings input, .settings select { clear: right; display: inline; background-color:#fff; line-height: 21px; height: 21px; border: 1px solid #d7d7d7; font-family: Tahoma, Helvetica, sans-serif; padding: 1px 0 1px 3px; margin: 2px; }
.settings .button { background-color:#bacfee; color: #483318; border: 3px solid #d8e5f8; font: bold 1.15em Arial, sans-serif; text-transform:uppercase; margin: 10px 0 0 0; padding: 3px 15px; line-height: 40px; height: 40px; }
.settingsErrors { border: 1px solid red; background-color: #fddcdc; padding: 10px; margin: 10px 0; }
.settingsErrors h6 { font-family: Tahoma, Helvetica, sans-serif; font-size: 14px; text-decoration:underline; color: #000; margin: 0; padding: 0;}
.settingsErrors ul { padding: 0; margin: 5px 0 0 0; }
.settingsErrors li { padding: 0; margin-left: 15px;}
#ctl00_cphContent_pBillingView { }

/* ############  Public Home Page ############ */
#irOverlay { position: absolute; right:30px; top:0; z-index: 1; width: 356px; height: 276px; }

/* ############  Public FAQ Page ############ */
#FAQlist li { color: #2a497e; font-weight: bold; padding: 3px 0 3px 3px; border-bottom: 1px solid #eee; }
#FAQlist { list-style-type: none; padding:0; margin: 15px 0 20px 0; }
#FAQlist li a { color: #2a497e; }

/* ############  Public Testimonial Page ############ */
.testimonials { border-top:1px solid #eee; padding: 15px 0 }
.testimonials img { margin: 0 15px 0 0 }

/* ############  Sample Recipes Page ############ */
#sampleRecipes .sidebox { clear: none; float: left; margin: 0 0 0 20px; }