@charset "utf-8";
/* CSS Document */
h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 2em;
	font-style: normal;
	font-weight: normal;
	line-height: 20px;
}

	div.contentBox h1 span.fakeSpan{
		display: none;
	}
	/*** Top Box Area ***/
	div.contentBox .topcontentBox {
		background: #fff none;
		margin: 20px 0 0;
		padding: 20px;
		position: relative;
		width: 649px;
	}
		div.topcontentBox .customlinkUlli{
			list-style: none;
			margin: 10px 0 0;
			width: 100%;
		}
			.customlinkUlli li {
				display:block;
				margin-bottom: 5px;
				padding:5px 5px 5px 0;
				width:200px;
			}
			.customlinkUlli li a {
				background: #55A51A url(/Images/home/arrow-list.gif) no-repeat top left;
				padding: 5px 15px 5px 20px;
			}
			.customlinkUlli li a:hover {
				background: #44850D url(/Images/arrow-list-hover.gif) no-repeat top left;
				text-decoration: none;
			}
		
		div.topcontentBox .cstmlnkWhiteUlli{
			list-style: none;
			margin: 10px 0 0;
			width: 100%;
		}
			.cstmlnkWhiteUlli li {
				display: inline;
			}
			.cstmlnkWhiteUlli li a {
				background: #FFF url(/Images/home/arrow-list-white.gif) no-repeat top left;
				color: #231F20;
				display: block;
				float: left;
				height:	20px;
				margin: 0 5px 0 0;
				padding: 4px 15px 0 20px;
				width: auto;
				
			}
			.cstmlnkWhiteUlli li a:hover {
				background: #44850D url(/Images/arrow-list-white-hover.gif) no-repeat top left;
				color: #fff;
				text-decoration: none;
			}
		
		div.topcontentBox .recipeTop{
			background: #EFF2F4 url(/Images/recipes/trckbott-bg.jpg) repeat-x left bottom;
			color: #3E6E0E;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 1.5em;
			font-weight: normal;
			width: 100%;
		}	
			.recipeTop .samheightWrapper {
				border-bottom: 1px solid #A2CB87;
				margin: 0 20px;
				padding: 20px 0;
			}
				.samheightWrapper p{
					float : left;
					padding: 5px 0 0 0;
					width: 320px;
				}
				.samheightWrapper .formBox {
					display: block;
					float: left;
					width: 266px;
				}
					.samheightWrapper .formBox input {
						float: left;
						margin-right: 5px;
					}
				.samheightWrapper .inputsrcRecipe {
					border:1px solid #8ED400;
					height:19px;
					padding:3px 0 0 5px;
					width:175px;
				}
			.recipeTop .recipeCat {
				width: 100%;
			}
				.recipeCat p {
					margin: 0 20px;
					padding: 20px 0;
				}
				.recipeCat .rcpcategoryNav {
					list-style: none;
				}
					.rcpcategoryNav li {
						display: block;
						float: left;
						height: 103px;
					}
					.rcpcategoryNav li a{
						display: block;
						height: 103px;
					}
					.rcpcategoryNav li a, .rcpcategoryNav li a:hover{
						text-decoration: none;
					}
						.rcpcategoryNav li a strong{
							visibility: hidden;
						}
						.rcpcategoryNav li .healthyCat {
							background: transparent url(/Images/recipes/cat-healthy.jpg) no-repeat left top;
							width: 125px;
						}
						.rcpcategoryNav li .healthyCat:hover {
							background: transparent url(/Images/recipes/cat-healthy-hvr.jpg) no-repeat left top;
						}
						.rcpcategoryNav li .healthyCatActive {
							background: transparent url(/Images/recipes/cat-healthy-act.jpg) no-repeat left top;
							width: 125px;
						}
						.rcpcategoryNav li .weeknightCat {
							background: transparent url(/Images/recipes/cat-weeknights.jpg) no-repeat left top;
							width: 132px;
						}
						.rcpcategoryNav li .weeknightCat:hover {
							background: transparent url(/Images/recipes/cat-weeknights-hvr.jpg) no-repeat left top;
							width: 132px;
						}
						.rcpcategoryNav li .weeknightCatActive {
							background: transparent url(/Images/recipes/cat-weeknights-act.jpg) no-repeat left top;
							width: 132px;
						}
						.rcpcategoryNav li .smthngspclCat {
							background: transparent url(/Images/recipes/cat-somethingspecial.jpg) no-repeat left top;
							width: 132px;
						}
						.rcpcategoryNav li .smthngspclCat:hover {
							background: transparent url(/Images/recipes/cat-somethingspecial-hvr.jpg) no-repeat left top;
							width: 132px;
						}
						.rcpcategoryNav li .smthngspclCatActive {
							background: transparent url(/Images/recipes/cat-somethingspecial-act.jpg) no-repeat left top;
							width: 132px;
						}
						.rcpcategoryNav li .partiesCat {
							background: transparent url(/Images/recipes/cat-parties.jpg) no-repeat left top;
							width: 131px;
						}
						.rcpcategoryNav li .partiesCat:hover {
							background: transparent url(/Images/recipes/cat-parties-hvr.jpg) no-repeat left top;
							width: 131px;
						}
						.rcpcategoryNav li .partiesCatActive {
							background: transparent url(/Images/recipes/cat-parties-act.jpg) no-repeat left top;
							width: 131px;
						}
						.rcpcategoryNav li .videosCat {
							background: transparent url(/Images/recipes/cat-videos.jpg) no-repeat left top;
							width: 129px;
						}
						.rcpcategoryNav li .videosCat:hover {
							background: transparent url(/Images/recipes/cat-videos-hvr.jpg) no-repeat left top;
							width: 129px;
						}
						.rcpcategoryNav li .videosCatActive {
							background: transparent url(/Images/recipes/cat-videos-act.jpg) no-repeat left top;
							width: 129px;
						}
	/** EOL Top Box Area **/
	
	
	/** recipe detail box **/
	.rcpdetailBox {
		background: #FFF;
	}
		.rcpdetailBox h2 {
			color: #3F6F0F;
			padding: 13px 0;
		}
		.rcpdetailBox .smethngSpecial{
			/*border-top: 1px solid #AAD28C;
			padding: 14px 0 0;*/
		}
		.smethngSpecial .ssLeft {
			float: left;
			width: 368px;
		}
			.ssLeft h3 {
				color: #3F6F0F;
				font-size:1.3em;
				font-style:normal;
				font-weight:normal;
			}
				.ssLeft .rcpSpec {
					border-bottom: 1px solid #AAD28C;
					margin: 7px 0 0 ;
					padding-bottom: 15px;
				}
					.rcpSpec .specList {
						color: #7F997F;
						list-style: none;
					}
						.rcpSpec .specList li {
							display: block;
							float: left;
							font-size: 1.2em;
							height: 25px;
							padding-right: 10px;
						}
						.rcpSpec .specList li span {
							border-right:1px solid #6CA939;
							display:block;
							margin-top:4px;
						}
						.rcpSpec .specList .personAmnt {
							background: transparent url(/Images/recipes-detail/person-amnt.gif) no-repeat left bottom;
						}
							.personAmnt span {
								padding:2px 15px 2px 32px;
							}
						.rcpSpec .specList .makeTime {
							background: transparent url(/Images/recipes-detail/make-time.gif) no-repeat left bottom;
							margin-left: 8px;
						}
							.makeTime span {
								padding:2px 16px 2px 32px;
							}
						.rcpSpec .specList .cookTime {
							background: transparent url(/Images/recipes-detail/cook-time.gif) no-repeat left bottom;
						}
							.cookTime span {
								border-right: 0 none !important;
								padding:2px 15px 2px 42px;
							}
				.ssLeft .bttnArea {
					border-bottom: 1px solid #AAD28C;
					width: 100%;
					padding-bottom: 5px;
					position: relative;
				}
					.bttnArea .bttnWrapper {
						float: left;
						width: 132px;
					}
						.bttnWrapper .specialWidth:hover {
							background: #FFFFFF url(/Images/home/arrow-list-white.gif) no-repeat scroll left top;
							color: #231F20 !important;
						}
					.bttnArea .shareThis {
						margin:15px 0 0 -15px;
						position: absolute;
						width:50px;
					}
				.ssLeft .ingredients {
					/*border-bottom: 1px solid #AAD28C;*/
					color: #003300;
					margin: 15px 0 0;
				}
					.ingredients h4, .method h4 {
						color: #3F6F0F;
						font-size: 1.2em;
						font-weight: normal;
					}
					.ingredients ul {
						padding-top: 6px;
						list-style: none;
					}
						.ingredients li {
							background: url(/Images/recipes-detail/arrow-list.gif) no-repeat left center;
							display: block;
							margin: 5px 0 0;
							padding: 0 0 0 15px;
						}
				.ssLeft .method {
					margin: 15px 0 0;
				}
					.ssLeft .method td.tblLineHead {
						border-top: 1px solid #AAD28C;
						padding-top: 15px;
					}
					.method ul {
						padding-top: 13px;
					}
					.method ul, .method li {
						color: #fff;
						list-style: none;
					}
					.method li { clear: both;  }
					.method li span {
						float: left;
						display: block;
						background: #918F8F;
						text-align: center;
						padding: 3px 7px;
						margin-bottom: 7px;
					}
					.method li div {
						color: #003300;
						float: left;
						width: 325px;
						margin-bottom: 5px;
						padding: 2px 0 10px 10px;
					}
					
					/* method table mode added by wayan */	
					.method table {
						margin-top: 13px;
					}
					.method table td { vertical-align: top; }
					.method td span {
						background: #918F8F;
						color: #FFF;
						display: block;
						margin-top: 1px;
						text-align: center;
						padding: 3px 7px;
						margin-bottom: 7px;
					}
					.method td.methodName {
						color: #003300;
						float: left;
						width: 325px;
						margin-bottom: 5px;
						padding: 0 0 10px 10px;
					}					
					
					
		.smethngSpecial .ssRight {
			float: right;
			width: 260px;
		}
			.ssRight .rghtimgWrapper, .ssRight .rateTools {
				margin: auto;
				text-align: center;
			}
			.ssRight .rateTools {
				background: #9BD02E;
				padding: 10px 0;
			}
			.ssRight .rateTools p{
				padding-bottom: 10px;
			}
			.ssRight .tipsBox {
				padding: 20px 20px 0 0;
			}
				.tipsBox p {
					display: block;
					font-size: 1.3em;
					font-style: italic;
					margin-bottom: 10px;
					padding-left: 20px;
				}
				.tipsBox .handyTips {
					color: #3F6F0F;
					background: url(/Images/recipes-detail/handytips-ico.gif) no-repeat left center;
				}
				.tipsBox .cookTips {
					color: #3F6F0F;
					background: url(/Images/recipes-detail/cooktips-ico.gif) no-repeat left center;
				}
				.tipsBox .wineTips {
					color: #3F6F0F;
					background: url(/Images/recipes-detail/winetips-ico.gif) no-repeat left center;
				}
				.tipsBox ul {
					list-style: none;
					padding-left: 3px;
					margin-bottom: 15px;
				}
				.tipsBox ul li {
					display: block; 
					background: url(/Images/recipes-detail/arrow-list.gif) no-repeat left top;
					padding-left: 15px;
					margin-top: 10px;
				}
				
		.rcpdetailBox .whoterThink, .rcpdetailBox .tellwhuThink	{
			background: #EFF2F4;
			padding: 20px;
		}
		.rcpdetailBox .whoterThink{
			margin: 20px 0 0;
		}
		.rcpdetailBox .tellwhuThink	{
			margin: 5px 0 0;
		}
			.whoterThink h2, .tellwhuThink h2 {
				color: #231F20;
				padding: 0;
			}
			.whoterThink p,
			.whoterThink .recipeComments{
				color: #003300;
				font-size: 1.3em;
			}
			.whoterThink .lastcommentArea {
				border-bottom: 0 none !important;
				padding: 15px 0 0 !important;
			}
			.whoterThink .commentArea {
				border-bottom: 1px solid #A2CB87;
				padding: 15px 0;
			}
				.commentArea .commenterBox,
				.commentArea .commentator{
					padding: 5px 0 0;
				}
					.commenterBox .nameCommenter,
					.commentator .nameCommenter{
						color: #3F6F0F;
					}
					.commenterBox .dateCommenter,
					.commentator .dateCommenter{
						color: #7F997F;
						font-size: 0.8em;
					}
		
			.tellwhuThink .formWuthink {
				padding-top: 10px;
			}
				.formWuthink .rowForm {
					padding: 4px 0 0
				}
					.rowForm .labels {
						float: left;
						padding: 3px 0 0 5px;
						width: 145px;
					}
					.rowForm .inputs {
						float: left;
						width: 250px;
					}
						.inputs input, .inputs textarea {
							width: 248px;
							border: 1px solid #8ED400;
						}
						.inputs #nameWuthink {
							height: 22px;
						}
						.inputs #commentWuthink {
							height: 64px;
						}
						.inputs #submitComment {
							height: 24px;
							margin: 9px 0 0;
							width: 68px;
						}
	/** EOL recipe detail box**/
		
	/** Got Reciepe to share box **/
	div.contentBox .grtsBox {
		background: #91CA2B;
		margin: 5px 0 0;
		padding: 20px;
		position: relative;
		width: 650px;
	}
		.grtsBox p {
			padding: 15px 0;
			width: 562px;
		}
		.grtsBox .grtspicBox {
			position: absolute;
			left: 588px;
			top: 10px;
			z-index: 9999;
		}
		
		
