/* --------------------------------------
Styles for Recipes section for Food Vertical. Might componentize some at later date
---------------------------------------*/

/* Recipe Detail wrap margins/paddings */

.recipe-detail .media-wrap{
	padding-bottom:0; 
	margin-bottom:0;
}

.recipe-detail .col-636-300-wrap{ margin-bottom:30px; }

.mod-ingredients{ position:relative; }

.mod-ingredients .title-ingredients{
  background-image:url(/public/images/titles/recipes/title-ingredients.png);
  height:35px;
  top:25px;
  z-index:2;
  left:253px;
}

.mod-ingredients .mod-title{
  background-repeat:no-repeat;
  height:35px;
  position:absolute;
  text-indent:-9999px;
  width:131px;
  top:-8px;
}

table.ingredient-tbl{ margin-left:20px; }

table.ingredient-tbl td{ 
	padding:8px;
}

table.ingredient-tbl td span{ 
	font-weight:700;
	font-size:1.16em;
	padding-rgiht:5px;
}

table.ingredient-tbl td.col-one{
 	width:285px;
 	border-bottom:solid 1px #e5e5e5;
	line-height:125%;
	vertical-align: top;
}

table.ingredient-tbl td.col-two{
	width:1px;
	background:url(/public/images/decorations/dots-vert-c2-1px.png) repeat-y 9px 0px;
}

table.ingredient-tbl td.col-three{
	width:285px;
	border-bottom:solid 1px #e5e5e5;
	line-height:125%;
}

table.ingredient-tbl td.last{ border-bottom:none; }

.ingredient-footer{
	margin:10px 7px 0;
 	background:url(/public/images/patterns/bg-diagonal-1.png);
	padding: 10px 15px;
	overflow:hidden;
	border-top:solid 1px #ccc;
	/* position: relative; for absolute positioning of shopping list link */
}

.ingredient-footer .sponsor{
	float:right;
	text-align:right;
	color:#999;
	font-size:0.833em;
}

.ingredient-footer .sponsor img{
  vertical-align: middle;
}

.ingredient-footer .yield{
  float:left;
  color:#999;
  font-size:0.92em;
  width:64%;
  padding: 5px 0px;
}

.ingredient-footer .yield span{
  font-weight:700;
  color:#333;
}

.ingredient-footer .shopping_list_add_item 
{
  float: right;
  width: 35%;
}

