@charset "utf-8";
/* CSS Document */

/* Clear all margins and padding */
* {
margin: 0;
padding: 0;
}

/* Background */
body {
background-color:#ffffff;
text-align:center;
font: Arial, Helvetica, sans-serif;
}

/* ------------------  Text masters  --------------------------- */
p, ul, ol  {
Font-family:arial,helvetica,sans-serif; 
color:#333333; 
font-size:0.8em; 
text-align:left;
line-height:1.2em;
margin: 0 0 1.2em 0;
}
.paraMain {
Font-family:arial,helvetica,sans-serif; 
color:#333333; 
font-size:0.8em; 
text-align:left;
line-height:1.2em;
margin: 0 0 1.2em 0;
}

ul, ol {
margin: 0 0 1.2em 20px;
}

li.greybullet {
list-style-image:url(images/bullet.gif);
}

h1  {
Font-family:arial,helvetica,sans-serif; 
font-weight:normal; 
color:#107295; 
font-size:28px; 
text-align:left;
padding-top:20px;
padding-left:60px;
background-color:#fde4ba;
background-image:url(images/h1_background.gif) ;
background-repeat:no-repeat;
background-position:left;
background-color:#fde4ba;
background-image:url(images/h1_background.gif) ;
background-repeat:no-repeat;
background-position:left;
height:45px;
margin-bottom:15px;
}

h2  {
Font-family:arial,helvetica,sans-serif; 
color:#107295; 
font-size:1.3em; 
text-align:left;
margin: 0 0 0.6em 0;
}

h3  {
Font-family:arial,helvetica,sans-serif; 
color:#107295; 
font-weight:normal; 
font-size:1.1em; 
text-align:left;
margin: 0 0 0.1em 0;
}

h4  {
Font-family:arial,helvetica,sans-serif; 
color:#e78910; 
font-size:1em; 
text-align:left;
margin: 0 0 1.2em 0;
}

h5  {
Font-family:arial,helvetica,sans-serif; 
color:#e78910; 
font-size:.0.8em; 
text-align:left;
margin: 0 0 0.5em 0;
}

a {
font-weight:normal; 
color:#107295; 
text-decoration:underline;
}
a:hover {
color:#e78910;
}

a.nounderline {
font-weight:normal; 
color:#107295; 
text-decoration:none;
}
a:hover.nounderline {
color:#e78910;
text-decoration:none;
}

/* --------------  Generic Span Classes for Text  ------------------- */

.right {
text-align:right; 
}

.center {
text-align:center; 
}

.small {
font-size:0.7em; 
}

.small-right {
font-size:0.7em; 
text-align:right;
}

.small-center {
font-size:0.7em; 
text-align:center;
}

.nomargin {
margin-bottom: 0px;
}

.gray{
color:#707070;
font-weight:bold;
}

/* --------------  Special Span Classes for Text ----------------------- */

/* top of every page - Sign up, log in, welcome message and spanish link */
.top-login {
margin-bottom:2em;
text-align:right; 
}

/* top of every page -- search form and browse and rss feeds */
.top-search {
line-height:1.6em;
}

/* Sign Up promo - login link at the bottom */
.promo-login {
margin-bottom:0px;
text-align:right;
}

/* Footer text */
.footer {
font-size:0.75em; 
text-align:center;
margin-bottom:.6em;
}

/* My Kitchen Tools links */
.mykitchen {
font-size:.9em;
padding-bottom:8px;
padding-top:6px;
border-bottom: 1px solid #fde2b4;
margin-bottom:0px;
}
.mykitchen_last {
font-size:.9em;
padding-top:6px;
margin-bottom:0px;
}

/* when the h1 title might be too big to fit */
.smallerheader {
font-size:22px;
}

/* adds light orange rule above the text */
.rule_above {
margin-top:10px;
border-top: 1px solid #fcd28c;
padding-top:6px;
}
/* adds light orange rule below the text */
.rule_below {
margin-bottom:10px;
border-bottom: 1px solid #fcd28c;
padding-bottom:6px;
}

/* place in colored box */
.boxed {
color:#fff;
padding:4px;
margin-bottom:0px;
}

