body
{
	font-family: Arial;
	direction: rtl;
	text-align:right;
}


#game
{
	width: 100%;
	margin:10px auto 30px auto;
}

#game > h1
{
	margin: 0;
	text-align: center;
	color: #2da5f1;
}

#game-container
{
	width: 850px;
	height: 590px;
	margin:10px auto; 
	background-color: #dce6e8;

/*	border-radius: 5px;
	box-shadow: 0px -1px 2px 1px #ccc;	*/

	position:relative;

/*	opacity:0.5;	*/


}







/*	-- משובים --
   ------------------------------------------------------------------------ */

.feedback
{
	display:none;
	opacity:0;
}

.feedback.open
{
	display:block;
}




#instructions
{
	width:245px;	/* 330px */
	height:336px;	/* 336px */

	padding: 0 50px 0px 35px;
	background: url('../images/feedback/feedback_frame_big.png') no-repeat;
	position: absolute;
	top: 150px;
	left: 280px;
	z-index: 40;

/*	display:block;
	opacity:1;
*/
}

	#instructions > h2
	{
		color: #fd8503;
		margin: 0;
		padding: 0;
		width: 100%;
		text-align: right;
		font-weight:bold;

		font-size:26px;
		line-height:65px;
		margin-top:10px;
	}

	#instructions > p
	{
		font-size:15px;
		color:#191919;
		text-align:right;
		margin:0;
		padding:0;
		width:100%;
		line-height:22px;
	}


	button.play
	{
		width:75px;
		height:32px;
		border:0;
		padding:0;
		margin:0;
		background:url('../images/buttons/play.png') no-repeat;
		position:absolute;
		bottom:20px;
		left:130px;
		cursor:pointer;
	}


























#feedback-site
{
	width: 251px;	/* 313px */
	height: 415px;	/* 440px */
	padding: 0 31px 25px 31px;
	background: url('../images/feedback/feedback_frame_site.png') no-repeat;
	position: absolute;
	top: 105px;
	left: 290px;
	z-index: 40;
}

#feedback-site h2 , #feedback-site h4
{
	color: #1793e2;
	margin: 0;
	padding: 0;
	font-family: Arial;
	width: 100%;
	text-align: center;
	font-weight:bold;
}

#feedback-site h4
{
	font-size: 15px;
	line-height:16px;
	margin-top: 20px;
}

#feedback-site h2
{
	font-size:24px;
	line-height:25px;
}

#feedback-site .emotion
{
	height: 33px;
	padding-right: 35px;
	position: relative;
	line-height: 33px;
	margin-top: 15px;
}

.emotion:before
{
	width: 31px;
	height: 33px;
	display: block;
	content: "";
	position: absolute;
	top: 0px;
	right: -5px;
}

.emotion.positive:before
{
	background: url('../images/feedback/true.png') no-repeat;
}

.emotion.negative:before
{
	background: url('../images/feedback/false.png') no-repeat;
}

#site-fact
{
	width: 215px;
	padding-right: 35px;
	margin-bottom: 0;
	font-size: 15px;
	height: 70px;
	margin-top: 5px;
}

#site-score
{
	width: 215px;
	height:32px;
	padding-right: 35px;
	margin-top:8px;
}

#site-score > div
{
	width: 75px;
	height: 30px;
	background: #67b9ec;
	border: 1px #83a8bf solid;
	border-radius: 7px;
	box-shadow: inset 0px 1px 2px -1px #000;
	color: #ffffff;
	display: inline-block;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
	margin: 0px 5px auto auto;
	font-size: 19px;
	vertical-align: middle;
}

.feedback .close
{	
	background: url('../images/feedback/close_orange.png') no-repeat;
}

.close
{
	width: 39px;
	height: 39px;
	position: absolute;
	top: -10px;
	left: -10px;
	cursor: pointer;
}

#site-photo
{
	position: absolute;
	bottom: 30px;
	left: 30px;
	border: 6px #ffffff solid;
	box-shadow:0px 1px 3px 1px #ccc; 
}



