/* Page Structure */
body { margin:3px 0px 0px 0px; background:url(../images/backgroundGradient_top.png) top repeat-x #ef3300;  }
body, input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; }
#pageWrapper { margin-left:auto; margin-right:auto; width:975px; } /* was 962 (13) */
#headerWrapper { clear:both; position:relative; padding-top:50px; }
#panelTopCap { background:url("../images/whitePanel_topCap.png") no-repeat top; width:975px; height:11px; clear:both; overflow:hidden; }
#panelBottomCap { background:url("../images/whitePanel_bottomCap.png") no-repeat top; width:975px; height:11px; clear:both; overflow:hidden; }
#panelMiddle { background-color:#FFFFFF; padding:10px 25px 25px 25px; min-height:500px; /*overflow:hidden;*/ } /* Actual width = 862px */
#panelMiddle.no-columns { padding:20px 50px; }
#leftColumn.wide { width:605px; float:left; }
#leftColumn.narrow { width:300px; float:left;  } /* was 250 */
#leftColumn.x-narrow { width:175px; float:left; }
#centreColumn { width:410px; float:left; margin-left:20px; }
#rightColumn.narrow { width:300px; float:left; margin-left:20px; } /* was 250 */
#rightColumn.wide { width:605px; float:left; margin-left:20px; }
#rightColumn.x-wide { width:717px; float:left; margin-left:20px; } 

