/*** HTML Elements ***/
/* home overrides */
#mealPlanHomePage #header,#mealPlanHomePage #content,#mealPlanHomePage #tagline {background:none;}
#mealPlanHomePage #content {width: 840px; margin: 0 auto; padding: 0; position:inherit; top:0;}
#mealPlanHomePage #tagline {height: 0;}
/* general */
.remove,.restore {padding: 8px; margin: 0 3px; display: inline-block;}
.remove	{background: url(../images/btn-Remove.gif) right no-repeat;}
.restore {background: url(../images/btn-Restore.gif) right no-repeat;}
.toTop {clear: both; float: right; margin:0.7em 0 0.5em}
.photo {float:left; padding:0 0 10px 0; text-decoration:none;}
.photo img {display: block; border: 1px solid #245e97; margin: 0 0 5px 0; display: inline; border-radius: 3px 3px 3px 3px}
.photo i {font: normal .92em verdana; padding: 4px 0 0 28px; display: block;}
.mealSummary .photo i, .dishSummary .photo i, .favourite-contents .photo i {padding: 4px 0 0 0;}
.mealSummary .photo.zoom, .dishSummary .photo.zoom {background:url(../images/icn-Zoom.gif) scroll 55% 98% no-repeat;}
.favourite-contents .photo.zoom {background:url(../images/icn-Zoom.gif) scroll 83% 98% no-repeat;}
.photo.zoom {background:url(../images/icn-Zoom.gif) left bottom no-repeat;}					
/* callouts */
#content .tooltip {position: relative; clear:both;}
#content .tooltip .content {text-align:left; position: relative; top: -1px; left: 2px; background: #fff; border: 1px solid #4d759a; padding: 1px; font: normal .92em verdana;color:#000;  border-radius:5px 5px 5px 5px;}
#content .tooltip .content	sup,#content .tooltip .content b				{padding:0px;}
#content .tooltip .content * {padding: 5px;}
#content .tooltip .content h3 {color: #FFFFFF; line-height: 1.4em; background: #296EB3; padding-top:5px !important; border-radius: 3px 3px 0 0;}
#content .tooltip .content h3 span { padding:0;}
#content .tooltip .content .close {float: right; position: absolute; right: 6px; top: 4px; width: 20px; height: 20px; background: url(../images/icn-CloseBox_red.gif) no-repeat center center; padding: 0;}
#content .tooltip .content p {margin: 0 !important; font-weight:normal !important; line-height:normal !important; color:#000;}
#content .tooltip .content table {border:none;margin-bottom:0px;}
#content .tooltip .content table * {border:none;}
#content .tooltip .content th {vertical-align: top; text-align: center; font-weight: normal; background:none;}
#content .tooltip .content th div	{padding: 1px; min-width: 15px;}
#content .tooltip .content th.notIn div	{background: #fef8f3; border-right: 1px solid #ccc6a0; border-bottom: 1px solid #ccc6a0; color: #606060;}
#content .tooltip .content th.inClick div,#content .tooltip .content th.inPlanned div {border: 1px solid #88aac1; color: #1665b4; text-decoration: underline;}
#content .tooltip .content th.inClick div {background: #fef8f3;}
#content .tooltip .content th.inPlanned div	{background: #c4dced;}
/* not selectable */ #content .tooltip .content th.not-selectable div {background:#fef8f3; border-right:1px solid #ccc6a0; border-bottom:1px solid #ccc6a0; color:#B1B0AD;}
/* selectable */ #content .tooltip .content th.selectable div {background:#fef8f3; border-right:1px solid #ccc6a0; border-bottom:1px solid #ccc6a0; color:#1665b4; text-decoration:underline;}
/* bordered */ #content .tooltip .content th.bordered div	{background:#fef8f3; border:1px solid #136DE8; color:#1665b4;}
/* bordered and selectable */ #content .tooltip .content th.bordered-selectable div	{background:#fef8f3; border:1px solid #136DE8; color:#1665b4; text-decoration:underline;}
/* shaded */ #content .tooltip .content th.shaded div	{background:#c4dced; border-right:1px solid #ccc6a0; border-bottom:1px solid #ccc6a0; color:#1665b4;}
/* shaded and bordered */ #content .tooltip .content th.shaded-bordered div	{background:#c4dced; border:1px solid #136DE8; color:#1665b4;}
/* shaded and selectable */ #content .tooltip .content th.shaded-selectable div	{background:#c4dced; border-right:1px solid #ccc6a0; border-bottom:1px solid #ccc6a0; color:#1665b4; text-decoration:underline;}
/* selectable, shaded and bordered */ #content .tooltip .content th.shaded-bordered-selectable div		{background:#c4dced; border:1px solid #136DE8; color:#1665b4; text-decoration:underline;}
.tooltip.above .flag {background:url(../images/bg-Tooltip-TopFlag.gif) no-repeat; width:26px; height:14px; position:absolute; top:-14px; left:43%;}
.tooltip.below .flag {background:url(../images/bg-Tooltip-BottomFlag.gif) no-repeat; width:28px; height:17px; position:absolute; bottom:-11px; left:43%;}
.tooltip.leftside .flag	{background:url(../images/bg-Tooltip-LeftFlag.gif) no-repeat; width:14px; height:25px; position:absolute; top:25%; left:-11px;}
.tooltip.rightside .flag {background:url(../images/bg-Tooltip-RightFlag.gif) no-repeat; width:16px; height:28px; position:absolute; top:25%; right:-17px;}
/* side nav */
#sideNav	{float: right; background: url(../images/bg-Card-Sidenav-Top.gif) left top no-repeat; width: 216px;}
#sideNav ul	{float: right; background: url(../images/bg-Card-Sidenav-Bottom.gif) left bottom no-repeat; padding:0 20px 10px 20px; margin:0; width:176px; font-size:.92em;}
#sideNav li	{margin:10px;}
#sideNav h3.help {background: url(../images/icn-Books.gif) no-repeat left center; margin-left: 5px; padding:15px 0 10px 41px;}
#sideNav li.selected a {font-weight: bold; text-decoration: none; color: #d3aa2e;}
/* content elements */
h1.cart	{background: url(../images/icn-GroceryCart.jpg) no-repeat left center; padding: 12px 0 12px 60px; margin-bottom:.5em;}
h1.plan,h1.search,h1.favourites {padding: 12px 0 12px 58px;}
h1.plan	{background: url(../images/icn-Calendar.jpg) no-repeat left center;}
h1.prepare {background: url(../images/icn-PrepareMeals-Header.jpg) no-repeat left center; padding: 12px 0 13px 73px;}
h1.search {background: url(../images/icn-Calendar.jpg) no-repeat left center;}
h1.favourites {background: url(../images/icn-Heart-Header.jpg) no-repeat left center;}
#content {width: 798px; margin: 0 auto; padding: 0 12px 30px 15px; background: #FFF url(../images/bg-Body-Bottom.gif) no-repeat scroll center bottom; position:relative; top:8px;}
#summary {width: 476px; float: left; margin-bottom: 1em;}
#summary h2,#summary ol li {color: #0e1319;}
#summary h2	{margin: 6px 0 10px 4px; font: normal 1.2em Verdana, Sans Serif; }
#summary ul li {margin-bottom:.5em;}
#pleaseNote	{clear: both; font-style: italic; padding-bottom: 7px;}
div.calendar {float:right; margin:30px 4px 2em 15px; display:inline;}
#errorMessage,.errorMessage {clear: both; border: 1px solid #f6d552; background: #fff0b3 url(../images/icn-Error-Yield.gif) no-repeat; background-position: 5px 5px; padding: .5em .5em 1.2em 40px !important; margin: 1em 0;}
p#errorMessage, p.errorMessage {color: #b62727;font-size:.92em !important; font-weight:normal; font-family:verdana;}
.errorMessage.success {font-weight:bold;color:#000;border: 1px solid green; background: #FAFAFA url(../images/icn-green-check.gif) no-repeat; background-position: 5px 6px;}
.errorMessage.success span {padding-top:5px;display:block;}
.errorInline {background: url(../images/icn-Error-Inline.gif) no-repeat; width: 13px; height: 16px;}
.errorInline span {position: absolute; left: -9999px;}
.warningIcon {padding-left: 2px;}
/* card layouts */
.card {margin: 1em 0 2em 0;}
.card .content1 {padding: 0 10px;}
.card .content2 {padding: 0 15px 15px 15px;}
.card.solo .left,.card.solo .right,.card.duoTop,.card.duoBottom {padding-bottom: 15px}
.card.solo .left {width: 397px; float: left;}
.card.solo .right {width: 401px; float: right;}
.card.solo .right .content1 {margin-right: 4px;}
.card.duoTop {margin-bottom: 0;}
.card.duoTop .left,.card.duoTop .right,.card.duoBottom .left,.card.duoBottom .right {width: 392px;}
.card.duoTop .left {float: left;}
.card.duoTop .right {float: right;}
.card.duoTop .content1,.card.duoBottom .content1 {margin-right: 4px;}
.card.duoBottom	 {margin-top: 0;}
.card.duoBottom .left {float: left;}
.card.duoBottom .right {float: right;}
.card .columnLeft {width: 220px; float: left;}
/* card backgrounds  */
.card {background: url(../images/bg-Card-Wide.gif) left bottom repeat-y;}
.card .tab1 {background: url(../images/bg-Card-Wide-Tab1.gif) left top no-repeat; }
.card .content1 {background: url(../images/bg-Card-Wide-Content1.gif) left bottom no-repeat;}
.card .tab2 {background: url(../images/bg-Card-Wide-Tab2.gif) left top no-repeat;}
.card .content2 {background: url(../images/bg-Card-Wide-Content2.gif) left bottom no-repeat;}
.solo {background: url(../images/bg-Card-Solo-Content1.gif) bottom no-repeat;}
.solo .left .tab1 {background: url(../images/bg-Card-Solo-Tab1.gif) left top  no-repeat;}
.solo .right .tab2 {background: url(../images/bg-Card-Solo-Tab1.gif) right top no-repeat;}
.solo .content1,.duoTop .content1 {background: none;}
.duoTop {background: url(../images/bg-Card-Duo-Content1.gif) bottom no-repeat;}
.duoTop .left .tab1 {background: url(../images/bg-Card-Duo-Tab1.gif) left top  no-repeat;}
.duoTop .right .tab1 {background: url(../images/bg-Card-Duo-Tab1.gif) right top  no-repeat;}
.duoBottom {background: url(../images/bg-Card-Duo-Content2.gif) bottom left;}
.duoBottom .left .tab1 {background: url(../images/bg-Card-Duo-Tab2.gif) left top no-repeat;}
.duoBottom .right .tab1	{background: url(../images/bg-Card-Duo-Tab2.gif) right top no-repeat;}
.duoBottom .content1 {background: none;}
/* card contents - tabbed area */
.card .tab1 h3,.card .tab2 h3, .card .tab2 h2.recipes, .card .tab1 h2.meal-details {float: left; width: 135px; margin: 8px 15px 20px 0; padding: 3px 10px 2px 25px; font: bold 1.1em verdana; display: inline;}
.card .tab1 h2.meal-details	{padding: 3px 10px 2px 6px;}
.card .tab2 h2.recipes,.card .tab1 h2.meal-details {font-size:1.5em;margin-top:.5em;margin-left:1em;color:#000;}
.card .content1 h3,.card .content2 h3 {padding: 0 0 .5em 0; font: bold 1.1em verdana; color: #1a5793;}
.card.solo .tab1 h3,.card.duoTop .tab1 h3,.card.duoBottom .tab1 h3,.card.solo .tab2 h3 {width: 75px;}
.card h3.lunch {background: url(../images/icn-Clock-Lunch.gif) no-repeat left center; margin-left: 10px;}
.card h3.dinner	{background: url(../images/icn-Clock-Dinner.gif) no-repeat left center; margin-left: 10px;}
.card h3.page {color:#1A5793;font-size:1.5em;font-weight:normal;margin:1em 5px 10px 0;padding:2px 5px 5px 15px;width:155px;}
/* card contents - content area */
.card label,.card ul,.card ol,.top-content ul,.card dl *,.card ul *,.card ol * {font-size: 1em;}
.card p	{line-height: 1.5em; margin: .7em 0 1.7em 0; clear: both;}
.card ul,.card ol {margin: 0; padding: 0 0 1em 1.5em; line-height: 1.5;}
.top-content ul	{color:#BE9519;}
.card li {margin: 0 0 .5em 0;}
.card dl dd {margin: 0; padding: 0; border-bottom:none;}
.card dl dt	{color: #1a5793; margin-bottom: .7em;}
.card dl span {color: #6c6d6d;}
.card ol ol {margin: .7em 0 2em 0; padding: 0;}
.arrow	{list-style-image: url(../images/img-Marker-Arrow.gif) !important;}
.bullet	{list-style-image: url(../images/img-Marker-Bullet.gif) !important;}
.checkbox {list-style: none;}
.chef-tips ol {margin:0; list-style:lower-alpha; color:#000; font-weight:bold; padding:0 0 0 2em; /*font-size:.92em;*/ line-height:1.5;}
.chef-tips ol span {font-weight:normal; color:#000;}
.card .no-meal-scheduled {text-align:center; margin: 20px auto 0 auto; width: 180px; height: 127px; display: block;}
/* card contents - meal planning */
a.suggestDinner img,a.suggestDinner {width: 180px; height: 127px;}
a.suggestDinner {margin: 20px auto 0 auto;  display: block;}
a.suggestDinner img {border: 0;}
.rating {padding: 2px 0 1px; clear: both; float: right; white-space: nowrap; width: 100%;}
.rating b {font-weight: bold; font-size:.8em; color: #161b1f; float: left; padding: 0 4px 0 0;}
.rating img {float: left;}
/* drop down menu - meal planning */
.actionContainer {position: absolute; width: 270px; top: 0; background: url(../images/bg-ActionLinks.gif) right 10px no-repeat;}
.actionContainer li.options {background: none; margin-left: 6px;}
.actionLinks {float: left; font: normal .92em Verdana, Sans Serif !important; margin: 12px 0 12px 0 !important; padding: 0 !important; list-style: none; display: inline;}
.actionLinks li {float: left; background: url(../images/img-Divider-CardTab.gif) no-repeat right top; margin-right: 15px; padding-right: 15px;}
.actionLinks li.last {background: none; padding-right: 0; margin-right: 0;}
.actionLinks li.options	 {padding-right: 10px; margin-right: 8px;}
.actionLinks li.options a {background: url(../images/img-Marker-GreenArrow-Down.gif) no-repeat right center; padding: 5px 20px 5px 0;}
.actionLinks li.suggestAnother {background: none; padding: 4px 0 0 0; margin: 0;}
.actionLinks a.suggestPrev {background: url(../images/img-Marker-GreenArrowLeft.gif) no-repeat 0px 6px; padding: 5px 4px 5px 8px; display: inline;}
.actionLinks a.suggestNext {background: url(../images/img-Marker-GreenArrow.gif) no-repeat 33px 6px; padding: 5px 12px 5px 4px; display: inline;}
.actionLinks li a {padding: 5px 0; display: block;}
.actionLinks li .selected {color: #be9b31; font-weight: bold; text-decoration: none;}
.actionLinks li a:hover.selected {cursor:text;}
.actionMenuContainer {height:122px; background: url(../images/bg-ActionMenu.gif) bottom no-repeat; padding-bottom: 10px; clear: both; position:relative; left:0px;}
.actionMenuContainer p {font: .8em Verdana, Sans Serif; padding-top:5px; padding-right:8px; margin-top:0; clear: none;}
.actionContainer .actionLinks {padding: 0 .9em !important; margin:12px 0 0 !important;}
.actionContainer .actionLinks li,.actionMenu li {margin:0;}
.actionMenu	{float: left; margin: 0 !important; padding: 4px 1px 4px 4px !important; list-style:none;}
.actionMenu li a {padding: 5px 4px 6px 27px; display:block;}
.actionMenu a {background-repeat:no-repeat; background-position:left center;}
.actionMenu li.selected {background-image: url(../images/bg-ActionMenuHighlight.gif);}
.actionMenu a.edit {background-image: url(../images/icn-ActionMenuEdit.gif);}
.actionMenu a.move {background-image: url(../images/icn-ActionMenuMove.gif);}
.actionMenu a.remove-meal {background-image: url(../images/icn-ActionMenuRemove.gif);}
.actionMenu a.search {background-image: url(../images/icn-ActionMenuSearch.gif);}
.actionMenu a.favourite {background-image: url(../images/hearticon-menu-option.gif);}
/* popup meal details */
#mealPopupPage {background: none;}
#mealPopupPage #content, #recipePopupPage #content {background:none !important;}
/* prepare meal tabs */
.card .tabs	{height: 65px; padding: 0 0 0 0; background: #fff url(../images/bg-Card-Wide-Tabs.gif) left 40px no-repeat;}
.card .tabs ul {float: left; list-style: none; margin:0; padding: 0;}
.card .tabs li {float: left;width: 166px; height: 40px; }
.card .tabs li.on {height:41px;} 
.card .tabs li a {display: block; padding: 13px 0 8px 32px;}
.card .tabs .on a {padding: 13px 0 14px 32px; color:#000; text-decoration:none; font-weight:bold;}
/* change main course, side dish, etc. */
.mealSummary {float: left; width: 540px;}
.mealSummary .selected {background: #cde0f2;}
.mealSummary .selected .buttons div	{background: url(../images/btn-Left-Selected.gif) no-repeat center left;}
.mealSummary td	{padding: 1em .5em;}
.mealSummary th {display: none;}
.mealSummary td .photo {background: none; padding: 0; display:block; position:relative;}
.mealSummary td .photo img {margin: 0;}
.mealSummary td .photo span.zoom {border:0 none; left:72%; position:absolute; top:2em;}
.mealSummary td .photo span.zoom img {border:0 none;}
.mealSummary ul	{padding-bottom: 0;}
.mealSummary ul span li {font-weight:bold; list-style-image:none; list-style-type:none;}
.mealSummary li.main a {color:Gray;}
.mealSummary li.side a {color:Blue; font-weight:bold;}
.content1 .mealSummary h3.edit {color:#000;}
.mealSummary h3 span {color:#BE9B30; font-weight:normal;}
.mealSummary h3 .highlight {color:#5381AB;}
/* meal components */
.card dl.mealMetadata {float: left; max-width: 300px; margin: 0 0 0 -5px; padding: 0 0 0 40px; background: url(../images/img-bigArrow.gif) left 1em no-repeat;}
.card dl.mealMetadata dt,.card dl.mealMetadata dt span,.card dl.mealMetadata dd {color: #000;}
.card dl.mealMetadata dt {font-size:1.4em;}
.card dl.mealMetadata dt span,.card dl.mealMetadata dt {margin:0 0 .5em 0;}
.card dl.mealMetadata dd {margin: 0 0 1.2em 0; font-size:1.2em;}
/* meal information */
.card dl.mealInformation {float: left;}
.card dl.mealInformation.left {width:220px;}
.card dl.mealInformation.right {width:320px;}
.card dl.mealInformation dt	{color: #000; margin: 1.2em 0 .7em 0;}
.card dl.mealInformation dt span {font-weight:normal; color:#000;}
.card dl.mealInformation img {display: block;}
.card dl.mealInformation dd.meal-cost-def {width:142px;}
.card dl.mealInformation .wine {margin-bottom:.5em;}
.card dl.mealInformation .winecomment {color:#5C5C5C;font-size:10pt;}
.card dl.mealInformation .wine img {display:inline;margin-right:5px;vertical-align:middle;}
table#meal-cost-levels {color:#000;}
/* nutritional information */
.card .nutrition-panel {float:right; background-color:White; border:solid 1px #000; padding:4px;}
.card .nutritional {float: right;width:100%; border-collapse: collapse; font-size: .92em; margin: 0 0 0 0;}
.card .nutritional th {border-top:none !important;}
.card .nutritional th,.card .nutritional td {padding: .3em .1em .3em .1em; border-bottom: 1px solid #e5d9b5; background: none; border-right: none;}
.card .nutritional td {text-align: right; border-top: 1px solid #e5d9b5 !important;}
.card .nutritional th {font-weight: bold;}
.card .nutritional .options td {text-align: left;}
.card .nutritional .maximized-nutrient	{background-color:LightSkyBlue;}
.card .nutritional .minimized-nutrient	{background-color:Yellow;}
.card .nutritional .checkList {float:left;}
/* dish summary */
.card .dishSummary {clear: both; border-top: 1px solid #e5d9b5; padding-top: 2em;}
.card dl.dishMetadata {float: left; margin: 1.5em 0 0 -5px; padding-left: 40px; background: url(../images/img-bigArrow.gif) left top no-repeat;}
.card dl.dishMetadata dt {font-weight:normal !important; font-size:1.5em !important; line-height:2 !important;}
.card dl.dishMetadata dd {margin: 0 0 .7em 0;}
#mealPreparePage .card dl.dishMetadata {width:520px;}
#mealPopupPage .card dl.dishMetadata {width:500px;}
/* dish ingredients */
.card dl.ingredients {float: left; width: 49%;}
/* dish instructions */
.card dl.instructions {float: right; width: 49%;}
.card dl.instructions ol {padding-left: 1.5em;}
.card dl.instructions ol li	{font-weight: bold;}
.card dl.instructions ol ol li {font-weight: normal;}
/* shopping list - selections */
.shoppingSelect	{width: 188px; float: left; background: url(../images/bg-Select-Bottom.gif) no-repeat bottom; margin: 1em 14px 0 0; display: inline;}
.shoppingSelect h2 {background: #ccc url(../images/bg-Select-Top.gif); font-size:.92em; color: #4f4219; padding: .8em .8em .5em .8em;}
.shoppingSelect h3 {float: left; color: #000; font: normal 1em verdana; padding: 1em 0 1em 25px; margin: 0 .4em;}
.shoppingSelect input,.shoppingSelect img {float: right; margin: 7px 7px 0 0;}
.shoppingSelect ul {clear: both; margin: 0; padding: 0 10px 0 22px; color: #1665b4; font-size:.92em; overflow-Y: auto; height: 85px; width: 138px;}
.shoppingSelect li {margin: 0 0 .4em 0;}
.shoppingSelect .lunch,.shoppingSelect .dinner {height: 120px; width: 170px;}
.shoppingSelect .lunch {min-height: 8.5em; margin: 3px 7px 3px 4px;}
.shoppingSelect .dinner	 {min-height: 9em; margin: 3px 7px 7px 4px; border-top: 1px solid #efe3bd;}
.shoppingSelect .lunch h3 {background: url(../images/icn-Clock-Lunch.gif) no-repeat left center;}
.shoppingSelect .dinner h3 {background: url(../images/icn-Clock-Dinner.gif) no-repeat left center;}
.shoppingSelect .lunch.inactive h3 {background: url(../images/icn-Clock-Lunch-Dim.gif) no-repeat left center;}
.shoppingSelect .dinner.inactive h3	{background: url(../images/icn-Clock-Dinner-Dim.gif) no-repeat left center;}
.shoppingSelect .selected {border: 3px solid Green;}
.shoppingSelect .unselected	{border: 3px solid #efe3bd;}
.shoppingSelect .inactive {border: 3px solid #c5c5c5; background: #dad8cf;}
.shoppingSelect .inactive *	 {color: #747474;}
.shoppingSelect .errorInline {float: right; margin: 5px;}
.shoppingSelect .noMeal	li {list-style-type: none; color: #000;}
.shoppingSelect.first {clear: left;}
.shoppingSelect.last {margin-right: 0;}
/* shopping lists */
.shoppingList {clear: both; margin-bottom: 1em; padding-bottom: 1em;}
.shoppingList h3 {border-bottom: 1px solid #1a5793; clear: both; margin: 0 0 2px 0; padding: 15px 0 .6em 0;}
.shoppingList ul,.shoppingList table {padding:0; margin:0;}
.shoppingList li {width: 49%; float: left; margin: .4em 0; padding: 0;}
.shoppingList td.inactive span	{text-decoration: line-through; color: #b62727; margin-left: 3px;}
.shoppingList input	{margin: 0 5px; width: 75px; text-align: right;}
.shoppingList table,.shoppingList td {border: none;}
.shoppingList td {margin: 0; padding: .5em 0 0 0;}
.shoppingList td img {margin-right:5px;vertical-align:middle;padding-bottom:3px;}
/* grocery pages */
#summary p.print-dates {display:none;}
h1 p.header-date {font-size:10pt; margin:0px; padding:0 0 0 2px;}
h1 p.header-date span {display:none;}
#groceriesPage #summary ul	{list-style: none; padding: 0;}
#groceriesEditPage textarea	{height: 5em; width: 99%;}
#groceriesEditPage #left-buttons {width:100%;}
#groceriesEditPage #left-buttons span {float:left; width:50%;}
#groceriesEditPage #left-buttons .add-remove {float:right; padding:12px 4px 12px 0px; font-weight:bold;}
#groceriesEditPage #summary {margin-bottom:2.7em;}
#groceriesPage #summary ul {margin: 0;}
#groceriesPage #summary a {font-weight:bold;}
a.cartNew, a.cartEdit {display:block; padding: 10px 0 10px 45px;}
.cartNew {background: url(../images/icn-GroceriesNew.gif) left center no-repeat;}
.cartEdit {background: url(../images/icn-GroceriesEdit.gif) left center no-repeat;}
#groceriesPage .apply-changes	{margin-top:2em;}
#groceriesPage .apply-changes  p {margin:0 0 .5em 5em;}
#groceriesPage #summary a.cartEdit {width:70%;}
#groceriesPage .apply-changes a.cartEdit {width:41% !important;}
#groceriesPage #summary a.cartNew {width:35%;}
#groceriesPage .apply-changes a.cartNew	{width:35% !important;}	
/* help pages*/
#helpPage #content h2 {padding-left:0;margin-left:0px;color:#000;font-size:1.8em;}
#helpPage #summary {width:550px;}
#helpPage #summary ul {margin-top:5px;}
#helpPage dl {padding-left:10px;}
#helpPage dt {font-weight:normal;font-size:1.2em;}
#helpPage dl dd img {display:block;}
#helpPage dl dd p img {display:inline;}
#helpPage.tutorials dt {padding-bottom:10px;}
#helpPage.tutorials dd div {margin-bottom:1em;}
/* recipe popup page */
#recipePopupPage .recipeinfo {float:left; width:70%;}
#recipePopupPage .card dl.dishMetadata {width:55%; margin:0.5em 0 0 -5px;}
#recipePopupPage .dishSummary {padding-top:0;float: left; width: 540px; border-top:none; }
#recipePopupPage {background: none;}
#recipePopupPage .instructions {float: none; clear: both;}
#recipePopupPage .card dl.instructions,#recipePopupPage .card dl.ingredients {width:100% !important;} 
/* calendar styles */
div.calendar {background:transparent url(../images/img-Background-Calendar.jpg) no-repeat scroll 0%;	height:177px; width:303px;}
.firstMonth,.secondMonth {float:left; width:141px;}
.firstMonth {margin:4px 4px 2px 6px;}
.secondMonth {margin:4px 6px 2px 5px;}
div.calFooter {position:relative; top:2px;}
div.calFooter a:link, div.calFooter a:active, div.calFooter a:visited, div.calFooter a:hover {font-size:11px; font-weight:bold;}
div.calFooter .cal-footer-left {float:left; margin-left:.6em;}
div.calFooter .cal-footer-right {float:right; margin-right:.6em;}
.calHeader {width:100%;}
.calendar .calHeader td {color:#29649F;font-size:11px;font-weight:bold;margin-left: auto;margin-right: auto;width:100%;}
.calendar td a:link, .calendar td a:active, .calendar td a:visited, .calendar td a:hover {height:12px;line-height:1em;width:14px;}
.calendar td, .calendar th {font-size:9px;font-weight:normal;height:15px;line-height:normal;padding:0px;border-top:0px;}
.calendar .dayLabel {background:#2F7DA2 none repeat scroll 0%;}
.calendar .dayLabel {border-left:1px solid #2F7DA2; border-right:1px solid #A69E89; color:#FFF; text-align:center;}
.calendar td.week {background:#FEF8F3 none repeat scroll 0%;}
.calendar td.week, td.weekend {border-color:#FFF rgb(232, 227, 198) rgb(232, 227, 198) rgb(255, 255, 255);border-style:solid;border-width:1px;color:#5B5A57;padding-right:3px;vertical-align:top;}
.calendar td.weekend {background:#F9F1D6 none repeat scroll 0%;}
.calendar td.solid, td.hollow {padding:0pt !important;}
.calendar table {border-bottom:1px solid #E8E3C6; margin:0pt; border-spacing: 1px;}
.calendar .calHeader {border-style:none;}
.calendar td.solid {background:#C4DCED none repeat scroll 0%;}
.calendar td.hollow {border-color:#136DE8; border-style:solid; border-width:1px;}
/* card - ingredients */
.card ol.altIngredients	{padding:0em 0px 0px 2em;}
.card .altIngredientSuper {vertical-align:super;}
/* instructions */
.card dl.instructions ol li span,.card dl.instructions ol ol span {color:#000;}
.card dl.instructions ol ol li {font-weight:bold;}
.card dl.instructions ol ol li.sub-heading, .card dl.ingredients li.sub-heading {list-style:none; list-style::none;}
.card dl.instructions ol ol {list-style:lower-alpha;}
.card dl.instructions ol ol span {font-weight:normal;}
.card dl.instructions ol ol li.sub-heading span, .card dl.ingredients li.sub-heading span {font-weight:bold; color:#000;}
/* plan page - Two-Menus */
.menu-labels .menu-one h2,.menu-labels .menu-two h2 {font-size:1.5em; font-weight:bold;}
.menu-labels .menu-one h2 span,.menu-labels .menu-two h2 span {font-weight:normal;}
.menu-labels .menu-one {float:left;}
.menu-labels .menu-two {float:right; width:50%;}
#mealPlanPage h3.firstDate, #mealPlanPage h3.secondDate {padding:7px 0px 0px; font-size:1.2em;}
#mealPlanPage h3.firstDate	{float:left;}
#mealPlanPage h3.secondDate	{float:right; width:50%;}
#mealPlanPage h3.firstDate span, #mealPlanPage h3.secondDate span {color:#000;}
#mealPlanPage #summary ul {padding-left:11px; margin:0 0 0 4px;}
#mealPlanPage #summary .plan-intro {padding-bottom:10px;}
a.heart-enabled, a.heart-disabled {height:23px; display:block; padding-left:26px; float:left; margin-top:10px;}
a.heart-enabled {background: url(../images/icn-favourite-this.gif) no-repeat scroll 0 0;}
a.heart-disabled	{background: url(../images/hearticon-disabled.gif) no-repeat scroll 0 0; color:#545454;}
.updateProgress	{margin-left:-26px;	margin-top:-5px; position:absolute;}
/* health criteria warning */
div.criteria-warning {padding-top:1em;}
/* alt ingredient footnote */
.altGroceryItems ul	{clear: both; list-style-type: none; font-size: smaller; padding: .75em 0 0 0; margin: 0;}
.altGroceryItems li	{float: none;}
.altGroceryItems li span {background-color: #ADD8E6 !important; padding-bottom:2px !important; padding-left: 3px !important; padding-right: 4px !important;}
.altGroceryItemSuperscript	{font-size: smaller; vertical-align: super; font-family:Verdana !important; padding:0 2px 1px !important; background-color:#ADD8E6 !important;}
.cancel-small {vertical-align:text-bottom;}
/* edit meal - change meal - find alts - match prefs */
.matchprefs label {float:none;}
/* prepare - tables */
.card .tabs .first {background: url(../images/tab-left.gif) bottom no-repeat;}
.card .tabs .middle	{background: url(../images/tab-middle.gif) bottom no-repeat;}
.card .tabs .last {background: url(../images/tab-right.gif) bottom no-repeat;}
.card .tabs .first.on {background: url(../images/tab-on.gif) bottom no-repeat;}
.card .tabs .last.on {background: url(../images/tab-on.gif) bottom no-repeat;}
.card .tabs .middle.on {background: url(../images/tab-on.gif) bottom no-repeat;}
.card .tabs a.lunch	{background: url(../images/icn-Clock-Lunch-Prep.gif) no-repeat left 12px; margin-left: 10px;}
.card .tabs a.dinner {background: url(../images/icn-Clock-Dinner-Prep.gif) no-repeat left 12px; margin-left: 10px;}
/* prepare - print */
table.recipes label	{float:none;}
/* nutrition facts - checklist label */
.checkList label			{float:none;}
/* prepare - print buttons */
#content .tooltip .content .buttons .print {padding-left:34px !important;}
#content .tooltip .content .buttons .cancel	{padding-left:27px !important;}
#content .tooltip .content .buttons a {padding: 0px 15px !important;}
#content .tooltip .content .buttons div {padding:0px !important;}
#content .tooltip .content .buttons li {padding:0px !important;}
#content .tooltip .content .buttons	 {margin-left:auto; margin-right:auto; width:184px;}

/* my account */
#myAccountPage.cancel .actionLinks {display:none;}
#myAccountPage.cancel h1 {border-bottom:none; margin:0;}
#myAccountPage .content2 div {margin-top:0.5em;}
#myAccountPage .content2 .buttons div {margin:0px;}
#myAccountPage .content2 table th,#myAccountPage .content2 table td {background:none; border:none;}
#myAccountPage .content2 table {border-bottom:none;}
#myAccountPage fieldset {border:none; padding:0; margin-left:0;}
#myAccountPage legend {padding: 0 0 .5em 0; font-weight:bold; font-size:1.1em; color: #1a5793;}
#myAccountPage .actionLinks li.selected a {color:#D3AA2E; text-decoration:none; font-weight:bold;}
#myAccountPage .cards {margin-left:12px;}
#myAccountPage.billing form .content2 fieldset {border: medium none; margin: 0 0 2em; padding: 0; width: 540px;}
#myAccountPage.billing .content2 #choose, #myAccountPage .content2 #terms {display:none;}
#myAccountPage.billing form .content2  label {display:block; margin-top:0.6em; float:none !important; width:auto !important;}
#myAccountPage.billing .content2 label, input[type="submit"] {cursor: pointer;}
#myAccountPage.billing form .content2 legend {font-weight: bold; padding: 0 0 0.5em;}
#myAccountPage.billing form fieldset p {margin:0.7em 0 0.2em;}
#myAccountPage.billing #suboptions {display:none;}

/* preferences */
#preferencesPage h1 span.plan-name {color:#D3AA2E;}
#preferencesPage.single-menu #menus .card h3.page {background:none; margin-top:1em;}
#preferencesPage #leftCol {float:left;width:440px;}
#preferencesPage #leftCol p {margin:0;}
#preferencesPage #rightCol {float:left; margin-left:5em;}
#preferencesPage #rightCol table {width:auto; margin:0;background:#fff; border:1px solid #1A5793; border-collapse:collapse;}
#preferencesPage #rightCol table th {background:none; background-color:#296EB3; padding:5px;}
#preferencesPage #rightCol table th h2 {color:#fff;}
#preferencesPage #rightCol table th, #preferencesPage #rightCol table td {padding:1em; border:none;text-align:center; }
#preferencesPage #rightCol table td span {font-size:1.3em;}
#preferencesPage .ddl-ranges {text-align:center;}
#preferencesPage #menus table.menu-options {background-color:#fff; border-collapse:collapse; margin:0;}
#preferencesPage th {background:none;}
#preferencesPage th.section-header {text-align:center; border-left:1px solid #E5D9B5; background-color:#FFFFE0;}
#preferencesPage th.section-header.first {background-color:#E6D7A6;}
#preferencesPage table.menu-options th, #preferencesPage table.menu-options td {padding:5px; vertical-align:top;}
#preferencesPage table.menu-options tr.top th {font-size:1.2em; padding-left:0;}
#preferencesPage table.menu-options tr.top th, #preferencesPage table.menu-options tr.top td {border:none;}
#preferencesPage table.menu-options tr.top td, #preferencesPage table.menu-options tr.top th {padding-top:0; padding-bottom:0;}
#preferencesPage h2,#preferencesPage div.steps span	{color:#1A5793; font-size:1.5em;}
#preferencesPage div.steps {border-bottom:solid 1px #1A5793; margin-bottom:2em;}
#preferencesPage.newSubscriber div.steps span img {display:none;}
#preferencesPage div.steps span img	{padding-right:5px;}
#preferencesPage #summary {width:100%;}
#preferencesPage #summary p {color:#000; line-height:1.8em; margin-top:0;}
#preferencesPage #summary h2 {margin-left:0;}
#preferencesPage #summary h3 {padding-left:0; padding-bottom:5px; font-size:1.2em;}
#preferencesPage #summary img {float:right; padding-top:10px; padding-right:20px;}
#preferencesPage #menus .card {margin-top:0;}
#preferencesPage #summary p.last {margin-bottom:0;}
#preferencesPage #summary input.start-now {margin-bottom:2em;}
#preferencesPage.newSubscriber.main h1 {display:none;}
#preferencesPage.newSubscriber #logo a, #logout #logo a, .notauthenticated #logo a {display:none;}
#preferencesPage.newSubscriber #logo h1, #logout #logo h1, .notauthenticated #logo h1 {
	display: block;
    float: left;
    height: 65px;
    margin: 35px 0 0 96px;
    width: 265px;
}
#preferencesPage.newSubscriber #summary h1 {display:block; margin-bottom: .5em;}
#preferencesPage #plans	{margin-bottom:10px;}
#preferencesPage #plans	td	{border-top:0px; padding: 0em;}
#preferencesPage #plans	table {border-bottom:0px; width:170px; float:left; margin:0 0 0 20px;}
#preferencesPage #plans p#pMenus {float:left; margin-top:2px;}
#preferencesPage p.important {color:#F81515 !important; font-weight:bold;}
#preferencesPage p.important span {font-size:11pt; font-weight:bold;}
#preferencesPage label {float:none;}
#preferencesPage table.diets,#preferencesPage table.foods {border-bottom:none;}
#preferencesPage table.diets td,#preferencesPage table.foods td	{border-top:none; padding:0.2em;}
#preferencesPage .dietlist {float:left;}
#preferencesPage .description {float:right; width:65%;}
#preferencesPage .description p {display:inline;}
#preferencesPage #cuisineList {list-style:none; padding-top:15px;}
#preferencesPage.newSubscriber	.navigators,#preferencesPage.newSubscriber #utility li, #preferencesPage.newSubscriber	#subNav {display:none;}
#preferencesPage.newSubscriber #utility li#liLogout	{display:block !important;}
#preferencesPage div.steps h2 {display:none;}
#preferencesPage.newSubscriber .steps h2 {display:inline; color:#F81515;}
#preferencesPage img#checkbox-example {position:relative; top:3px;}
#preferencesPage.main .card .tab1 {padding-top:20px; background:url("../images/bg-card-top.gif") no-repeat scroll left top transparent;}
#preferencesPage #menus .card h3.page {width:auto; display:block; margin:0; padding:0px 5px 0px 15px;}
#preferencesPage .menu-one .remove-plan {display:none;}
#preferencesPage .menu-two .remove-plan {display:block; padding-top:3px;}


/* foods to avoid updates */
#preferencesPage div.left {float:left; min-height: 100px; padding-right:.6em; width:328px;}
#preferencesPage div.right {float:left; width:328px;}
div.middle {float:left; margin-right:1.4em; position: relative; top: 11em;}
p.heading {font-weight:bold; padding:0; margin:0;}
div.left input.button {display:none; vertical-align:bottom;}
#txtSearch {width:260px;}
.water {font-family: Tahoma, Arial, sans-serif; font-style:italic; color:#6C6C6C;}
#placeholder {display:block; zoom:1;}
.instruction {margin-top:0 !important;}
.scrollTable td span.id {display:none;}
#tblResults, #tblExcludes, #tblAllowedCats, #tblExcludedCats, #tblResultsEmpty {margin-bottom:0; background-color:#fff; border:1px solid #93ABD0; width: 97%; border-spacing:0; *border-collapse: collapse;}
#tblResults, #tblResultsEmpty {margin-top:.5em;}
.scrollTable thead tr { background-color:#1A5793;}
.scrollTable th {border:none; background:none; color:#fff; padding:.4em; font-weight:normal;}
.scrollTable th span.count {font-weight:bold;}
.scrollTable td {border-bottom:1px solid #93ABD0; border-top:none; padding:.4em; *position:relative;}
#tblExcludes tr#no-items td {border-bottom:none;}
#tblExcludes td {padding:.4em; border-top:none;}
.scrollTable td.action {width:6%; padding-right:0; vertical-align:text-top;}
.scrollTable tr.data-row:hover td {background-color:#D7E2F1;}
.scrollTable td#empty {font-size:11px; border:none;}
.hidden {display:none;}
h2.allow {color:#6CCC16 !important; font-weight:bold; font-size:1.3em !important; padding-bottom:4px;}
h2.avoid {color:#C83545 !important; font-weight:bold; font-size:1.3em !important; padding-bottom:4px;}
#preferencesPage table.menu-options ul.foodstoavoid {padding:0 0 0 1.5em;}
#preferencesPage table.menu-options ul.foodstoavoid li {margin:0 0 0.3em;}
#preferencesPage table.foods input {vertical-align:bottom;}
.tabs ul li a {outline: none;}
.tabs ul li a {outline: none;}

/* FOODS TO AVOID - SCROLLABLE CHECKBOX LIST */
div.tableContainer {overflow: auto;}
html>body div.tableContainer {overflow: hidden;}
div.tableContainer table {float: left;}
thead.fixedHeader tr {position: relative}
html>body thead.fixedHeader tr {display: block}
html>body tbody.scrollContent {display: block; height: 262px; max-height:262px;	overflow: auto;	width: 100%}
html>body #tblExcludes tbody.scrollContent {height: 291px; max-height: 291px;}
html>body #tblExcludedCats tbody.scrollContent, html>body #tblResultsEmpty tbody.scrollContent {height: 262px; max-height: 262px;}
/* END FOODS TO AVOID - SCROLLABLE CHECKBOX LIST */

/* cuisine list */
#cuisineList {padding-left: 0;}
#cuisineList li	{float: left; width: 19%; padding: 15px 0 15px 45px; font-weight: bold;}
#cuisineList #chinese {background: url(../images/icn-Chinese-LG.gif) left center no-repeat;}
#cuisineList #european {background: url(../images/icn-European-LG.gif) left center no-repeat;}
#cuisineList #french {background: url(../images/icn-French-LG.gif) left center no-repeat;}
#cuisineList #greek	{background: url(../images/icn-Greek-LG.gif) left center no-repeat;}
#cuisineList #greek {background: url(../images/icn-Greek-LG.gif) left center no-repeat;}
#cuisineList #indian {background: url(../images/icn-Indian-LG.gif) left center no-repeat;}
#cuisineList #italian {background: url(../images/icn-Italian-LG.gif) left center no-repeat;}
#cuisineList #japanese {background: url(../images/icn-Japanese-LG.gif) left center no-repeat;}
#cuisineList #mexican {background: url(../images/icn-Mexican-LG.gif) left center no-repeat;}
#cuisineList #middle-eastern {background: url(../images/icn-MiddleEastern-LG.gif) left center no-repeat;}
#cuisineList #thai {background: url(../images/icn-Thai-LG.gif) left center no-repeat;}
/* prepare - modal popup */
.modalBackground {background-color:Gray; filter:alpha (opacity=70); opacity:0.7;}
.error-container {float:left; width:100%;}
.error-container p {color:#000 !Important;}
#mealPreparePage #summary ul {padding-left:11px; margin:0 0 0 4px;}
/* groceries */
#groceriesPage #summary ul a:hover {text-decoration:underline !important;}
#groceriesPrintPage #summary ul,#groceriesEditPage #summary ul {padding-left:11px; margin:0 0 0 4px;}
/* edit meal - paging buttons */
.buttons .first,.buttons .last {padding-left: 30px;}
.buttons .first {background: url(../images/btn-first.gif) no-repeat 10px center;}
.buttons .last {background: url(../images/btn-last.gif) no-repeat 10px center;}
.paging .buttons .next,.paging .buttons .back {padding-left:21px;}
.paging .buttons .first	{padding-left:25px;}
.paging .buttons .last {padding-left:24px;}
.paging .left-buttons,.paging .right-buttons {width:96px; float:left;}
.paging .left-buttons  {margin:0pt;}
.paging .right-buttons {margin-left:10px;}
.paging .page-label	{position:relative; top:10px; float:left;}
.paging .inner-content	{width:325px; height:37px;}
/* plan - status changel */
.mealMenuPanel,.statusChangePanel	{z-index:10;}
/* customer support */
.contact dd.last {border:none; margin-bottom:1em;}
.contact dt {color:#000;}
#helpPage .contact dd {border-bottom:none;margin-bottom:0}
/* misc links */
#misc-sub-links	{padding-bottom:1em;}
#misc-sub-links	#icn-video {padding-right:5px; display:inline;}
#misc-sub-links	.icn-search {padding-right:11px;}
#misc-sub-links #aWatchVideo {position:relative; top:-6px;}
#misc-sub-links .aSearchLink {position:relative; top:-9px;}
#misc-sub-links	#icn-ebook {padding-right:10px; display:inline;}
#misc-sub-links .aBreakfast {position:relative; top:-9px;}
/* meal search */
.search .mealSummary {width:100%;}
.search #summary {width:520px;}
h3 .results-label {color:#000 !important;}
.paging .page-label .pageNum {font-weight:bold;}
.search #instruction {color:#000; font-size:1.4em;}
.search .updateProgress	{position:relative; margin-left:0px; float:left; margin-top: 9px;}
.search .updateProgress img {vertical-align:middle;}
.search ul.buttons {float:left;}
/* meal cards */
.top-content .col-left {float:left;width:220px;}
.top-content .col-right {float:right;width:140px;height:100%; position:relative;}
.top-content .col-left ul {padding:0 0 1em 1em;}
.top-content .col-right span.zoom {border:0 none;left:86%;position:absolute;top:7.2em;}
.top-content .col-right span.zoom img {border:0 none;}
div.meal-data-container table.meal-data {border-collapse:collapse !important; margin-bottom:0; border-bottom:none; margin-top:0;}
table.meal-data tr.data-header-row th.data-header {vertical-align:top; color:#AD850C; font-weight:normal; border-right:0 !important;background:none;padding:0px;}
table.meal-data tr.data-header-row th.data-header, table.meal-data td.data-values {border-bottom:1px solid #E6D7A6;padding:3px 0 1px; border-top:none;}
table.meal-data td.data-values {vertical-align:top;}
.top-content .photo {padding:0; display:block; position:relative;}
ul.meal-meta {list-style:none; padding-left:0; padding-bottom:0;}
li.meal-meta-entry {border-bottom: 1px solid #E6D7A6; color:#AD850C; line-height:18px; margin-bottom:5px;}
li.meal-meta-entry span {color:#000;}
.card .columnRight {width:140px; float:right;}
.card .columnRight a img {border-radius: 3px 3px 3px 3px;}
.columnRight p {margin-top:4px !important; margin-bottom:14px; font-size:11px;}
/* prepare page */
#mealPreparePage .card .content1 {position:relative;}
/* favourites */
.favourite-contents ul {float:left;}
.favourites .card	{margin: 0 0 1em;}
.favourites .photo {margin-bottom:15px;}
.favourite-contents	{float:left; width:60%;}
.favourite-contents ul {color:#BE9519; margin-left:10px; max-width:60%;}
.favourites .favourite-misc ul {}
.favourites .favourite-misc {width:40%;float:right;}
.favourites .favourite-misc p {margin:0;}
.favourites .solo {padding-right:3px; background: url(../images/bg-Favourite-Card.gif) bottom no-repeat;}
.favourites .card .content1	{border-top:1px solid #E6D7A6; padding-top:12px;padding-bottom:10px;}
.favourites table	{border-bottom:none; margin:0;}
.favourites table td	{border-top:none; padding:0;}
.favourites #summary {width:100%;}
.favourites .favourites-container {margin-top:2em;z-index:10;}
#schedule-container {width:370px;}
#schedule-container #schedule-top {background:url(../images/bg-schedule-top.gif) repeat scroll 0 0;padding:5px;}
#schedule-container #schedule-bottom {height:20px;background:transparent url(../images/bg-schedule-bottom.gif) repeat scroll center bottom}
#schedule-container div.calendar {float:none;display:block;margin:5px;background:transparent url(../images/img-Background-Calendar-Large.jpg) no-repeat scroll 0%;	height:210px; width:350px;}
#schedule-container .firstMonth {margin:4px 4px 2px 7px;}
#schedule-container .secondMonth {margin:4px 0 2px 8px;}
#schedule-container .firstMonth, #schedule-container .secondMonth {
	width:auto;
	max-width:inherit;
}
#schedule-container .calendar td, #schedule-container .calendar th {font-size:12px;}
#schedule-container .calendar td.week, #schedule-container td.weekend {vertical-align:middle;}
#schedule-container .calendar td a:link, #schedule-container .calendar td a:active, #schedule-container .calendar td a:visited, #schedule-container .calendar td a:hover {font-weight:bold;}
#schedule-container p {margin-left:5px; margin-right:5px;}
#schedule-container .buttons	{width:50%;margin-left:7.7em;}
#schedule-container div.meal-contents {padding:5px; background-color:#FFFFE0;border:1px solid green; margin:10px 5px 5px 5px;}	
#schedule-container div.meal-contents p {margin:0;}
img.sort-dir {padding:0 2px; vertical-align:middle;}
span#sort-info	{float:right;font-size:1.2em;}
ul#sort-options	{margin:0; padding:0; list-style:none; float:right;}
ul#sort-options li {margin-bottom:6px;}
ul#sort-options li a.disabled {color:#000;}
div#favourite-container {float:left;width:100%;margin-bottom:1em;}
#mealPlanPage.plan .buttons {float:left;}
#mealPlanPage div#utilities	{clear:both;}
#planNav {padding:.7em 0; margin:0 4px; float:right;}
#planNav .current {color:#000;}
#planNav p {margin:0;line-height:26px;}
#planNav p a {font-weight:bold;}
#subNav {bottom:41px;float:right;list-style:none; margin:0; padding:0; position:absolute; right:15px;font-weight:bold;}
#subNav li {float:left; margin:0 1.7px 0 0; display:inline; background:transparent url(../images/bg-Sub-Nav-Right-Off.gif) no-repeat scroll right top;}
#subNav li div {background:transparent url(../images/bg-Sub-Nav-Left-Off.gif) no-repeat scroll left top;}
#subNav a {display:block; padding:0.8em 12px 0.7em 0; text-decoration:none;}
#subNav #home a, #subNav #help a, #subNav #favourites a, #subNav #mobile a {padding-left:32px;}
#subNav #favourites a {background:transparent url(../images/bg-Nav-Favourites.gif) no-repeat scroll 6px 9px;}
#subNav #home a {background:transparent url(../images/bg-Nav-Home.gif) no-repeat scroll 8px 9px;}
#subNav #help a {background:transparent url(../images/bg-Nav-Help.gif) no-repeat scroll 8px 9px;}
#subNav #mobile a {background:transparent url(../images/bg-Nav-Mobile.gif) no-repeat scroll 6px 8px;}
#subNav li.selected {background: url(../images/bg-Nav-Right-On.gif) no-repeat top right;}
#subNav li.selected div {background: url(../images/bg-Nav-Left-On.gif) no-repeat top left;}
#meal-types {color:#FF6E00;font-family:"Gill Sans MT", arial ,Sans Serif;font-size:2em;font-weight:bold;left:38px;margin-bottom:0;margin-left:0;margin-right:0;margin-top:0;position:relative;top:53px;float:left;}
h1#meal-types {color:#1A5793; font-size:2.8em; left:11em; top:46px; font-weight:normal;}
#header h1 {border-bottom:none !important;}
#logo {width:auto;}
#logo h1 {float:left;}
#preferencesPage.newSubscriber #summary {margin-top:1em; margin-bottom:0; position:relative; top:10px;}
#preferencesPage.newSubscriber #summary h2 {margin-bottom:0;margin-left:0;}
#preferencesPage.newSubscriber .buttons .next {background-position:92% center; padding-left:15px; padding-right:30px;}
#mobile #summary {width:100%;}
#mobile #content ul {margin:0 0 1em 0;border-bottom:none;padding-left:1.5em;}
#mobile #content ul li {margin-bottom:0em;}
#mobile #content ul.checkFirst {font-family:Arial;color:darkGreen;font-size:1.2em; font-weight:bold;}
#mobile .small-note {font-size:10px;}
#mobile #visit {background-color:#FBF8D6;border:2px solid #1A88BB;margin-top:1em;padding:1em;text-align:center;width:50%;}
#mobile #visit p {font-size:large; margin-bottom:0;margin-top:.5em;color:#1A5793;}
#mobile img#phone {float:right;padding-left:1em;}
#mobile #content h3#feature {font-size:1.2em;padding-left:0;}
/* "may contain" nutrient display */
.may-contain, .does-contain {font-size:15px !important; color:#EF1414 !important;font-weight:bold !important;vertical-align:super !important;}
.matchprefs table, .matchprefs table td {border:none !important; margin:0; padding:0;}
.matchprefs {padding-left:0 !important;}
.matchprefs table td {padding:0 0 0.5em}
.search-results {margin-top:2em; clear:both;}
.search-criteria table {margin-bottom:0;}
 #prefs-customize {color:#000000;font-size:14px;margin:1.5em 0 0;padding:0;}
 sup	{display:none;}
 
 /* TEST */
  div.lv_Caption {font-size:13px; color:#000; font-style:italic;}
 
 .modal #meal-types, .modal #utility, .modal .navigators, .modal #footer div#bar div#links, .modal #professionalLogo {display:none;}
 
 /* Test styles for JQUERY DIALOG PLUGIN */
.ui-dialog fieldset {border: 0 none; margin-top: 25px; padding: 0;}

/*Test Edit Meal Redesign */
#divPanes > div .mealSummary {float:none; width:auto;}
#divPanes #divDetails .mealSummary {float:left; width:540px;}
#divPanes .toTop {padding-bottom: 0.5em;}

.aNote, .aNoteEdit {display: block; float: left; height: 24px; padding:3px 0 0 28px; margin-top:2px;}
.aNote {background: url("../images/add-note3.png") no-repeat scroll 0 0 transparent;}
.aNoteEdit {background: url("../images/edit-note3.png") no-repeat scroll 0 0 transparent;}
#mealNotes h3	{color:#000; float:left; margin-right:5px;}
#dialog-form {padding:7px;}
#dialog-form fieldset {border:none; margin:0; position:relative; padding: 0;}
#dialog-form h2 {margin:0 0 .5em 0; font-weight:bold; color:#000;}
#dialog-form h2 img {vertical-align:middle;}
#dialog-form input {margin-right: 0.5em; float:right;}
p#charCount {color: #7D7D7D; margin:0; padding:0;}
#dialog-form #noteTitle {color:#1A5793; font-weight:bold; margin:0;}
#dialog-form #noteTop {padding:0 0 7px;}
#dialog-form textarea {overflow:auto; width:100%;}
.lv_WrapDown.notes {background: url("../images/bg-note.png") no-repeat scroll center bottom transparent;}
.error {color: #CC3030;}
div#loadingContainer, div#success {height: 100%; margin: 0 auto; position: absolute; width: 97%;}
div#loadingContainer div img, div#success div img {display:block; padding-left: 2.4em;}
div#loadingContainer div, div#success div {margin: 4em auto auto; text-align: center; width: 144px; max-width:144px;}
.disabled {background-color:#F0F0F0;} 
.posRelative {position:relative;}
div#success div {background: url("../images/icn-green-check-sm.gif") no-repeat scroll right center transparent; color: #20A145; font-weight: bold; height: 27px; padding-right:15px;}
div#loadingContainer p, div#success div p {padding-top: 5px;}
div#loadingContainer div {background: url("../images/loading4.gif") no-repeat scroll right center transparent; color:#676565; font-weight: bold; height: 27px;}
.noteContents.readonly {background-color: #FFFFFF; border: 1px solid #F0F0F0; padding: 2px; min-height:130px;}
#mealNotes {padding-bottom:1.5em;}
#mealNotes p#charCount {margin-bottom: 0.8em;}
.removed span {text-decoration:line-through;}
.removed span a {color:#6C6D6D !important; text-decoration:none; cursor:text;}
.removed span span {display:none;}

.te_frame, .te_frame td {border:none;}

/* Affiliates */
img.affiliate-logo	{display:block; position:absolute; right:0; top:34px; margin-right:17px; height:74px;}

/* hide parent window scroll bars when lightview modal window is visible */
.overlay body {
    overflow:hidden;
}

/* hide page break elements for "screen" display */
.pgBreak {display:none;}