@charset "UTF-8";


/* field */
.ping-pong {

	/*width: 50%;
	height: 400px;

	background: #444;

	margin-left: auto;
	margin-right: auto;

	border: 2px solid #ccc;

	-webkit-box-shadow: #444 2px 2px 2px;
    -moz-box-shadow: #444 2px 2px 2px;

	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;*/
}

.pp-field-focus {
	/*border: 2px solid #c10000 !important;*/
}


/* focus element */

.pp-focus {
	position: absolute;
	left: -10000px;
	top: 0;
}




/* rackets */

.pp-racket {
	position: absolute;
	-webkit-box-shadow: #000 1px 1px 2px;
    -moz-box-shadow: #000 1px 1px 2px;
}

.pp-racket-left {
	width: 20px;
	height: 200px;
}

.pp-racket-right {
	width: 20px;
	height: 200px;
}

.pp-racket-top {
	width: 200px;
	height: 20px;
}

.pp-racket-bottom {
	width: 200px;
	height: 20px;
}

.pp-racket-auto {
	background: #ff0000;
}

.pp-racket-manual {
	background: #fff;
}

/* score */

.pp-score {
	position: absolute;
}

.pp-score-player {
	float: left;
	width: 100px;
	height: 100px;
	color: #fff;
}


/* balls */


.pp-ball {
	position: absolute;
	width: 20px;
	height: 20px;
	background: #fff;

	-webkit-box-shadow: #000 1px 1px 2px;
    -moz-box-shadow: #000 1px 1px 2px;
}

.pp-ball-moving { }

.pp-ball-distracting {
	background: #ccc;
}

.pp-ball-frombot {
	background: #ff0000;
}

.pp-ball-fromplayer {
	background: #ffffff;

}



/* Status */


.pp-left-life-container {

}

.pp-right-life-container {

}

.pp-top-life-container {

}

.pp-bottom-life-container {

}


.pp-bot-life {
	width: 70px;
	height: 70px;
	float: left;
	background: url(left.png) no-repeat;
}

.pp-player-life {
	width: 70px;
	height: 70px;
	float: right;
	background: url(right.png) no-repeat;
}

.pp-bot-life-fired {
	background: url(left-fired.png) no-repeat;
}

.pp-player-life-fired {
	background: url(right-fired.png) no-repeat;
}






.pp-bot-life-1 {

}

.pp-player-life-1 {

}

.pp-bot-life-1-fired {

}

.pp-player-life-1-fired {

}


.pp-score-top {}
.pp-score-left { clear: both; }
.pp-score-right {}
.pp-score-bottom { clear: both; }



.pp-score-right.pp-score-0 { background: url(/i/0-white.gif); background-repeat:no-repeat; }
.pp-score-right.pp-score-1 { background: url(/i/1-white.gif); background-repeat:no-repeat; }
.pp-score-right.pp-score-2 { background: url(/i/2-white.gif); background-repeat:no-repeat; }
.pp-score-right.pp-score-3 { background: url(/i/3-white.gif); background-repeat:no-repeat; }

.pp-score-left.pp-score-0 { background: url(/i/0-red.gif); background-repeat:no-repeat; }
.pp-score-left.pp-score-1 { background: url(/i/1-red.gif); background-repeat:no-repeat; }
.pp-score-left.pp-score-2 { background: url(/i/2-red.gif); background-repeat:no-repeat; }
.pp-score-left.pp-score-3 { background: url(/i/3-red.gif); background-repeat:no-repeat; }