/* -------------------- Page Format Styles ---------------------- */

#container {
width:936px;
border: solid 1px #107295;
text-align:left;
margin:10px auto 10px auto;
position:relative;
}

#header {
margin-top:10px;

}

#logo {
float:left;
display:inline; /* hack for IE 6.0 so column will sit at top */
margin-left:14px;
background-color: #6FF;
}

#header_right {
float:right;
display:inline; /* hack for IE 6.0 so column will sit at top */
margin-right:14px;
}

#menu {
margin-right:14px;
margin-left:14px;
height:30px;
z-index: 9999;
top: 0px; /*hack to make it sit over the slideshow */
}

#content {
border: 0px solid #000;
width:906px;
margin-left:14px;
margin-right:14px;
margin-top:15px;


}

#onecolumn {
border: 0px solid #000;
margin-left:14px;
margin-right: 14px;
margin-top:15px;


}

#left {
width:686px;
float:left;
margin-right:20px;
display:inline; /* hack for IE 6.0 so column will sit at top */

}

#right {
width:200px;
float:left;
display:inline; /* hack for IE 6.0 so column will sit at top */


}

#footer {
width:906px;
margin-left:14px;
margin-right;14px;
margin-top:20px;
margin-bottom:10px;

}

/* -------------- left content column styles ------------------- */

#breadcrumb {
height:35px;
}

.two_column_container {
width:686px;
margin-top:15px;
border-top:#fcd28c 1px solid;
padding-top:15px;

}
.column_left {
width:333px;
margin-right:20px;
float:left;
display:inline; /* hack for IE 6.0 so column will sit at top */

}
.column_right {
width:333px;
float:left;
display:inline; /* hack for IE 6.0 so column will sit at top */
}

/* ----------------- right side bar styles ------------------------ */

#socialmedia {
height:35px;
text-align:right;
border: 0px solid #000;
}

#promo-mykitchen {
width:200px;
border: 0px solid #000;
}
#promo-mykitchen_header {
width:200px;
}
#promo_body {
border-left: 1px solid #e78910;
border-right: 1px solid #e78910;
background-color:#feeac8;
}
#mykitchen_body {
border-left: 1px solid #e78910;
border-right: 1px solid #e78910;
background-color:#ffffff;
}
#promo-mykitchen_inner {
padding-left:10px;
padding-right:10px;
}
#promo-mykitchen_bottom {
width:200px;
}

#print-share {
width:200px;
margin-top:10px;
border: 0px solid #000;
}
#likethis {
width:200px;
margin-top:8px;
border: 0px solid #000;
}

/* for misc. additions to the side bar */
.sidebar {
width:200px;
margin-top:10px;
}

/* -------------- Misc. span classes ------------------ */

/* clear floats */
.clear {
clear:both;
}


/* carry over for the search recipes box */
form.search input {
margin-right:5px;
}

/* -------------- image styles ------------ */

img.right {
float:right;
margin-left:10px;
margin-bottom:10px;
}

img.left {
float:left;
margin-right:10px;
margin-bottom:10px;
}

/* recipe images */
img.recipe {
width:100px;
height: 100px;
float:right;
margin-left:10px;
margin-bottom:10px;
}

/* ------------ Individual Page Styles -- Recipe Page ------------- */

/* recipe description box */
.recipe_description {
width:686px;
}
.recipe_tools {
margin-top:10px;
border-top: 1px solid #fcd28c;
border-bottom: 1px solid #fcd28c;
padding-top:4px;
padding-bottom:4px;
}
.recipe_info {
width:686px;
margin-top:10px;
}
.recipe_info_left {
width:400px;
margin-right:10px;
float:left;
display:inline; /* hack for IE 6.0 so column will sit at top */
}

.recipe_info_right {
width:266px;
float:left;
display:inline; /* hack for IE 6.0 so column will sit at top */
}

#comments_head{
width:686px;
background-color:#faa61a;
margin-top:20px;
margin-bottom:10px;
}

.comments_stars{
width:80px;
float:left;
}

.comments_content{
width:580px;
float:right;
}
.comments_content p {
margin-bottom:6px;
}

