/* Reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img,iframe { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
a:focus, a:active { border:none; outline:none; }
section, header, nav, footer { display: block; }
body { -webkit-text-stroke:1px transparent; }
/*
@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 rgb(0,0,0);}}
*/

html {
	overflow: hidden;
	width: 100%;
	height: 100%;
	margin: 0;
}

body {
	color: rgb(68,68,68);
	background: rgb(0,0,0);
	font: 12px/14px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	width: 100%;
	height: 100%;
	margin: 0;
}

/* body.lobby */
body.lobby .container {
	position: absolute;
	width: 800px;
	height: 600px;
	top: 50%;
	left: 50%;
	margin: -300px 0 0 -400px;
	
}

div.lobby,
div.game {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

div#gameFlash,
div#lobbyFlash {
	width: 100%;
	height: 100%;	
}

div.game {
	background: url(http://files.lockcasino.com/casino/lobby/img/game-background.png);
	display: none;
}

div.game a.back,
div.game .username {
	color: rgb(80,80,80);
	font: 10px/22px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	position: absolute;
	top: 0;
}
div.game a.back {
	text-decoration: none;
	background: url(http://files.lockcasino.com/casino/lobby/img/lobby-sprites.png);
	background-position: -212px -56px;
	background-repeat: no-repeat;
	height: 20px;
	left: 5px;
	padding-left: 25px;
}
div.game a.back:hover {
	background-position: -212px -94px;
}
div.game .username {
	right: 10px;
}
div.game a.back span {
	display: none;
}

div.game .loading {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 50%;
	left: 50%;
	margin: 10px 0 0 -10px;
}

div.game #gameFlash {
	position: absolute;
	top: 30px;
	left: 15px;
	width: 770px;
	height: 556px;
}

/* body.cashier */
body.cashier .container {
	position: absolute;
	width: 800px;
	height: 600px;
	top: 50%;
	left: 50%;
	margin: -300px 0 0 -400px;
	
}


body.lobby .nav {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 800px;
	font: normal 11px/16px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin: -320px 0 0 -400px;
}

body.lobby .exit a {
	color: #666;
	text-decoration:none;
}
body.lobby .exit a:hover {
	text-decoration: underline;
}