﻿	#placeholder{
		height: 565px;
	}
	#recipeHeader{
		position: absolute;
		left: 200px;
		top: 0px;
	}
	#recipeList{
		position: absolute;
		left: 220px;
		top: 145px;
		width: 150px;
		font: 12px Tahoma, Geneva, sans-serif;
		color: #285B91;
		text-align: left;
	}
	#recipeList ul,
	#recipeList li{
		list-style: none;
		padding: 0px;
		margin: 0px;
	}
	#recipeList li{
		margin-bottom: 10px;
	}
	#recipeList li a{
		color: #285B91;
		text-decoration: none;
	}
	#recipeList li a:hover{
		text-decoration: underline;
	}
	#recipeList li a.selected{
	    font-weight: bold;
	}
	.recipeCard{
		position: absolute;
		left: 369px;
		top: 145px;
		width: 481px;
		/*background: orange;*/
	}
	.recipeCardTopBorder{
		width: 481px;
		height: 36px;
		background: url(../images/recipes_card_top.png) no-repeat;
	}
	.recipeCardTopContent{
		width: 481px;
		padding-bottom: 10px;
		background: url(../images/recipes_card_repeat_y_light.png) repeat-y;
		color: #285B91;
	}
	.recipeCardBottomContent{
		width: 481px;
		padding-top: 5px;
		background: url(../images/recipes_card_repeat_y_dark.png) repeat-y;
		color: #FFFFFF;
	}
	.recipeCardBottomBorder{
		width: 481px;
		height: 38px;
		background: url(../images/recipes_card_bottom.png) no-repeat;
	}
	.recipeCardContentMargin{
		margin: 0px 40px;
		font: 12px Tahoma, Geneva, sans-serif;
		text-align: left;
	}
	.recipeCardContentMargin h1{
		font-size: 18px;
		font-weight: bold;
		margin: 0px 0px 5px 0px;
		width: 235px;
	}
	.recipeCardContentMargin .instructions{
    	/*display: block;
	    width: 235px;*/
	}
	.recipeCardImage{
		position: absolute;
		top: -50px;
		left: 275px;
		z-index: 100;
	}
	.recipeCardImage div.rating-cancel{
		display: none;
	}
	.recipeCardRatingTool{
	    padding-left: 16px;
	}
	.recipeCardCommentLink{
		text-decoration: none;
		color: #C7E5F3;
	}
	.commentPopUp{
		/*display: none;*/
		visibility: hidden;
		position: absolute;
		left: 275px;
		top: 120px;
		z-index: 50000;
	}
	input.star{
	    display: none;
	}
	.popLargeContentMargin h2{
	    margin-top: 0px;
	    padding-top: 0px;
	    border: none;
	}
	
	.recipeCommentBox{
	    position: relative;
	    float: left;
	    clear: both;
	    width: 355px;
	    background: #CFEFFF;
	    padding: 5px 0px 10px 0px;
	    margin: 10px 0px;
	}
	.comment,
	.noComment{
	    border-bottom: 1px solid #9BD2EE;
	    margin: 0px 10px;
	    padding: 5px 0px;
	}
	.noComment{
	    border: none;
	    font-style: italic;
	}
	.commentBy{
	    font-size: 10px;
	    margin-top: 10px;
	}
	.commentAuthor{
	    font-weight: bold;
	}
	
	#commentForm{
	    position: relative;
	    float: left;
	    width: 350px;
	    padding: 10px 0px 0px 0px;
	}
	
	#commentForm .fieldName{
	    padding-bottom: 4px;
	    vertical-align: top;
        text-align: left;
	}
	#commentForm .fieldName .label{
	    width: 110px;
	}
	#commentForm .fieldValue{
	    padding-bottom: 4px;
	    vertical-align: top;
        text-align: left;
	}
	.fieldValue .textbox{
	    width: 230px;
	}
    .fieldInstructions{
        font-size: 9px;
    }
    
    /* ratings inside comment popup */
    .ratingsContainer{
        position: relative;
        float: left;
        width: 330px;
        margin-left: 20px;
    }
    .ratingsAverage{
        position: relative;
        float: left;
        width: 160px;
    }
    .ratingsPersonal{
        position: relative;
        float: left;
        width: 160px;
        margin-left: 10px;
    }
    .ratingsLabel{
        position: relative;
        float: left;
        width: 60px;
    }
    .ratingsPersonal .ratingsLabel{
        width: 45px;
    }
        
        
	.shareThisRecipe{
	    background: url(/images/sharethis.png) no-repeat;
		padding: 2px 0px 5px 22px;
		margin-right: 10px;
		text-decoration: none;
		font-size: 12px;
		color: #1A344D;
	}

