/* Client: MedChefs Site URI: http://medchefs.com/ Version: 0.54 Updated: 2 Dec 2010 Author: Myrrh Larsen Author URI: http://theinsomniacsociety.com/ */ /* basic reset -ml */ html,body { margin:0; padding:0; height:100%; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } sub,sup { vertical-align:baseline; } a { color:inherit; } a img,:link img,:visited img { border:0; } a:hover img { text-decoration:none!important; } font { color: inherit !important; font: inherit !important; color: inherit !important; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } /* globals */ .clear { clear:both; height:0; font-size: 1px; line-height: 0px; } .left { float:left; } .right { float:right; } img.left { margin-right:1em; margin-bottom:1.8em; } img.right { margin-left:1em; margin-bottom:1.8em; } .hide{ /* Hide stuff without resorting to display:none; */ visibility:hidden; width:0!important; height:0!important; line-height:0!important; padding:0!important; margin:0!important; } /* site-specific styles: medchefs */ body { background-color:#e5e6e7; color:#6d6e71; line-height:1.4em; _font-family:Helvetica,Arial,sans-serif; text-align:left; } body>div { font: 15px/27px Helvetica,Arial,sans-serif; } h1,h2,h3,h4,h5,h6 { color:#424143; } #overDiv table { border-width:2px; border-color:#3f990f; padding:3px 7px; } #overDiv table table table { border-width:0; } #nav a { color:#333333; } a { color:#000; text-decoration:none; } a:hover { color:#e4924b; text-decoration:underline; } #content a { color:#cc0000; text-decoration:none; } #content a:hover { text-decoration:underline; } .container { background-color:#ffffff; width:998px; margin:0 auto; /* was: 45px auto; */ } .wrapper { margin:0 18px; position:relative; } /* BEGIN HEADER */ div#header { height:98px; position:relative; } #header h1#logo { position:absolute; top:10px; left:0; width:342px; height:77px; background: transparent url('/images/logo.gif') no-repeat scroll top left; overflow:hidden; text-indent:-999em; } #header #login { float:right; font-size:0.8em; } #login a { color:#cc0000; } /* END HEADER */ /* BEGIN SEARCH */ #header #search { position:absolute; bottom:0; right:0; width:403px; height:36px; line-height:1em; background:transparent url('/images/search-bg.gif') no-repeat scroll top left; white-space:nowrap; } #header #search div { display:inline; } #header #search #term { display:inline-block; float:left; margin:2px; position:relative; left:7px; top:3px; width:296px; height:22px; background-color:#ffffff; border:1px solid #999999; position:relative; } #search #term input { border-width:0; margin:2px 2px 0; width:200px; height:17px; } a.button { } #header #search input#submit { float:right; margin:5px 9px 0 0; width:82px; height:24px; color:white; font:17px bold Helvetica, Arial, sans-serif; border-width:0; border-radius:6px; -moz-border-radius:6px; box-shadow: 1px 1px 2px rgba(0,0,0,.5); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.5); -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.5); background-color:#990000; background:-webkit-gradient(linear, 32% bottom, right top, from(rgba(153,0,0,1)), to(rgba(204,0,0,1))); background:-moz-linear-gradient(left,rgba(153,0,0,1),rgba(204,0,0,1)); } a:active.button input { box-shadow: 0px 0px 0px rgba(0,0,0,.5); -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,.5); -moz-box-shadow: 0px 0px 0px rgba(0,0,0,.5); position: relative; top: 1px; left: 1px; } /*#search select { float:right; margin:5px; border:1px solid #353535; color:#fff; font:normal 11px Helvetica,Arial,sans-serif; background-color:#999; width:74px; height:16px; }*/ #search .select {position:absolute;top:0;right:-22px;height:22px;overflow:visible;} #search select {width:89px;margin-top:8px;margin-left:12px;} #search .select select{position:absolute;left:-999em;} #searchForm .jgd-dropdown {height:32px;width:87px;margin:0 25px 0 0;padding:0 0 0 5px;} #searchForm .jgd-dropdown dd{position:relative;} #searchForm .jgd-dropdown dd ul{background-color:#ffffff;border:1px solid #a9a9a9;color:#696969;display:none;z-index:1000;left:0;padding:0;position:absolute;top:2px;width:89px;list-style:none;} #searchForm .jgd-dropdown dd ul li a{padding:5px;display:block;font-weight:bold;font-size:11px;line-height:11px;} #searchForm .jgd-dropdown dd ul li a:hover{color:#222222;} #searchForm .jgd-dropdown dd ul li.hide_selected{display:none;} #searchForm .jgd-dropdown dd,.jgd-dropdown dt,.jgd-dropdown ul{margin:0;padding:0;} /*#searchForm .jgd-dropdown dt a em{background:none;}*/ #searchForm .jgd-dropdown dt{background:none;} #searchForm .jgd-dropdown dt a{display:block;text-decoration:none;font-weight:bold;font-size:11px;line-height:20px;color:white;padding:2px 0 0 5px;margin:0;background:url('/images/fn-search-drop.gif') no-repeat 0 3px;} #searchForm .jgd-dropdown dt.active a{color: #ccc;background:url('/images/fn-search-drop.gif') no-repeat left -24px;} #searchForm .jgd-dropdown span.value{display:none;} /* END SEARCH */ /* BEGIN NAV */ #nav { margin-top:-2px; z-index:0; } #nav ul.menu { position:relative; width:962px; height:40px; } #nav ul.menu li { position:absolute; top:0; } #nav ul.menu li, #nav ul.menu a { height:40px; display:block; } #nav a { text-align:center; font:bold 17px/32px 'Cantarell',Arial,sans-serif; letter-spacing:0.05em; color:#333333; } #nav a:hover { color:#990000; text-decoration:none; } #nav a:active { color:#cc0000; } #nav ul.menu a { background: transparent url('/images/nav-bg.gif') 0px 0px no-repeat; } #nav #home { left:0; width:242px; } #nav #get-started, #nav #grocery { left:241px; width:241px; } #nav #recipes { left:481px; width:241px; } #nav #resources { left:720px; width:242px; } #nav #home a {background-position:0 0;} #nav #get-started a, #nav #grocery a {background-position:-241px 0;} #nav #recipes a {background-position:-481px 0;} #nav #resources a {background-position:-720px 0;} #nav #home a:hover,#nav #home a.selected {background-position:0 -40px;} #nav #get-started a:hover,#nav #get-started a.selected,#nav #grocery a:hover,#nav #grocery a.selected {background-position:-241px -40px;} #nav #recipes a:hover,#nav #recipes a.selected {background-position:-481px -40px;} #nav #resources a:hover,#nav #resources a.selected {background-position:-720px -40px;} /* END NAV */ /* BEGIN MEMBERS ONLY NAV */ #nav2 { margin-top:4px; margin-left:94px; width:326px; height:16px; background:url('/images/nav-members.gif') 0 0 no-repeat; } #nav2 a { display:block; float:left; overflow:hidden; text-indent:-999em; background:url('/images/nav-members.gif') 0 0 no-repeat; height:16px; } #nav2 a#meal-plan { width:66px; } #nav2 a#grocery-list { margin-left:19px; width:85px; } #nav2 a#recipes { margin-left:19px; width:54px; } #nav2 a#coaching{ margin-left:19px; width:64px; } #nav2 a#meal-plan {background-position:0 0;} #nav2 a#grocery-list {background-position:-85px 0;} #nav2 a#recipes {background-position:-189px 0;} #nav2 a#coaching {background-position:-262px 0;} #nav2 a#meal-plan:hover {background-position:0 -16px;} #nav2 a#grocery-list:hover {background-position:-85px -16px;} #nav2 a#recipes:hover {background-position:-189px -16px;} #nav2 a#coaching:hover {background-position:-262px -16px;} /*#nav2 { margin-top:-4px; } #nav2 ul.menu { position:relative; width:962px; height:24px; background: transparent url('./images/nav-members-bg.gif') 0px 0px no-repeat; } #nav2 ul.menu li { position:absolute; top:-2px; } #nav2 ul.menu li, #nav2 ul.menu a { height:24px; } #nav2 a { text-align:center; font:bold 12px/24px 'Cantarell', Arial, sans-serif; padding:0 15px; color:#333333; } #nav2 a:hover { color:#990000; text-decoration:none; } #nav2 a:active { color:#cc0000; } #nav2 #meal-plan { left:78px; } #nav2 #grocery-list { left:183px; } #nav2 #recipes { left:305px; } #nav2 #coaching { left:400px; }*/ /* END MEMBERS ONLY NAV */ div#page { display:block; margin-top:10px; } div#content { padding:4px 10px; width:745px; display:inline; position:relative; } body.presentation div#content { border-right:1px solid #999; } div#sidebar { position:relative; padding:0 10px; /*border-left: 1px solid #999;*/ } #sidebar div.callout { display:block; width:176px; overflow:hidden; text-indent:-999em; background-repeat:no-repeat; margin:4px 0 10px; } #sidebar div#doctors { background-image:url('/images/callout-doctors.jpg'); height:296px; } #sidebar div#chefs { background-image:url('/images/callout-chefs.jpg'); height:286px; } #sidebar div#free { background-image:url('/images/callout-free.jpg'); height:200px; } #sidebar div#app { background-image:url('/images/callout-app.jpg'); height:271px; } #sidebar div#results { position:relative; background-image:url('/images/callout-results.jpg'); height:279px; } #sidebar div#results a { display:block; position:absolute; top:106px; left:12px; width:136px; height:30px; } /* HOME PAGE SPECIFIC */ div#feature { position:relative; } div#feature p, div#feature h3 { display:inline; margin: 0 50px; color:white; } #feature p { font-size:18px; line-height:24px; letter-spacing:0.05em; } #feature p#description { position:absolute; top:15px; width:645px; } /*#feature h3 { position:absolute; top:121px; letter-spacing:0.05em; font-size:27px; } #feature p#teaser { position:absolute; top:158px; font-weight:100; font-size:20px!important; font-family:'Helvetica Neue'; }*/ #feature p#teaser { position:absolute; top:121px; } #feature a#start-here { position:absolute; left:50px; top:222px; display:block; width:137px; height:33px; overflow:hidden; text-indent:-999em; background:transparent url('/images/start-here.gif') top left no-repeat; } /* FEATURED TABS */ #content #featured-tabs { position:relative; width:740px; margin-top:2em; } #content #featured-tabs > div { background-color:white; border:2px solid #bbbdbf; border-radius:8px; -moz-border-radius:8px; } #featured-tabs .recipe .column { width:268px; float:right; } .recipe { font-size:0.8em; line-height:1.5em; } .recipe h3 { font-family:Arial, sans-serif; font-size:25px; color:#669900; } .recipe h4 { font-weight:bold; font-size:1.2em; margin:1em 0 .4em; } .recipe p { width: 380px; } .recipe .detail { border: 1px solid #bbbdbf; border-radius:8px; -moz-border-radius:8px; padding:1px; width:262px; margin-top:1em; } .recipe .detail div:first-child { border:0 solid #bbbdbf; border-width:0 1px 0 0; } .recipe .detail div { width:129px; float:left; color:#424143; } .recipe .detail div strong, .detail div span { display:block; margin:0; padding:.2em 1em .4em; } .recipe .detail div strong { font-weight:bold; padding:.4em 1em .2em; } #featured-tabs .quickstart { height:432px; } #featured-tabs .howitworks { height:418px; } #featured-tabs .quickstart .column { width:260px; float:left; } #featured-tabs .quickstart .tabcontent { width:400px; float:right; } .quickstart { line-height:1.5em; } .quickstart h3 { /*font-family:'Cantarell', Arial, sans-serif;*/ font-weight:bold; font-size:25px; line-height:1.2em; color:#59595c; } .quickstart h4 { /*font-family:'Cantarell', Arial, sans-serif;*/ font-weight:bold; font-size:15px; color:#59595c; margin-bottom:.5em; } .quickstart h5 { /*font-family:'Cantarell', Arial, sans-serif;*/ font-weight:bold; } .quickstart p { margin:1em 0; } .quickstart .meter-wrap { position: relative; border:1px solid #E1E2E3; /*border:2px solid #bbbdbf;*/ } .quickstart .meter-wrap, .quickstart .meter-value, .quickstart .meter-text { width: 232px; height: 32px; } .quickstart .meter-wrap, .quickstart .meter-value { background: white none top left no-repeat; } #quickstart-form, #quickstart-results { position:relative; border:1px solid #e1e2e3; font-size:0.8em; } .calculate { position:absolute; right:0; height:23px; bottom:-26px; } .calculate input { margin:0; width:90px; height:23px; } #quickstart-form .heading, #quickstart-results .heading { display:block; padding:0 1em; background-color:#666668; color:white; background:-webkit-gradient(linear, left top, left bottom, from(rgb(126,127,130)), to(rgb(69,69,70))); background:-moz-linear-gradient(top,rgb(126,127,130),rgb(69,69,70)); } #quickstart-form .right { font-size:1.5em; } #quickstart-form label, #quickstart-results { background-color:#f3f4f5; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(255,255,255)), color-stop(0.5, rgb(231,233,234)), color-stop(1, rgb(255,255,255))); background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(231,233,234) 50%, rgb(255,255,255) 100%); } #quickstart-form label { display:block; text-align:left; padding:0.5em 2em 1em; } #quickstart-form label.last { padding-bottom:0; } #quickstart-results { margin-top:2.5em; } #quickstart-results p { padding:0 2em; } #quickstart-results .detail a { color:#cc0000; } #quickstart-results .bmi-value { font-weight:bold; padding-left:2px; font-size:1.6em; } #featured-tabs .howitworks .column { width:260px; float:left; } #featured-tabs .howitworks .tabcontent { width:400px; float:right; } .howitworks h3 { /*font-family:'Cantarell', Arial, sans-serif;*/ font-weight:bold; font-size:23px; line-height:1.2em; color:#59595c; margin-bottom:1em; } .howitworks ul { font-size:1.4em; line-height:2em; margin:0 0 1.5em; } .howitworks li { height:35px; padding-left:45px; margin:0 0 10px; background:transparent url('/images/checkbox.gif') 0 0 no-repeat; overflow:hidden; } .howitworks li.checked { background-position:0 -35px; } .howitworks .tabcontent img { width:400px; height:405px; } .howitworks p a { color:#cc0000; } a#complete-my-profile { width:166px; height:25px; float:right; margin:1em 1em 0 0; overflow:hidden; text-indent:-999em; background:transparent url('/images/complete-my-profile.gif') top left no-repeat; } /* tabs */ .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding:0; position:absolute; width:740px; height:35px; top:0; background:transparent url('/images/featured-tabs-bg.gif') 0 0 no-repeat; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; width:240px; text-align:center; position:absolute; top: -1em; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } li#tab-quickstart { left:246px; } li#tab-howitworks { left:492px; } .ui-tabs .ui-tabs-nav li a { display:inline-block; width:208px; margin-top:.5em; padding: .8em 1em; text-decoration: none; color:#6d6f72!important; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin:0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; font-size:1.2em; color:#424143!important; background-color:white; margin:0; height:16px; padding-bottom:1em; border:0 solid #bbbdbf; border-width:2px 2px 0 2px; border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 2em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* OTHER PAGE SPECIFIC */ body#contact-us #content h2, body#about-us #content h2, body#about-us #content h3 { overflow:hidden; text-indent:-999em; } body#about-us h2#welcome { background:white url('/images/about-us-welcome.gif') top left no-repeat; } body#about-us #content p.description { margin: .5em 3em 1.5em 0; font-size:18px; line-height:26px; } body#about-us h3#meet { background:white url('/images/about-us-meet.gif') top left no-repeat; margin-bottom:1em; } table#team td { vertical-align:top; } table#team td img { margin-right:20px; } table#team td div { line-height:23px; } table#team td .team-name { font-weight:bold; font-size:17px; margin-top:1px; } table#team td .team-title { font-size:14px; } table#team p { width:340px; font-size:12px; line-height:21px; margin:.5em 0 2em; } body.meta #content, div#resources { padding-bottom:4em; } body.meta #content ul { margin-left:1em; } body.meta #content ol { list-style-type: decimal; margin-left:2em; } body.meta #content h2 { font-weight:bold; font-size:26px; letter-spacing:0.05em; } #content .main_header { margin-bottom:.5em; font-size:26px; font-weight:bold; letter-spacing:0.05em; color:#424143; } #content .main_header2 { margin-bottom:.5em; font-size:20px; font-weight:bold; letter-spacing:0.05em; color:#424143; } #content .main_header3 { margin-bottom:.5em; font-size:20px; font-weight:bold; letter-spacing:0.05em; /*color:000000;*/ } #content td h3 { font-size:26px; padding-left:10px; letter-spacing:0.05em; } /* IE6 line spacing fix */ #content .main_header, #content .main_header2, #content .main_header3, #content td h3 { _line-height:1.4em; } body.meta #content h4 { font-weight:bold; font-size:18px; margin:.5em 0; } body.meta #content h5 { font-weight:bold; margin:1em 0; } body.meta #content h6 { font-weight:bold; font-size:13px; margin:1em 0; } body.meta #content p { width:705px; font-size:12px; line-height:17px; margin:1em 0; } body.meta #content li { font-size:12px; line-height:17px; } body.meta #content blockquote { margin:1em 2em; } body#contact-us #content h2 { background:white url('/images/h2-contact-us.gif') top left no-repeat; } body#contact-us #content p { margin: .5em 3em .5em 0; font-size:18px; line-height:26px; } form#contact fieldset { padding-bottom:20px; border:0 solid #ccc; border-width:0 0 1px 0; } form#contact fieldset:last-child { border-width:0; } form#contact legend { padding-top:20px; font-weight:bold; color:#414142; } form#contact legend .caption { font-weight:normal; } fieldset#contact-subject input.radio { margin-left:.5em; } fieldset#contact-subject label { padding-left:.5em; } fieldset#contact-subject .caption { font-size:0.8em; } fieldset#contact-info { position:relative; } fieldset#contact-info input { position:absolute; font-size:1.2em; left:8em; } form#contact textarea { width:570px; margin:8px 0 15px; background-color:#e7e9e9; border:1px solid #999; } form#contact input#submit { display:block; position:relative; left:480px; } span.required { color:#cc0000; } table.noprint table td { padding:.5em; } #content .get-started { overflow:hidden; text-indent:-999em; margin-bottom:10px; } div#recipes-feature { position:relative; width:745px; height:282px; background:white url('/images/recipes-feature-bg.jpg') no-repeat top left; } #recipes-feature p, #recipes-feature h3 { display:inline; margin:0 36px; color:#3d3d3f; } /*#recipes-feature p#description { position:absolute; top:15px; }*/ #recipes-feature h3 { position:absolute; top:28px; letter-spacing:0.05em; font-weight:bold; font-size:36px; line-height:36px; } /* ml: once browse button re-enabled: #recipes-feature p#copy { position:absolute; top:110px; width:318px; font-size:18px; line-height:24px; }*/ #recipes-feature p#copy { position:absolute; top:132px; width:318px; font-size:18px; line-height:28px; } #recipes-feature a#browse-recipes { position:absolute; left:37px; top:225px; display:block; width:163px; height:30px; overflow:hidden; text-indent:-999em; background:transparent url('/images/browse-recipes.gif') top left no-repeat; } div.recipes-popular { float:left; display:inline; width:326px; margin:18px 9px 18px 36px; } div.recipes-popular h4 { font-size:25px; letter-spacing:0.02em; } div.recipes-popular h5 { font-weight:bold; font-size:15px; color:#58595b; } div.recipes-popular a { display:block; width:280px; margin:1em 0; font-size:14px; color:#cc0000; } div#resources-feature { position:relative; width:741px; height:128px; background:white url('/images/resources-feature-bg.jpg') no-repeat top left; } #resources-feature h3, #resources-feature h5 { display:inline; margin: 0 30px; color:#ffffff; } #resources-feature h3 { position:absolute; top:18px; letter-spacing:0.05em; font-weight:bold; font-size:30px; line-height:32px; } #resources-feature h5 { position:absolute; top:82px; letter-spacing:0.05em; font-weight:normal; font-size:16px; } div#resources { position:relative; width:745px; background:white url('/images/resources-bg.gif') repeat-y top left; margin-top:18px; } div.resources-section { float:left; display:inline; width:180px; overflow:visible; } .leftcolumn { margin:0px 68px 36px 8px; _margin-right:42px; } .midcolumn { margin:0px 96px 18px 0px; _margin-right:60px; } .rightcolumn { margin:0px 0px 36px 0px; } .resources-section h4 { width:207px; overflow:hidden; text-indent:-999em; margin-bottom:.5em; } .resources-section h4 a { display:block; } h4#diabetes { color:#f8981d; background:transparent url('/images/resources-diabetes.gif') top left no-repeat; } h4#hypertension { color:#2d67b2; background:transparent url('/images/resources-hypertension.gif') top left no-repeat; } h4#weight-loss { color:#669a41; background:transparent url('/images/resources-weight-loss.gif') top left no-repeat; } h4#heart-disease { color:#676767; background:transparent url('/images/resources-heart-disease.gif') top left no-repeat; } h4#high-cholesterol { color:#f2663a; background:transparent url('/images/resources-high-cholesterol.gif') top left no-repeat; } h4#healthy-family { color:#2c99ce; background:transparent url('/images/resources-healthy-family.gif') top left no-repeat; height:50px; } .resources-section a, .resources-section span { display:block; font-size:0.8em; line-height:20px; } .resources-section a { color:#cd2027; } .resources-section span { margin-bottom:0.5em; } /*.resources-section span.more { color:#6D6E71; }*/ h2.resources { font-size:32px; color:#cd2027; font-weight:bold; letter-spacing:0.05em; } h3.resources { margin:3px 0; font-size:21px; color:#040707; letter-spacing:0.05em;} div.resource { margin:1em 3em 0 0; border-top:1px solid #999; } div.resource h5 { margin:1em 0; color:#040707; font-weight:bold; text-transform:uppercase; } div.resource p { margin:1em 0; color:#040707; } div.resource p em { font-weight:bold; color:#991b1e; } div.resource p.source { color:#676766; font-size:.8em; } /* FOOTER */ #footer { color:#999;} #footer div { position:relative; line-height:1.2em; top:45px; height:45px; } p#footerlinks { font-size:0.8em; } p#footerlinks a { color:#999; } p#footerlinks img { margin-right:0.8em; } p span.copyright { font-size:0.8em; } #footer #social a { margin-right:14px; } /* LEGACY STYLES Y'ALL */ /* from drupal */ .planSummary ul { padding-left: 15px; margin-top: 0px; margin-left:0px; } .messages { font-weight:bold; } .messages ul { margin: 0; } div.status { border:2px solid #336699; background-color: #d7e2f5; padding: 4px; width:800px; } div.error { border:2px solid #990f0f; background-color: #ffcccc; padding: 4px; width:800px; font-weight:bold; } /* end drupal */ /* iframe fix */ /* jfb 7/30/09 - CSS tricks to make the iframe look like it's dynamically filling the page without needing any javascript, this only works in Mozilla so it's not much use right now */ /*.iframe-wrap { position: absolute; top: 95px; bottom: 0; left: 0; right: 0; margin: 0; text-align: center; }*/ .myiframe { position: absolute; top: 95px; left: 0; } @media print { .noprint { display: none; } } .nutritionKitchen div a, .nutritionKitchen div div a { font-size:9pt;font-weight:normal; } .printonly { display: none; } .clearHeaderRow {} .textXXL { font-size:16pt;font-weight:bold;color:black;} .textXL { font-size:14pt;font-weight:bold;color:black;} .textLarge { font-size:12pt;font-weight:bold;color:black;} .textMediumGreen { font-size:10pt;font-weight:bold;color:#070;} .textMedium { display:block; margin-top:1em; font-size:10pt;font-weight:bold;color:black;} .textSmall { font-size:9pt; font-weight:bold;color:black;} .textXS {font-size:8pt; font-weight:bold;color:black;} .alignLeft {text-align:left;} /*img {display: block}*/ .stars,.inlineImg {display: inline;} /*div {margin:0px;padding:0px;display:block;}*/ .normalDiv {display:inline;} .blueLink, a.blueLink, a.blueLink:link, a.blueLink:visited { color:#0000ff; } a.blueLink:hover { color:#0000ff; text-decoration:underline; } .blueBlackLink, a.blueBlackLink, a.blueBlackLink:link, a.blueBlackLink:visited { color:#0000ff; } a.blueBlackLink:hover { color:#000000; text-decoration:underline; } .blueGreenLink, a.blueGreenLink, a.blueGreenLink:link, a.blueGreenLink:visited { color:#0000ff; } a.blueGreenLink:hover { color:#3f990f; text-decoration:underline; } .greenBlueLink, a.greenBlueLink, a.greenBlueLink:link, a.greenBlueLink:visited { color:#3f990f; } a.greenBlueLink:hover { color:#0000ff; text-decoration:underline; } .greenLink, a.greenLink, a.greenLink:link, a.greenLink:visited { color:#3f990f; } a.greenLink:hover { color:#3f990f; text-decoration:underline; } .redLink, a.redLink, a.redLink:link, a.redLink:visited { color:#cc0000; } a.redLink:hover { color:#cc0000; text-decoration:underline; } .darkblueLink, a.darkblueLink, a.darkblueLink:link, a.darkblueLink:hover, a.darkblueLink:visited { color:#0000cc; } a.darkblueLink:hover { color:#0000cc; text-decoration:underline; } .mwDarkGrey, a.mwDarkGrey, a.mwDarkGrey:link, a.mwDarkGrey:hover, a.mwDarkGrey:visited { color:#696969; } a.mwDarkGrey:hover { color:#0000cc; text-decoration:underline; } /* new way */ .mwFBlack { color:#000000; font-family: Arial, Geneva, SunSans-Regular, sans-serif; } .mwFGreen { font-family: Arial, Geneva, SunSans-Regular, sans-serif; } .mwFDarkGreen { color:#36840c; font-family: Arial, Geneva, SunSans-Regular, sans-serif; } .mwFLightGreen { color:#56b523; font-family: Arial, Geneva, SunSans-Regular, sans-serif; } .mwFRed { color:#cc0000; font-family: Arial, Geneva, SunSans-Regular, sans-serif; } .mwFBlue { color:#0000ff; font-family: Arial, Geneva, SunSans-Regular, sans-serif; } .mwFBlue2 { color:#336699; font-family: Arial, Geneva, SunSans-Regular, sans-serif; } .mwFBlue3 { color:#6699cc; font-family: Arial, Geneva, SunSans-Regular, sans-serif; } .mwFOrange { color:#ff9900; font-family: Arial, Geneva, SunSans-Regular, sans-serif; } .mwLightLightGrey { color:#cfcfcf;} .mwLightGrey { color:#cccccc;} .mwLightMedGrey { color:#9f9f9f;} .mwMediumGrey { color:#9d9d9d;} .mwDarkGrey { color:#696969;} .mwCenter { text-align:center; } .textDarkGrey { color:#696969; } .textGrey { color:#cccccc; } .mwFBold { font-weight: bold; } .mwFNorm, a.mwFNorm, a.mwFNorm:link, a.mwFNorm:visited { font-weight: normal; } a.mwFNorm:hover { font-weight: normal; } .mwFLarge_18, .mwF18 { font-size: 18pt; } .mwFLarge_16, .mwF16 { font-size: 16pt; } .mwF15 { font-size: 15pt; } .mwFMedium_14,.mwF14 { font-size: 14pt; } .mwFMedium_13,.mwF13 { font-size: 13pt; } .mwFSmall_12, .mwF12 { font-size: 12pt; } .mwFSmall_11, .mwF11 { font-size: 11pt; } .mwFSmall_10, .mwF10 { font-size: 10pt; } .mwFXSmall_9, .mwF9 { font-size: 9pt; } .mwFXSmall_8, .mwF8 { font-size: 8pt; } .mwF4 { font-size: 4pt; } /*old way*/ .mwFontXLargeN { font-size:20pt;font-weight:normal; font-family: Arial, Geneva, SunSans-Regular, sans-serif; } .mwFontXLargeB { font-size:20pt;font-weight:bold; font-family: Arial, Geneva, SunSans-Regular, sans-serif; } .mwFontLargeN { font-size:16pt;font-weight:normal; font-family: Arial, Geneva, SunSans-Regular, sans-serif; } .mwFontLargeB { font-size:16pt;font-weight:bold; font-family: Arial, Geneva, SunSans-Regular, sans-serif; } .mwFontMediumN { font-size:13pt;font-weight:normal; font-family: Arial, Geneva, SunSans-Regular, sans-serif; } .mwFontMediumB { font-size:13pt;font-weight:bold; font-family: Arial, Geneva, SunSans-Regular, sans-serif; } .mwFontSmallN { font-size:12pt;font-weight:normal; font-family: Arial, Geneva, SunSans-Regular, sans-serif; } .mwFontSmallB { font-size:12pt;font-weight:bold; font-family: Arial, Geneva, SunSans-Regular, sans-serif; } .orangeThinBox { margin: 0 auto; /* center for now */ width: 600px; background: url(/images/sbbody-r.gif) no-repeat bottom right; } .orangeThinBoxhead { background: url(/images/sbhead-r.gif) no-repeat top right; margin: 0; padding: 0; text-align: center; } .orangeThinBoxhead h2 { background: url(/images/sbhead-l.gif) no-repeat left top; margin: 0; padding: 10px 20px 5px 15px; color: white; font-weight: bold; font-size: 16px; line-height: 1em; } .orangeThinBoxhead h2.bigt { font-size: 20pt; } .orangeThinBoxbody { background: url(/images/sbbody-l.gif) no-repeat left bottom; padding: 5px 15px 5px 10px; } ul.noMargin { margin:0px; padding:0px; } ul.BulletNoIndent { list-style-type: disc; margin-left: .5em; padding-left: .5em } /* Show only to IE PC \*/ * html .yellownkboxhead h2 {height: 1%;} /* For IE 5 PC */ .yellownkbox { /* margin: 0 auto; /* center for now */ width: 205px; height: 240px; background: url(/images/YellowBoxBodyRt.gif) no-repeat bottom right; } .yellownkboxhead { background: url(/images/YellowBoxHeadRt.gif) no-repeat top right; margin: 0; padding: 0; text-align: center; } .yellownkboxhead h2 { background: url(/images/YellowBoxHeadLt.gif) no-repeat left top; margin: 0; padding: 11px 11px 0px 11px; line-height: 11px; font-size: 0px; } .yellownkboxbody { background: url(/images/YellowBoxBodyLt.gif) no-repeat left bottom; padding: 0px 11px 0px 11px; height: 229px; } .yellownkboxbody p { margin-top: 6px; margin-bottom: 6px; } /* Show only to IE PC \*/ * html .bluenkboxhead h2 {height: 1%;} /* For IE 5 PC */ .bluenkbox { /* margin: 0 auto; /* center for now */ width: 205px; height: 240px; background: url(/images/BlueBoxBody4Rt.gif) no-repeat bottom right; } .bluenkboxhead { background: url(/images/BlueBoxHead4Rt.gif) no-repeat top right; margin: 0; padding: 0; text-align: center; } .bluenkboxhead h2 { background: url(/images/BlueBoxHead4Lt.gif) no-repeat left top; margin: 0; padding: 11px 11px 0px 11px; line-height: 11px; font-size: 0px; } .bluenkboxbody { background: url(/images/BlueBoxBody4Lt.gif) no-repeat left bottom; padding: 0px 11px 0px 11px; height: 229px; } .bluenkboxbody p { margin-top: 6px; margin-bottom: 6px; } /* Show only to IE PC \*/ * html .greennkboxhead h2 {height: 1%;} /* For IE 5 PC */ .greennkbox { /* margin: 0 auto; /* center for now */ width: 205px; height: 240px; background: url(/images/GreenBoxBodyRt.gif) no-repeat bottom right; } .greennkboxhead { background: url(/images/GreenBoxHeadRt.gif) no-repeat top right; margin: 0; padding: 0; text-align: center; } .greennkboxhead h2 { background: url(/images/GreenBoxHeadLt.gif) no-repeat left top; margin: 0; padding: 11px 11px 0px 11px; line-height: 11px; font-size: 0px; } .greennkboxbody { background: url(/images/GreenBoxBodyLt.gif) no-repeat left bottom; padding: 0px 11px 0px 11px; height: 229px; } .greennkboxbody p { margin-top: 6px; margin-bottom: 6px; } .magentabox { margin: 10px auto; /* center for now */ width: 660px; background: url(/images/MagentaBoxBodyRt.gif) no-repeat bottom right; } .magentaboxhead { background: url(/images/MagentaBoxHeadRt.gif) no-repeat top right; margin: 0; padding: 0; text-align: center; } .magentaboxhead h2 { background: url(/images/MagentaBoxHeadLt.gif) no-repeat left top; margin: 0; padding: 10px 20px 5px 15px; color: white; font-weight: bold; font-size: 16px; line-height: 1em; } .magentaboxbody { background: url(/images/MagentaBoxBodyLt.gif) no-repeat left bottom; padding: 5px 15px 5px 10px; text-align:left; } .blueThinbox { margin: 10px auto; /* center for now */ width: 660px; } .blueThinboxhead { background: url(/images/BlueBoxHeadRt.gif) no-repeat top right; margin: 0; padding: 0; text-align: center; } .blueThinboxhead h2 { background: url(/images/BlueBoxHeadLt.gif) no-repeat left top; margin: 0; padding: 10px 20px 5px 15px; color: white; font-weight: bold; font-size: 16px; line-height: 1em; } .blueThinboxbody { background-color: #fff; border: 1px solid #336699; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; padding: 10px; text-align:left; } .orangebox { margin: 10px auto; /* center for now */ width: 660px; background: url(/images/OrangeBoxBodyRt.gif) no-repeat bottom right; } .orangeboxhead { background: url(/images/OrangeBoxHeadRt.gif) no-repeat top right; margin: 0; padding: 0; text-align: center; } .orangeboxhead h2 { background: url(/images/OrangeBoxHeadLt.gif) no-repeat left top; margin: 0; padding: 10px 20px 5px 15px; color: white; font-weight: bold; font-size: 16px; line-height: 1em; } .orangeboxbody { background: url(/images/OrangeBoxBodyLt.gif) no-repeat left bottom; padding: 5px 15px 5px 10px; text-align:left; } .purplebox { margin: 10px auto; /* center for now */ width: 660px; background: url(/images/PurpleBoxBodyRt.gif) no-repeat bottom right; } .purpleboxhead { background: url(/images/PurpleBoxHeadRt.gif) no-repeat top right; margin: 0; padding: 0; text-align: center; } .purpleboxhead h2 { background: url(/images/PurpleBoxHeadLt.gif) no-repeat left top; margin: 0; padding: 10px 20px 5px 15px; color: white; font-weight: bold; font-size: 16px; line-height: 1em; } .purpleboxbody { background: url(/images/PurpleBoxBodyLt.gif) no-repeat left bottom; padding: 5px 15px 5px 10px; text-align:left; } .bold {font-weight:bold;} .noul { text-decoration:none; }/*no underline*/ .ul { text-decoration:underline; }/*no underline*/ .hidden {display:none;visibility:hidden;} .notbold, a.notbold, a.notbold:link, a.notbold:visited, a.notbold:active, a.notbold:hover { font-weight:normal; } .italic {font-style:italic;} /*form { margin: 0px; }*/ #container { margin: 0 auto 0 auto; } /*h1, h2, h3, table, td, th, ul, ol, textarea { font-size: 14px; color: #000000; font-family: Arial, Geneva, SunSans-Regular, sans-serif; text-align: left; } input { font-size: 14px; color: #000000; font-family: Arial, Geneva, SunSans-Regular, sans-serif; } */ .smalltext { font-size: 13px; font-family: Arial, Geneva, SunSans-Regular, sans-serif } /*a,a:link,a:active { color: #009; font-weight: bold; } a:hover{color:#090;font-weight:bold;}*/ .pad1 { padding: 1px; } /* mml - changed blueButton to grey, greenButton to red */ .greyMessageBox { border:2px solid #9d9d9d; background-color: #e5e6e7; padding: 4px; width:500px; } /* mml - changed green message box border from #3f990f */ .greenMessageBox { border:2px solid #6D6E71; background-color: #e5e6e7; padding: 4px; width:500px; } .greenWhiteMessageBox { border:2px solid #3f990f; background-color: #e5e6e7; padding: 4px; } .redMessageBox { border:2px solid #990f0f; background-color: #ffcccc; padding: 4px; width:500px; } .blueMessageBox { border:2px solid #336699; background-color: #d7e2f5; padding: 4px; width:500px; } .greenMessageSmall { border:2px solid #3f990f; background-color: #e5e6e7; padding: 2px; width:200px; } .ampMessageBox { border:7px solid #6699cc; background-color: #e5e6e7; padding: 4px; width:500px; } .greenButton, input.greenButton { border:3px solid #993f0f; background-color: #ebd1c2; padding: 2px 4px 2px 4px; font-weight: bold; width:auto; overflow:visible; } .blueButton , input.blueButton { border:3px solid #806660; background-color: #f2e8e6; padding: 2px 4px 2px 4px; font-weight: bold; width:auto; overflow:visible; } .greyButton , input.greyButton { border:3px solid #9d9d9d; background-color: #eeeeee; padding: 2px 4px 2px 4px; font-weight: bold; width:auto; overflow:visible; } input.greenButton:hover { border:3px solid #993f0f; background-color: #d6b49f; padding: 2px 4px 2px 4px; font-weight: bold; } input.blueButton:hover { border:3px solid #806660; background-color: #d9cac9; padding: 2px 4px 2px 4px; font-weight: bold; } input.greyButton:hover { border:3px solid #9d9d9d; background-color: #cccccc; padding: 2px 4px 2px 4px; font-weight: bold; } input.buttonHoverBlack:hover { color:black; } /*input[type=text] { font-family: Arial, Geneva, SunSans-Regular, sans-serif; } input { font-family: Arial, Geneva, SunSans-Regular, sans-serif; font-weight: normal; }*/ .colLeftPad, .colLeftPadLg { padding-left: 15px; } .colLeftPadMed { padding-left: 10px; } .colLeftPadSm { padding-left: 5px; } .btmPad { padding-bottom: 15px;} .welcomeUser { font-size: 12px; font-weight: bold; } .highlight {background-color: #FFFF99; } .greyTable { border-color: #cccccc; border-width: 0 0 1px 1px; border-style: solid; } .greyTable td { border-color: #cccccc; border-width: 1px 1px 0 0; border-style: solid; } /*todo:convert to pt?*/ .main_header { text-decoration: none; font-size: 24px; font-family: Arial, Geneva, SunSans-Regular, sans-serif; font-weight: bold;} /*.main_header2 { text-decoration: none; font-size: 18px; font-family: Arial, Geneva, SunSans-Regular, sans-serif; font-weight: bold;} .main_header3 { text-decoration: none; font-size: 18px; color: #000000; font-family: Arial, Geneva, SunSans-Regular, sans-serif; font-weight: bold;} .main_header3_green { text-decoration: none; font-size: 18px; color: #3f990f; font-family: Arial, Geneva, SunSans-Regular, sans-serif; font-weight: bold;}*/ .main_subheader { text-decoration: none; font-size: 16px; font-family: Arial, Geneva, SunSans-Regular, sans-serif; font-weight: bold; line-height: 100%; } .main_subheader2 { text-decoration: none; font-size: 14px; font-family: Arial, Geneva, SunSans-Regular, sans-serif; font-weight: bold; line-height: 100%; } .main_subheader3 { text-decoration: none; font-size: 12px; font-family: Arial, Geneva, SunSans-Regular, sans-serif; font-weight: bold; line-height: 100%; } .main_smallheader { text-decoration: none; font-size: 12px; font-family: Arial, Geneva, SunSans-Regular, sans-serif; font-weight: bold; line-height: 100%; } .login_text { font-size: 12px; color: #222222; font-family: Arial, Geneva, SunSans-Regular, sans-serif; font-weight: normal; } /* attempted IE6 fix */ div.form-item { _width:210px; } /*.copyright { text-decoration: none; font-size: 11px; color: #696969; font-family: Arial, Geneva, SunSans-Regular, sans-serif; font-weight: normal; line-height: 150%; text-align: center; }*/ .yellowBoxOld { background-color: #e5e6e7; padding-right: 6px; padding-left: 6px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .yellowBoxNoRules { background-color: #e5e6e7; padding-right: 6px; padding-left: 6px; } .yellowBoxLtNoRules { background-color: #e5e6e7; padding-right: 6px; padding-left: 6px; border-left: 1px solid #ccc; } .yellowLiteBoxNoRules { background-color: #e5e6e7; padding-right: 6px; padding-left: 6px; } .greenBoxNoRules { background-color: #e9f5e3; padding-right: 6px; padding-left: 6px; } .yellowBoxNoRulesList { background-color: #e5e6e7; padding-right: 0px; padding-left: 0px; padding-top: 0px; border-right-width-value: 1px; border-right-style-value: solid; border-right-color-value: #cccccc; border-right-width-ltr-source: physical; border-right-width-rtl-source: physical; border-right-style-ltr-source: physical; border-right-style-rtl-source: physical; border-right-color-ltr-source: physical; border-right-color-rtl-source: physical; border-left-width-value: 1px; border-left-style-value: solid; border-left-color-value: #cccccc; border-left-width-ltr-source: physical; border-left-width-rtl-source: physical; border-left-style-ltr-source: physical; border-left-style-rtl-source: physical; border-left-color-ltr-source: physical; border-left-color-rtl-source: physical; } .yellowLiteBoxList {background-color: #e5e6e7; padding-right: 0px; padding-left: 0px; padding-top: 0px; border-right-width-value: 1px; border-right-style-value: solid; border-right-color-value: #cccccc; border-right-width-ltr-source: physical; border-right-width-rtl-source: physical; border-right-style-ltr-source: physical; border-right-style-rtl-source: physical; border-right-color-ltr-source: physical; border-right-color-rtl-source: physical; border-left-width-value: 1px; border-left-style-value: solid; border-left-color-value: #cccccc; border-left-width-ltr-source: physical; border-left-width-rtl-source: physical; border-left-style-ltr-source: physical; border-left-style-rtl-source: physical; border-left-color-ltr-source: physical; border-left-color-rtl-source: physical; } /* new yellow box w/adjustable width */ .yellowBox2Top{ background-color: #f1f1f2; padding-right: 0px; padding-left: 0px; border-top: 1px solid #BBBDBF; } .yellowBox2Bottom{ background-color: #f1f1f2; padding-right: 0px; padding-left: 0px; border-bottom: 1px solid #BBBDBF; } .yellowBox2Left{ background-color: #f1f1f2; padding-right: 0px; padding-left: 0px; border-left: 1px solid #BBBDBF; } .yellowBox2Right{ background-color: #f1f1f2; padding-right: 0px; padding-left: 0px; border-right: 1px solid #BBBDBF; } .yellowBox2Whole{ background-color: #f1f1f2; padding-right: 0px; padding-left: 0px; padding-top:0px; border-right: 1px solid #BBBDBF; border-left: 1px solid #BBBDBF; } /*.yellowBox2Whole b { color:#333333; }*/ .greenBox2Top{ background-color: #e9f5e3; padding-right: 0px; padding-left: 0px; border-top: 1px solid #ccc; } .greenBox2Bottom{ background-color: #e9f5e3; padding-right: 0px; padding-left: 0px; border-bottom: 1px solid #ccc; } .greenBox2Left{ background-color: #e9f5e3; padding-right: 0px; padding-left: 0px; border-left: 1px solid #ccc; } .greenBox2Right{ background-color: #e9f5e3; padding-right: 0px; padding-left: 0px; border-right: 1px solid #ccc; } .greenBox2Whole{ background-color: #e9f5e3; padding-right: 0px; padding-left: 0px; padding-top:0px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .yellowBox3 { background-color: #f1f1f2; padding-right: 6px; padding-left: 6px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .yellowBox3Top { background-color: #f1f1f2; padding-right: 6px; padding-left: 6px; border-top: 1px solid #ccc; } .yellowBox3Bottom { background-color: #f1f1f2; padding-right: 6px; padding-left: 6px; border-bottom: 1px solid #ccc; } .yellowBox3Whole { background-color: #f1f1f2; padding-right: 6px; padding-left: 6px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .yellowLiteBox2Top{ background-color: #f1f1f2; padding-right: 0px; padding-left: 0px; border-top: 1px solid #ccc; } .yellowLiteBox2Bottom{ background-color: #f1f1f2; padding-right: 0px; padding-left: 0px; border-bottom: 1px solid #ccc; } .yellowLiteBox2Left{ background-color: #f1f1f2; padding-right: 0px; padding-left: 0px; border-left: 1px solid #ccc; } .yellowLiteBox2Right{ background-color: #f1f1f2; padding-right: 0px; padding-left: 0px; border-right: 1px solid #ccc; } .yellowLiteBox2Whole{ background-color: #f1f1f2; padding-right: 0px; padding-left: 0px; padding-top:0px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .greenBox { background-color: #e9f5e3; padding-right: 6px; padding-left: 6px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .greenBox3Top { background-color: #e9f5e3; padding-right: 6px; padding-left: 6px; border-top: 1px solid #ccc; } .greenBox3Bottom { background-color: #e9f5e3; padding-right: 6px; padding-left: 6px; border-bottom: 1px solid #ccc; } .greenBox3Whole { background-color: #e9f5e3; padding-right: 6px; padding-left: 6px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; _width:295px; } .greenLiteBoxOld { background-color: #F3FFEC; padding-right: 6px; padding-left: 6px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .greenDarkBox { background-color: #8cc95b; padding-right: 6px; padding-left: 6px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .redDarkBox { background-color: #cc0000; padding-right: 6px; padding-left: 6px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .blueBoxNoBorders { background-color: #d9ebff; padding-right: 6px; padding-left: 6px; padding-top: 3px; padding-bottom: 3px; } .blueBox { background-color: #d9ebff; padding-top: 3px; padding-right: 6px; padding-bottom: 3px; border:0px; } .blueBoxLt { background-color: #d9ebff; padding-top: 3px; padding-right: 3px; padding-left: 6px; border-left: 1px solid #ccc; } .blueBoxRt { background-color: #d9ebff; padding-top: 3px; padding-right: 6px; padding-bottom: 3px; border-right: 1px solid #ccc; } .blueBox3Top { background-color: #d9ebff; padding-right: 6px; padding-left: 6px; border-top: 1px solid #ccc; } .blueBox3Bottom { background-color: #d9ebff; padding-right: 6px; padding-left: 6px; border-bottom: 1px solid #ccc; } .blueBox3Whole { background-color: #d9ebff; padding-right: 6px; padding-left: 6px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .yellowBox { background-color: #f1f1f2; padding-top: 3px; padding-right: 6px; padding-bottom: 3px; border:0px; } .yellowBoxLt { background-color: #f1f1f2; padding-top: 3px; padding-right: 3px; padding-left: 6px; border-left: 1px solid #ccc; } .yellowBoxRt { background-color: #f1f1f2; padding-top: 3px; padding-right: 6px; padding-bottom: 3px; border-right: 1px solid #ccc; } .yellowBoxWhole { background-color: #f1f1f2; padding-top: 3px; padding-left: 6px; padding-right: 0px; padding-bottom: 3px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .yellowBoxBtm { background-color: #f1f1f2; padding-top: 3px; padding-right: 6px; padding-bottom: 3px; border-bottom: 1px solid #ccc; } .yellowBoxWholeBottom { background-color: #f1f1f2; padding-top: 1px; padding-left: 6px; padding-right: 0px; padding-bottom: 1px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .yellowLiteBox { background-color: #f1f1f2; padding-right: 6px; padding-left: 6px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .yellowLiteBoxLt { background-color: #f1f1f2; padding-top: 3px; padding-right: 3px; padding-left: 6px; border-left: 1px solid #ccc; } .yellowLiteBoxRt { background-color: #f1f1f2; padding-top: 3px; padding-right: 6px; padding-bottom: 3px; border-right: 1px solid #ccc; } .yellowLiteBoxBtm { background-color: #f1f1f2; padding-top: 3px; padding-right: 6px; padding-bottom: 3px; border-bottom: 1px solid #ccc; } /* mml: changed from E4F2DB to FEFEFF */ .greenLiteBox { background-color: #fefeff; padding-top: 3px; padding-right: 6px; padding-bottom: 3px; border:0px; } .greenLiteBoxLt { background-color: #fefeff; padding-top: 3px; padding-right: 3px; padding-left: 6px; border-left: 1px solid #ccc; } .greenLiteBoxRt { background-color: #fefeff; padding-top: 3px; padding-right: 6px; padding-bottom: 3px; border-right: 1px solid #ccc; } .greenLiteBoxFull { background-color: #fefeff; padding-top: 3px; padding-right: 3px; padding-left: 6px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .boxDividerBtm, .boxDivider, .divider { border-bottom: 1px solid #ccc; } .boxDividerTop { border-top: 1px solid #ccc; } .boxDividerTop3Dark { border-top: 3px solid #000000; } .boxDividerBtmPrintOnly { } .boxDividerTopPrintOnly { } .calRecipeLink, a.calRecipeLink, a.calRecipeLink:link, a.calRecipeLink:hover, a.calRecipeLink:visited { } .calendarTable { width:955px; } .calendarTable td, .calendarYelBoxWhole { line-height:1.2em; } .calendarYelLiteCourseBox { background-color: #e5e6e7; padding: 0px; text-align: center; width:100px;border-bottom: 1px solid #ccc;} .calendarYelLiteCourseBoxNoBorder { background-color: #e5e6e7; padding: 0px; text-align: center; width:100px;border-bottom: 0px;} .calendarYelLiteBoxMeals { background-color: #e5e6e7; padding-top:15px; padding-bottom: 15px; margin-top:0px; margin-bottom:0px; text-align:left; border-bottom: 1px solid #ccc;} .calendarYelBoxMeals { background-color: #e5e6e7; padding-bottom: 12px; text-align:left; border-bottom: 1px solid #ccc;} .calendarYelBoxBars { background-color: #e5e6e7; text-align:right; vertical-align:top; padding:20px;} .calendarWeekday { font-size: 14px; font-weight: bold; text-align: center; } .calendarMeal { font-size: 12px; font-weight: bold; text-align: center; } .calendarCourse { font-size: 12px; font-weight: bold; text-align: center; } .calendarDate { font-size: 20px; font-weight: bold; text-align: center; } .calendarYelBox { background-color: #f1f1f2; padding-top: 12px; padding-bottom: 12px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; } .calendarYelBoxWhole { background-color: #e5e6e7; padding-top: 0px; padding-bottom: 0px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .calendarYelWeekdayBox { background-color: #e5e6e7; padding: 0px; text-align: center; width:100px; } .calendarYelBoxRt { background-color: #e5e6e7; padding-top: 12px; padding-bottom: 12px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; } .calendarYelLiteBox { background-color: #e5e6e7; padding-top: 12px; padding-bottom: 12px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; } .calendarYelLiteRtColBox { background-color: #e5e6e7; padding-top: 12px; padding-bottom: 12px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .calBoxNoSeparator { border-top: 0px; padding-top: 0px; padding-bottom: 5px;} .calendarProfileBox { background-color: #e5e6e7; padding-top: 12px; padding-bottom: 12px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .calendarGreenDay { background-color: #d3e9cb; } .sideMenuWeekday { font-weight:bold; color: white; background-color: #3f990f; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; padding-left:5px; } .sideMenuGreenLite { background-color: #e9f5e3; padding-right: 6px; padding-bottom: 3px; padding-left: 10px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-top-color: #ccc; } .sideMenuTitle { background-color: #e9f5e3; padding-right: 6px; padding-bottom: 3px; padding-left: 5px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-top-color: #ccc; } .recipeIngredHd { font-size: 10px; font-weight: bold; padding-right: 6px; padding-bottom: 2px; border-bottom: 1px solid #ccc; } .recipeIngredient { font-size: 14px; padding-right: 6px; padding-bottom: 2px; } .nutFactsBox { padding:2px; border: solid 1px black; background-color: white; line-height:1em; } .nutFactsBox table { margin:2px; } .nutFactsHd { font-family: Arial, Geneva, SunSans-Regular, sans-serif; font-size: 16px; font-weight: bold; } .nutFactsText { font-family: Arial, Geneva, SunSans-Regular, sans-serif; font-size: 12px; padding-top: 2px; padding-bottom: 2px; color:black; } .nutFactsText .smalltext { font:bold 13px 'Trebuchet MS'; } .nutFactsThinBorder { font-family: Arial, Geneva, SunSans-Regular, sans-serif; font-size: 12px; padding-top: 2px; padding-bottom: 2px; border-bottom: 1px solid black; } .nutFactsThickRule { font-family: Arial, Geneva, SunSans-Regular, sans-serif; font-size: 12px; padding-top: 2px; padding-bottom: 2px; border-bottom: 10px solid black; text-align:left; color:black; } .dayMenu { visibility: hidden; display: none; } .shopListGroup { font-size:10pt; font-weight:bold; } .shopListMeasure { font-size:8pt; font-weight:bold;} .shopListIngredient {font-size:8pt; font-weight:normal;} .stapleIngredient {font-size:8pt; font-weight:normal;} .shopListColDivider { border-right: 1px solid #ccc; } .stapleGroup { font-size:10pt; font-weight:normal; } /* shopping list modifications for IE */ .shopListGroup table table td { line-height:21px; } .boxDividerTop span { _line-height:27px; } .shopListGroup span.noprint b { margin-left:1em; } table.mp { border-collapse: collapse; border: 1px solid #000000; } td.mp { border-collapse: collapse; border: 1px solid #000000; padding: 8px; } td.mp_day { width: 60px; background-color: #7cc045; text-align: center; padding: 2px; border-collapse: collapse; border: 1px solid #000000; } td.mp_day:hover { width: 60px; background-color: #FE9D32; text-align: center; padding: 2px; border-collapse: collapse; border: 1px solid #000000; } td.mp_daynav { width: 20px; background-color: #ffffff; text-align: center; padding: 2px; border-collapse: collapse; border: 1px solid #000000; } td.mp_item { padding-left: 15px; } td.mp_item2 { padding-left: 30px; } hr.mp { border: 0; width: 100%; color: #999999; background-color: #999999; height: 1px; } /**/ a.mw_link_sm { font-size: 9pt; color: blue; } a.mw_link_sm2 { font-size: 9pt; color: blue; font-weight:normal; } .mw_link_med,.mw_link_med a:link, .mw_link_med a:visited, .mw_link_med a:hover, .mw_link_med a:active { font-size: 10pt; color: blue; padding-right:10px; } .mw_link_lg {} a.noLinkUL { text-decoration: none; } a.link_plain_small { font-size:9pt;color:blue;text-decoration:none;font-weight:normal; } .abLink { letter-spacing:0.3ex; } /* nutrabars */ td.nbTitle { text-align: left; font-size: 9pt; font-weight:bold; } td.nbBar { } td.nbValues { text-align: right; font-size: 8pt; font-weight:normal; } td.nbBar table { border-collapse:separate; } /* nutra tables */ td.ntTitle { font-size: 8pt; font-weight:bold; } td.ntValues { font-size: 8pt; font-weight:normal; } input.nplimitfield { text-align: right; padding-right: 2px; padding-bottom: 0em;}