/***************************************************************************
 ** Copyright 2012 © Microsoft Corporation. All Rights Reserved. 
 ** Demo Author: Tobin Titus, Microsoft Corporation
 ***************************************************************************/
 
.block {
	background-image: url("images/Metro/Brick2.png");
}

.noBlock {
	background-image: url("images/NoBrick.png");
}

.ball {
	background-image: url("images/Metro/BallBackground.png");
	width: 44px;
	height: 44px;
}

.ball .rotating { 
	background-image: url("images/Metro/BallRotating.png");
	height: 44px;
	width: 44px;
	border-radius: 22px;
	-ms-border-radius: 22px; 
	-webkit-border-radius: 22px; 
	-moz-border-radius: 22px;

	-ms-animation-duration: 2s;
	-ms-animation-name: rotateballIE;
	-ms-animation-iteration-count: infinite; 
	-ms-animation-direction: normal;
	-ms-animation-timing-function: linear;
}

.ball .reflection {
		background-image: url("images/Metro/BallReflection.png");
		height: 44px;
		width: 44px;
		border-radius: 22px;
		-ms-border-radius: 22px; 
		-webkit-border-radius: 22px; 
		-moz-border-radius: 22px;
		position:relative;
		top: -44px;
}

@-ms-keyframes rotateballIE {
	0% {  
		-ms-transform: rotate(0deg);
	}	  
	100% {  
		-ms-transform: rotate(359deg);
	}  	
}


.paddle  {
	width: 28px;
	height: 145px;
	position: absolute;
	left: 11px;
	top: 40%;
	background-color: #000000;
	-ms-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#leftPaddle {
	background-image: url('images/Metro/paddleLeft.png');
}

#rightPaddle {
	background-image: url('images/Metro/paddleRight.png');
}

#center  {
	width: 100%;
	height: 100%;
	background-image:url('images/Metro/background7.png');
	background-repeat:repeat;
	background-attachment:fixed;
	background-position: right bottom;
	background-size: 100%;
}

.score {
	color: rgb(0,130,135);
}