@font-face
{
	font-family:SpacerRegular;
	src: url('/env/fonts/SpacerRegular.eot'), url('/env/fonts/SpacerRegular.ttf'); 
}

@font-face
{
	font-family:SpacerBlack;
	src: url('/env/fonts/SpacerBlack.eot'), url('/env/fonts/SpacerBlack.ttf'); 
}

@font-face
{
	font-family:SpacerBold;
	src: url('/env/fonts/SpacerBold.eot'), url('/env/fonts/SpacerBold.ttf'); 
}

.cook-book
{
	width:740px;
	margin-top: 25px;
	margin-bottom:50px;
}

/* GAME TITLE : START */
.cook-book h1
{
	width:100%;
	height:50px;
	margin:0px;
	padding:0px;
	background-color:#2486c7;
	border-bottom:6px #23649a solid;
	text-align:center;
	line-height:55px;
	color:#c7dae1;
	font-size:32px;
	font-family:SpacerRegular;
	position:relative;
	z-index:1;
}

.cook-book h1:before , .cook-book h1:after
{
	content:"";
	display:block;
	background-image:url('../images/tools.png');
	background-repeat:no-repeat;
	position:absolute;
}

.cook-book h1:before
{
	width: 150px;
	height: 130px;
	background-position: 1px 10px;
	top: -88px;
	left: 45px;
}

.cook-book h1:after
{
	width: 140px;
	height: 90px;
	background-position: -175px -25px;
	top: -20px;
	left: 600px;
}
/* GAME TITLE : END */

.cook-place
{
	width:100%;
	min-height:295px;
	background-color:#e0f1f9;
	border-bottom:6px #c7dae1 solid;
	position:relative;
}

.cook-place:before
{
	content:"";
	width:100%;
	height:25px;
	background-color:#c7dae1;
	margin:0px 0px 0px 0px;
	position:absolute;
	top:50px;
	z-index:0;
}

.cook-place:after
{
	content:"";
	clear:both;
	display:block;
}

/* MEAL ITEM : START */
.cook-item
{
	width:246px;
	height:275px;
	display:inline-block;
	float:right;
	position:relative;
	z-index:1;
	background-image:url('../images/meals.png');
	background-repeat:no-repeat;
}

.cook-item#kugel	{	background-position:35px 125px;		}
.cook-item#bagel	{	background-position:-205px 120px;	}
.cook-item#mix		{	background-position:-465px 115px;	}

.cook-item > div
{
	width:150px;
	height:55px;
	margin:25px auto;
	padding:10px;
	background-color:#ffffff;
	border-radius:4px;
	box-shadow:1px 1px 5px 0px #9badb3;
	
}

.cook-item > div > p
{
	width: 100%;
	font-size: 12px;
	font-weight: bold;
	margin: 2px 0px -2px 0px;
}

.cook-item > div > p:first-child
{
	font-size:18px;
	color:#eb5e00;
	margin: 0px 0px 0px 0px;
}

.cook-item > div > button
{
	border: none;
	background-color: transparent;
	color: #eb5e00;
	margin: 0px 75px 0px 0px;
	padding: 0px 0px 0px 0px;
	cursor:pointer;
	outline:none;
}

.cook-item > div > .image-button
{
	cursor:pointer;
}

.cook-item#kugel > div > .image-button
{
	width: 100%;
	height: 120px;
	margin: 35px 0px 0px 0px;
}

.cook-item#bagel > div > .image-button
{
	width: 205px;
	height: 100px;
	margin: 40px -40px 0px 0px;
}

.cook-item#mix > div > .image-button
{
	width: 190px;
	height: 120px;
	margin: 25px -30px 0px 0px;
}

.cook-item.selected > div
{
	background-color:#ea5324;
}

.cook-item.selected > div > *
{
	color:#ffffff !important;
}
/* MEAL ITEM : END */

/* MEAL DESCRIPTION : START */
.cook-item-info
{
	width:664px;
	height:190px;
	margin:0px 38px 40px 38px;
	background-color:#ffffff;
	background-image:url('../images/tools.png');
	background-repeat:no-repeat;
	background-position:530px -125px;
	border-radius:4px;
	box-shadow:1px 1px 5px 0px #9badb3;
	float:right;
	position:relative;
	z-index:1;
	
	display:none;
	opacity:0;
}