.ingredient-footer .shopping_list_add_item .mod-shopping-list .add-item .add-item-label, .ingredient-footer .shopping_list_add_item .mod-shopping-list .item-added .add-item-label {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.ingredient-footer .shopping_list_add_item .mod-shopping-list .item-added a {
    margin-top: 11px;
    padding-bottom: 6px;
    height: auto;
    text-indent: 0;
    background-image: none;
}

.ingredient-footer .shopping_list_add_item .mod-shopping-list .add-item .add-item-link{
	margin-top: 0px !important;
	padding-right: 0px !important;
	top: 0px !important;
}

.mod-ingredients .media-wrap .btm{ padding:30px 0 7px; }

.mod-directions2 { 
  padding-bottom : 10px; 
}
  .mod-directions2 h2 {
    font           :  italic bold 1.33em/1 Georgia,serif;
    border-bottom  :  #ddd 1px solid;
    padding        :  0 12px 8px 12px;
    margin         :  0 -7px;
  }
  
  .mod-directions2 p {
    line-height  :  18px;
    margin       :  8px 7px 6px 7px;
    font         :  1.166em/125% Georgia,serif;
  }

.mod-directions { 
  padding-bottom : 10px; 
}

.mod-directions .kitchen-view {
	position:relative;
	clear:both;
	border-top:solid 1px #ccc;
	background:url(/public/images/patterns/bg-diagonal-1.png);
	margin:0 -7px;
	height:60px;
	overflow:hidden;
}

.mod-directions .kitchen-view .icon{
	margin:10px 10px 0 14px;
	float:left;
	display:inline;
	height:44px;
	width:78px;
	background:transparent url(/public/images/icons/kitchen-view.png) no-repeat;  
}

.mod-directions .kitchen-view .text{
	margin:15px 10px 0 0;
	float:left;
	font-size:1.17em;
	width:370px;
}

.mod-directions .kitchen-view .text span{
  font-weight:700;
  margin-top:15px;
}
.mod-directions .kitchen-view a.enter-kitchen-view{
  background:url(/public/images/buttons/enter-kitchen-view.png) no-repeat;
  display:block;
  float:left;
  width:126px;
  height:24px;
  text-indent:-9999px;
  margin-top:20px;
}

.mod-directions .directions-details{
	*zoom:1;
	padding:5px 5px 10px;
}

.mod-directions .directions-details .details span { font-weight:700; }

.mod-directions .directions{ float:left; }

.mod-directions .details{
	float:right;
	font-size:.92em;
	padding-top:3px;
}

.mod-directions h2{
	font:italic bold 1.33em/1 Georgia, serif;
}

.mod-directions ul.directions-list{ margin:0 -7px -7px; }

.mod-directions ul.directions-list li{
	border-top:solid 1px #ccc;
	padding:15px;
	overflow:hidden;
}

.mod-directions ul.directions-list li span.step{
	display:block;
	background:url(/public/images/icons/direction-list-item.gif) no-repeat;
	height:24px;
	width:24px;
	text-align:center;
	line-height:24px;
	float:left;
	margin-right:15px;
	font-weight:bold;
	font-size:1.08em;
}

.mod-directions ul.directions-list li p{
	float:left;
	width:581px;
	padding-top:5px;
	font:1.166em/1em Georgia, serif;
	line-height:125%;
}

.mod-recipe h1{
	font:700 italic 1.833em/1 Georgia, Times, serif;
	padding-bottom:5px;
}

.mod-recipe .photo-credit{
	padding-top:5px;
	text-transform:uppercase;
	color:#000;
	font-size:.75em;
}

.recipe-top{
	*zoom:1;
}

.recipe-top .title-blurb{
	float:left;
	padding-bottom:10px;
	width:470px;
}

.sponsored-recipe .title-blurb{ width:380px; }

.recipe-top .title-blurb .blurb{
	overflow:hidden;
	line-height:125%;
}

.recipe-top .title-blurb img{
	float:left;
	margin-right:8px;
}

.recipe-top .title-blurb .blurb-text{ float:left; }

.recipe-top .title-blurb .blurb-text p{
	padding-top:5px;
	font-size:0.92em;
	color:#666;
	line-height:125%;
}

.recipe-top .title-blurb .blurb-text p span{ font-weight:700; }

.recipe-top .utils{
	overflow:hidden;
	display:inline;
	float:right;
	text-align:right;
}

.recipe-top a.print{
	*zoom:1;
	margin-top:5px;
	float:right;
	display:inline;
	height:48px;
	width:49px;
	background:url(/public/images/buttons/print.png) no-repeat;
}

.recipe-top a.print:hover{ background-position: 0 -48px; }

.recipe-top .recipe-rating{
	*zoom:1;
	margin-right:15px;
	padding-right:10px;
	float:left;
	display:inline;
	border-right:solid 1px #e5e5e5;
	text-align:center;
	height:60px;
	padding-bottom:5px;
}

/* Specific to food ratings */

/* Ratings */
.star-rating-control{ float:left; display:inline; margin-right:10px; }
.mod-comments input.star{ display:none; }
.mod-comments .star-rating{
	display:block;
	float:left;
	width:15px;
	height:18px;
	cursor:pointer;
	text-indent:-9999px;
	background:transparent;
	overflow:hidden;
	padding-bottom:10px;
}

.mod-comments .rating{
	width:62px;
	height:15px;
	margin-bottom:5px;
	background-image:url(/public/images/icons/egg-rating-sm.png);
	background-repeat:no-repeat;
}

.mod-comments .star-rating a {
	background-image     :  url(/public/images/sprites/parenting/sprite-egg.png);
	background-repeat    :  no-repeat;
	display              :  block;
	width                :  15px;
	height               :  100%;
	background-position  :  0 0px;
	border               :  0
}

.mod-comments .star-rating-on a{ background-position:0 -18px !important; }
.mod-comments .star-rating-hover a{ background-position:0 -18px; }
.mod-comments .rating-text{ float:left; font-size:0.916em; color:#666; padding-top:4px; }

.sponsored-recipe .recipe-rating{ text-align:right; height:auto; *width:180px; }

	.recipe-top .recipe-rating .sponsor{
		font-size:0.833em;
		color:#666;
	}
	
	.recipe-top .recipe-rating .sponsor img{ vertical-align:middle; }

	.sponsored-recipe .recipe-rating .review-link{
		float:right;
/*		display:block;*/
		text-align:right;
		clear:both;
	}

.recipe-rating .rating-lg{
	height:19px;
	width:80px;
	margin-bottom:5px;
	background-image:url(/public/images/icons/egg-rating-lg.png);
	background-repeat:no-repeat;
}

.sponsored-recipe .recipe-rating .rating-lg{ float:right; }

	.recipe-rating .rating-lg a{
		text-indent:-9999px;
		display:block;
		height:19px;
	}

.recipe-rating .lg-rating-0eggs{ background-position:0 19px; height:10px; }
.lg-rating-1eggs{ }
.lg-rating-2eggs{ background-position:0 -19px; }
.lg-rating-3eggs{ background-position:0 -38px; }
.lg-rating-4eggs{ background-position:0 -57px; }
.lg-rating-5eggs{ background-position:0 -76px; }

.sm-rating{
	width:62px;
	height:15px;
	display:block;  
	margin:6px 0 5px;
	background-image:url(/public/images/icons/egg-rating-sm.png);
	background-repeat:no-repeat;
}

.sm-rating-1eggs{ }
.sm-rating-2eggs{ background-position:0 -15px; }
.sm-rating-3eggs{ background-position:0 -30px; }
.sm-rating-4eggs{ background-position:0 -45px; }
.sm-rating-5eggs{ background-position:0 -60px; }

/* NEW Twist panel */
#twists .container{
	position:relative;
	width:636px;
	height:478px;
	margin-bottom:5px;
	background:url(/public/images/decorations/bg-ph-twists.png);
	overflow:hidden;
}

	#twists .container .cover,
	#twists .container .recipe-img{
		position:absolute;
		top:0;
		left:0;
		width:636px;
		height:478px;
		background:#000;
	}
	
	#twists .container .recipe-img{ background:none no-repeat 50% 50%; }
	
		#twists .container .recipe-img img{
			position:absolute;
			left:-9999px;
		}
	
	#twists .container .hide{ left:-9999px; }

	#twists .slider{
		_zoom:1;
		position:absolute;
		bottom:-400px;
		left:0;
		width:636px;
		height:462px;
	}
	
		#twists .slider-wrap{
			position:relative;
		}
		
		#twists .slider-bg{
			background:#fff;
			width:636px;
			height:600px;
			margin-bottom:-600px;
		}
		
		#twists .tab{
			position:relative;
			width:623px;
			height:25px;
			background:url(/public/images/decorations/bg-twists-tab.png) no-repeat;
			_background:#fff;
			padding:8px 0 0 13px;
		}
		
			#twists .tab .arrow{
				display:block;
				width:12px;
				height:12px;
				overflow:hidden;
				background:url(/public/images/icons/sprite-arrows-ud-sm.png) no-repeat;
				position:absolute;
				top:16px;
				left:110px;
			}
			
				#twists .slider-open .tab .arrow{ background-position:0 -12px; }
		
			#twists .tab a{
				background:url(/public/images/icons/black-asterisk-sm.png) no-repeat 12px 7px;
				display:block;
				width:88px;
				height:18px;
				position:absolute;
				top:8px;
				left:13px;
				padding:8px 0 0 30px;
				font-weight:700;
				color:#000;
				text-decoration:none;
			}
			
				#twists .tab a span{ color:#999; }
				
			/* Slider content */
			#twists .content-closed{
				padding:20px 20px 10px 20px;
			}
			
				#twists .content-closed .col-left,
				#twists .content-closed .col-right,
				#twists .content-open .col-left,
				#twists .content-open .col-right{
					*zoom:1;
					float:left;
					display:inline;
				}
				
				#twists .content-closed .col-left{
					width:387px;
					border-right:1px solid #ccc;
				}
				
				#twists .content-closed .no-recent{
					padding:0 50px;
					background:url(/public/images/icons/lg-purple-asterisk.png) no-repeat;
					font-size:1.333em;
					color:#333;
					line-height:110%;
				}
				
				#twists .content-closed .col-right{
					position:relative;
					*zoom:1;
					width:188px;
					padding-left:20px;
				}
				
					#twists .content-closed .col-right p{
						text-align:center;
						color:#666;
						font-size:1.083em;
						margin-bottom:10px;
					}
					
					#twists .content-closed .col-right a{
						display:block;
						width:145px;
						height:31px;
						background:url(/public/images/buttons/add-your-twist.png);
						overflow:hidden;
						margin:0 auto;
						text-indent:-9999px;
					}
					
						#twists .content-closed .col-right a:hover{ background-position:0 100%; }
						
			#twists .content-open{
				padding:10px 10px 15px 15px;
			}
			
				#twists .pnl-twists{
					position:relative;
					width:367px;
					height:405px;
					_height:375px;
					padding:12px 15px 0 0;
					overflow:scroll;
					overflow-x:hidden;
				}
				
					#twists .twist{
						position:relative;
						width:300px;
						border-bottom:1px solid #ccc;
						padding:0 0 15px 50px;
						margin-bottom:15px;
						min-height:40px;
						_height:40px;
						font-size:0.916em;
					}
					
					#twists .last{ margin-bottom:0; border:0; }

					#twists .content-closed .twist{
						margin-bottom:0;
						padding-bottom:0;
						border-bottom:0;
					}
					
						#twists .twist h5{
							color:#666;
							margin-bottom:5px;
						}
						
							#twists .twist h5 a{
								font-weight:700;
								color:#666;
							}
						
							#twists .twist h5 span{
								font-size:1.090em;
								color:#e52a88;
								font-weight:700;
							}
					
						#twists .twist .comment-img{
							left:0;
							position:absolute;
							top:0;
							width:40px;
							height:40px;
							background:#eaeaea;
							overflow:hidden;
						}
						
						#twists .twist blockquote{ line-height:125%; color:#333; }
						
						#twists .twist .flag-wrap{ float:right; margin-top:5px; }
						
			#twist-submit-wrap{
				position:absolute;
				top:45px;
				left:415px;
				zoom:1;
				width:205px;
			}
			
			#twist-submit-wrap input{
				width:197px;
				height:21px;
				padding:5px 0 0 8px;
				color:#666;
				background:url(/public/images/decorations/bg-twist-title.png);
				border:0;
				font-size:1.083em;
				margin-bottom:15px;
			}
			
				#twist-submit-wrap textarea.active,
				#twist-submit-wrap input.active{ color:#333; }
				
			#twist-submit-wrap textarea{
				width:197px;
				height:229px;
				padding:8px 0 0 8px;
				border:0;
				background:url(/public/images/decorations/bg-twist-message.png);
			}
			
			#twist-submit-wrap .chars-rem{
				display:block;
				text-align:center;
				padding-top:4px;
				height:18px;
				font-size:0.833em;
				color:#999;
			}
			
			#twist-submit-wrap .twist-form-intro{
				padding-left:25px;
				background:url(/public/images/icons/pink-asterisk.png) no-repeat;
				color:#666;
				line-height:140%;
				height:50px;
			}
			
			#twist-submit-wrap .twists-submit{
				background-image:url(/public/images/buttons/add-your-twist.png);
				height:31px;
				width:145px;
				border:0;
				margin:10px 0 0 30px;
			}
			
				#twist-submit-wrap .hover{ background-position:0 100%; }
				#twist-submit-wrap .disabled{ background-position:0 -31px; }

