/* CSS Document */
body {  
	margin:0px;  
	padding:0px;  
	position:absolute;
	width:100%;
	height:100%;
	background:#000;
	font-family:Arial, Helvetica, sans-serif;
}  

#canvas
{  
margin:0;
padding:0; 
}  
#buttonClose
{
	position:absolute;
	right:10px;
	top:10px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:bold;
	text-shadow: 0px 0px 4px #000000;
	filter: dropshadow(color=#000000, offx=0, offy=0);
	cursor:pointer;
}
#buttonClose:hover
{
	color:#aaaaaa;
}
#selectPlayer, #EndGame, #contentVideo
{
	position:fixed;
	left:0%;
	top:0%;
	width:100%;
	height:100%;
	background:#4293b1;
	display:none;

}
#iframe
{
bottom: 10px;
position: absolute;
left: 100px;
top: 10px;
right:100px;
padding: 5px;
/* background: url(/web/20120922204248im_/http://www.twofingerz.com/images/transp.png) repeat; */
}
.houses
{
	position:fixed;
	left:0%;
	bottom:200px;
	width:100%;
	height:231px;
	/* background-image:url(/web/20120922204248im_/http://www.twofingerz.com/images/orizzonte.png); */
	background-repeat:repeat-x;
	background-position:bottom left;
}
.wallBackground
{
	position:fixed;
	left:0%;
	bottom:0%;
	width:100%;
	height:200px;
	background:#15495e;
}
#buttons
{
	z-index:auto;
	position:relative;
}
#buttons input, #buttons button
{
	font-family:'Bebas Neue', sans-serif;
	color:#FFFFFF;
	font-size:20px;
	margin-bottom:10px;
	position:relative;
	border: solid 1px black !important;
	text-align:center;
}
.buttons
{
	margin:0;
	padding:0;
	border:0;
	background:#4293b1;
	padding:5px; 
}
.buttons:hover
{
	background:#15495e;
}
#contentPlayers
{
	position:relative;
	width:100%;
	height:400px;
	text-align:center;
}
.player
{
	cursor:pointer;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 1);
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 1);
	background:#FFF;
	position:relative;
	width:250px;
	height:400px;
	display:none;
	overflow:hidden;
	margin:0;
	margin-left:10px;
	margin-right:10px;
	padding:0;
}
.avatar
{
	position:absolute;
	left:10px;
	top:10px;
	right:10px;
	bottom:60px;
	background:#000000;
	overflow:hidden;
}
.avatar img
{
	height:100%;
	width:100%;
	position:relative;
	opacity:0.5;
}
.caption
{
	position:absolute;
	bottom:10px;
	left:0px;
	right:0px;
	height:40px;
	background:#CCCCCC;
}
.locked .caption
{
	background:#970000;
}
.caption p
{
	font-size:36px;
	line-height:36px;
	position:absolute;
	width:100%;
	font-family:'Bebas Neue', sans-serif;
}
#colorPlayer
{
	display:none;
	position:relative;
	width:100%;
	height:400px;
	text-align:center;
}
#scores
{
	position:relative;
	width:640px;
	border-bottom:solid 1px #FFFFFF;
	max-height:400px;
	overflow-x:hidden;
	overflow-y:auto;
	font-family: 'Bebas Neue', sans-serif;
}
.rowScore
{
display: block;
position: relative;
width: 600px;
border-bottom: dotted 3px white;
color: white;
height: 40px;
font-family: 'Bebas Neue', sans-serif;
}
.score
{
display: block;
float: right;
line-height: 40px;
font-size: 30px;
}
.user
{
display: block;
float: left;
line-height: 40px;
font-size: 30px;
}
#time
{
	position:fixed;
	display:block;
	font-family: 'Bebas Neue', sans-serif;
	background:#000;
	color:#FFFFFF;
	border:solid 1px #15495e;
	display:block;
	padding:4px;
	display:none;
}
.limit
{
	position:absolute;
	left:0px;
	top:20px;
	font-family: 'Bebas Neue', sans-serif;
	text-align:center;
	width:100%;
	line-height:40px;
	font-size:40px;
	color:#FFF;
}