﻿/*-----------Recipe Display------------------*/

#recipe-display-headline
{
	background-image:url(/images/recipes/text_headline.gif);
	width:219px;
	height:23px;
	text-indent:-999em;
}

#recipe-display-head-wrapper { width:965px; height:25px;}

#recipe-display-subheadline
{
	background-image:url(/images/recipes/text_subhead.gif);
	width:508px;
	height:17px;
	text-indent:-999em;
}

#recipe-search-btns { float:right; margin-top:0px;}
#recipe-search-btns div { float:left;}
#recipe-search-btns .spanish { padding-top:2px; padding-left:2px;}
#recipe-search-btns .spanish img { border-style:none;}

#recipe-wrapper { }

#recipe-image
{
	float:left;
	background-image:url(/images/recipes/recipedetail_bg.gif);
	background-repeat:no-repeat;
	width:252px;
	height:252px;
}

#recipe-wrapper-left { float:left; margin-top:5px; width:675px;}

#recipe-ingredients { float:left; margin-left:15px; width:405px; margin-top:5px;}
#recipe-ingredients h1 { color:#00348E; display:inline; font-size:18px; font-weight:bold; margin:0px; padding:0px;}
#recipe-ingredients-inner { margin-top:10px; width:405px;}

#recipe-instructions { margin-left:5px;}
#recipe-nutrition { padding:5px 0px 0px 5px;}
#recipe-nutrition span { font-weight:bold; }

#recipe-wrapper-right { float:right; margin-top:5px;}

#recipe-print-btns { text-align:right;}

#recipe-cook-wrapper { float:left; width:225px; margin-top:10px; margin-left:10px;}
.recipe-cook-label { float:left; width:125px; font-weight:bold;}
.recipe-cook-time { float:left; width:100px;}

#recipe-feature-wrapper 
{
	padding:0px;
	background-color:#f1ead5;
	width:236px;
}

#recipe-feature-headline
{
	background-image:url(/images/recipes/recipefeature_bg_top.gif);
	width:236px;
	height:34px;
	text-indent:-999em;
}

#recipe-feature-image { margin-top:0px; width:130px; margin-left:50px;}
#recipe-feature-text { margin-top:0px;  text-align:center; width:225px; margin-left:5px;}
#recipe-feature-text p { margin-top:10px; margin-bottom:0px;}
#recipe-feature-bottom { width:236px; height:11px;}

#recipe-feature-text h2 { margin:0px; padding:0px; font-size:12px; display:inline; font-weight:normal;}

/*----------search----------------*/

#recipe-search-main-left
{	
	float:left;
	background-image:url(/images/border_left.gif);
	background-repeat:repeat-y;
	background-position:left;
}

#recipe-search-main-right
{
	float:left;
	background-image:url(/images/border_right.gif);
	background-repeat:repeat-y;
	background-position:right;
	width:685px;
}

#recipe-search-main-inner { margin-left:10px; width:960px;position:relative;height:700px;}

#recipe-search-headline
{
	margin-left:5px;
	background-image:url(/images/recipes/headline_searchrecipes.gif);
	background-repeat:no-repeat;
	width:202px;
	height:22px;
	text-indent:-999em;
}
#recipe-searchresult-headline
{
	margin-left:5px;
	background-image:url(/images/recipes/newsearch/head_search.gif);
	background-repeat:no-repeat;
	width:319px;
	height:23px;
	text-indent:-999em;
}


#recipe-search-subheadline
{
	margin-left:5px;
	background-image:url(/images/recipes/subhead_searchrecipes.gif);
	background-repeat:no-repeat;
	width:483px;
	height:17px;
	text-indent:-999em;
	margin-bottom:10px;
}

#recipe-search-subheadline h1 { display:inline; margin:0px; padding:0px; font-size:12px;}

#recipe-search-topbox-bg
{
	margin-top:5px;
	background-image:url(/images/recipes/bg_searchrecipes.gif);
	background-repeat:no-repeat;
	width:657px;
	height:79px;
	padding-left:5px;
	padding-top:5px;
}

#recipe-search-topbox
{
	background-image:url(/images/recipes/text_1_searchrecipes.gif);
	background-repeat:no-repeat;
	width:294px;
	height:26px;
	text-indent:-999em;
}