#twists .credit{
	font-size:0.75em;
	color:#999;
	text-transform:uppercase;
}

#twists .more-link {
    margin-left: 5px;
}

/* Recipe Search Box */
.recipe-search-box { position:relative; margin:7px 0 20px; }

/* 30 px height version */

.recipes .cat-container{
  position:absolute;
  top:15px;
  left:15px;
  }

.recipes .cat-button{ margin-bottom:20px; }

.recipe-search-box .icon {
  position:absolute;
  top:-10px;left:30px;
  width:57px;height:93px;
  background:url('/public/images/recipes/search-box-icon.png') no-repeat;  
}

.recipe-search-box h1{
	position:absolute;
	top:-8px;
	left:280px;
	width:137px;
	height:41px;
  background:url("/public/images/titles/food/find-recipes.png") no-repeat scroll 0 0 transparent;
	text-indent:-9999px;
}

 
.recipe-search-box .search-box{
	padding:25px 0px 15px 90px;
	margin-left: 0px;
	margin-bottom: 0px;
	background-color: #ffffff;
	width: auto;
}

#recipe-landing input.text{
	height:18px;
	color:#666;
	padding:3px;
	vertical-align:middle;
	font:400 1.333em/1 Arial, Helvetica, sans-serif;
}

#recipe-landing input.active{ color:#333; }