.comments_divider{
clear:both;
width:686px;
height:1px;
border-top:#fcd28c 1px solid;
margin-bottom: 6px;
}

/* ------------ Individual Page Styles --  tables ------------- */

td.white{
Font-family:arial,helvetica,sans-serif; 
color:#000000; 
font-size:0.8em; 
text-align:left;
padding:4px 12px 4px 8px;
margin:0px;
vertical-align:top;
background-color:#ffffff;
}
td.blue{
Font-family:arial,helvetica,sans-serif; 
color:#000000; 
font-size:0.8em; 
text-align:left;
padding:4px 12px 4px 8px;
margin:0px;
vertical-align:top;
background-color:#e7f1f4;
}
td.orange{
Font-family:arial,helvetica,sans-serif; 
color:#000000; 
font-size:0.8em; 
text-align:left;
padding:4px 12px 4px 8px;
margin:0px;
vertical-align:top;
background-color:#feeac8;
}
td.orange-subhead{
Font-family:arial,helvetica,sans-serif; 
color:#107295; 
font-weight:normal; 
font-size:1.1em; 
padding:4px 12px 4px 8px;
margin:0px;
vertical-align:top;
background-color:#feeac8;
}

td {
Font-family:arial,helvetica,sans-serif; 
color:#000000; 
text-align:left;
margin:0px;
vertical-align:top;
}



#home2010_lead_photos {
width:250px;
margin-left:15px;
float:right;
display:inline; /* hack for IE 6.0 so column will sit at top */
z-index: 0;
top: 0px;
position: relative; /* hacks to get the nav to go over the slideshow */
}


/* PNP styles */
.blue-boxed {
width:200px;
margin-left:20px;
margin-bottom:20px;
float:right;
background-color:#cfe3ea;
padding:10px;
}

.blue-boxed_130 {
width:130px;
float:right;
background-color:#cfe3ea;
border: 0px solid #000;
padding: 10px;
}

.clear-boxed_150 {
width:150px;
margin-left:20px;
margin-bottom:20px;
float:right;
border: 0px solid red;
}

.orange-boxed {
background-color:#fde4ba;
padding:10px;
}

/* form styles */
.formLbl
{font-family: Arial, Helvetica, sans-serif;
font-size:0.8em; 
font-style: normal}

.formLblBold
{font-family: Arial, Helvetica, sans-serif;
font-size:0.8em; 
font-style: normal; font-weight: bold}

/* Cookbook styles */
#cookbook_admin {
width:250px;
float:right;
display:inline; /* hack for IE 6.0 so column will sit at top */
}
#cookbook_admin_header {
width:250px;
}
#cookbook_admin_body {
border-left: 1px solid #e78910;
border-right: 1px solid #e78910;
border-bottom: 6px solid #e78910;
background-color:#ffffff;
}
#cookbook_admin_inner {
padding-left:10px;
padding-right:10px;
padding-top:10px;
}
#cookbook_admin_bottom {
width:250px;
}
#cookbook_content {
width:636px;
margin-right:20px;
float:left;
display:inline; /* hack for IE 6.0 so column will sit at top */
}
#cookbook_login {
width:200px;
float:right;
display:inline; /* hack for IE 6.0 so column will sit at top */
}

.breadcrumb {
	height: 34px;
}

/*  FORM PAGE -- copied from old style sheet */
#mm2010FormrightContainer {
	float: right;
	display: inline;
	width: 350px;
	height: 220px;
	background:#fde4ba;
	border: 1px solid #faa61a;
}
#mm2010FormleftContainer {
	float:left;
	display: inline;
	width: 410px;
	margin: 0;
}
.mm2010FormRegister {
	margin: 16px 0 0 24px;
	font-size: 20px;
	color: #000000;
}
.mm2010FormDate {
	margin: 12px 0 0 24px;
	font-size: 13px;
	color: #107295;
}
.mm2010Formbody {
	margin: 16px 16px 0 24px;
	color: #000000;
}
.mm2010formLblBold {
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:bold;
	color: #000000;
}
.mm2010formDesc {
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:normal;
	color: #000000;
}
.mm2010FormTable {
	padding: 0;
	margin: 0;
}
.mm2010FormCellPadding {
	padding: 7px 10px 7px 0;
}
.mm2010FormCellPaddingBtm {
	padding: 3px 0 20px 0;
}
.mm2010FormInputs {
	width: 220px;
	border: 1px solid #a5acb2;
}

