body{ margin:0px; padding:0px;}
body{ font-family: Arial, Tahoma; margin-top:0px; }
/*This must only be applied to the virtual page content. If is applied everywhere then many styles in places like the homepage,
 recipe display, search results and userspace will be effected and will need to have their styles revised to override it.*/


.BasicMode h1{font-size:1.3em; margin-top:0em;}
.BasicMode h2{font-size:1.2em;}

.RegularMode{ table-layout:fixed;font-size: 10px;line-height:12px; }
.RegularMode .PageTitle{ font-family:Lucida Sans,Arial; font-size:16px; line-height:19px; font-weight:bold;font-style:italic; color: #658D1F; 
                         text-transform:capitalize;position:relative;top:3px;height:19px;overflow:hidden;}

.RegularMode h1{ font-family:Lucida Sans,Arial; font-size:12px; font-weight:bold; line-height:14px;
    font-style:italic; color: #F26522;  margin: 6px 0px 0px 0px; padding: 0px; display:block;}

.RegularMode h2{ font-family:Myriad Pro, Arial; font-size:11px; font-weight:bold; line-height:14px;
    font-style:italic; color: Green;  margin: 0px; padding: 0px; display:block;}

.RegularMode a:link{ color: #007FCD; text-decoration: underline;}

.RegularMode a:visited{ color: #327F29; text-decoration: underline;}

.RegularMode a:hover{ color: #F26522; text-decoration: underline;}

.RegularMode a:active{ color:#007FCD; text-decoration: underline;}

.RegularMode ul{margin:2px 0px 2px 15px;padding:0px;}

.RegularMode li{margin:0px;padding:0px;}

.RegularMode p{margin:5px;}

.BasicMode{font-size:1em; line-height:1.2em;}


/*------------------ Layout --------------------------*/

/* RegularMode */
.Nav{font-size:0px; width:100%; height:80px; position:relative; background:url(images/headerrepeat.jpg) repeat-x top;}
.Nav .Login, .Nav .Logout{display:block; width:65px; height:18px; position:absolute;right:15px;top:40px;}
                    
.Nav .minwidth{width:312px;height:10px;border:solid 3px black;}
.Nav .menuback{position:absolute;bottom:0px;left:0px;padding-top:1px;
               background:url(images/headermenuback.jpg);height:15px;width:312px;}
.Nav .menu{ border-collapse:collapse;margin-left:9px;}
.Nav .menu td{padding:0px;}

.LinkButton{border:none; background-color:Transparent; cursor:pointer; text-decoration:underline; font-size:1em;}
input.disabled{border:none; background-color:Transparent;}

.Footer{height:57px; position:relative; background:url(images/footerrepeat.jpg) repeat-x top;}
.Footer .Links{position:absolute;top:12px;left:110px; color:White; font-weight:bold; font-size:11px;}
.Footer .Links a{color:White; text-decoration:none;}
.Footer .Links a:active{color:White; text-decoration:underline;}
.Footer .Copyright{position:absolute;bottom:7px;left:26px; font-size:8px; color:Gray;}

.RegularMode{width:100%;border-collapse:collapse;}
.RegularMode td{padding:0px;}

.RegularMode .TopLeft{width:28px; height:34px; background:url(images/boxes/topleftcorner.jpg) no-repeat left top;}
.RegularMode .TopLeft div{width:28px;}
.RegularMode .TopCenter{ height:34px; background:url(images/boxes/topcenter.jpg) repeat-x top;}
.RegularMode .TopRight{width:22px; height:34px; background:url(images/boxes/toprightcorner.jpg) no-repeat right top;}
.RegularMode .TopRight div{width:22px;}

.RegularMode .Left{width:28px;background:url(images/boxes/leftcenter.jpg) repeat-y left top;}
.RegularMode .Center{}
.RegularMode .Right{width:22px; background:url(images/boxes/rightcenter.jpg) repeat-y right top;}
.RegularMode .LeftW{ width:28px;background:url(images/boxes/leftwelcome.jpg) repeat-y left top;}
.RegularMode .RightW{ width:22px; background:url(images/boxes/rightwelcome.jpg) repeat-y right top;}
.RegularMode .BottomLeft{width:28px; height:17px; background:url(images/boxes/bottomleftcorner.jpg) no-repeat left top;}
.RegularMode .BottomCenter{ height:17px; background:url(images/boxes/bottomcenter.jpg) repeat-x top;}
.RegularMode .BottomCenter div{width:270px;}
.RegularMode .BottomRight{width:22px; height:17px; background:url(images/boxes/bottomrightcorner.jpg) no-repeat right top;}

/* BasicMode */
.NavBasic{}
.NavBasic .banner{ background:url(images/topbasicrepeat.jpg) repeat-x;}
.divBasicNavLinks{text-align:center;border-bottom: 1px solid gray;padding-bottom:0.5em;margin:0 0.5em 0.5em 0.5em;}
.divBasicNavLinks table{width:100%; border-collapse:collapse;}
.divBasicNavLinks a{ font-size:0.8em; font-style:italic;}
.divBasicNavLinks .BigLinks{width:100%; text-align:right;margin:0px;}
.divBasicNavLinks .BigLinks a{ font-size:medium; display:inline-block;padding: 0 0 0.3em 0.4em; font-style:normal;}
.BigLinks .SearchBoxBasic{text-align:left; font-size:small;}
.BigLinks .SearchBoxBasic input{margin-right:1em;margin-bottom:5px;width:75%;}
.BigLinks .SearchBoxBasic input.Button{width:15%;}
.BasicFooter{border-top:1px solid gray; margin:0em 0.5em 0em 0.5em; font-size:0.8em;}
.BasicFooter .Links{margin-top:0.5em;margin-bottom:0.5em;}
.BasicFooter .Links a{display:inline-block;margin-left:0.5em; margin-right:0.5em;margin-bottom:0.5em;}


/*------------------ Zone Styles --------------------------*/

/* Sign In */
.RegularMode .SignInBox{/*width:259px; height:112px;*/ width:239px;height:100px; background:url(images/boxes/signinbox.jpg) no-repeat;
                        padding:3px 10px 10px 10px;margin:6px 0px 6px 3px;}
.RegularMode .SignInBox > table{border-collapse:collapse; margin:4px 0 4px 0;}
.RegularMode .SignInBox td{vertical-align:top;padding:0px;}
.RegularMode .tdUsername .watermark{ background:url(images/wmUsername.jpg) no-repeat;}
.RegularMode .tdPassword .watermark{ background:url(images/wmPassword.jpg) no-repeat;}
.RegularMode .RegisterBox{/*width:259px; height:61px;*/width:239px; height:41px;padding:10px;margin:0px 0px 5px 3px; background:url(images/boxes/registerbox.jpg) no-repeat;}
.RegularMode .RegisterBox h1{color:#b21121;font-size:16px;margin:0px 0px 8px 0px;width:200px;display:block;}
.RegularMode .RegisterBox div{padding-top:3px;}
.RegularMode a.JoinNow{display:block;background:url(images/joinnow.jpg) no-repeat; width:74px; height:20px; float:right;}
td.Error{color:#b21121; padding-left:4px;}

.BasicMode .RegisterBox{margin-top:10px;padding-bottom:10px;}
.BasicMode .RegisterBox a{display:block; padding-top:5px;}

/* Top Recipes */
.RegularMode .divtoprecipes{padding-bottom:8px;}
.RegularMode .Stat{height:auto; min-height:30px;margin:7px 6px 5px 1px; border:solid 0px black;
                   border-bottom:solid 1px #D6D755;}
.RegularMode .Stat table{ border-collapse:collapse;width:100%;}
.RegularMode .Stat td{vertical-align:top; text-align:left; }
.RegularMode .Inner{width:100%;}
.RegularMode td.Rank{color:#F2621D; font-weight:bold;font-size:12px; font-style:italic;line-height:15px;
                     width:13px;}
.RegularMode a.Title{color:Green; font-weight:bold; text-decoration:none;font-size:12px;line-height:15px;}
.RegularMode .Rating{color:Gray; font-size:10px;float:right;display:block;padding:3px 8px 0px 0px;}
.RegularMode .RatingVisual{height:16px; width:85px;float:left;padding:2px 3px 6px 0px;}
.RegularMode .RatingVisual b{display:inline-block;width:17px;height:16px;background:url(images/beefsteakon.jpg) no-repeat;}
.RegularMode .RatingVisual i{display:inline-block;width:17px;height:16px;background:url(images/beefsteakoff.jpg) no-repeat;}

.BasicMode .Stat, .BasicMode .Stat a{font-weight:bold;color:Black;}
.BasicMode .Stat table{width:100%;margin:0.3em 0 0.3em 0;}
.BasicMode td.Rank{font-weight:bold; width:16px; vertical-align:top;}

/* Recipe Favorites */
.RegularMode .divrecipefavorites{margin:0px 4px 0px 3px; }
.RegularMode .tblFavorites{width:100%;margin-top:4px;margin-bottom:4px;}
.RegularMode .tblFavorites th{text-align:left;border-top:solid #D6D755 1px;border-bottom:solid #D6D755 1px;
                              height:18px;font-size:11px;}
.tblFavorites td{ vertical-align:top;}
.RegularMode .Fav{height:20px;border-bottom:solid #D6D755 1px; text-align:left; vertical-align:top; 
                  padding:10px 0px 10px 3px;font-size:11px;}
.RegularMode .Fav2{padding-left:5px;padding-right:5px;}
.RegularMode .Fav a:link{color:Green;}
.RegularMode .Fav a{display:block;margin-bottom:2px;text-decoration:none;}
.RegularMode .Fav a:hover{text-decoration:underline;}
.BasicMode .Fav,.BasicMode .Fav2{padding-top:10px;padding-bottom:10px;}
.BasicMode .Fav2{padding-left:5px;}
.BasicMode .Fav a{color:Black; font-weight:bold;}
.BasicMode .tblFavorites a{color:Black;}

/* CustomPager */
.CustomPagerBox{width:100%;}
.CustomPagerBox table{width:100%; table-layout:fixed; /*Fixed layout for BBStorm */border-collapse:collapse;height:auto;min-height:28px;}
.CustomPagerBox table.NoPagerLinks{ height:auto; min-height:18px;}
.CustomPagerBox table td{text-align:center;	padding:8px;padding-left:8px;width:33%;font-size:10px;}
.CustomPagerBox table td.C1{width:50%;}/*Top Pager widths for older BB 8830: sometimes browser looks at this and sometimes not*/
.CustomPagerBox table td.C3{width:50%;}
.CustomPagerBox table td.C2{width:100%;}/*Bottom Pager*/
.CustomPagerBox table.NoPagerLinks td{padding:0px;}
.CustomPagerBox *{color:#6d6e72;font-weight:bold;}
.CustomPagerBox input, .CustomPagerBox span
{padding:6px;margin:0px;text-decoration:none;font-size:14px;color:#007FCD;display:inline-block;border:none; background-color:Transparent;cursor:pointer;}
.CustomPagerBox input:hover, .CustomPagerBox input.CurrentPage{color:Green; text-decoration:underline;}
.CustomPagerBox input.CurrentPage{color:Green; text-decoration:underline;}
.CustomPagerBox input.disabled{color:Gray;}
.CustomPagerBox input.CurrentPage{cursor:default;}
.BasicMode .CustomPagerBox table td{font-size:0.9em;}
.BasicMode .CustomPagerBox input{font-size:0.9em;}


/* ShoppingBag */
.divShoppingBag{padding-bottom:8px;}
.divShoppingBag td{text-align:left; vertical-align:top;}
.RegularMode .divShoppingBag h2, .divShoppingBag .RecipeLink a{ color:Green; font-size:11px; font-weight:bold; line-height:15px; }
.RegularMode .divShoppingBag .LinkButton{color:Green; font-size:11px;}
.divShoppingBag .RecipeLink a{text-decoration:none;}
.divShoppingBag .RecipeLink a:active{text-decoration:unerline;}
.divShoppingBag .HR_Solid{border-top:solid 1px #D6D755;margin:0px 5px 0px 1px;}
.divShoppingBag .RecipeLink{padding:5px;}
.divShoppingBag .tdRemove{padding:5px;}
.BasicMode ul{margin-top:0px;}
.BasicMode .HR_Solid{border:none;}
.BasicMode .divShoppingBag a{color:Black; text-decoration:underline; font-size:1em;}
.BasicMode .divShoppingBag table{width:100%;}
.BasicMode .divShoppingBag h1.styled{font-style:italic;}

/* RecipeDisplay */
.tblRecipeDisplay{border-collapse:collapse; width:100%;margin:0px;}
.RegularMode .RecipeOverview{margin:4px 0 4px 0;}
.RegularMode .tblRecipeDisplay .tdPhoto{width:79px;}
.tblRecipeDisplay td{text-align:left; vertical-align:top;padding:0px;}
.RegularMode .tblRecipeDisplay .Add input{color:Green;font-size:14px; display:block;margin-left:10px;margin-top:12px;}
.tblRecipeDisplay .Add input.disabled{color:Gray; text-decoration:none;}
.tblRecipeDisplay br{line-height:0px;}
.RegularMode .tblRecipeDisplay .Center{padding:0px 5px 4px 2px;}
.RegularMode .tblRecipeDisplay .LeftDivide{background:url(images/recipedivleft.jpg) no-repeat left top; 
                                           width:28px; height:9px; line-height:0px;}
.RegularMode .tblRecipeDisplay .LeftDivide div{width:28px;}
.RegularMode .tblRecipeDisplay .CenterDivide{background:url(images/recipedivcenter.jpg) repeat-x top; 
                                             height:9px; line-height:0px;}
.RegularMode .tblRecipeDisplay .RightDivide{background:url(images/recipedivright.jpg) no-repeat right top;
                                            width:22px; height:9px; line-height:0px;}
.RegularMode .tblRecipeDisplay .Thumb{width: 74px;border: solid 2px #89bb28;margin-right:5px;}
.tblRecipeDisplay .RecipeOverview{ border-collapse:collapse;}
.RegularMode .tblRecipeDisplay .RecipeOverview span, .RegularMode .tblRecipeDisplay .RecipeOverview a
{display: block;padding-bottom: 2px; }

.BasicMode .tblRecipeDisplay .tdPhoto{width:25%;padding:0 0.5em 0.5em 0;}
.BasicMode .tblRecipeDisplay .Thumb{width: 100%;}

/* Ingredient and Instruction Lists */
.RegularMode .tblRecipeDisplay h1{margin-bottom:5px;}
.RegularMode .tblRecipeDisplay h1{margin-bottom:0.5em;}
.BasicMode .tblRecipeDisplay h1{margin:0.5em 0 0.5em 0;font-style:italic;}
.IngredientList, .InstructionList{	padding-left: 5px;	margin-top: 0px;padding-top: 0px;margin-left: 0px;margin-bottom: 10px;}
.IngredientList{list-style: none;}
.RegularMode .IngredientList li{padding-left: 0px;}
.BasicMode .IngredientList li{	padding:0 0 0.5em 0;}
div.Subheading /*For both Ingredients and Instructions*/
{font-weight: bold;	font-size: 11px;padding: 3px;position: relative;left: -8px;}
.InstructionList{margin-left:20px;	padding-left:0px;}
.RegularMode .InstructionList li{list-style-position: outside;padding-bottom: 10px;padding-left:0px;margin-left:0px;}
.BasicMode .InstructionList li{list-style-position: outside;padding-bottom: 0.5em;padding-left:0px;margin-left:0px;}

/* Recipe Search */
.RegularMode .divRecipeSearch{padding:0px 5px 5px 2px;}
.RegularMode .divRecipeSearch .Thumb{width:33px;border: solid 2px #89bb28;margin-right:5px;}
.RegularMode .divRecipeSearch .searchResult{border-bottom:solid #D6D755 1px; margin-top:8px;}
.RegularMode .divRecipeSearch .searchResultCell{padding:2px 0px 5px 0px;}
.RegularMode .divRecipeSearch .searchResult td{vertical-align:top; text-align:left;}
.RegularMode .divRecipeSearch .searchResult a{color:Green; font-weight:bold;text-decoration:none; font-size:12px;}
.RegularMode .divRecipeSearch .searchResult .servings a{font-size:10px; font-weight:normal; text-decoration:underline;}
.RegularMode .divRecipeSearch .servings{color:Gray;padding:3px 0px 3px 0px;}
.RegularMode .RMD{color:#007FCD; font-style:italic;}
.RegularMode .tblSearchTerms td{padding:2px;}
.RegularMode .tblSearchTerms .txtSearch{width:80px;}
.BasicMode .tblSearchTerms{margin-bottom:1em;}
.BasicMode .searchResult{padding:3px;}


/*Registration */
.Highlight{color: #317f29; font-size: 0.9em;}
.Label{ font-size: 0.9em; white-space:nowrap;}

/*Mobile Config*/
.CssPass { background-color: White; color: Green; font-weight: bold;}