﻿/******************************************
Recipe
******************************************/

#recipe
{
    float: left;
    width: 577px;
    padding-right:10px;
}

#recipe #recipeUGC
{
    width:565px;
}

#recipe #recipeImage
{
    float: left;
    width: 267px;
    height: 200px;
    margin: 10px 0px 20px 0px;
}

#recipe #tipBar
{
    width: 565px;
    height: 21px;
    padding:  10px 0px 0px 15px;
    margin-bottom: 10px;
    background-image: url('../../images/recipe/recipes_bar.jpg');
    color: #314E0E;
    font-size: 1em;
    font-weight: bold;
}

#recipe #tips
{
    background-color: #DBDBD9;
    width: 562px;
    padding: 10px 10px 10px 10px;
}
#recipe #description
{
    float: left;
    width: 280px;
    padding: 0px 0px 10px 20px;
    #padding: 10px 0px 10px 20px;
    
}

#recipe #ingredients
{
    clear: left;
    padding: 0px 0px 10px 20px;
}

#recipe #ingredients p{
    margin:3px 0px 3px 0px;
    font-weight:bold;
    color:#324C0D;
}

#recipe #nutInfo
{
    padding: 0px 0px 20px 20px;
    font-size: 8pt; 
}

#NutritionInformationSection{font-size:8pt;}
#NutritionInformationSection ul{display:inline;padding-left:2px;  margin:0px;}
#NutritionInformationSection li{list-style:none;display:inline;padding: 2px 2px 2px 2px; margin:0px;}
.NutritionHeader{font-style:normal;font-weight:bold;color:#314E0E;}
.NutritionItemHeader{font-weight:bold;}
#PercentDailyValuesBasis{display:block;margin-top:5px;}

.RecipeIngredientItemNumber, .RecipeIngredientItem, .RecipeMethodItemNumber
{
    font-weight: bold;
    vertical-align:top;
}
.RecipeIngredientItemNumber{
    width:40px;
}
.RecipeMethodItemNumber{
    width:20px;

}


#recipe hr
{
    height: 1px;
    margin: 0;
    padding: 0;
    border-top: 0;
    border-bottom: 1px dashed #363636;

    
}
.RecipeNutritionControl
{
    font-size: .8em;
}

#recipePromos
{
    float: left;
    width: 222px;
}
#moreComming
{
    float: left;
    width: 192px;
    height: 175px;
    background-image: url("../../images/recipe/detail_promo_morerecipes.jpg");
    color: white;
    font-size: .85em;
    padding: 10px 15px 0px 15px;
    margin-top: 20px;
}

#recipePromos h3
{
    margin: 0px;
    font-size: 1.1em;
}

#recipeMain
{
    float: left;
    width: 582px;
}

#recipeMain .grey
{
    color: #618A2E;
    background-color: #DBDBD9;
    padding: 7px;
}
#recipeMain .white
{
    color: #618A2E;
    padding: 7px;
}

#recipeMain .greenborder
{
    border: solid 1px #618A2E;
}
#recipeMain h2
{
    font-size: 1.25em;
    font-weight: bold;
}


.recipeTab{
    width:83px;
    height:49px;
    float:left;
}

.recipeTile{
    clear:both;
    width:539px;
    border-left:solid 1px #223B02;
    border-right:solid 1px #223B02;
    border-bottom:solid 1px #223B02;
    padding:20px;
    
}

.tileTitle{
    font-size: 1.2em;
    font-weight: bold;
    color:#213905;
    display:inline;
}

/*Star Rating*/

.stars-rating{width:100px; float:left; height:20px;}
.star, .star-empty{ background-repeat:no-repeat; width:14px; height:14px;float:left;}
.star{background-image:url(/images/global/star.gif);}
.star-empty{background-image:url(/images/global/star_light.png);}

.star1, .star2, .star3, .star4, .star5{background-image:url(/images/global/star_light.png); background-repeat:no-repeat; width:15px; height:15px;float:left;}
.rating-1 .star1{background-image:url(/images/global/star.gif);}
.rating-2  .star1, .rating-2 .star2{background-image:url(/images/global/star.gif);}
.rating-3  .star1, .rating-3 .star2, .rating-3 .star3{background-image:url(/images/global/star.gif);}
.rating-4  .star1, .rating-4 .star2, .rating-4 .star3, .rating-4 .star4{background-image:url(/images/global/star.gif);}
.rating-5  .star1, .rating-5 .star2, .rating-5 .star3, .rating-5 .star4, .rating-5 .star5{background-image:url(/images/global/star.gif);}

.rating-1-5 .star1 {background-image:url(/images/global/star.gif);}
.rating-1-5 .star2 {background-image:url(/images/global/star_half.gif);}

.rating-2-5 .star1, .rating-2-5 .star2{background-image:url(/images/global/star.gif);}
.rating-2-5 .star3{background-image:url(/images/global/star_half.gif);}

.rating-3-5 .star1,.rating-3-5 .star2,.rating-3-5 .star3{background-image:url(/images/global/star.gif);}
.rating-3-5 .star4{background-image:url(/images/global/star_half.gif);}

.rating-4-5 .star1,.rating-4-5 .star2,.rating-4-5 .star3,.rating-4-5 .star4{background-image:url(/images/global/star.gif);}
.rating-4-5 .star5{background-image:url(/images/global/star_half.gif);}
  
    
.recipeSearchItem{
    clear:both;
    padding:10px 0px 0px 10px;
    width:550px;
    _width:530px;

}

.searchImg{
    width:115px;
    height:86px;
    float:left;
    padding-right:10px;
}

.recipeRating{
   width:110px;
    float:left;
    border-right:dashed 1px #334D10;
    height:76px;
    margin:5px 0px 5px 0px;
}

.recipeSearchInfo{
    width:420px;
    _width:400px;
    float:left;
}

.recipeSearchDesc{
    width:279px;
    float:left;
    padding-left:20px;
    _width:259px;
}

h3 a, h3 a:visited, h3 a:hover, h3 a:active
{
    color: #314E0E;
}

h3{
 margin-bottom:3px;
}

#backBar{
    width:900px;
    margin:-10px 0px 10px 10px;
}

.reviewedBy{
    width:190px;
    float:left;
}
.datePosted{
    width:190px;
    float:left;
}
.displayRating{
    width:190px;
    float:left;
}

.userComments{
    clear:both;
    padding:20px 0px 10px 0px;
}

.userReview
{
    padding:10px 0px 10px 10px;
    background-color:#DBDBD9;
    border-bottom:dashed 1px black;
}

.reviewData{
    padding:10px 0px 10px 0px;
}

.pagerButton
{
	padding-left:5px;
} 

#editorsNote{
    color:#324C0D;
    padding-left: 20px;
    font-weight:bold;
    width:400px;
}