/** comment form v2 by wayan **/	
#commentSubmission .leftCommentForm {
	background: url(/Images/recipes/comment-vertical-line.gif) right top no-repeat;
	float: left;
	width: 322px;
}
#commentSubmission .rightCommentForm {
	float: left;
	padding-left: 24px;
	width: 250px;
}
#commentSubmission h4 {
	background: url(/Images/recipes/postCommentArrow.gif) no-repeat left center;
	color:#3f6f0f;
	font-size:1.3em;
	font-weight:normal;
	margin-bottom: 10px;
	padding-left: 17px;
}
#commentSubmission label {
	display: block;
	margin: 0 0 7px 12px;
}

#commentSubmission input,
#commentSubmission textarea {
	border:1px solid #8ED400;
	margin: 0 0 10px 12px;
	padding: 2px;
	width:279px;	
}
#commentSubmission textarea { height: 68px; }

#commentSubmission .leftCommentForm .captchaText {
	float: left;
	width: 206px;
}
	#commentSubmission .leftCommentForm .captchaText .captchaimg {
		margin-left: 12px;
		padding: 2px 0 2px;
	}
	#commentSubmission .leftCommentForm .captchaText input {
		width: 188px!important;
	}
#commentSubmission .leftCommentForm .submitArea {
	float: left;
	padding-top: 42px;
	width: 76px;
}
	#commentSubmission .leftCommentForm .submitArea input {
		height: 24px;
		width: 68px!important;
		border: none;
	}
	
	
#commentSubmission .rightCommentForm .ratingList {
	padding-left: 35px;
}
#commentSubmission .rightCommentForm .ratingList input {
	border: none;
	margin: 8px 0 0;
	padding: 0;
	position: absolute;
	width: 15px;
}
#commentSubmission .rightCommentForm .ratingList img {
	padding-left: 13px;
}