#recipe-landing-input{ width:380px; }

#recipe-landing button.submit{
	width:137px;
	height:30px;
	background:url(/public/images/buttons/recipes/recipes/search-recipes.png);
	border:0;
	cursor:pointer;
	vertical-align:middle;
	margin-left:4px;
}

#recipe-landing button.submit span,
#recipe-landing legend,
#recipe-landing label{
	position:absolute;
	left:-9999px;
	display:none;
}

.mod-recipe-shortcuts{
	padding-bottom:20px;
	border-bottom:solid 1px #ccc;
	margin-bottom:20px;
}

.mod-recipe-shortcuts .bubble-title{
	height:14px;
	background-position:0px 7px;
}

.mod-recipe-shortcuts h2.title-shortcuts span{
	background:url(/public/images/titles/food/recipes-jump-shortcuts.png) no-repeat;
	height:14px;
	width:142px;
}

.mod-recipe-shortcuts h2{ padding-bottom:15px; }

.mod-recipe-shortcuts  ul{
	width:150px;
	overflow:hidden;
	padding-right:5px;
	margin-right:5px;
	float:left;
	border-right:dotted 1px #ccc;
}

.mod-recipe-shortcuts  ul.last{
  padding-right:0px;
  margin-right:0px;
  border-right:none;
}