#recipe-search-topbox h2 { display:inline; margin:0px; padding:0px; font-size:12px;}

#recipe-search-keyword-wrapper { margin-top:5px;}
#recipe-search-toptext { float:left; margin-top:5px;}
#recipe-search-textbox { float:left; margin-left:5px; margin-top:2px;}
#recipe-search-top-btn { float:left; margin-left:5px;}

#recipe-search-or
{
	margin-left:300px;
	background-image:url(/images/recipes/text_or.gif);
	background-repeat:no-repeat;
	width:48px;
	height:18px;
	text-indent:-999em;
}

#recipe-search-botbox-bg
{
	background-image:url(/images/recipes/bg_browserecipes.gif);
	background-repeat:no-repeat;
	width:667px;
	height:530px;
	padding-left:5px;
	padding-top:5px;
}

#recipe-search-browse-text
{
	background-image:url(/images/recipes/text_2_browserecipes.gif);
	background-repeat:no-repeat;
	width:392px;
	height:43px;
	text-indent:-999em;
}

#recipe-search-meals-text
{
	margin-top:5px;
	background-image:url(/images/recipes/text_3_meals.gif);
	background-repeat:no-repeat;
	width:658px;
	height:25px;
	text-indent:-999em;
}

#recipe-search-ingred-text
{
	margin-top:5px;
	background-image:url(/images/recipes/text_4_ingredients.gif);
	background-repeat:no-repeat;
	width:658px;
	height:27px;
	text-indent:-999em;
}

#recipe-search-every-text
{
	margin-top:5px;
	background-image:url(/images/recipes/text_5_everyday.gif);
	background-repeat:no-repeat;
	width:660px;
	height:27px;
	text-indent:-999em;
}

#recipes-meals-btns-wrapper { margin-top:5px;}
#recipes-ingred-btns-wrapper { margin-top:5px;}
#recipes-every-btns-wrapper { margin-top:5px;}

.recipe-btns { width:116px; height:37px; border-style:none;}

#recipe-search-bot-btn { margin-top:10px; margin-left:250px;}

#recipe-search-wrapper-left { float:left; margin-left:2px; background-color:#fdf7e4; width:688px;}
#recipe-search-wrapper-right { float:left; background-color:#fdf7e4;}

#recipe-newsearch-wrapper-inside { float:left;width:794px;}


#recipe-search-side-left
{	
	float:left;
	background-image:url(/images/border_left.gif);
	background-repeat:repeat-y;
	background-position:left;
}

#recipe-search-side-right
{
	float:left;
	background-image:url(/images/border_right.gif);
	background-repeat:repeat-y;
	background-position:right;
	width:301px;
}

#recipe-search-side-inner { margin-left:5px; width:290px; height:680px;}

#recipe-search-side-headline
{
	width:284px;
	height:51px;
}
#recipe-search-side-headline h2 { margin:0px; padding:0px;}
#recipe-search-side-headline a
{
    display:block;
	background-image:url(/images/recipes/text_right_1.gif);
	background-repeat:no-repeat;
	width:220px;
	height:51px;
	text-indent:-999em;
}

#recipe-search-side-headline h3 { display:inline; margin:0px; padding:0px; font-size:12px;}

#recipe-search-side-text { margin-left:8px; margin-top:5px; height:160px; width:270px;}

#recipe-search-side-btn { margin-top:10px; margin-left:60px; width:161px;}

/*---------search results-----------------*/

.recipe-search-nav { float:left; width:200px; }

#recipe-results-main-inner { margin-left:8px; width:675px; height:680px;}

#recipe-results-grid-wrapper { width:670px; margin-top:0px;}
#recipe-results-grid-wrapper img { margin-top:2px;}

#recipe-results-sort-wrapper { color:#6b3c00;width:760px;height:14px;}
#recipe-results-sort-wrapper a { color:#6b3c00;}
#recipe-results-sort-by { float:left; margin-left:20px; width:50px;}
#recipe-results-sort-name { float:left; margin-left:15px;}
#recipe-results-sort-cook { float:right; width:70px;}
#recipe-results-sort-prep { float:right; margin-right:15px;}