.cook-item-info:before , .cook-item-info:after
{
	background-color:#ffffff;
	position:absolute;
	top:2px;
	left:2px;
	content:"";
}

.cook-item-info:before
{
	width: 21px;
	height: 21px;
	border-radius: 11px;
}

.cook-item-info:after
{
	width: 5px;
	height: 60px;
}

.cook-item-info.kugel:before	{	top:-70px; left:600px;	}
.cook-item-info.kugel:after		{	top:-60px; left:608px;	}
.cook-item-info.bagel:before	{	top:-80px; left:400px;	}
.cook-item-info.bagel:after		{	top:-60px; left:408px;	}
.cook-item-info.mix:before		{	top:-75px; left:140px;	}
.cook-item-info.mix:after		{	top:-60px; left:147px;	}

.cook-item-info > p
{
	width:485px;
	height:auto;
	margin:0px 0px 0px 0px;
	padding:17px 130px 15px 51px;
	font-size:14px;
}

.cook-item-info > button
{
	width: 170px;
	height: 30px;
	border: none;
	background-color: #ea5324;
	outline: none;
	cursor:pointer;
	box-shadow: 2px 2px 1px 0px #d1d1d1;
	border-radius: 3px;
	text-align: center;
	line-height: 30px;
	color: #ffffff;
	font-size: 15px;
	font-family: SpacerRegular, Arial;
	position: absolute;
	left: 13px;
	bottom: 13px;
}
/* MEAL DESCRIPTION : END */

/* MEAL COOKING PLATE : START */
.cook-plate
{
	width: 664px;
/*	height: 300px;	*/
	margin: 0px 38px 40px 38px;
	background-color: #c7dae1;
	border-radius: 4px;
	box-shadow: 1px 1px 5px 0px #9badb3;
	float: right;
	position: relative;
	z-index: 1;
	
	display:none;
	opacity:0;
}

.cook-plate:after
{
	content:"";
	display:block;
	clear:both;
}

.cook-plate > h3
{
	width: 90%;
	height: 35px;
	margin: 10px 0px 0px 0px;
	padding: 0px 25px 0px 0px;
	color: #236599;
	line-height: 35px;
	font-family: SpacerBold, Arial;
	font-size:25px;
	font-weight:bold;
}

.upper-dropzone
{
	width:100%;
	height:120px;
	position:relative;
	
/*	border-bottom:1px #ccc solid;	*/
}

.lower-dropzone
{
	width:80%;
	height:120px;
	position:relative;
}

.cook-plate > .instructions
{
	position: absolute;
	color: #236599;
	padding-right: 100px;
	line-height: 22px;
	top: 90px;
}

.cook-plate > button.check-ingredients
{
	width: 100px;
	height: 30px;
	border: none;
	background-color: #ea5324;
	outline: none;
	cursor:pointer;
	box-shadow: 2px 2px 1px 0px #b1b1b1;
	border-radius: 3px;
	text-align: center;
	line-height: 30px;
	color: #ffffff;
	font-size: 15px;
	font-family: SpacerRegular, Arial;
	position: absolute;
	left: 13px;
	bottom: 13px;
	
	opacity:0;
}

.cook-plate > button.restart
{
	width: 100px;
	height: 30px;
	border: none;
	background-color: #ffffff;
	outline: none;
	cursor:pointer;
	box-shadow: 2px 2px 1px 0px #b10d0c;
	border-radius: 3px;
	text-align: center;
	line-height: 30px;
	color: #ea5324;
	font-size: 15px;
	font-family: SpacerRegular, Arial;
	position: absolute;
	left: 13px;
	bottom: 11px;
	
	display:none;
}



.cook-plate > p.feedback
{
	width: 640px;
	max-width: 664px;
	height: 45px;
	margin: 0px;
	padding: 5px 24px 0px 0px;
	background-color: #ea5324;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	font-family: SpacerBold, Arial;
	font-size: 21px;
	color: #ffffff;
	line-height: 20px;
	
	display:none;
}

.cook-plate > p.feedback:first-line 
{
	font-size: 17px;
	font-family: SpacerRegular, Arial;
}

.ingredients-list
{
	width:100%;
	height:100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: right;
}

.ingredients-list li
{
	margin: 3px;
	padding: 0;
}
  
  
/* MEAL COOKING PLATE : END */