.mod-recipe-shortcuts  ul li{ clear:both; }

.mod-recipe-shortcuts  ul li.cat-head{
	text-align:center;
	color:#333;
	font-weight:700;
	font-size:1.08em;
	padding-bottom:15px;
}

.mod-recipe-shortcuts a.cat-button{
	margin-bottom:15px;
	margin-right:0;
	width:150px;
}

/* Share recipe module */
.mod-share-recipe-lg{
  width:597px;
  padding:70px 0px 0px 39px;
  height:140px;
  background:url(/public/images/recipes/bg-share-recipe-lg.jpg) no-repeat;
}

.mod-latest-news h3{
	font:bold italic 1.33em/1em Georgia, Times, erif;
	padding-bottom:10px;
}

.mod-latest-news .all{ border-bottom:none; }

/* most popular */
.mod-most-popular-recipe{ margin-right:36px; }

.mod-most-popular-recipe .mod-comments{ 
margin-top:10px;
margin-right:130px;

}

.mod-most-popular-recipe h2{
	font:bold italic 1.33em/1em Georgia, Times, serif;
	padding-bottom:15px;
}

.mod-most-popular-recipe img.recipe-pic{ padding-bottom:10px; }

.mod-most-popular-recipe .recipe-info{ 
float:none;
}

