html {
	width:  100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body {
	font-family: sans-serif;
	background-color: #226558;
	color: #000000;
	font-size: 16px;
	width:  100%;
	height: 100%;
	margin: 0px;
    padding: 0px;
	
	overflow-x:hidden;
    overflow-y:hidden;
}

.nocanvas {
	width: 640px;
	height: 480px;
	line-height: 480px;
	color: #000000;
	font-size: 20px;
	background-color: #226558;
	z-index: 2;
	text-align:center;	
}

/*#canvasBack {
	z-index: 1;
	position: absolute;
	left: 0px;
	top: 0px;
}*/

#canvasMain {
	z-index: 2;
	position: absolute;
	left: 0px;
	top: 0px;
}

#beloteArea {
	margin: 0px;
    padding: 0px;
	width: 100%;
	height: 100%;
}

#msg {
	font-size: 16px;
	z-index: 3;
	position: absolute;
	left: 0px;
	top: 490px;
}

#txtlogin {
	font-size: 16px;
	z-index: 3;
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #ffffff;
	color: #000000;
}

#btnMenu {
	font-size: 18px;
	z-index: 3;
	position: absolute;
	left: 554px;
	top: 4px;
}

#btnSignIn {
	z-index: 3;
	position: absolute;
	left: 200px;
	top: 350px;
	
	width: 120px;
	height: 36px;
	line-height: 18px;
}

#btnConnect {	
	font-size: 18px;	
	z-index: 3;
	position: absolute;
	left: 200px;
	top: 350px;
	padding: 4px;
	width: 120px;
	height: 36px;
	line-height: 18px;
	text-align: center;
}

#btnPlay {
	font-size: 18px;
	z-index: 3;
	position: absolute;
	left: 200px;
	top: 300px;
	padding: 4px;
	width: 120px;
	height: 36px;
	line-height: 18px;
}

#btnContinue {
	font-size: 18px;
	z-index: 3;
	position: absolute;
	left: 200px;
	top: 350px;
	padding: 4px;
	width: 120px;
	height: 36px;
	line-height: 18px;
}

#btnQuit {
	font-size: 18px;
	z-index: 3;
	position: absolute;
	left: 200px;
	top: 350px;
	padding: 4px;
	width: 120px;
	height: 36px;
	line-height: 18px;
}

#buttonStartGame {
	font-size: 18px;
	z-index: 3;
	position: absolute;
	left: 300px;
	top: 350px;
	padding: 4px;
	width: 120px;
	height: 36px;
	line-height: 18px;
}

#buttonCancel {
	font-size: 18px;
	z-index: 3;
	position: absolute;
	left: 300px;
	top: 400px;
	padding: 4px;
	width: 120px;
	height: 36px;
	line-height: 18px;
}

#pageLoading {
	/*margin: 0px;
    padding: 8px;
	width: 100%;
	height: 100%;
	font-size: 24px;*/
	
	width: 640px;
	height: 480px;
	line-height: 480px;
	color: #000000;
	font-size: 20px;
	background-color: #226558;
	z-index: 2;
	text-align:center;
}

#createaccount {
	font-size: 12px;
	z-index: 3;
	position: absolute;
	left: 150px;
	top: 250px;
	padding: 4px;
	width: 200px;
	height: 32px;
	line-height: 16px;
}

#inputLogin {
	font-size: 18px;
	z-index: 3;
	position: absolute;
	left: 150px;
	top: 250px;
	padding: 4px;
	width: 200px;
	height: 32px;
	line-height: 16px;
}

#inputPassword {
	font-size: 18px;
	z-index: 3;
	position: absolute;
	left: 150px;
	top: 300px;
	padding: 4px;
	width: 200px;
	height: 32px;
	line-height: 16px;
}

#inputChat {
	font-size: 16px;
	background-color: #ffffff;
	color: #000000;
	z-index: 3;
	padding: 4px;
	width: 200px;
	position: absolute;
	left: 150px;
	top: 150px;
}