/* Search results styles copied from old style sheet */
#results_content{
background-color:#ffffff;
width:650px;
}

/* box styles */
#results_search_box{
width:225px;
background-color:#dbeaef;
margin:64px 0px 10px 0px;
}
#results_search_inner{
padding:10px;
}

#results_browse-adv_box{
width:225px;
background-color:#fde4ba;
margin:0;
}
#results_browse-adv_inner{
padding:10px;
}
#results_browse-adv_button{
padding:0px;
margin:0px;
width:225px;
height:24px;
}

#results_sort_box{
width:650;
background-color:#fde4ba;
margin-bottom:15px;
}
#results_sort_inner{
padding:6px;
}

/*Span classes*/

.results_result{
width:650px;
border-top:#faa61a 1px solid;
}
.results_result_inner{
padding-top:10px;
padding-bottom:5px;
}
.results_result_inner p{
margin-bottom:0.6em;
}

p.results_sort{
margin:0;
}

p.results_count{
text-align:right;
line-height:1.3em;
margin:0 2em 1.2em 0;
}

p.results_recipe-title{
font-size:1.0em; 
}

p.results_search-form {
text-align:right;
margin:0 0 1em 0;
}

results_input {
width:205px;
}

/*styles for sitemap*/

        .smUl_0
        {
            font-size: .9em;
            display: block;
			line-height: 20px;
			
        }

        .smUl_1
        {
            font-size: .8em;
			line-height: 25px;
        }
        
        .smUl_2
        {
            font-size: .9em;
            margin-bottom: 0px;
			line-height: 20px;
        }
        
        .smUl_0 li
        {
            float: left;
            list-style: none outside none;

        }

        .smUl_1 li
        {
            float: none;
            list-style: disc outside none;
        }
        
        .smUl_2 li
        {
            float: none;
            list-style: circle outside none;
        }
        .smDivRow 
        {
            padding: 5px;
            margin: 5px;
            display: table-row;
        }
        .smDivCell
        {
            padding: 5px;
            margin: 5px;
            display: table-cell;
            width: 30%;
        }
		
		.smA_0  
		{
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		}
		
/* table classes to make old styles work */

td.lblTiny {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}	
td.lblRedSm {	
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FF0000;
}
td.paraHub {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}


/* scheduler CSS */
.meal_box_breakfast {
	width:100%;
	border:#48bae8 solid 1px; 
	background-color:#d1eef9;
	margin: 1px 1px 1px 1px;
}
.meal_header_breakfast {
	background-color:#48bae8;
	padding:0px;
}	

.meal_box_lunch {
	width:100%;
	border:#ed793d solid 1px; 
	background-color:#fbe4d8;
	margin: 2px 2px 2px 2px;
}
.meal_header_lunch {
	background-color:#ed793d;
	padding:0px;
}

.meal_box_dinner {
	width:100%;
	border:#73c245 solid 1px; 
	background-color:#e3f3da;
	margin: 2px 2px 2px 2px;
}
.meal_header_dinner {
	background-color:#43c245;
	padding:0px;
}

.meal_box_snack {
	width:100%;
	border:#af89ce solid 1px; 
	background-color:#efe7f5;
	margin: 2px 2px 2px 2px;
}
.meal_header_snack {
	background-color:#af89ce;
	padding:0px;
}

.meal_box_other {
	width:100%;
	border:#f5b046 solid 1px; 
	background-color:#fdefda;
	margin: 2px 2px 2px 2px;
}
.meal_header_other {
	background-color:#f5b046;
	padding:0px;
}


.meal_content {
	padding:0px;
}

p.mealPlanner_text {
	text-align: left;
	margin: 0;
	font: 0.75em Arial, Helvetica, sans-serif;
	color: #000;
}
p.mealPlanner_title {
	text-align: left;
	margin: 0;
	font: 0.75em Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
}	

.location_icon {
vertical-align:text-bottom;
}	