/* HTML Styles */
h1, h2, h3, h4, h5 { color:#6e6e6e; margin:0px; padding:10px 0px 10px 0px; font-family: 'Trebuchet MS', Helvetica, sans-serif; }
h1 { font-size:28px; color:#b2b2b2; margin:0px; padding:0px; }
h1 a { color:#b2b2b2; }
h2 { font-size:18px; }
h3 { font-size:16px; }
h4 { font-size:13px; }
a img { border:none; }
ul { margin-top:10px; }

/* Custom Styles */
.block { display:block; }
.clear { clear:both; }
.strong { font-weight:bold; }
.hide { display:none; }
.floatRight { float:right; }
.floatLeft { float:left; }
.inline { display:inline; }
#breadCrumb { margin-bottom:15px; }
#breadCrumb a { color:#666666 }
.textCentre { text-align:center; }
.textRight { text-align:right; }
.textLeft { text-align:right; }
.noPadding { padding:0px; }
ul.listNone { list-style:none; margin:0px; padding:0px; }
.loading { background:url("../images/ajax-loader.gif") no-repeat 50%; height:100px; }
img.text-middle { vertical-align:middle }
p.first { margin-top:0px; padding-top:0px; }
.grey { color:#999; }
.underline { text-decoration:underline; }
.first { margin-top:3px; padding-top:0px; }

/* Buttons */
a.edit-button { background:url(../images/edit-recipe-bg.png) no-repeat; display:inline-block; width:114px; height:21px; color:#666; text-align:center; margin-top:10px; }
.info-box a.edit-button:hover { text-decoration:none; }

/* Header Styles */
#logo { width:242px; height:81px; display:block; float:left; margin:15px 20px; _margin:15px 15px;  background:url("../images/logo.gif") no-repeat; overflow:hidden; }
ul#topNav { list-style-type:none; margin:0 0 0 10px; padding:0; float:left; }
ul#topNav a { color:#dc6f00; text-decoration:none; display:block; width:100%;  }
ul#topNav li { display:block; float:left; width:88px; height:39px; background:url(../images/btn_topNav_yellow.gif) no-repeat; color:#dc6f00; font-size:14px; font-weight:bold; text-align:center; line-height:44px; overflow:hidden }
ul#topNav li.brightYellow { background:url(../images/btn_topNav_brightYellow.gif) no-repeat; }
ul#topNav li.selected { background:url(../images/btn_topNav_white_on.gif) no-repeat; }
ul#topNav li.green { background:url(../images/btn_topNav_green.gif) no-repeat; }
ul#topNav li.brightGreen { background:url(../images/btn_topNav_brightGreen.gif) no-repeat; }
ul#topNav li.green a, #topNav li.brightGreen a  { color:#FFFFFF; text-decoration:none;  }
ul#topLinks { display:block; height:24px; overflow:hidden; list-style-type:none; padding:0px; float:right; margin:0 10px -10px 0;}
ul#topLinks li { display:block; float:left; line-height:24px; float:left; color:#FFF;  }
ul#topLinks li a { color:#FFF; text-decoration:none; }
#signInOut { margin-left:3px; }
#search-wrapper { width:611px; height:55px; float:right; overflow:hidden; margin-top:30px; position:relative; background:url("../images/search-bg.png") no-repeat; _background:url("../images/search-bg.gif") no-repeat; border:none; padding:0px; }
#search-wrapper .search-input { height:28px; width:475px; font-size:18px; line-height:28px; border:1px solid #999; text-indent:5px; color:#999; position:absolute; top:12px; left:12px; }
#search-wrapper .search-input:focus, #searchWrapper .search-input:hover { color:#333; border:1px solid #666; }
#search-wrapper .search-button { float:left; background:url("../images/btn_search-submit.png") no-repeat; _background:url("../images/btn_search-submit.gif") no-repeat; width:104px; height:34px; border:0px; top:11px; right:10px; position:absolute; font-size:16px; color:#FFF; font-family: 'Trebuchet MS', Helvetica, sans-serif; font-weight:bold; line-height:34px; overflow:hidden; display:block; border:none; cursor:pointer; }
.fb-page-like { position:absolute; top:10px; right:0px; }

/* Side Navigation */
#sideNav { background-color:#90ee66; margin-bottom:20px; width:175px; overflow:hidden; }
#sideNav a.level1 { background:url(../images/btn_sideNav_level1.gif) center; height:30px; font-size:13px; line-height:28px; padding-left:15px; color:#FFFFFF; font-weight:bold; text-decoration:none; color:#FFFFFF; display:block; }
#sideNav a.level2 { background:url(../images/btn_sideNav_level2.gif) center; height:22px; font-size:11px; line-height:22px; text-decoration:none; color:#288500; display:block; padding-left:15px; }
#sideNav a.level3 { background:url(../images/btn_sideNav_level3.gif) center; height:22px; font-size:11px; line-height:22px; color:#288500; text-decoration:none; color:#288500; display:block; padding-left:25px; }
#sideNav .submenu { /*height:0px;*/ display:none; overflow:hidden; }
.titleCap { background:url(../images/sideNav_titleCap.gif); height:34px; font-size:14px; line-height:34px; font-family: 'Trebuchet MS', Helvetica, sans-serif; padding-left:15px; color:#FFFFFF; font-weight:bold; color:#FFFFFF; display:block; }
.doubleGreen { background:url("../images/bg_doubleGreen.gif") 0 50%; padding:5px 15px 0px 15px; }
#sideNav .selected { font-weight:bold; }

/* Global */
.thumbnail { /*display:block;  width:60px; height:60px;*/ border:1px solid #CCC; padding:1px; }
.thumbnail:hover { border: 1px solid #666; }

/* Interface Elements */
.info-box { width:300px; float:right; margin-bottom:10px; }
.info-box .top { background:url(../images/info-box-top.png) no-repeat; width:100%; height:4px; overflow:hidden; }
.info-box .middle { background:url(../images/info-box-middle.png) no-repeat bottom; padding:15px 25px 10px; }
.info-box .bottom { background:url(../images/info-box-bottom.png) no-repeat; width:100%; height:4px; overflow:hidden; }
.info-box ul { padding:0px; line-height:18px; }
.info-box h2 { margin:0px; padding:0px; padding-bottom:5px;}
.info-box a { color:#666; text-decoration:none; }
.info-box a:hover { color:#333; text-decoration:underline; }

.filter-box { width:300px; float:right; margin-bottom:10px; }
.filter-box .top { background:url(../images/filterBox_topCap.png) no-repeat; width:100%; height:12px; overflow:hidden; }
.filter-box .middle { background:url(../images/filterBox_bg.png) no-repeat top; padding:10px 25px 10px; }
.filter-box .bottom { background:url(../images/filterBox_bottomCap.png) no-repeat; width:100%; height:12px; overflow:hidden; }
.filter-box h2 { margin:0px; padding:0px; padding-bottom:5px; font-size:16px; }
.filter-box h3 { margin:0px; padding:0px; padding-bottom:5px; font-size:13px; font-family:Arial, Helvetica, sans-serif; }


.author-badge a.authorImageLink { float:left; }
.author-badge ul { list-style:none; margin:6px 0px 0px 80px; padding:0px;  }
.author-badge ul li { line-height:20px; }
.author-badge a { color:#666; }
.author-badge a:hover { color:#333; }
.author-badge .middle { padding:10px 25px 10px 20px; }

ul.recipe-results-list { width:410px; list-style:none; padding:0px; margin:0px; }
.wide ul.recipe-results-list { width:605px; }
ul.recipe-results-list li { padding:0px; margin:0 0 5px 0; }
ul.recipe-results-list .top { background:url(../images/results-list-bg-top.png) no-repeat top; overflow:hidden; display:block; padding:15px 15px 15px 90px; position:relative; }
ul.recipe-results-list .bottom { background:url(../images/results-list-bg-bottom.png) no-repeat bottom; overflow:hidden; height:9px; display:block; }
.wide ul.recipe-results-list .top { background:url(../images/results-list-wide-bg-top.png) no-repeat top; }
.wide ul.recipe-results-list .bottom { background:url(../images/results-list-wide-bg-bottom.png) no-repeat bottom; }
ul.recipe-results-list a.thumbnail { display:block; width:60px; height:60px; overflow:hidden; margin-left:-75px; border:1px solid #CCC; float:left; padding:1px; }
ul.recipe-results-list a.thumbnail:hover { border:1px solid #ababab; }
ul.recipe-results-list .description { font-size:11px; display:block; }
ul.recipe-results-list a.more { color:#CCCCCC; }
ul.recipe-results-list a.more:hover { color:#666; }
ul.recipe-results-list .title { font-size:14px; font-weight:bold; color:#db852e; text-decoration:none; }
ul.recipe-results-list .rating { display:block; }
ul.recipe-results-list .author { color:#666; }
ul.recipe-results-list ul { margin:0; padding:0; list-style:none; }
ul.recipe-results-list ul li { margin:0; padding:0; list-style:none; }

/* Buttons */
a.view-more { background:#f7f7f7; border:1px solid #dedede; color:#8c8c8c; display:block; padding:10px; text-align:center; text-decoration:none; margin-bottom:15px; }
a.view-more:hover { background:#f5f3f3; border:1px solid #cecece; color:#5d5d5d; }
a.fb-button {  background-color:#ECEEF5; border:1px solid #CAD4E7; -moz-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px; padding:4px 10px 4px 4px; color: #3B5998; display: inline-block; line-height: 14px; }
a.fb-button:hover { border-color:#9dACCE; text-decoration:none; color: #3B5998; }
a.fb-message-icon span { background:url(../images/fb-button-sprite.png) no-repeat 0 -140px; padding-left:20px; }
a.fb-disabled, a.fb-disabled:hover { background-color: #EEEEEE; border-color: #DDDDDD; cursor: default; color:#AAAAAA; }
a.fb-disabled span { background:url(../images/fb-button-sprite.png) no-repeat 0 -127px; }

/* Ad Space */
.banner_468x60_header { width:468px; height:60px; padding:5px; background-color:#FFFFFF; border:1px solid #666666; position:absolute; top:35px; right:100px; } 
.banner_250x250 { width:250px; height:250px; text-align:center; }
.banner_234x60 { width:248px; text-align:center; background-color:#fcfcfc; border:1px solid #f7f7f7; padding-top:7px; margin-top:20px; }
.banner_234x60 img { margin-bottom:10px; }
.banner_468x15 { margin-top:20px; }
#adSpace_resultsBottom { clear:both; padding:15px; }
#adSpace_resultsBottom .ad1 { float:left; width:120px; }
#adSpace_resultsBottom .ad2 { float:left; width:120px; margin-left:3px }
#adSpace_resultsBottom .ad3 { float:left; width:120px; margin-left:3px }
.ad-box-250x250 { margin-bottom:10px; float:right; }
.ad-box-728x90 { width:728px; margin-left:170px; }



/* Results List */
.recordWrapper { width:380px; padding:5px 15px 5px 15px; background:url("../images/recordWrapperBG.png") repeat-y; position:relative;}
.recordWrapperTopCap { width:410; height:8px; background:url("../images/recordWrapperTopCap.png") no-repeat; overflow:hidden }
.recordWrapperBottomCap { width:410; height:8px; background:url("../images/recordWrapperBottomCap.png") no-repeat; overflow:hidden }
.recordWrapperWide { width:562px; padding:5px 15px 5px 15px; background:url("../images/recordWrapperWideBG.gif") repeat-y; position:relative; }
.recordWrapperTopCapWide { width:592px; height:8px; background:url("../images/recordWrapperWideTopCap.gif") no-repeat; overflow:hidden }
.recordWrapperBottomCapWide { width:592px; height:8px; background:url("../images/recordWrapperWideBottomCap.gif") no-repeat; overflow:hidden}
.topRatedNote { position:absolute; right:10px; top:-35px; }
.pageNumbers a { background:url("../images/pageNumBG.gif") no-repeat; width:25px; height:18px; display:block; float:left; text-align:center; font-size:11px; color:#666666; text-decoration:none; }
.pageNumbers table td { padding:0px; border:0px; font-family:Arial, Sans-Serif; font-size:11px; width:25px; height:18px; line-height:18px; background:url("../images/pageNumBG_on.gif") no-repeat; text-align:center; }
.recipeDetails { margin-left:77px; }

/* Filter Box */
.filterBoxTopCap { width:300px; height:12px; background:url("../images/filterBox_topCap.png") no-repeat; overflow:hidden; }
.filterBoxBottomCap { width:300px; height:12px; background:url("../images/filterBox_bottomCap.png") no-repeat; margin-bottom:20px; overflow:hidden; }
.filterBoxWrapper { background:url("../images/filterBox_bg.png") repeat-y; padding:0px 15px 0px 15px; }
.filterBoxWrapper h3 { margin:0px 0px 10px 0px; padding:0px;  }
.filterBoxWrapper h4 { margin:0px; padding:0px;  }
.filterBoxWrapper label { width:105px }
.filterBoxWrapper select { width:110px }
.filterBoxWrapper div { padding:1px 0px 1px 0px; }

/* Home Page */
#home_banner { width:400px; margin:0 auto 10px auto; height:200px; display:block; }
/*#home_banner #banner_menu { position:absolute; bottom:8px; right:10px; }
#home_banner #banner_menu a { margin-right:3px; display:block; width:18px; height:18px; overflow:hidden; background-color:#FFF; border:1px solid #999; float:left; text-align:center; line-height:18px; text-decoration:none; color:#999; }
#home_banner #banner_menu a.active { background-color:#44de00; color:#FFF; border:1px solid #666; }
#home_banner #banner .homeBanner { display:none; position:absolute; left:0px; top:0px; }*/
#home_form #newRecipesGrid { width:100%; }
#home_form #newRecipesGrid .created { display:block; color:#999999; font-size:10px; font-weight:bold; }
#home_form #centreColumn h2 { margin-left:10px; }
#home_form #recentBlogPosts { margin-bottom:10px; }
#home_form #recentBlogPosts img.loader { display:block; width:32px; margin-left:auto; margin-right:auto;  }
#home_form #recentBlogPosts ul { margin:0px; padding:0px; width:375px; margin-left:auto; margin-right:auto; }
#home_form #recentBlogPosts li { list-style-position:inside; list-style-image:url("../images/bullet_blogBubble.gif"); font-weight:bold; }
#home_form #recentBlogPosts a { color:#db852e; text-decoration:none; }
#home_form #recentBlogPosts a:hover { text-decoration:underline; }
#cuisineDropDown { width:145px; }
.cuisineBoxWrapper { margin-bottom:20px; width:175px; overflow:hidden; }
.socialIconsWrapper { padding-bottom:10px; margin-top:20px; border-bottom:1px dotted #dedede; text-align:center;  }
.socialIcons { margin-left:auto; margin-right:auto; }
.socialIcons td { width:53px; text-align:center; font-size:10px; vertical-align:top; }
#home_form #rightColumn  { position:relative; padding-top:285px; }
.top-recipes-box { position:absolute; width:285px; height:230px; padding:40px 20px 20px; background:url("../images/top-rated-postnote.png") no-repeat; top:0px; left:-7px; overflow:hidden;  }
.top-recipes-box ol, .collections-box ul  { line-height:18px; color:#666; }
.top-recipes-box a { color:#666; text-decoration:none; }
.top-recipes-box a:hover { color:#333; text-decoration:underline; }
.collections-box ul { margin-left:15px; }
	
/* Find Recipes By Ingredient Widget */
#ingredientSearchBox { width:330px; height:20px; line-height:20px; font-size:16px; margin-top:10px; display:block; }
#ingredientSearchBox.inactive { color:#999999; }
ul.recipesByIngredientList a { color:#db852e;  }
#recipesByIngredient_results .loadingDiv { text-align:center; padding:20px 20px 10px 20px; }
.recordWrapper_Widget { width:367px; padding:5px 15px 5px 15px; background:url("../images/recordWrapperWidgetBG.gif") repeat-y; position:relative;}
.recordWrapperTopCap_Widget { width:397px; height:8px; background:url("../images/recordWrapperWidgetTopCap.gif") no-repeat; overflow:hidden }
.recordWrapperBottomCap_Widget { width:397px; height:8px; background:url("../images/recordWrapperWidgetBottomCap.gif") no-repeat; overflow:hidden}

#ingredientSearchPageWrapper { width:680px; margin-left:auto; margin-right:auto; margin-top:50px;}
#ingredientSearchPageTopBG { background:url(../images/chefLookingDown.jpg) no-repeat 360px bottom; height:200px; overflow:hidden; position:relative;}
#ingredientSearchPageBox { width:680px; height:34px; line-height:34px; font-size:20px; text-indent:120px; background:url(../images/searchIngredientBG.gif) no-repeat; border:1px solid #CCC; border-bottom-color:#666; border-left-color:#666; border-right-color:#666; border-top:none; *margin-top:-1px; display:block; }
#ingredientSearchPageBox.inactive { color:#999999; }
#ingredientSearchPageResults { width:660px; margin-left:auto; margin-right:auto; margin-top:20px; }
#ingredientSearchPageResults div.loadingDiv { text-align:center; }
#ingredientSearchPageResultsTopCap { width:660px; height:117px; overflow:hidden; background:url(../images/yellowPaperWide_top.gif) no-repeat; text-align:center; }
#ingredientSearchPageResultsTopCap div.resultTitle { margin-top:40px; }
#ingredientSearchPageResultsTopCap div.resultTitle h1 { color:#b3a341; }
#ingredientSearchPageResultsMiddle { width:660px; background:url(../images/yellowPaperWide_middle.gif) repeat-y; }
#ingredientSearchPageResultsBotomCap { width:660px; height:107px; overflow:hidden; background:url(../images/yellowPaperWide_bottom.gif) no-repeat; }
#ingredientSearchPageWrapper div.resultRowWrapper { padding:0px 60px 5px 50px; }
#ingredientSearchPageWrapper a.viewRecipeButton { display:block; border:1px solid #df7000; background-color:#fa7e00; color:#FFF; float:right; padding:3px 5px 3px 5px; text-decoration:none; font-size:10px; }
#ingredientSearchPageWrapper a.viewRecipeButton:hover { background-color:#fff; border:1px solid #df7000; color:#df7000 }

#ingredientSearchIntro { width:320px; position:absolute; top:0px; }

/* Food Facts, Quotes & Collections Content Boxes */

.foodFactWrapper p, .foodQuoteWrapper p { margin:3px 0px; }
.foodFactWrapper p.author { font-size:10px; }
.foodQuoteWrapper p.author { font-size:10px; }
.foodQuoteWrapper p.quote { font-style:italic; }
.collectionsListWrapper ul li { margin-left:15px; }
.viewMore { font-size:10px; text-align:right; color:#bdbdbd; padding:10px 0 5px; }
.viewMore a { text-decoration:none; color:#bdbdbd;   }
.viewMore a:hover { text-decoration:underline; color:#666666; }

/* Common Grid Styles */
.recipeName { font-size:14px; font-weight:bold; color:#db852e; text-decoration:none; }
a.recipeName:hover { text-decoration:underline; }
.instruction { display:block; }
a.more { color:#CCCCCC; }



/* Forms */
form div.formRow { margin:3px 0px 3px 0px; *margin:1px 0px 1px 0px; clear:both; }
/*form label { display:block; float:left; width:160px; line-height:20px; }*/
form label.default { display:inline; float:none; width:auto; }
form .error { color:#ef0000; padding-bottom:15px; }
form .error ul { margin:0px; padding:0px; }
form .error ul li { margin-left:15px; }
form .success { color:#44de00 }
form .success a { color:#44de00; font-weight:bold; }
form input.wide, form textarea.wide  { width:375px; float:left; }
form input.textBoxDefault { width:175px; }
form select.textBoxDefault { width:181px; }
form fieldset { clear:both }
form .error-box { border:1px solid #ededed; padding:15px; background:#fafafa; display:block; }
ul.errorList { clear:both; }
input, textarea { font-family:Arial, Helvetica, sans-serif; }
div.ratingBox { margin-top:3px; }
div.ratingBox img { display:block; float:left; padding-right:1px; }  /* ratings bar */

/* Login Page */
#login_form #leftColumn { width:452px; float:left; background:none; }
#login_form #rightColumn { width:452px; float:left; background:none; }
#login_form #signIn_panel { width:350px; margin-top:35px; background-color:#f8f8f8; border:1px solid #e1e0e0; padding:20px; margin-left:auto; margin-right:auto; }
#login_form #signUp_panel { width:350px; margin-top:35px; margin-left:auto; margin-right:auto; }
#login_form h2 { margin:0px 0px 10px 0px; padding:0px; }
#login_form label { width:120px; display:block; float:left; line-height:20px;  }
#login_form label.default { display:inline; float:none; width:auto; }
#login_form .submit { display:block; float:right; margin-top:10px; }
#login_form .message { font-size:16px; color:#ef0000; display:block; margin-top:20px;  }
#login_form .forgot { font-size:10px; margin-top:15px;}

/* Footer */
#footer { margin:15px 15px 30px 15px; text-align:center; position:relative; }
ul#footerLinks { list-style-type:none; margin:0px; padding:0px; }
ul#footerLinks li { display:inline; color:#FFFFFF; }
ul#footerLinks li a { color:#FFFFFF; text-decoration:none; }
.copyright { color:#f58161; margin-top:15px; }
#footer .social-icons { position:absolute; top:0px; right:10px; }
.facebook-icon, .twitter-icon { width:17px; height:17px; overflow:hidden; display:block; float:left; margin-left:5px; }
.facebook-icon { background:url(../images/icon-facebook.png) no-repeat; }
.twitter-icon { background:url(../images/icon-twitter.png) no-repeat; }


/* Add Recipe */
/*
#addRecipe_form #panelTopCap { background:url("../images/greenPanel_topCap.gif") no-repeat top; width:975px; height:11px; clear:both; overflow:hidden;  } 
#addRecipe_form #panelBottomCap { background:url("../images/greenPanel_bottomCap.gif") no-repeat top; width:975px; height:11px; clear:both; overflow:hidden;  } 
#addRecipe_form #panelMiddle { background-color:#44de00; padding:10px 45px 10px 45px; }
#addRecipe_form ul#topNav li.selected { background:url(../images/btn_topNav_green_on.gif) no-repeat; } 
#addRecipe_form ul#topNav li.selected a { color:#FFFFFF; } 
#addRecipe_form fieldset { padding:10px; margin-bottom:20px; border:none; color:#FFFFFF; background:url("../images/fieldset_topGradientGreen.gif") top repeat-x #5ae21e; border-bottom:1px solid #6fe63a }
#addRecipe_form fieldset a { color:#FFFFFF; font-weight:bold;  }
#addRecipe_form p { margin:0px 0px 10px 0px;}
#addRecipe_form #ingredients { width:790px; }
#addRecipe_form #directions { width:790px; }
#addRecipe_form #recipeName { width:420px; font-size:20px; }
#addRecipe_form table#allergies td { width:80px; }
#addRecipe_form table#allergies td label { display:inline; float:none; width:auto; margin-left:5px; }
#addRecipe_form h1 { color:#FFFFFF; }
#addRecipe_form h2 { color:#FFFFFF; }
#addRecipe_form select { width:200px; }
#addRecipe_form .help { float:right; display:block; }
.errorMessage { display:block; color:#FFFFFF; }
.errorMessage h3 { color:#d2f7c2 }
.errorMessage ul { margin-top:0px; }
ul#steps { display:block; float:left; margin:20px 0px 20px 0px; padding:0px; list-style-type:none; background:url("../images/recipeStep_rightBG.gif") repeat-x; width:100%; }
ul#steps li { display:block; float:left; height:51px; font-size:16px; font-weight:bold;  line-height:51px; }
.step1_off a, .step2_off a, .step3_off a  { color:#309c00; text-decoration:none; }
.step1_next a, .step2_next a, .step3_next a  { color:#309c00; text-decoration:none; }
.step1_on { width:134px; background:url("../images/recipeStep1_on.gif") no-repeat; color:#dc6f00; padding-left:40px; }
.step1_off { width:134px; background:url("../images/recipeStep1.gif") no-repeat; padding-left:40px; color:#309c00;} 
.step1_next { width:134px; background:url("../images/recipeStep1_next.gif") no-repeat; padding-left:40px; } 
.step2_on { width:127px; background:url("../images/recipeStep2_on.gif") no-repeat; color:#dc6f00; padding-left:20px; } 
.step2_off { width:127px; background:url("../images/recipeStep2.gif") no-repeat; padding-left:20px; }
.step2_next { width:127px; background:url("../images/recipeStep2_next.gif") no-repeat; padding-left:20px; color:#309c00; }
.step3_on { width:124px; background:url("../images/recipeStep3_on.gif") no-repeat; color:#dc6f00; padding-left:25px; } 
.step3_off { width:124px; background:url("../images/recipeStep3.gif") no-repeat; padding-left:25px; color:#309c00; } 
#previewImageWrapper {  border:1px solid #999999; float:left; padding:5px; background-color:#FFFFFF; margin-right:15px;}
#uploader { width:400px }
#addImageAndFinish { position:absolute; right:20px; *right:10px; bottom:55px; }
#dontAddImageAndFinish { position:absolute; right:20px; *right:10px; bottom:10px;  }
#addRecipe_form .barDesc { line-height:18px; margin-left:5px; display:block; float:left; }
#addRecipe_form #categoryGrandChild { width:170px; }
#ingredientErrorBox { position:absolute; display:block; right:12px; top:31px; display:none; }
#addAnotherRecipe { margin-left:580px; }
*/

#add_recipe_form #recipeName { font-size:20px; margin-top:15px;  }
#add_recipe_form #description { height:40px; }
#add_recipe_form #ingredients { height:150px; }
#add_recipe_form #directions { height:200px; }
#add_recipe_form .input-wide { width:605px; }
#add_recipe_form .info-box .input-wide { width:100%; }
#add_recipe_form .info-box select { font-size:14px; padding:5px; margin-bottom:10px; }
#add_recipe_form .info-box label { width:auto; }    
#add_recipe_form label.big { font-weight:bold; font-size:16px; font-family: 'Trebuchet MS', Helvetica, sans-serif; color:#666; margin:0; padding:0; }    
#add_recipe_form #allergies { margin-bottom:10px; }
#add_recipe_form .add-recipe fieldset { margin:15px 0 0 0; padding:0; border:none; }
#recipeName, #description, #ingredients, #directions { margin-bottom:15px; }
#add_recipe_form .dimmed { color:#CCC; }                    
#add_recipe_form .opt-level1 { background-color:#CCC;}
#add_recipe_form .opt-level2 { color:Red; text-indent:20px; }
#add_recipe_form .opt-level2 option { text-indent:20px; } 
#add_recipe_form .slider label { margin-bottom:5px; }
#add_recipe_form .slider label span { font-style:italic; color:#dca930; }
#add_recipe_form .slider { margin-bottom:10px; }
#add_recipe_form .pad-bottom { padding-bottom:10px; }    
#add_recipe_form .upload-thumbnail { width:58px; height:58px; display:block; border: 1px solid #CCCCCC; background:#FFF; float:left; margin-right:2px; }
#add_recipe_form .upload-thumbnail:hover { border: 1px solid #666; }
#add_recipe_form .upload-thumbnail img { width:56px; height:56px; padding:1px; }    
#add_recipe_form .imageThumbnail4 { margin-right:0px; }
#imageUploadThumbnails { padding-top:15px; }    
#add_recipe_form .categoryList .first-level { font-weight:bold; background-color:#f7f7f7; }
#add_recipe_form .categoryList .second-level { text-indent:15px; }
#add_recipe_form .categoryList .third-level { text-indent:30px; }
#add_recipe_form .categoryList .list-title { font-weight:bold; }
#add_recipe_form .fileUploadModal ol input, #add_recipe_form .fileUploadModal ol textarea { width:250px; }


/* Recipe Page */
#recipe_form #recipePhotoWrapper { border:1px solid #CCCCCC; width:300px; padding:10px; background-color:#ffffff; margin-bottom:20px; }
#recipe_form #rightBox { float:right; width:307px;  }
#recipe_form #shareThis { float:right;  margin-bottom:10px; }
.stickyLabel { float:left; display:block; }
#recipe_form #collectionsWrapper { display:none; }
#recipe_form #collectionsWrapper .topBar { background-color:#f2f2f2; border-bottom:1px solid #e5e5e5; color:#806666; line-height:21px; padding-left:4px; }
#recipe_form #collectionsWrapper .bottomBar { background-color:#f2f2f2; border-top:1px solid #e5e5e5; color:#806666; height:14px; padding-left:4px;  }
#recipe_form #collectionsWrapper #recipeBoxCollectionsList { padding:10px; min-height:150px; }
#recipe_form a.recipeCollectionButton { display:block; width:176px; height:20px; overflow:hidden; background:url(../images/btn_add2RecipeCollection.gif) no-repeat; }
#recipe_form a.recipeCollectionButton:hover { background:url(../images/btn_add2RecipeCollection_over.gif) no-repeat; }
#alreadyVotedError { color:#ef0000; font-size:9px; }
#recipe_form #addCommentWrapper { border:1px solid #e1e0e0; background-color:#f8f8f8; clear:both; padding:5px; margin-bottom:20px; }
#recipe_form #addCommentWrapper_NotLoggedIn { clear:both; }
#recipe_form #addComment { width:390px; overflow-y:scroll; }
#recipe_form .commentBoxWrapper { position:relative; width:410px; margin-bottom:25px; }
#recipe_form .commentBoxWrapper .thumbnail { float:left; }
#recipe_form .commentBoxWrapper .comment-author { margin-left:75px; font-weight:bold; }
#recipe_form .commentBoxWrapper .comment-date { margin-left:75px; font-size:9px; }
#recipe_form .commentBoxWrapper .comment-text { margin-left:75px; }
#recipe_form .commentBoxTopCap { height:8px; background:url("../images/comment-box-sm-top.png") no-repeat; overflow:hidden; }
#recipe_form .commentBoxBody { background-color:#feffb6; padding:10px 15px 15px 15px; position:relative;  }
#recipe_form .commentBoxBottomCap { height:23px; background:url("../images/comment-box-sm-bottom.png") no-repeat; overflow:hidden; }
#recipe_form .commentBoxAuthor { position:absolute; right:5px; font-size:10px; color:#666666;}
#recipe_form .commentBoxAuthor a { color:#666666; font-weight:bold; text-decoration:none; }
#recipe_form .commentBoxAuthor a:hover { text-decoration:underline; }
#recipe_form .abusiveCommentLink { font-size:9px; text-decoration:none; color:#d5d67b; position:absolute; top:-5px; right:10px; }
#recipe_form .abusiveCommentLink:hover { color:#bcbd64 }
.dottedTop { border-top:1px dotted #dfdfdf; margin-top:15px; }
.recipe-info-box .middle { padding:0px; }
.recipe-info-box dl { margin:0px; padding:15px 15px 15px 18px; }
.recipe-info-box dt { width:115px; font-weight:bold; float:left;  padding:3px 0px 3px 0px; }
.recipe-info-box dd { width:150px; float:left; margin:0px;  padding:3px 0px 3px 0px; }
.recipe-info-box .rating-line-height { line-height:24px; min-height:24px; }
.recipe-info-box .top-margin { margin-top:5px; }
.recipe-info-box .totalRatings { color:#666666; font-size:10px; }
.add-to-collection-box { position:relative; }
.add-to-collection-box .middle { background-position: 0 65%; padding:0px; }
.add-to-collection-box a.add-to-collection-link { display:block; height:34px; overflow:hidden; line-height:34px; background:url("../images/icn-add-collection-plus.png") no-repeat 15px 50%; padding-left:45px; text-decoration:none; color:#333; }
.add-to-collection-box a.add-to-collection-link:hover { background:url("../images/icn-add-collection-plus-over.png") no-repeat 15px 50%; color:#000; }
.add-to-collection-box .ad-to-collection-overlay { list-style:none; margin:0px; position:absolute; top:44px; width:200px; border:1px solid #666; }
#collectionModal .collectionItemWrapper { width:177px; height:150px; float:left; text-align:center; margin:20px 0px 40px 0px; padding:0px 10px 0px 10px; }
#collectionModal .collection-link { background:url("../images/folder_60x65.png") no-repeat scroll center top transparent; color:#666666; display:block; float:left; height:25px; padding:75px 5px 15px; text-align:center; text-decoration:none; width:95px ;}
.recipe-image-wrapper { width:300px; position:relative; border:1px solid #666;}
.recipe-image-wrapper ul.thumbnails { margin:0; padding:0; position:absolute; top:0px; right:-60px; list-style:none;  }
.recipe-image-wrapper ul.thumbnails li { display:block; margin:0 0 5px 0; padding:0;  }
.recipe-image-wrapper ul.thumbnails li a img { border:1px solid #7f7f7f; }
.recipe-image-wrapper ul.thumbnails li a:hover img { border:1px solid #000; }
.recipe-image-wrapper ul.thumbnails li img { display:block; border:none; width:45px; height:45px; padding:1px;  }
.recipe-image-wrapper .caption { position:relative; max-height:23px; min-height:10px; padding:16px 10px 6px; bottom:0px; left:0;  background:url(../images/recipe-caption-bg.png) no-repeat top; text-align:center; margin-top:-14px; font-size:10px;   }


/* Browse Page */
#browse_form #resultsGrid { width:100%; }
/*.ratingsList { color:#666666; margin:3px 0px 3px 0px; margin-top:3px; }*/
#browse_form ul#subCategories { list-style:none; margin:0px; padding:0px; }
#browse_form ul#subCategories li { display:block; float:left; width:160px; line-height:18px; }
#browse_form ul#subCategories li a { font-size:12px; font-weight:bold; color:#db852e; text-decoration:none; }
#browse_form ul#subCategories li a:hover { text-decoration:underline; }



/* Main Dishes */
.subNavButtonsWrapper { clear:both; margin-bottom:15px; }
a.subNavButtonOff { display:block; width:119px; height:29px; overflow:hidden; color:#c0c0c0; background:url("../images/subNavButton_off.gif") no-repeat; float:left; line-height:29px; text-decoration:none; font-weight:bold; text-align:center; margin-right:5px; }
a.subNavButtonOn { display:block; width:119px; height:29px; overflow:hidden; color:#dc6f00; background:url("../images/subNavButton_on.gif") no-repeat; float:left; line-height:29px; text-decoration:none; font-weight:bold; text-align:center; margin-right:5px; }

/* Pending Page */
#pending_form .resultRow { background:url("../images/recordDividerWide.gif") no-repeat top; height:45px;  }
#pending_form #pendingResultsGrid, #pending_form #rejectedResultsGrid  { width:100%; margin-top:15px;  }
#pending_form .recipeName { color:#db852e; font-size:12px; }
#pending_form .created { width:140px; text-align:center; }
#pending_form #approvedResultsGrid .created { width:auto; }
#pending_form .category { width:115px; text-align:center; }
#pending_form .author { width:75px; text-align:center; }
#pending_form #approvedResultsGrid .recipeName { color:#db852e; display:block; }
#pending_form #approvedResultsGrid .created { display:block; }
#pending_form .recordWrapperWide { width:642px; padding:5px 15px 5px 15px; background:url("../images/recordWideWrapperBG.gif") repeat-y; }
#pending_form .recordWrapperWideTopCap { width:397px; height:8px; background:url("../images/recordWrapperWideTopCap.gif") no-repeat; overflow:hidden; }
#pending_form .recordWrapperWideBottomCap { width:397px; height:8px; background:url("../images/recordWrapperWideBottomCap.gif") no-repeat; overflow:hidden; }
#pending_form .instruction { display:block; }
#pending_form a.more { color:#CCCCCC; }
#pending_form .approvedBox { background-color:#fbfbfb; border:1px solid #f2f2f2; padding:15px; margin-bottom:15px; color:#777777  }


/* My Page */
#myPage_form .filterBoxWrapper .recipeName { font-size:12px; }
#myPage_form .gridTitle th { font-size:16px; color:#6e6e6e; display:block; text-align:left; padding-bottom:15px; }
#resultsGridPendingRecipes, #resultsGridRejectedRecipes { margin-bottom:15px; }
#myPage_form .filterBoxWrapper { color:#666666; min-height:150px; }
#myPage_form #collections { margin-top:20px; }
#myPage_form .collectionItemWrapper { width:177px; height:150px; float:left; text-align:center; margin:20px 0px 40px 0px; padding:0px 10px 0px 10px; }
#newCollectionName { width:130px; }
#newCollectionAddButton { vertical-align:middle; margin-bottom:5px; }
.viewCollectionLink { }


/* User Page */
#userPage_form .filterBoxWrapper .recipeName { font-size:12px; }
#userPage_form .gridTitle th { font-size:16px; color:#6e6e6e; display:block; text-align:left; padding-bottom:15px; }
#userPage_form .filterBoxWrapper { color:#666666; min-height:150px; min-height:100%; }

/* View Collection */
.removeFromCollectionBtn { position:absolute; top:10px; right:15px; }
#viewCollection_form #shareThisDiv { clear:both; padding-bottom:15px; }
#viewCollection_form #shareThisDiv #shareThis { float:right; }
#viewCollection_form #resultsGridWide { margin-top:20px; }

/* Site Map */
#sitemap_form #leftColumn, #sitemap_form #centreColumn, #sitemap_form #rightColumn { width:232px; float:left; margin-top:20px; }
#sitemap_form .sitemapContentBox { background-color:#fbfbfb; border:1px solid #f2f2f2; padding:10px 20px 20px 20px;  }
#sitemap_form .sitemapContentBox li { margin-left:15px; *margin-left:0px; }
#sitemap_form .sitemapContentBox h2 { padding:0px; margin:10px 0px 10px 0px; }
#sitemap_form .sitemapContentBox h4 { padding:0px; margin:10px 0px 10px 0px; }
#sitemap_form .sitemapContentBox a { color:#999999; }

/* Seasonal Recipes */
#seasonal_form #seasonalLeftBox { float:left; width:244px;  background-color:#fbfbfb; border:1px solid #f2f2f2; padding:10px 20px 20px 20px;  }
#seasonal_form #seasonalRightBox { float:left; width:244px; margin-left:20px; background-color:#fbfbfb; border:1px solid #f2f2f2; padding:10px 20px 20px 20px; }
#seasonal_form #leftColumn li { margin-left:15px; *margin-left:0px; }
#seasonal_form #leftColumn h2 { padding:0px; margin:10px 0px 10px 0px; }
#seasonal_form #leftColumn h4 { padding:0px; margin:10px 0px 10px 0px; }

/* Contact Us */
#contact_form #message { width:375px; }
#contact_form #submit_button { margin-left:475px; margin-top:15px; }
#contact_form .formRow { padding-bottom:3px; }

/* Sub Pages */
.mainSectionBanner { margin-bottom:30px; }

/* Collections */
#collectionsGrid { width:100%; margin-top:20px; }
#collectionsGrid a { color:#666666; }
#collectionsGrid .collectionIcon { margin-right:10px; }
#collectionsGrid .collectionNameCol { width:325px; font-weight:bold; }
#collectionsGrid .collectionAuthorCol { width:100px;}
#collectionsGrid .collectionUpdatedCol { text-align:right;}

/* Social Options */
.socialOptions { list-style:none; margin:0px; padding:0px; }
.socialOptions li { display:block; width:55px; float:left; height:60px; }
.socialOptions li .twitter-share-button { margin-top:-1px; }
#recipe_form .socialOptions { position:absolute; top:0px; right:0px; }
#viewCollection_form .socialOptions { position:relative; left:475px; }


/* Profile Page */
.statusWrapper { width:582px; padding-bottom:20px; }
#inputStatus { width:580px; line-height:30px; font-size:18px; border:1px solid #CCC; color:#CCC; height:30px; text-indent:5px; margin-top:5px; }
#inputStatus.hover { border:1px solid #999; color:#999; }
#inputStatus.active { border:1px solid #666; color:#666; background:#fff9d9; }
#userStatus { font-size:18px; color:#CCC; margin-top:5px; }
.update-clear-button { margin-top:5px; float:right; margin-left:5px; display:none;  }
a.collectionsProfileList { display:block; background:url("../images/folder_60x65.png") center top no-repeat; width:95px; height:25px; padding:75px 5px 15px 5px; float:left; text-align:center; color:#666; text-decoration:none; }
a.collectionsProfileList:hover { background:url("../images/folder_60x65_hover.png") center top no-repeat; text-decoration:underline; }
ul.recipesProfileList { list-style:none; margin:0px; padding:0px; }
ul.recipesProfileList li { margin:0px; padding:2px 0px 3px 0px; margin-bottom:3px; border-bottom:1px dotted #e9e9e9; }
ul.recipesProfileList li img.thumbnail { padding:1px; border:1px solid #CCC; vertical-align:middle; }
ul.recipesProfileList li a { margin-left:15px; color:#666; }
ul.recipesProfileList .starRating { float:right; margin-top:5px; }
#profilePicModalThumb { width:100px; height:100px; background:#FFF; border:1px solid #000; padding:2px; float:left; }
#avatarThumbnails a { border:1px solid #000; padding:2px; background:#FFF; display:block; float:left; margin-right:2px; }
#avatarThumbnails img { display:block; float:left; width:35px; height:35px; }
.profile-pic-box .middle { padding:10px 15px; }
.profile-pic-box #profilePicture { width:270px; border:1px solid #CCC; margin:auto; display:block; }
#aboutContent:hover { border:1px solid #999; }
.leftContentBox { padding:10px; }
#login_form label { width:120px; display:block; float:left; line-height:20px;  }
#login_form label.default { display:inline; float:none; width:auto; }
#profilePage_form label { width:120px; display:block; float:left; line-height:20px;  }
#profilePage_form label.default { display:inline; float:none; width:auto; }


.wide .tabContent ul.recipe-results-list { width:auto; }
.wide .tabContent ul.recipe-results-list li { padding:0px; margin:0 0 5px 0; }
.wide .tabContent ul.recipe-results-list .top { background:none; display:block; padding:15px 15px 15px 90px; position:relative; }
.wide .tabContent ul.recipe-results-list .bottom { background:none; height:1px; display:block; border-bottom:1px dotted #CCC; }

/* File Upload Modal */
.fileUploadModal .radio_indent { margin-left:-25px; }
.fileUploadModal ul { float:left; margin-left:40px; }
.fileUploadModal .modal-thumbnail { width:250px; min-height:250px; background:#FFF; border:1px solid #000; padding:2px; float:left;  }
.fileUploadModal ol.recipe li { margin-bottom:15px; }
.fileUploadModal ol input, .fileUploadModal ol textarea { width:250px; }


/* Dialogue */
.ui-widget-overlay { background-image: url("../images/modal-bg.png"); background-attachment: scroll; background-position: 50% 50%; opacity: 0.4; position: absolute; top: 0pt; left: 0pt; width: 100%; height: 100%; }    
.ui-dialog { /*position: absolute;*/ width:647px; min-height:300px; /*height:138px; padding:35px; overflow:hidden; background:url(../images/modal-dialog-upload.png) no-repeat; _background:url(/images/modal-dialog-upload.gif) no-repeat; */ position:absolute; top:200px; }    
.ui-helper-clearfix { display: block; }
.ui-widget-header { font-weight:bold; }
.ui-dialog .ui-dialog-titlebar { position:absolute; width:560px; top:40px; left:45px; font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size:18px; color:#e38c33;} 
.ui-dialog .ui-dialog-titlebar-close { color:#FFF; font-size:12px; position:absolute; right:0px; width:16px; height:16px; background:url(../images/modal-close-icon.png) no-repeat; text-decoration:none; line-height:16px; text-align:center; overflow:hidden; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }    
.ui-dialog .ui-dialog-content { /*margin-top:10px;*/  }
.ui-dialog h1 { padding-bottom:10px; }
.dialog { display:none; }
.dialog-topCap { height:40px; overflow:hidden; background:url(../images/modal-dialog-top.png) no-repeat;}
.dialog-middle { background:url(../images/modal-dialog-middle.png) repeat-y; padding:40px 45px 20px;  }
.dialog-bottomCap { height:39px; overflow:hidden; background:url(../images/modal-dialog-bottom.png) no-repeat; }

/* Secondary Tabs */
#secondaryTabs ul.nav { list-style:none; margin:0; padding:0; background:url(../images/green-ul-bg.png) no-repeat bottom right; height:45px; overflow:hidden; }
#secondaryTabs ul.nav li { float:left; margin:0; padding:10px 0px 0px; height:28px; }
#secondaryTabs ul.nav li.selected { padding:0px; height:45px; line-height:45px; }
#secondaryTabs ul.nav a { display:block; border:1px solid #37b200;  background:url(../images/green-tab-bg.png) repeat-x; color:#FFF; text-decoration:none; text-align:center; height:33px; line-height:33px; padding:0 15px; margin-top:2px;}
#secondaryTabs ul.nav li.selected a { border:1px solid #a1a0a0; border-left-color:#bdbdbd; border-bottom:none; background:#FFF; color:#666; position:relative; height:39px; line-height:39px; bottom:-3px; position:relative; z-index:50; font-weight:bold; }
#secondaryTabs .tabContent  { padding:15px; border:1px solid #bdbdbd; border-top:0px; display:none; clear:both; }

/* Search Results */
.search-results { list-style:none; margin:20px 0 0; padding:0px; }
.search-results li { margin-bottom:15px; }
.search-results .search-results-title a { font-size:14px; font-weight:bold; color:#db852e; text-decoration:none; }
.search-results .search-results-thumbnail { float:left; margin-right:10px; border:1px solid #CCC;  }
.search-filter-box label { float:none; display:inline; padding-right:10px; }
.slider-value { font-size:10px; font-weight:normal; }

/* Image Gallery */
.recipe-gallery-thumbnails { margin-top:10px; }
.recipe-gallery-thumbnails .thumbnail { margin-right:10px; display:inline-block; }
.recipe-gallery-thumbnails .thumbnail img { }