/* MEAL INGREDIENTS : START */
.cook-ingredients
{
	width: 660px;
	height: 235px;
	padding-right: 4px;
	padding-top:35px;
	margin: 0px 38px 40px 38px;
	background-color: #ffb43f;
	border-radius: 4px;
	box-shadow: 1px 1px 5px 0px #9badb3;
	float: right;
	position: relative;
	z-index: 1;
	
	display:none;
	opacity:0;
}

.cook-ingredients:before
{
	content:"מזווה:";
	font-family:SpacerBold, Arial;
	font-size:24px;
	color:#236599;
	display:block;	
	top: 15px;
	right: 25px;
	position: absolute;
}

.cook-ingredients:after
{
	content:"";
	display:block;
	clear:both;
}

.ingredient:nth-child(n+5):after
{
content:n;
display:block;
}

.ingredient
{
	margin:5px;
/*	border:1px #ccc solid;	*/
	display:inline-block;
	background-image:url('../images/ingredients.png');
	cursor:move;
}

.eggs
{
	width:70px;
	height:90px;
	background-position:-9px -20px;
}

.sugar
{
	width: 55px;
	height: 105px;
	background-position: -98px -5px;
}

.oil
{
	width: 35px;
	height: 105px;
	background-position: -175px -5px;
}

.flour
{
	width: 60px;
	height: 95px;
	background-position: -232px -15px;
}

.turkey-breast
{
	width: 60px;
	height: 80px;
	background-position: -315px -30px;

}

.onion
{
	width: 55px;
	height: 90px;
	background-position: -397px -20px;
}

.pepper
{
	width: 40px;
	height: 85px;
	background-position: -478px -25px;
}

.salt
{
	width: 40px;
	height: 85px;
	background-position: -540px -25px;
}

.milk
{
	width: 85px;
	height: 110px;
	background-position: -580px 0px;
}

.coarse-salt
{
	width: 50px;
	height: 90px;
	background-position: -687px -20px;
}

.zatar
{
	width: 35px;
	height: 80px;
	background-position: -758px -30px;
}

.turkey-shish
{
	width: 75px;
	height: 75px;
	background-position: -807px -35px;
}

.chicken-spleen
{
	width: 55px;
	height: 75px;
	background-position: -904px -35px;
}

.cumin
{
	width: 35px;
	height: 80px;
	background-position: -971px -30px;
}

.yeast
{
	width: 55px;
	height: 90px;
	background-position: -1029px -20px;
}

.chicken-hearts
{
	width: 65px;
	height: 65px;
	background-position: -1105px -45px;
}

.sesame
{
	width: 60px;
	height: 65px;
	background-position: -1185px -45px;
}

.noodles
{
	width: 85px;
	height: 90px;
	background-position: -1269px -20px;
}

.extra
{	
	opacity:0.3;
}

.missing
{
	opacity:0;
	position: absolute !important;
}


/* MEAL INGREDIENTS : END */


/* MEAL PREPARING : START */
.cook-process
{
	width: 740px;
/*	height: 700px;	*/
	margin: 0px 0px -5px 0px;
	padding-bottom: 15px;
	background-color: #2486c7;
	float: right;
	position:relative;
	
	display:none;
}

	.cook-process:before
	{
		font-family:SpacerBold, Arial;
		font-size:26px;
		color:#ffffff;
		position:absolute;
		top:16px;
		right:37px;
	}
	.cook-process.kugel:before	{	content:"מתכון לקוגל ירושלמי";	}
	.cook-process.bagel:before	{	content:"מתכון לבייגלה ירושלמי";	}
	.cook-process.mix:before	{	content:"מתכון למעורב ירושלמי";	}

.cook-process > button
{
	width: 100px;
	height: 30px;
	border: none;
	background-color: #ffffff;
	outline: none;
	cursor:pointer;
	box-shadow: 2px 2px 1px 0px #1e6ea3;
	border-radius: 3px;
	text-align: center;
	line-height: 30px;
	color: #ea5324;
	font-size: 15px;
	font-family: SpacerRegular, Arial;
	position: absolute;
	left: 15px;
	top: 10px;
}

.measured-ingredients , .toppings , .tools-to-use
{
	font-family: SpacerBold, Arial;
	padding:0px 0px 0px 0px;
	background-color:#c7dae1;
	color:#0c74b9;
	position:relative;
	float:right;
}

.measured-ingredients:before
{
	content:"מרכיבים:";
	font-size:21px;
	position:absolute;
	top:13px;
	right:13px;
}

