/* 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 { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
div, header, nav, footer { display: block; }
a:focus { outline: none; }

body { -webkit-text-stroke:1px transparent; }
@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}


/* Blackjack */
body {
	background: rgb(0,0,0);
	margin: 0;
}

div.container {
	height: 760px;
}

div.content {
	position: relative;
	background: url(/img/promos/blackjack/blackjack-sprites.png) top center no-repeat;
	width: 760px;
	height: 166px;
	margin: 0 auto;
}


div.overlay {
	position: absolute;
	top: 230px;
	left: 50%;
	background: url(/img/promos/blackjack/blackjack-sprites.png);
	background-position: 0 -166px;
	width: 260px;
	height: 260px;
	margin: 0 0 0 -130px;
}

div#game {
	border: 1px solid rgb(33,33,33);
	position: absolute;
	top: 166px;
	width: 500px;
	height: 380px;
}

div#game .copy {
	position: absolute;
	top:  310px;
	left: 250px;
	width: 260px;
	color: rgb(130,130,130);
	font: 12px/16px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-align: center;
}

div#game .copy span {
	color: rgb(100,100,100);
	font-style: italic;
}

.bonuscode {
	color: rgb(130,130,130);
	font: 11px/14px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-align: center;
	position: absolute;
	top: 178px;
	left: 50%;
	width: 187px;
	height: 50px;
	margin: 0 0 0 -93px;
}

.overlay .bonuscode {
	top: 140px;
}

.bonuscode span {
	color: rgb(170,170,170);
	letter-spacing: 1px;
}

.platform {
	color: rgb(130,130,130);
	font: 12px/16px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	width: 100%;
	position: absolute;
	top: 620px;
	text-align: center;
}

p.terms {
	color: rgb(120,120,120);
	font: 12px/16px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	width: 100%;
	position: absolute;
	top: 620px;
	text-align: center;
}

p.terms span {
	letter-spacing: 1px;
}

p.terms a {
	color: rgb(90,90,90);
	text-decoration: none;
}
p.terms a:hover {
	text-decoration: underline;
}

div.terms {
	border: 1px solid rgb(30,30,30);
	display: none;
	background: rgb(10,10,10);
	font: 12px/16px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	width: 600px;
	padding: 0;
	margin: 510px auto 10px;
}

div.terms ul {
	color: rgb(90,90,90);
}

div.terms li {
	border-top: 1px solid rgb(30,30,30);
	padding: 1em 20px;
}

div.terms a {
	display: block;
	color: rgb(90,90,90);
	text-align: center;
	padding: 10px 20px;
}