@charset "utf-8";

/*---------------------------------------------- 
R E S E T
------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size:100%;
	font-family: inherit;
	vertical-align: baseline;
	box-sizing:border-box;
	-moz-box-sizing:border-box;}
:focus {
	outline: 0;
}
body {
	background: transparent;}
ol, ul {
	list-style: none;}
table {
	border-collapse: separate;
	border-spacing: 0;}
caption, th, td {
	text-align: left;
	font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.clr {
	clear:both;
	height:0;
	width:0;
}

/*---------------------------------------------- 
C S S   S T A R T 
------------------------------------------------*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 300;
	color: #ffffff;}
a, button {
	background: transparent;
	outline: none; 
	text-decoration: none;
	webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}
a:active,
a:hover,
a:focus {
	outline: 0; 
	background: transparent;
	color: #121212;
	text-decoration: none;}
h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
}
.page {
	position:relative;
	overflow:hidden;
	width:248px;
	height:488px;
	background:url(../images/bg.jpg) no-repeat 0 0}
header, section, .container {
	display:block;
	position:relative}
/*---------------------------------------------- 
H E A D E R 
------------------------------------------------*/
.topheader, .content {
	width:100%}
.topheader {
	height:40px;
	overflow:hidden;
	position:relative;
	background:url(../images/headerBg.png) no-repeat 0 0}
.topheader .logo {
	width:207px;
	height:38px;
	position:absolute;
	left:10px;
	top:3px}
.topheader .balanceBar {
	width:20px;
	float:right}
.topheader .balanceBar ul li a {
	display:block;
	width:20px;
	height:20px}
.topheader .balanceBar ul li a.help{
	background:url(../images/help.png) no-repeat 0 0}
.topheader .balanceBar ul li a.sound{
	background:url(../images/sound.png) no-repeat 0 0}