.tools-to-use:before
{
	content:"כלים:";
	font-size:21px;
	position:absolute;
	top:13px;
	right:13px;
}

.measured-ingredients ul , .toppings ul , .tools-to-use ul
{
	width:100%;
	padding-right:0px;
	list-style:none;
}

.measured-ingredients ul li , .toppings ul li , .tools-to-use ul li
{
	list-style:none;
	font-size:16px;
	position:relative;
}

.measured-ingredients ul li:before , .toppings ul li:before , .tools-to-use ul li:before
{
	display:block;
	position:absolute;
}

.measured-ingredients ul li span
{
	font-size:22px;
	vertical-align:middle;
	padding: 0px 2px 0px 4px;
}

.step-by-step
{
	width:700px;
	min-height:500px;
	margin:7px 25px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#fcfaef;
	float:right;
}


/* KUGEL : START */
.kugel .measured-ingredients
{
	width:350px;
	height:300px;
	margin:50px 25px 0px 0px;
}

	.kugel .measured-ingredients ul
	{
		height:255px;
		margin:45px 0px 0px 0px;
	}

		.kugel .measured-ingredients ul li
		{
			height:40px;
			line-height:40px;
		}

			.kugel .measured-ingredients ul li:nth-child(1)	{	margin-right:55px;	}
			.kugel .measured-ingredients ul li:nth-child(1):before
			{
				content:url('../images/ingredients/kugel_ingredients_1.png');
				top:-5px;
				right:-40px;
			}

			.kugel .measured-ingredients ul li:nth-child(2)	{	margin-right:125px;	}
			.kugel .measured-ingredients ul li:nth-child(2):before
			{
				content:url('../images/ingredients/kugel_ingredients_2.png');
				top:5px;
				right:-70px;
			}

			.kugel .measured-ingredients ul li:nth-child(3)	{	margin-right:60px;	}
			.kugel .measured-ingredients ul li:nth-child(3):before
			{
				content:url('../images/ingredients/kugel_ingredients_3.png');
				top:-10px;
				right:-45px;
			}

			.kugel .measured-ingredients ul li:nth-child(4)	{	margin-right:95px;	}
			.kugel .measured-ingredients ul li:nth-child(4):before
			{
				content:url('../images/ingredients/kugel_ingredients_4.png');
				top:0px;
				right:-35px;
			}

			.kugel .measured-ingredients ul li:nth-child(5)	{	margin-right:125px; line-height: 16px; margin-top: 7px;	}
			.kugel .measured-ingredients ul li:nth-child(5):before
			{
				content:url('../images/ingredients/kugel_ingredients_5.png');
				top:-2px;
				right:-35px;
			}

			.kugel .measured-ingredients ul li:nth-child(6)	{	margin-right:80px;	}
			.kugel .measured-ingredients ul li:nth-child(6):before
			{
				content:url('../images/ingredients/kugel_ingredients_6.png');
				top:0px;
				right:-60px;
			}

.kugel .tools-to-use
{
	width:345px;
	height:300px;
	margin:50px 5px 0px 0px;
}

	.kugel .tools-to-use ul
	{
		height:270px;
		margin:30px 0px 0px 0px;
	}

		.kugel .tools-to-use ul li
		{
			height:45px;
			line-height:45px;
		}

			.kugel .tools-to-use ul li:nth-child(1)	{	margin-right:85px;	}
			.kugel .tools-to-use ul li:nth-child(1):before
			{
				content:url('../images/process/kugel_tools_1.png');
				top:15px;
				right:-78px;
			}

			.kugel .tools-to-use ul li:nth-child(2)	{	margin-right:115px;	}
			.kugel .tools-to-use ul li:nth-child(2):before
			{
				content:url('../images/process/kugel_tools_2.png');
				top:5px;
				right:-70px;
			}

			.kugel .tools-to-use ul li:nth-child(3)	{	margin-right:85px;	}
			.kugel .tools-to-use ul li:nth-child(3):before
			{
				content:url('../images/process/kugel_tools_3.png');
				top:-10px;
				right:-65px;
			}

			.kugel .tools-to-use ul li:nth-child(4)	{	margin-right:115px;	}
			.kugel .tools-to-use ul li:nth-child(4):before
			{
				content:url('../images/process/kugel_tools_4.png');
				top:15px;
				right:-60px;
			}

			.kugel .tools-to-use ul li:nth-child(5)	{	margin-right:85px;	}
			.kugel .tools-to-use ul li:nth-child(5):before
			{
				content:url('../images/process/kugel_tools_5.png');
				top:5px;
				right:-65px;
			}

			.kugel .tools-to-use ul li:nth-child(6)	{	margin-right:115px;	}
			.kugel .tools-to-use ul li:nth-child(6):before
			{
				content:url('../images/process/kugel_tools_6.png');
				top:5px;
				right:-90px;
			}