.mod-most-popular-recipe .recipe-info a{
	padding-top:5px;
	padding-bottom:3px;
	display:block;
	font-size:1.67em;
}

.mod-most-popular-recipe .recipe-info .author{
	color:#999;
	font-size:0.92em;
}

.mod-most-popular-recipe .recipe-rating{
	float:right;
	text-align:right;
}

.mod-most-popular-recipe .rating{
	margin-bottom:5px;
	width:60px;
	height:15px;
}

.mod-most-popular-recipe .recipe-rating a.reviews{
  font-size:0.92em;
  font-weight:700;
}

.mod-most-popular-recipe .comments{
	clear:both;
	padding-top:20px;
	overflow:hidden;
}

.mod-most-popular-recipe .comments .comment-pic{
	float:left;
	padding-right:10px;
	width:40px;
}

.mod-most-popular-recipe .comments .comment-details{
	float:left;
	width:250px;
	line-height:125%;
}

.mod-most-popular-recipe .comments .comment-details .commenter{
  font-size:0.92em;
  color:#999;
}

.mod-most-popular-recipe .commenter span{ font-weight:700; }

.mod-most-popular-recipe .comments .comment-details .flag{
	font-size:0.92em;
	color:#999;
	background:url(/public/images/icons/flag.png) no-repeat 0px 1px;
	padding-left:13px;
	margin-top:5px;
}

.recipes .share-wrap{
    overflow:hidden;
    margin-bottom:20px;  
    float: right;
}

.btn-share-yours-now{
	background:url(/public/images/buttons/recipes/share-yours-now.png) no-repeat scroll 0 0 transparent;
  height:26px;
  width:119px;
  display:block;
  text-indent:-9999px;
}

.btn-share-yours-now:hover{background-position:0 100%;}

.recipes .share-wrap .user-ctrls { float:right; }

.mod-newest-recipes .thumbnail {
	margin-top:10px;
	}

/* Comment module */
.title-how-was-lrg{
	width:636px;
	height:39px;
	background:url(/public/images/titles/recipes/title-how-was-it.png);
	margin-bottom:15px;
	text-indent:-9999px;
}

/* More To Snack On Module */
.title-more-snack-lrg{
	width:971px;
	height:38px;
	background:url(/public/images/titles/title-more-snack-on-lrg.png) no-repeat;
	margin-bottom:10px;
	text-indent:-9999px;
}

/* orphaned author styling */
p.author {
  font-size:.92em;
  color:#999999;
  padding-top:5px;
}
p.author a {
  color:#999999;  
}


/* Top Recipes */

.mod-ll-2 .img img {
left:auto;
position:relative;
top:auto;
}

.mod-ll-2 .img-wrap {
left:0;
position:absolute;
top:10px;
}

.mod-top-recipes li {
  margin:5px;
  _width:120px!important;
  _float:left;
  _margin:0px;
  _padding:0px;
}

.mod-top-recipes .item-title {
	width:150px;
	font-size:1.166em;
  line-height:110%;
  margin-bottom:3px;
  margin-top:3px;
}
	
#top-recipes-tabs {
	margin-bottom:20px;
}

#top-recipes-tabs li.view {
	_width:auto;/* IE 6 Fix */
	_text-align:right;
}
	
/* IE 6 Fix */

/* Recipe Page */

 .mod-recipe .recipe-top img {
  _margin-top:0px!important;
 }

/* Safari fix for the sharebar*/

.width310 {
	width:310px;
}

span.nutritant-name-c1 {float: left; width: 130px!important; font-weight: 900;}
span.nutritant-name-c2 {float: left; widthe: 75px; font-weight: normal!important;}
.nutritant-value {float: left;}
.nutritional-information.border{border-bottom:1px solid #CCCCCC; padding-bottom:10px;}

body.recipe-detail .social-share-wrap{
  margin-top: -10px;
  margin-bottom: 2px;
}