#recipe-results-search-text { font-size:16px; font-weight:bold; color:#6b3c00; margin-left:4px; margin-top:5px;margin-bottom:5px;}
#recipe-results-search-text p { padding:0;margin-top:5px;margin:5px 0px 0px 0px;}
#recipe-results-search-buttons { margin-top:5px; margin-left:4px;}

#recipe-results-searchagain { width:400px; margin-left:4px; margin-top:5px;}
#recipe-results-searchagain-text { float:left; font-size:14px; margin-top:2px; font-weight:bold; color:#6b3c00;}
#recipe-results-searchagain-btn { float:left; margin-left:10px;}


#dhtmltooltip{
	position: absolute;
	width: 120px;
	height: 120px;
	border: 2px solid White;
	padding: 2px;
	background-color: White;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

/* Recipe share */

#recipe-share-bg
{
	margin-top:5px;
	background-image:url(/images/recipes/bg_popup.gif);
	background-repeat:no-repeat;
	width:453px;
	height:264px;
	padding-left:5px;
	padding-top:10px;
	
}

#recipe-share-form {  width:440px; font-size:14px; margin-top:10px;}
.recipe-share-column-wrapper { margin-top:10px; width:440px;}

.recipe-share-column-text { float:left; width:150px; text-align:right; }
.recipe-share-column-field { float:left; width:175px; margin-left:5px; }
.recipe-share-column-field input { width:160px;}
.recipe-share-column-validator { float:left; font-size:11px; }
#recipe-share-buttons { height:28px; margin-top:10px; width:325px; text-align:right; }


/*----------------------STF----------------------------*/

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_overlay {
    position: fixed;
    z-index:200;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: url(/images/bgblock.jpg) repeat;
    filter:alpha(opacity=70);
    -moz-opacity: 0.70;
    opacity: 0.70;
}

#recipe-stf-wrapper
{
	display:none;
	position:absolute;
	top:20%;
	left:30%;
	z-index:350;
}

/*------------------Browse all recipes----------------*/

#browse-headline
{
	background-image:url(/images/recipes/browse_header.gif);
	background-repeat:no-repeat;
	width:219px;
	height:26px;
	text-indent:-999em;
}

#browse-headline h1 { display:inline; margin:0px; padding:0px; font-size:12px;}

#browse-wrapper { margin-left:10px; color:#c41230;}
#browse-wrapper a { color:#c41230;}
#browse-top-nav { margin-top:10px;}
#browse-top-nav span { font-weight:bold;}
#browse-datalist { margin-top:25px;}
#browse-bottom-nav{ margin-top:10px;}
#browse-bottom-nav span { font-weight:bold;}

/*New Recipe Page*/

#recipe-newsearch-wrapper { width:986px; margin-left:4px;}

#recipe-newsearch-border-top { width:986px; height:14px;}

#recipe-newsearch-wrapper-left
{
	float:left;
	background-image:url(/images/border_left.gif);
	background-repeat:repeat-y;
	background-position:left;
	background-color:#fdf7e4;
}

#recipe-newsearch-wrapper-right
{
	float:left;
	background-image:url(/images/border_right.gif);
	background-repeat:repeat-y;
	background-position:right;
	width:986px;
}

#recipe-newsearch-wrapper-inner { margin-left:10px; width:965px;}

#recipe-inner-left{float:left;width:259px;}
#recipe-inner-right{position:absolute;left:270px;}

#recipe-nav
{
    background-image:url(/images/recipes/newsearch/CC_Recipe_searchBG.jpg);
	background-repeat:no-repeat;
	width:239px;
	height:351px;
	padding-left:20px;
	padding-top:10px;
}
.recipe-navresult
{
    background-image:url(/images/recipes/newsearch/recipes_search_results_sidebg.png);
	background-repeat:no-repeat;
	width:140px;
	height:218px;
	padding-left:8px;
	padding-top:10px;
	margin-right:10px;
	float:left;
}

#recipe-nav .top-section h3
{    background-image:url(/images/recipes/newsearch/CC_Recipe_Search.png);
	background-repeat:no-repeat;
	width:81px;
	height:17px;
	margin-left:-4px;
	margin-bottom:5px;
	text-indent:-999em;
        
}