/* BAGEL : START */
.bagel .measured-ingredients
{
	width:230px;
	height:300px;
	margin:50px 25px 0px 0px;
}

	.bagel .measured-ingredients ul
	{
		height:255px;
		margin:45px 0px 0px 0px;
	}

		.bagel .measured-ingredients ul li
		{
			height:45px;
			line-height:45px;
		}

			.bagel .measured-ingredients ul li:nth-child(1)	{	margin-right:57px;	}
			.bagel .measured-ingredients ul li:nth-child(1):before
			{
				content:url('../images/ingredients/bagel_ingredients_1.png');
				top:5px;
				right:-50px;
			}

			.bagel .measured-ingredients ul li:nth-child(2)	{	margin-right:85px;	}
			.bagel .measured-ingredients ul li:nth-child(2):before
			{
				content:url('../images/ingredients/bagel_ingredients_2.png');
				top:-5px;
				right:-40px;
			}

			.bagel .measured-ingredients ul li:nth-child(3)	{	margin:10px 55px 25px 0px; line-height: 16px;	}
			.bagel .measured-ingredients ul li:nth-child(3):before
			{
				content:url('../images/ingredients/bagel_ingredients_3.png');
				top:10px;
				right:-45px;
			}

			.bagel .measured-ingredients ul li:nth-child(4)	{	margin-right:105px;	}
			.bagel .measured-ingredients ul li:nth-child(4):before
			{
				content:url('../images/ingredients/bagel_ingredients_4.png');
				top:0px;
				right:-35px;
			}

			.bagel .measured-ingredients ul li:nth-child(5)	{	margin:5px 55px 0px 0px; line-height: 16px;	}
			.bagel .measured-ingredients ul li:nth-child(5):before
			{
				content:url('../images/ingredients/bagel_ingredients_5.png');
				top:-30px;
				right:-45px;
			}

.bagel .toppings
{
	width:230px;
	height:300px;
	margin:50px 5px 0px 0px;
}

.bagel .toppings:before
{
	content:"מרכיבים לציפוי:";
	font-size:21px;
	position:absolute;
	top:13px;
	right:13px;
}

	.bagel .toppings ul
	{
		height:250px;
		margin:50px 0px 0px 0px;
	}

		.bagel .toppings ul li
		{
			height:45px;
			line-height:45px;
		}

			.bagel .toppings ul li:nth-child(1)	{	margin-right:50px;	}
			.bagel .toppings ul li:nth-child(1):before
			{
				content:url('../images/ingredients/bagel_topping_1.png');
				top:10px;
				right:-30px;
			}

			.bagel .toppings ul li:nth-child(2)	{	margin-right:100px;	}
			.bagel .toppings ul li:nth-child(2):before
			{
				content:url('../images/ingredients/bagel_topping_2.png');
				top:5px;
				right:-60px;
			}

			.bagel .toppings ul li:nth-child(3)	{	margin-right:50px;	}
			.bagel .toppings ul li:nth-child(3):before
			{
				content:url('../images/ingredients/bagel_topping_3.png');
				top:0px;
				right:-30px;
			}

			.bagel .toppings ul li:nth-child(4)	{	margin-right:100px;	}
			.bagel .toppings ul li:nth-child(4):before
			{
				content:url('../images/ingredients/bagel_topping_4.png');
				top:0px;
				right:-45px;
			}