table.meal {
	Font-family:arial,helvetica,sans-serif; 
	color:#000000; 
	font-size:0.75em; 
	text-align:left;
	width:100%;
	}
	
td.breakfast-header {
	background-color:#48bae8;
	border:#48bae8 solid 1px;
	font-weight:bold; 
}
td.breakfast-content {
	background-color:#d1eef9;
	border:#48bae8 solid 1px; 
}

td.lunch-header {
	background-color:#ed793d;
	border:#ed793d solid 1px;
	font-weight:bold; 
}
td.lunch-content {
	background-color:#fbe4d8;
	border:#ed793d solid 1px; 
}

td.dinner-header {
	background-color:#43c245;
	border:#43c245 solid 1px;
	font-weight:bold; 
}
td.dinner-content {
	background-color:#e3f3da;
	border:#43c245 solid 1px; 
}

td.snack-header {
	background-color:#af89ce;
	border:#af89ce solid 1px;
	font-weight:bold; 
}
td.snack-content {
	background-color:#efe7f5;
	border:#af89ce solid 1px; 
}

td.other-header {
	background-color:#f5b046;
	border:#f5b046 solid 1px;
	font-weight:bold; 
}
td.other-content {
	background-color:#fdefda;
	border:#f5b046 solid 1px; 
}	

/* For Meal Planner add recipes to shopping list page  */

#addrecipes_container{
width:100%; 
text-align:left;
margin:0px;
}

#addrecipes_left{
width:45%;
float:left;
margin-right:10px;
display:inline; /* hack for IE 6.0 so column will sit at top */
}

#addrecipes_right{
width:45%;
float:right;
margin-left:10px;
display:inline; /* hack for IE 6.0 so column will sit at top */
}

/* the old button classes for the rollover effect */
a.button {
	display: inline-block;
	color: #fff !important;
	Font-family:arial,helvetica,sans-serif;
	font-size:0.9em; 
	font-weight: bold;
	line-height: 24px;
	margin-right: 15px;
	text-decoration: none;
}
a.button span.l {
	padding: 5px 0px 5px 6px;
	width: 6px;
	background: url(images/bt_left.gif) no-repeat center left;
}
a.button span.m {
	padding: 5px;
	background: url(images/bg_button.gif) repeat-x center left;
}
a.button span.r {
	height: 28px;
	padding: 5px 6px 5px 0px;
	background: url(images/bt_right.gif) no-repeat center right;
}
a.button:active, a.button:hover {
	text-decoration: none !important;
	color:#fff;
}
a.button:hover span.l {
	background: url(images/bt_hover_left.gif) no-repeat center left;
}
a.button:hover span.m {
	background: url(images/bg_hover_button.gif) repeat-x center left;
}
a.button:hover span.r {
	background: url(images/bt_hover_right.gif) no-repeat center right;
}
a.cornerbutton {
	display: inline-block;
	color: #fff !important;
	font-weight: bold;
	line-height: 22px;
	text-decoration: none;
	padding-top: 1px;
}
a.cornerbutton span.l {
	padding: 7px 0px 6px 8px;
	background: url(images/bottom_button_left_hover.gif) no-repeat center left;
}
*:first-child+html a.cornerbutton span.l {
	padding-bottom: 7px;
}
* html a.cornerbutton span.l {
	padding-top: 6px;
}
a.cornerbutton span.m {
	padding: 7px 5px 6px 5px;
	background: url(images/bottom_button_bg_hover.gif) repeat-x center left;
}
a.cornerbutton span.r {
	padding: 7px 20px 6px 0px;
	background: url(images/bottom_button_right_hover.gif) no-repeat center right;
}
a.cornerbutton:active, a.cornerbutton:hover {
	text-decoration: none !important;
	color:#fff;
}
a.cornerbutton:hover span.l {
	background: url(images/bottom_button_left.gif) no-repeat center left;
}
a.cornerbutton:hover span.m {
	background: url(images/bottom_button_bg.gif) repeat-x center left;
}
a.cornerbutton:hover span.r {
	background: url(images/bottom_button_right.gif) no-repeat center right;
}
a.feed {
	padding-left: 14px;
	background: url(images/rss_logo.gif) no-repeat 0px 2px;
}