#feedback-level
{
	width:245px;	/* 330px */
	height:282px;	/* 282px */

	padding: 0 50px 0px 35px;
	background: url('../images/feedback/feedback_frame_small.png') no-repeat;
	position: absolute;
	top: 150px;
	left: 280px;
	z-index: 40;



}

	#feedback-level > h2.emotion
	{
		color: #fd8503;
		margin: 26px 0 16px auto;
		padding: 0;
		padding-right: 35px;
		width: 100%;
		height:33px;
		text-align: right;
		font-weight:bold;

		font-size:26px;
		line-height:33px;

		position:relative;

	}

	#feedback-level > p
	{
		font-size:15px;
		color:#191919;
		text-align:right;
		margin:0;
		padding:0;
		width:100%;
		line-height:20px;
	}

.game-score
{
	width: 215px;
	height:32px;
	margin-top:25px;
	font-size:15px;
	
}

.game-score > div
{
	width: 75px;
	height: 30px;
	background: #67b9ec;
	border: 1px #83a8bf solid;
	border-radius: 7px;
	box-shadow: inset 0px 1px 2px -1px #000;
	color: #ffffff;
	display: inline-block;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
	margin: 0px 5px auto auto;
	font-size: 19px;
	vertical-align: middle;
}

	button.next-level
	{
		width:95px;
		height:32px;
		border:0;
		padding:0;
		margin:0;
		background:url('../images/buttons/next_step.png') no-repeat;
		position:absolute;
		bottom:20px;
		left:130px;
		cursor:pointer;
	}

	button.to-final
	{
		width:75px;
		height:34px;
		border:0;
		padding:0;
		margin:0;
		background:url('../images/buttons/forward.png') no-repeat;
		position:absolute;
		bottom:20px;
		left:130px;
		cursor:pointer;
		display:none;
	}

#feedback-final
{
	width:245px;	/* 330px */
	height:336px;	/* 336px */

	padding: 0 50px 0px 35px;
	background: url('../images/feedback/feedback_frame_big.png') no-repeat;
	position: absolute;
	top: 150px;
	left: 280px;
	z-index: 40;


}

	#feedback-final > h2.emotion
	{
		color: #fd8503;
		margin: 26px 0 16px auto;
		padding: 0;
		padding-right: 35px;
		width: 100%;
		height:33px;
		text-align: right;
		font-weight:bold;

		font-size:26px;
		line-height:33px;

		position:relative;

	}

	#feedback-final > p
	{
		font-size:15px;
		color:#191919;
		text-align:right;
		margin:0;
		padding:0;
		width:100%;
		height:40px;
		line-height:20px;
	}

	#feedback-final > .game-score
	{
		margin-top:15px;
	}

	button.new-game
	{
		width:94px;
		height:32px;
		border:0;
		padding:0;
		margin:0;
		background:url('../images/buttons/new_game.png') no-repeat;
		position:absolute;
		bottom:20px;
		left:130px;
		cursor:pointer;
	}

	#teasers
	{
		width:280px;
		height:95px;
		margin:15px -25px auto auto;
		background:#e5e9ee;
		box-shadow:1px 1px 1px 1px #b0b0b0 inset;

	}

	#teasers h6
	{
		padding:0;
		padding-right:15px;
		margin:0;
		font-family:Arial;
		font-size:14px;
		font-weight:normal;
		line-height:37px;
		height:37px;
		color:#072263;
	}

	.teaser
	{
		width:50px;
		height:50px;
		margin:0 15px;
		border:1px #d0d3d8 solid;
		border-radius:3px;
		box-shadow:0px 0px 1px 1px #c0c0c0;
		background:#f2f4f7;
		position:relative;
		float:right;
	}

	#teasers > a:last-child .teaser
	{
		margin:0px 65px 0px auto;
	}

	.teaser:before
	{
		content:"";
		width:40px;
		height:40px;
		position:absolute;
		top:5px;
		left:5px;
	}

	.teaser:after
	{
		position:absolute;
		top:2px;
		right:60px;
		font-family:Arial;
		font-size:14px;
		color:#072263;
		width:67px;
	}

	.teaser.dice:before		{	background-image:url('../images/feedback/dice_pic.png');	}
	.teaser.dice:after
	{
		content:"אלוף ירושלים";
		

	}

	.teaser.bus:before
	{
		background-image:url('../images/feedback/bus_pic.png');
	}
	.teaser.bus:after
	{
		content:"קפיצה לירושלים";
	}