.bagel .tools-to-use
{
	width:230px;
	height:300px;
	margin:50px 5px 0px 0px;
}

	.bagel .tools-to-use ul
	{
		height:250px;
		margin:50px 0px 0px 0px;
	}

		.bagel .tools-to-use ul li
		{
			height:45px;
			line-height:45px;
		}

			.bagel .tools-to-use ul li:nth-child(1)	{	width:170px; margin-right:60px; line-height:16px;	}
			.bagel .tools-to-use ul li:nth-child(1):before
			{
				content:url('../images/process/bagel_tools_1.png');
				top:-5px;
				right:-50px;
			}

			.bagel .tools-to-use ul li:nth-child(2)	{	margin-right:85px;	}
			.bagel .tools-to-use ul li:nth-child(2):before
			{
				content:url('../images/process/bagel_tools_2.png');
				top:10px;
				right:-80px;
			}

			.bagel .tools-to-use ul li:nth-child(3)	{	margin-right:95px;	}
			.bagel .tools-to-use ul li:nth-child(3):before
			{
				content:url('../images/process/bagel_tools_3.png');
				top:10px;
				right:-85px;
			}


/* MIX */
.mix .measured-ingredients
{
	width:465px;
	height:300px;
	margin:50px 25px 0px 0px;
}

.mix .measured-ingredients:before
{
	content:"מרכיבים (ל– 5-4 אנשים):";
}

	.mix .measured-ingredients ul
	{
		width:50%;
		height:255px;
		margin:45px 0px 0px 0px;
		float:right;
	}

		.mix .measured-ingredients ul li
		{
			height:35px;
			line-height:35px;
		}

			.mix .measured-ingredients ul:first-child li:nth-child(1)	{	margin-right:60px;	}
			.mix .measured-ingredients ul:first-child li:nth-child(1):before
			{
				content:url('../images/ingredients/mix_ingredients_1.png');
				top:5px;
				right:-50px;
			}

			.mix .measured-ingredients ul:first-child li:nth-child(2)	{	margin-right:80px;	}
			.mix .measured-ingredients ul:first-child li:nth-child(2):before
			{
				content:url('../images/ingredients/mix_ingredients_2.png');
				top:5px;
				right:-42px;
			}

			.mix .measured-ingredients ul:first-child li:nth-child(3)	{	margin-right:60px;	}
			.mix .measured-ingredients ul:first-child li:nth-child(3):before
			{
				content:url('../images/ingredients/mix_ingredients_3.png');
				top:4px;
				right:-47px;
			}

			.mix .measured-ingredients ul:first-child li:nth-child(4)	{	margin-right:80px;	}
			.mix .measured-ingredients ul:first-child li:nth-child(4):before
			{
				content:url('../images/ingredients/mix_ingredients_4.png');
				top:5px;
				right:-45px;
			}
			.mix .measured-ingredients ul:first-child li:nth-child(5)	{	width:200px; margin:20px 15px 0px 0px; line-height: 16px;	}

			.mix .measured-ingredients ul:last-child li:nth-child(1)	{	margin-right:35px;	}
			.mix .measured-ingredients ul:last-child li:nth-child(1):before
			{
				content:url('../images/ingredients/mix_ingredients_5.png');
				top:-5px;
				right:-40px;
			}

			.mix .measured-ingredients ul:last-child li:nth-child(2)	{	margin-right:70px;	}
			.mix .measured-ingredients ul:last-child li:nth-child(2):before
			{
				content:url('../images/ingredients/mix_ingredients_6.png');
				top:-5px;
				right:-35px;
			}

			.mix .measured-ingredients ul:last-child li:nth-child(3)	{	margin-right:35px;	}
			.mix .measured-ingredients ul:last-child li:nth-child(3):before
			{
				content:url('../images/ingredients/mix_ingredients_7.png');
				top:-5px;
				right:-35px;
			}

			.mix .measured-ingredients ul:last-child li:nth-child(4)	{	margin-right:70px;	}
			.mix .measured-ingredients ul:last-child li:nth-child(4):before
			{
				content:url('../images/ingredients/mix_ingredients_8.png');
				top:0px;
				right:-30px;
			}

			.mix .measured-ingredients ul:last-child li:nth-child(5)	{	margin-right:35px;	}
			.mix .measured-ingredients ul:last-child li:nth-child(5):before
			{
				content:url('../images/ingredients/mix_ingredients_9.png');
				top:-20px;
				right:-35px;
			}
			.mix .measured-ingredients ul:last-child li:nth-child(6)	{	width:240px; margin:20px -5px 0px 0px; line-height: 16px;	}