/*---------------------------------------------- 
M A R Q U E E 
------------------------------------------------*/
.container div.marquee {
	height:14px;
	font-size:.7em;
	letter-spacing:1px;
	border-bottom:1px solid #526273;
	background:#0f1828 url(../images/marqueeBg.gif) repeat-x top;}	
/*---------------------------------------------- 
C O N T A I N E R   S E T T I N G 
------------------------------------------------*/

.container .containerLeft,
.container .containerCenter,
.container .containerRight {
	position:absolute;
	height:270px;
	width:100PX;
	top:30px}	
.container .containerLeft ul li,
.container .containerRight ul li {
	display:block;
	width:57px;
	height:74px;
	margin-bottom:15px}
.container .containerLeft ul li a span,
.container .containerRight ul li a span {
	position:relative;
	width:34px;
	height:34px;
	display:block;
	margin:0 auto;
	top:7px;
	*top:10px}
.topheader .balanceBar ul li a,
.container .containerLeft ul li input,
.container .containerRight ul li input,
.container .containerCenter ul li input,
.container .containerCenter ul li.mainCard,
.container .containerLeft ul li a,
.container .containerRight ul li a,
.container .containerCenter ul li.mainCard div,
.container .containerCenter ul li.mainCard span.poker,
.history .historyBox,
.history .historyBox ul li a.next,
.history .historyBox ul li a.pre,
footer.footerDigital .pot,
footer.footerDigital .stake,
footer.footerDigital .stake ul li a,
footer.footerDigital .betID,
footer.footerDigital button,
footer.footerDigital .collect,
footer.footerDigital .newGame {
	position:relative;
	z-index:1;
	behavior:url(PIE.htc);}
.container .containerLeft ul li input,
.container .containerRight ul li input,
.container .containerCenter ul li input,
.container .containerCenter ul li.mainCard {
	display:block;
	margin:3px auto;
	*margin:0 auto;
	text-align:center;
	line-height:22px;
	font-size:.8em;
	border-top:0;
	border-left:0;
	border-right:0;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;}
.container .containerLeft ul li input, 
.container .containerRight ul li input, 
.container .containerCenter ul li input,
.history .historyBox,
.footerDigital .pot,
.footerDigital .stake,
.footerDigital .betID  {
	width:100%;
	height:18px;	
	color:#e6cf8f;
	border-bottom:1px solid #526273;
	background:url(../images/inputBg-ie.gif) repeat-x top}
.history .historyBox{
	background:url(../images/historyBg-ie.gif) repeat-x top}
.footerDigital .pot,
.footerDigital .stake {
	background:url(../images/potStakeBg-ie.gif) repeat-x top}
.footerDigital .betID {
	background:url(../images/betIDBg-ie.gif) repeat-x top}
.container .containerLeft ul li a,
.container .containerCenter ul li a,
.container .containerRight ul li a
   {display:block;}
.container .containerLeft ul li a,
.container .containerRight ul li a {
	background:url(../images/containerBg.gif) repeat-x top;
	-webkit-border-radius:5px 7px 7px 6px;
	-moz-border-radius:5px 7px 7px 6px;
	border-radius:5px 7px 7px 6px;
	-moz-box-shadow:0px 4px 5px rgba(0,0,0,1),inset 0px 0px 10px rgba(255,255,255,0.6);
	-webkit-box-shadow:0px 4px 5px rgba(0,0,0,1),inset 0px 0px 10px rgba(255,255,255,0.6);
	box-shadow:0px 4px 5px rgba(0,0,0,1),inset 0px 0px 10px rgba(255,255,255,0.6);	
	width:48px;
	height:48px;
	margin:1px auto;
	*margin:3px auto;
	clear:both;}
.container .containerLeft ul li a:hover,
.container .containerRight ul li a:hover,
.history .historyBox ul li a.next:hover,
.history .historyBox ul li a.pre:hover,
footer.footerDigital .stake ul li a.up:hover, 
footer.footerDigital .stake ul li a.down:hover  {
	-moz-box-shadow:0px 0px 20px rgba(9,206,255,1),inset 0px 0px 10px rgba(255,255,255,1);
	-webkit-box-shadow:0px 0px 20px rgba(9,206,255,1),inset 0px 0px 10px rgba(255,255,255,1);
	box-shadow:0px 0px 20px rgba(9,206,255,1),inset 0px 0px 10px rgba(255,255,255,1);}
.topheader .balanceBar ul li a:hover {
	-moz-box-shadow:0px 0px 10px rgba(9,206,255,1);
	-webkit-box-shadow:0px 0px 10px rgba(9,206,255,1);
	box-shadow:0px 0px 10px rgba(9,206,255,1);}
/*---------------------------------------------- 
C O N T A I N E R L E F T
------------------------------------------------*/

.container .containerLeft {
	left:10px;
	width:56px}
.container .containerLeft ul li a span.blackSpades {
	background:url(../images/suits.png) no-repeat center -16px;}
.container .containerLeft ul li a span.blackClub {
	background:url(../images/suits.png) no-repeat center -73px;}
.container .containerLeft ul li a span.blackSquare {
	background:url(../images/suits.png) no-repeat center -131px;}
	
/*---------------------------------------------- 
C O N T A I N E R C E N T E R
------------------------------------------------*/

.container .containerCenter {
	left:73px;
	top:18px
	}
.container .containerCenter ul li a {
	width:100px;
	height:48px;}
.container .containerCenter ul li.hiBtn a {
	background:url(../images/centerBtn.png) no-repeat center top;}
.container .containerCenter ul li.hiBtn a:hover {
	background:url(../images/centerBtnHover.png) no-repeat center top;}
.container .containerCenter ul li.loBtn {
	position:relative;
	bottom:1px;
	*bottom:-6px;}
.container .containerCenter ul li.loBtn a {
	background:url(../images/centerBtn.png) no-repeat center bottom;}
.container .containerCenter ul li.loBtn a:hover {
	background:url(../images/centerBtnHover.png) no-repeat center bottom;}
.container .containerCenter ul li.mainCard {
	display:block;
	height:153px;}
.container .containerCenter ul li.mainCard span {
	display:block;}
.container .containerCenter ul li input {
	margin:0px auto;
	width:90px;
	height:18px;
	color:#e6cf8f;
	font-size:13px;
	border-bottom:1px solid #526273;}
.container .containerCenter ul li.mainCard div {
	width:90px;
	height:126px;
	margin:4px auto;
	*margin:2px auto;
	color:#e6cf8f;
	border-bottom:1px solid #798390;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	background: #060709;
	background: -moz-linear-gradient(top,  #060709 0%, #364650 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#060709), color-stop(100%,#364650)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #060709 0%,#364650 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #060709 0%,#364650 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #060709 0%,#364650 100%); /* W3C */}
.container .containerCenter ul li.mainCard span.poker {
	display:block;
	top:9px;
	width:78px;
	height:110px;
	margin:0 auto;
	background:#FFFFFF url(../images/poker.png) no-repeat center center;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0px 4px 5px rgba(0,0,0,1);
	-webkit-box-shadow:0px 4px 5px rgba(0,0,0,1);
	box-shadow:0px 4px 5px rgba(0,0,0,1);}
	
/*---------------------------------------------- 
C O N T A I N E R R I G H T 
------------------------------------------------*/
	
.container .containerRight {
	right:14px;
	width:56px
	}
.container .containerRight ul li a span.redHeart {
	background:url(../images/suits.png) no-repeat center -194px;}
.container .containerRight ul li a span.redDiamond {
	background:url(../images/suits.png) no-repeat center -250px;}
.container .containerRight ul li a span.redSquare {
	background:url(../images/suits.png) no-repeat center -314px;}
	
/*---------------------------------------------- 
H I S T O R Y
------------------------------------------------*/
.history{
	width:100%;
	position:absolute;
	left:-2px;
	top:335px;}
.history .historyBox{
	width:180px;
	height:54px;
	margin:0 auto;
	padding:4px 2px;
	border-bottom:1px solid #505d6b;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;}
.history .historyBox ul li {
	width:28px;
	height:46px;
	float:left;
	padding:3px;
	background:#000000;
	margin:0 2px}
.history .historyBox ul li a {
	display:block;
	overflow:hidden;
	width:100%;
	height:30px;
	background:#ffffff;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	}
.history .historyBox ul li a img {
	width:100%}
.history .historyBox ul li b {
	display:block;
	text-align:center;
	font-size:.6em;
	width:100%;
	font-weight:normal}
.history .historyBox ul li a.next,
.history .historyBox ul li a.pre{
	display:block;
	width:20px;
	height:47px;
	background:url(../images/historyBg.gif) repeat-x top;
	-moz-box-shadow:0px 0px 3px rgba(0,0,0,1),inset 0px 0px 3px rgba(255,255,255,0.3);
	-webkit-box-shadow:0px 0px 3px rgba(0,0,0,1),inset 0px 0px 3px rgba(255,255,255,0.3);
	box-shadow:0px 0px 3px rgba(0,0,0,1),inset 0px 0px 3px rgba(255,255,255,0.3);}
.history .historyBox ul li.Btn { background-color:transparent; width:20px;padding:0px;}
.history .historyBox ul li a.next{
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;}
.history .historyBox ul li a.pre{
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomright:5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;}
.history .historyBox ul li a.next span.triangle,
.history .historyBox ul li a.pre span.triangle{
	width: 0px;
	height: 0px;
	display:block;
	margin:0 auto;
	position:relative;
	top:17px;
	border-style: solid;}
.history .historyBox ul li a.next span.triangle{		
    border-width: 5px 7px 5px 0;
	border-color: transparent #000000 transparent transparent;}
.history .historyBox ul li a.pre span.triangle{	
    border-width: 5px 0 5px 7px;
	border-color: transparent transparent transparent #000000;}
/*---------------------------------------------------------- 
F O O T E R   :  P O T - S T A K E - B E T - I D - B U T T O N 
------------------------------------------------------------*/
footer.footerDigital {
	position:absolute;
	width:248px;
	height:95px;
	bottom:0;
	display:block;
	font-size:.75em
	}
footer.footerDigital .pot,
footer.footerDigital .stake {
	height:38px;
	*height:36px;
	padding:3px 0;
	text-align:center;
	float:left}
footer.footerDigital .pot strong,
footer.footerDigital .stake strong,
footer.footerDigital .betID strong {
	font-weight:bold;
	width:100%;
	text-align:center;
	color:#FFFFFF;	
	margin-right:20px}
footer.footerDigital .pot strong,
footer.footerDigital .stake strong {
	display:block;}
footer.footerDigital .pot {	
    width:98px;
   -webkit-border-radius: 0px 5px 0px 5px;
    -moz-border-radius: 0px 5px 0px 5px;
    border-radius: 0px 5px 5px 0px;
	z-index:999;}
footer.footerDigital .stake {
	width:140px;
	margin-left:10px;
	-webkit-border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
	z-index:999;}
footer.footerDigital .betID strong {
	display:inline;}
footer.footerDigital .stake span,
footer.footerDigital .stake ul {
	display:block;}
footer.footerDigital .stake span {
	width:100px;
	float:left}
footer.footerDigital .stake ul {
	float:right;
	position:relative;
	bottom:1px;
	z-index:99}
footer.footerDigital .stake ul li a {
	display:block;
	width:40px;
	height:17px;
	cursor:pointer;}
footer.footerDigital .stake ul li a.up {	
	background:url(../images/stakeBtn.gif) repeat-x top;
	-webkit-border-radius:4px 0 0 0;
	-moz-border-radius:4px 0 0 0;
	border-radius:4px 0 0 0;}
footer.footerDigital .stake ul li a.down {
	background:url(../images/stakeBtn2.gif) repeat-x top;
	-webkit-border-radius:0 0 0 4px;
	-moz-border-radius:0 0 0 4px;
	border-radius:0 0 0 4px;}
footer.footerDigital .stake ul li a.up span,
footer.footerDigital .stake ul li a.down span{
	width: 0px;
	height: 0px;
	display:block;
	position:relative;
	top:6px;
	left:38%;
	border-style: solid;}
footer.footerDigital .stake ul li a.up span{
	border-width: 0 5px 6px 5px;
	border-color: transparent transparent #000000 transparent;}
footer.footerDigital .stake ul li a.down span{
	border-width: 6px 5px 0 5px;
	border-color: #000000 transparent transparent transparent;}
footer.footerDigital .betID {	
	z-index:9;
	top:3px;
	*top:1.5px;
	width:177px;
	text-align:center;
	margin:0 auto;
	height:15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;}
footer.footerDigital button {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14pt;	
	letter-spacing:1px;
	color:#ffffff;
	font-weight:bold;
	border:0;
	-moz-text-shadow:0px -1px 1px rgba(145,145,145,1);
	-webkit-text-shadow:0px -1px 1px rgba(145,145,145,1);
	text-shadow:0px -1px 1px rgba(145,145,145,1);}
footer.footerDigital .collect,
footer.footerDigital .newGame{
	position:absolute;
	bottom:-6px !important;
	left:15%;
	display:block;
	width:177px;
	height:40px;
	padding-bottom:5px;
	text-align:center;
	cursor:pointer}
footer.footerDigital .collect{
	background:url(../images/collectBg.gif) repeat-x top;
	-moz-box-shadow:0px 0px 60px rgba(255,198,0,0.8),inset 0px 0px 3px rgba(255,255,255,0.4);
	-webkit-box-shadow:0px 0px 60px rgba(255,198,0,0.8),inset 0px 0px 3px rgba(255,255,255,0.4);
	box-shadow:0px 0px 60px rgba(255,198,0,0.8),inset 0px 0px 3px rgba(255,255,255,0.4);
	-webkit-border-radius: 10px 15px 0px 0px;
	-moz-border-radius: 10px 15px 0px 0px;
	border-radius: 10px 15px 0px 0px;}
footer.footerDigital .collect:hover {
	-moz-box-shadow:0px 0px 100px rgba(255,198,0,1),inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:0px 0px 100px rgba(255,198,0,1),inset 0px 0px 3px rgba(255,255,255,1);
	box-shadow:0px 0px 100px rgba(255,198,0,1),inset 0px 0px 3px rgba(255,255,255,1);}
footer.footerDigital .newGame{
	background:url(../images/newGame.gif) repeat-x top;
	-moz-box-shadow:0px 0px 60px rgba(9,206,255,1),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow:0px 0px 60px rgba(9,206,255,1),inset 0px 0px 3px rgba(255,255,255,0.5);
	box-shadow:0px 0px 60px rgba(9,206,255,1),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-border-radius: 10px 15px 0px 0px;
	-moz-border-radius: 10px 15px 0px 0px;
	border-radius: 10px 15px 0px 0px;}
footer.footerDigital .newGame:hover {
	-moz-box-shadow:0px 0px 100px rgba(9,206,255,1),inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:0px 0px 100px rgba(9,206,255,1),inset 0px 0px 3px rgba(255,255,255,1);
	box-shadow:0px 0px 100px rgba(9,206,255,1),inset 0px 0px 3px rgba(255,255,255,1);}