#recipe-nav .top-section ul {margin:0;padding:0;}
#recipe-nav .top-section ul li { float:left; display:inline;}
#recipe-nav .top-section ul li.first input { width:140px; font-size:12px;}
#recipe-nav .top-section ul li.second { padding-left:5px;padding-top:2px;}
#recipe-nav .top-section a { color:#B5121B;}

.recipe-navresult .section {float:left;width:130px;padding-top:0px;margin: 0px 0px 5px 0px;}
.recipe-navresult .section .title img { float:left;margin:0;margin-top:4px;margin-right:4px;}
.recipe-navresult .section .title h3{float:left;padding:0;margin:0;}
.recipe-navresult .section .title h3 a{font-size:14px;font-weight:bold;color:#642200;text-decoration:none;}
.recipe-navresult .section ul { padding:0px 0px 0px 15px;margin:0;width:100px;list-style-type:none;}

.recipe-navresult .section ul li { padding:0px 0px 0px 0px;margin:0;}
.recipe-navresult .section ul li a { color:#642200; }
.recipe-navresult .section ul li a:hover { text-decoration:underline;}
.recipe-navresult h3.title
{
    background-image:url(/images/recipes/newsearch/search_nav_headline.gif);
	background-repeat:no-repeat;
	width:88px;
	height:29px;
	text-indent:-999em;
	margin-bottom:5px;
}


#recipe-nav .section_small {float:left;width:100px;padding-top:10px;height:200px;}
#recipe-nav .section_small .title {padding:0px 0px 0px 0px;margin:0;font-size:16px;font-weight:bold;}
#recipe-nav .section_small ul { padding:0px 10px 0px 0px;margin:0; width:100px;list-style-type:none;}
#recipe-nav .section_small ul li { padding:4px 0px 0px 0px;}
#recipe-nav .section_small ul li a { color:#642200;text-decoration:underline;font-weight:normal;}
#recipe-nav .section_small ul li a:hover { text-decoration:underline;}



.recipe-navresult ul.filter { margin:0px 0px 5px 0px;padding:0;list-style-type:none;float:left;width:102px;}
.recipe-navresult ul.filter li { display:inline;list-style-type:none;float:left;padding:0;margin:0;}
.recipe-navresult ul.filter li.name { float:left; margin-right:0px;}
.recipe-navresult ul.filter li.button { float:right; margin-left:0px;margin-top:1px;}
.recipe-navresult ul.filter li.clear{float:left;clear:both;height:0px;font-size:0px;line-height:0px;}
.recipe-navresult ul.filter li.button a {float:right;  color:#B5121B; text-decoration:underline;font-size:11px;}


#search-gallery-wrap{background-color:#f1ecd8;padding-left:10px;width:676px;float:left;height:620px;position:relative;}
#search-gallery-bottom-wrap{background-color:#f1ecd8;padding-left:10px;width:784px;height:60px;}

#searchresult-gallery-wrap{background-color:#f1ecd8;padding-left:10px;float:left;width:784px;min-height:400px;}

#search-gallery-bottom-wrap .top img {float:left;padding-right:10px;}
#search-gallery-bottom-wrap .top a {float:left;padding-top:3px;}
#search-gallery-bottom-wrap .search-again {margin-top:10px; }
#search-gallery-bottom-wrap .search-again ul { padding:5px 10px 0px 0px; margin:0px;float:left;}
#search-gallery-bottom-wrap .search-again ul li { float:left; display:inline; padding:0px 0px 0px 0px; margin:0px;}
#search-gallery-bottom-wrap .search-again ul li.first { float:left;padding-right:5px;}
#search-gallery-bottom-wrap .search-again ul li.button { float:left;padding-right:10px;padding-top:0px;}

#gallery_content{position:absolute;top:10px;left:10px;}
#recipebucket_header{position:relative;height:65px;}
#recipebucket_header h3
{
    background-image:url(/images/recipes/newsearch/CC_Recipe_Headline2.jpg);
	background-repeat:no-repeat;
	width:240px;
	height:23px;
	text-indent:-999em;
    
    
}


/*FB Like Button*/
.recipe-like{float:left;margin-left:10px;margin-top:4px;}