.mix .tools-to-use
{
	width:230px;
	height:300px;
	margin:50px 5px 0px 0px;
}

	.mix .tools-to-use ul
	{
		height:225px;
		margin:75px 0px 0px 0px;
	}

		.mix .tools-to-use ul li
		{
			height:45px;
			line-height:45px;
		}

			.mix .tools-to-use ul li:nth-child(1)	{	margin-right:55px; line-height:16px;	}
			.mix .tools-to-use ul li:nth-child(1):before
			{
				content:url('../images/process/mix_tools_1.png');
				top:-23px;
				right:-45px;
			}

			.mix .tools-to-use ul li:nth-child(2)	{	margin-right:100px;	}
			.mix .tools-to-use ul li:nth-child(2):before
			{
				content:url('../images/process/mix_tools_2.png');
				top:-2px;
				right:-75px;
			}

			.mix .tools-to-use ul li:nth-child(3)	{	margin-right:85px;	}
			.mix .tools-to-use ul li:nth-child(3):before
			{
				content:url('../images/process/mix_tools_3.png');
				top:5px;
				right:-60px;
			}







.tools-to-use
{

}

.step-by-step
{

}

.step-by-step ol.precautions
{
	padding-right:55px;
	padding-left:120px;
	position:relative;
	margin-top:50px;
}

.step-by-step ol.precautions:before
{
	content:"שתי הערות חשובות:";
	margin-top:-50px;
	margin-right:-42px;
	float:right;
}

.step-by-step ol.precautions li
{
	font-family: Arial;
	font-size:16px;
	line-height:20px;
	margin-bottom:15px;
}

.step-by-step ol:not(.precautions)
{
	list-style-type: none;
     
    margin: 0px 0px 0px 0px;
    padding: 50px 0px 0px 0px;
     
    counter-reset: li-counter;
}

.step-by-step ol:before , .step-by-step ol:after
{
	height:50px;
	line-height:50px;
	font-family:SpacerBold, Arial;
	font-size:21px;
	color:#2486c7;
	display:block;
}

.step-by-step ol:not(.precautions):before
{
	content:"הוראות הכנה:";
	padding-right:13px;
	margin-top:-50px;
	float:right;
}

.step-by-step ol:not(.precautions):after
{
	content:"בתיאבון!";
	padding-left:35px;
	float:left;
}

.step-by-step ol:not(.precautions) li
{
	font-family:Arial;
	font-size: 16px;
	padding: 20px 55px 20px 130px;
	border-top:1px #d0d7d3 solid;
	line-height:25px;
	position: relative;
}

.step-by-step ol:not(.precautions) li:last-child
{
	border-bottom:1px #d0d7d3 solid;
}

.step-by-step ol:not(.precautions)  li:before 
{
	width: 28px;
    height: 28px;
	font-family:SpacerRegular, Arial;
	font-size: 19px;
    line-height: 29px;
    text-align: center;
    color: #ffffff;
	border-radius: 50%;
    background-color: #2486c7;
	
	content: counter(li-counter);
    counter-increment: li-counter;
	
    position: absolute;
    top: 50%;
	right: 11px;
    margin-top:-14px;
}

.step-by-step ol:not(.precautions) li:after
{
	position:absolute;
}

.step-by-step ol + span
{
	display: inline-block;
	margin: 13px 55px 0px 0px;
}

.kugel .step-by-step ol li:nth-child(1):after
{
	content:url('../images/process/kugel_process_1.png');
	top:15px;
	left:40px;
}
.kugel .step-by-step ol li:nth-child(2):after
{
	content:url('../images/process/kugel_process_2.png');
	top:20px;
	left:30px;
}

.kugel .step-by-step ol li:nth-child(3)	{	padding:25px 55px 25px 120px;	}
.kugel .step-by-step ol li:nth-child(3):after
{
	content:url('../images/process/kugel_process_3.png');
	top:5px;
	left:40px;
}
.kugel .step-by-step ol li:nth-child(4):after
{
	content:url('../images/process/kugel_process_4.png');
	top:25px;
	left:35px;
}
.kugel .step-by-step ol li:nth-child(5):after
{
	content:url('../images/process/kugel_process_5.png');
	top:10px;
	left:30px;
}
.kugel .step-by-step ol li:nth-child(6):after
{
	content:url('../images/process/kugel_process_6.png');
	top:38px;
	left:35px;
}
.kugel .step-by-step ol li:nth-child(7):after
{
	content:url('../images/process/kugel_process_7.png');
	top:58px;
	left:35px;
}


.bagel .step-by-step ol li:nth-child(1):after
{
	content:url('../images/process/bagel_process_1.png');
	top:20px;
	left:45px;
}
.bagel .step-by-step ol li:nth-child(2):after
{
	content:url('../images/process/bagel_process_2.png');
	top:17px;
	left:40px;
}

.bagel .step-by-step ol li:nth-child(3):after
{
	content:url('../images/process/bagel_process_3.png');
	top:25px;
	left:35px;
}
.bagel .step-by-step ol li:nth-child(4):after
{
	content:url('../images/process/bagel_process_4.png');
	top:30px;
	left:30px;
}
.bagel .step-by-step ol li:nth-child(5):after
{
	content:url('../images/process/bagel_process_5.png');
	top:45px;
	left:35px;
}
.bagel .step-by-step ol li:nth-child(6):after
{
	content:url('../images/process/bagel_process_6.png');
	top:20px;
	left:27px;
}
.bagel .step-by-step ol li:nth-child(7):after
{
	content:url('../images/process/bagel_process_7.png');
	top:17px;
	left:35px;
}

.mix .step-by-step ol:not(.precautions) li:nth-child(1):after
{
	content:url('../images/process/mix_process_1.png');
	top:20px;
	left:35px;
}
.mix .step-by-step ol:not(.precautions) li:nth-child(2):after
{
	content:url('../images/process/mix_process_2.png');
	top:17px;
	left:35px;
}

.mix .step-by-step ol:not(.precautions) li:nth-child(3):after
{
	content:url('../images/process/mix_process_3.png');
	top:15px;
	left:30px;
}
.mix .step-by-step ol:not(.precautions) li:nth-child(4):after
{
	content:url('../images/process/mix_process_4.png');
	top:25px;
	left:30px;
}
.mix .step-by-step ol:not(.precautions) li:nth-child(5):after
{
	content:url('../images/process/mix_process_5.png');
	top:25px;
	left:30px;
}
/* MEAL PREPARING : END */


/* PRINT VERSION : START */
.print-version
{
	margin:0px;
	padding:0px;
	direction:rtl;
}

.print-version .cook-process
{	
	display:block;
	
	margin:auto;
	position:absolute;
	right:0;
	left:0;
}

.print-version .kugel .step-by-step ol li						{	padding: 14px 55px 14px 130px;	}
.print-version .kugel .step-by-step ol li:nth-child(1):after	{	top:5px;	}
.print-version .kugel .step-by-step ol li:nth-child(2):after	{	top:10px;	}
.print-version .kugel .step-by-step ol li:nth-child(3):after	{	top:5px;	}
.print-version .kugel .step-by-step ol li:nth-child(4):after	{	top:20px;	}
.print-version .kugel .step-by-step ol li:nth-child(5)			{	padding: 17px 55px 17px 130px;	}
.print-version .kugel .step-by-step ol li:nth-child(5):after	{	top:4px;	}
.print-version .kugel .step-by-step ol li:nth-child(6):after	{	top:30px;	}
.print-version .kugel .step-by-step ol li:nth-child(7):after	{	top:58px;	}

.print-version .bagel .step-by-step ol li						{	padding: 19px 55px 19px 130px;	}

.print-version .mix .step-by-step ol:not(.precautions) li						{	padding: 19px 55px 19px 130px;	}
.print-version .mix .step-by-step ol li:nth-child(1):after	{	top:17px;	}
.print-version .mix .step-by-step ol li:nth-child(2):after	{	top:15px;	}
.print-version .mix .step-by-step ol li:nth-child(3):after	{	top:12px;	}
.print-version .mix .step-by-step ol li:nth-child(4):after	{	top:23px;	}
.print-version .mix .step-by-step ol li:nth-child(5):after	{	top:22px;	}

/* PRINT VERSION : END */


.pass
{
	display:none;
	margin: -20px 0px 20px 0px;
	font-weight: bold;
}

.ui-draggable-dragging
{
	z-index:1000;
}

.ui-sortable-placeholder {
  display: inline-block;
	height: 1px !important;
	width:60px;
	
}


.over-ingredients
{
	z-index:0;
}




#tooltip 
{
	position: absolute;
	z-index: 3;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #888888;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #888888;
	background-color: #ffffdd;
	padding: 5px 10px;
	opacity: 0.95;
	max-width: 250px;
	font-size: 1em;
	color: #000000;
}