@charset "utf-8";
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;
-webkit-box-sizing:border-box; 
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
}
:focus {
outline: 0;
}
body, div, a, p, ul, li, h1, h2, h3, h4, h5, td{
line-height: 1;
}
ol, ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
cellpadding: 0;
cellspacing: 0;
}
caption, th, td {
text-align: center;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
*{
-webkit-text-size-adjust:none;
  }
body{
	font-family: Arial;
	background: #4D4D4D;
}
a {transition: all .2s linear;}
/* ------------------------------------------
   clearing
------------------------------------------- */
.clr { clear:both; padding:0; margin:0; min-height:1px; zoom:1; height:1px}
.clearer { clear: both;}
.clear {display:inline-block;}
.clear:after {display:block;visibility:hidden;clear:both;height:0;content: ".";}
.transition {
    -webkit-transform: scale(1); 
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.mask {
	position:fixed;width:100%; height:500px; background-color:rgba(0,0,0,.7); z-index:102;}
.messagesBox {
	position:fixed;
	width:300px;
	height:142px;
	left:50%;
	margin-left:-150px;
	top:50%;
	margin-top:-70px;
	border-radius:10px;
background: #f4d185;
background: -moz-linear-gradient(top, #f4d185 0%, #f5e4be 20%, #fdce69 41%, #9f621d 68%, #7d542d 84%, #7c522d 93%, #ac7849 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #f4d185), color-stop(20%, #f5e4be), color-stop(41%, #fdce69), color-stop(68%, #9f621d), color-stop(84%, #7d542d), color-stop(93%, #7c522d), color-stop(100%, #ac7849));
background: -webkit-linear-gradient(top, #f4d185 0%, #f5e4be 20%, #fdce69 41%, #9f621d 68%, #7d542d 84%, #7c522d 93%, #ac7849 100%);
background: -o-linear-gradient(top, #f4d185 0%, #f5e4be 20%, #fdce69 41%, #9f621d 68%, #7d542d 84%, #7c522d 93%, #ac7849 100%);
background: -ms-linear-gradient(top, #f4d185 0%, #f5e4be 20%, #fdce69 41%, #9f621d 68%, #7d542d 84%, #7c522d 93%, #ac7849 100%);
background: linear-gradient(to bottom, #f4d185 0%, #f5e4be 20%, #fdce69 41%, #9f621d 68%, #7d542d 84%, #7c522d 93%, #ac7849 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4d185', endColorstr='#ac7849', GradientType=0 );
z-index:103;
text-align:center;
box-shadow: 
        inset 0 2px 5px rgba(255,255,255,0.1), 
        0 6px 6px rgba(0,0,0,0.9), 0 0 4px 1px rgba(0,0,0,0.9), 
        inset 0 5px 4px rgba(255,255,255,.2), 
        inset 0 -3px 2px rgba(63,32,11,1), 
        inset 0 -5px 8px rgba(105,57,7,1), 
        0 0 4px 1px rgba(0,0,0,.1), 0 3px 2px rgba(0,0,0,.9);
}
.messagesBox .messagesBoxInset {
	position: relative;
    left: 6px;
    top: 5px;
    display: block;
    width: 288px;
	height:129px;
	border-radius:7px;
	background: #a68253;
background: -moz-linear-gradient(top, #a78354 0%, #7f5633 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #a78354), color-stop(100%, #7f5633));
background: -webkit-linear-gradient(top, #a78354 0%, #7f5633 100%);
background: -o-linear-gradient(top, #a78354 0%, #7f5633 100%);
background: -ms-linear-gradient(top, #a78354 0%, #7f5633 100%);
background: linear-gradient(to bottom, #a78354 0%, #7f5633 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a78354', endColorstr='#7f5633', GradientType=0 );
box-shadow:
0px 2px 1px 0px #7d5930 inset,
0px 1px 0px 0px rgba(255, 255, 255, 0.7),
inset 0 0 15px rgba(0,0,0,.5);}
.messagesBox .messagesBoxInset ul {
	position: relative;
    display: block;
    left: 10px;
    top: 10px;
    width: 268px;
	height:110px;	
	background: #6a4a2d;
	border-radius:4px;
background: -moz-linear-gradient(top, #6a4a2d 0%, #523519 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #6a4a2d), color-stop(100%, #523519));
background: -webkit-linear-gradient(top, #6a4a2d 0%, #523519 100%);
background: -o-linear-gradient(top, #6a4a2d 0%, #523519 100%);
background: -ms-linear-gradient(top, #6a4a2d 0%, #523519 100%);
background: linear-gradient(to bottom, #6a4a2d 0%, #523519 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a4a2d', endColorstr='#523519', GradientType=0 );}
.messagesBox .messagesBoxInset ul li {
	width:78%; color:#ffffff; padding:7px 0; margin:0 auto;font-size:.8em;}
.messagesBox .messagesBoxInset ul li:nth-child(2) { border-bottom:1px solid #4d351e;}
.messagesBox .messagesBoxInset ul li:last-child { border-top:1px solid #866d56;}
.messagesBox .messagesBoxInset ul li h3 {
	color:#fff1c5;font-size:1.5em;}
.messagesBox .messagesBoxInset ul li.closeBtn {
	position: absolute;
    display: block;
	top:-5px;
	right:-3px;
	width:35px;
	height:35px;
	border-radius:5px;
	background-color:#9f7c4e;}
.messagesBox .messagesBoxInset ul li.closeBtn a {
	position:absolute;
	top:0;
    right:0;
    display: block;
    width: 30px;
    height: 31px;
    background: #cd1d19;
    border-radius: 3px;
    border: 1px solid #6f3723;
    font-size: 1.5em;
	font-weight:bold;
    line-height: 30px;
    box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.3),
 0px 2px 2px 0px rgba(255, 255, 255, 0.8) inset,
 0px -3px 2px 0px rgba(0, 0, 0, 0.5) inset;
 text-decoration:none;color:#ffffff;
 font-family: 'Happy Monkey', cursive;
}
.messagesBox .messagesBoxInset ul li.closeBtn a:focus{
	background: #aa1511;
	box-shadow:
	0px 2px 2px 0px rgba(0, 0, 0, 0.5) inset,
	0px 2px 2px 0px rgba(255, 255, 255, 0.5);
	color:#f4aba2;
	font-size:1.4em;
	transition: all .2s linear;}
.WoodBorder {
	position:fixed;
	bottom:-9%;
	width:100%;
	height:350px;
	z-index:103;background: url(../images/RouletteWoodBorder.png) no-repeat bottom center;
	background-size:700px auto;}
.WoodBorder svg.activeWin {
	position: absolute;
	left:50%;
	margin-left: -27px;
    top: 98px;
    background:none; 
    background-size: 100% 100%;}
.WoodBorder svg.activeWin image {
	 box-shadow: 0 0 20px #FFFF00;}

.ball {
	position: absolute;
	top: 50%;	
	left:50%;
	margin-left:-11px;
	width: 22px;
	height: 22px;
	border-radius: 70px;
	background: rgb(187,187,187);
	background: -moz-linear-gradient(top,  rgba(187,187,187,1) 0%, rgba(119,119,119,1) 99%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(187,187,187,1)), color-stop(99%,rgba(119,119,119,1)));
	background: -webkit-linear-gradient(top,  rgba(187,187,187,1) 0%,rgba(119,119,119,1) 99%);
	background: -o-linear-gradient(top,  rgba(187,187,187,1) 0%,rgba(119,119,119,1) 99%);
	background: -ms-linear-gradient(top,  rgba(187,187,187,1) 0%,rgba(119,119,119,1) 99%);
	background: linear-gradient(top,  rgba(187,187,187,1) 0%,rgba(119,119,119,1) 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#777777',GradientType=0 );
	box-shadow: inset 0 -5px 15px rgba(0,0,0,0.8), 
				inset -2px 10px 20px #ffffff, 
				0 0 1px #000;	
	z-index: 105;
}
.ball::after {
	content: "";
	width: 12px; 
	height: 8px; 
	position: absolute;
	left: 5px;
	top: 2px;
	z-index: 10;
	background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(247,247,247,1) 1%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(1%,rgba(247,247,247,1)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(247,247,247,1) 1%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(247,247,247,1) 1%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(247,247,247,1) 1%,rgba(255,255,255,0) 100%);
	background: linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(247,247,247,1) 1%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#00ffffff',GradientType=0 );
	border-radius: 40px / 20px;	
}
.ballShadow {
	position: absolute;
	top: 50%;	
	left:50%;
	margin-left:-11px;
	z-index: 10;
	width: 22px;
	height: 22px;
	background: rgba(20, 20, 20, .5);
	box-shadow: 0px 0 10px 5px rgba(20,20,20,.5);
	border-radius: 30px / 40px;	
	-webkit-transform: scaleY(.8);
	-moz-transform: scaleY(.8);
	-ms-transform: scaleY(.8);
	-o-transform: scaleY(.8);
	transform: scaleY(.8);
}
.wrapper{
	position: relative;
	width: 568px;
	height: 320px;
	overflow:hidden;
}
.header{
	position: relative;
	overflow:hidden;
	width: 100%;
	height: 42px;
	box-shadow:0 8px 10px rgba(0,0,0,.4);
	z-index:5;
}
.header a{
	float: left;
	width: 116px;
	height: 42px;
	border-right:1px solid #d9c09c;
	padding-left:23px;
	padding-top:12px;
	text-decoration:none;
}
.header a.historyBtn {
	border-left:1px solid #5a371e;
	background: url(../images/headerScoreCoffeeBg.gif) repeat-x top;
	background-size: 40px 42px;
	padding-left:17px;
	padding-top:12px;
	border-right: 1px solid #d9c09c;}
.header .rulesBox {
	}
.header div.headerScore {
	float: left;
	width: 51.7%;
	height: 42px;
	background: #f7d385;
background: -moz-linear-gradient(top, #f7d385 0%, #6a4119 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #f7d385), color-stop(100%, #6a4119));
background: -webkit-linear-gradient(top, #f7d385 0%, #6a4119 100%);
background: -o-linear-gradient(top, #f7d385 0%, #6a4119 100%);
background: -ms-linear-gradient(top, #f7d385 0%, #6a4119 100%);
background: linear-gradient(to bottom, #f7d385 0%, #6a4119 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7d385', endColorstr='#6a4119', GradientType=0 );
border-bottom:0.5px solid #684019;
}
.header div.headerScore ul {
	display:block;
	width: 95%;
	margin:0 auto;
	margin-top:5px;
	height:30px;
	background: url(../images/headerScoreBg.gif) repeat-x top;
	background-size: 40px 30px;
	border-radius:3px;
	box-shadow: 0px 1px 1px 0 #be8049, inset 0 0 5px #6f522a;}
.header div.headerScore ul li {
	float:left;
	background: url(../images/headerScoreInsetBg.gif) repeat-x top;
	background-size: 40px 22px;
	border-radius:3px;
	box-shadow: 0px 1px 1px 0 #be8049, inset 0 0 5px #6f522a;
	margin:1.5% 0 2% 2%;
	box-sizing:border-box;}
.header div.headerScore ul li:nth-child(1){
	width:50%;}
.header div.headerScore ul li:nth-child(2){
	width:21%;}
.header div.headerScore ul li:nth-child(3){
	width:21%;}
.header div.headerScore ul li p {
	height:17px;
	width:auto;
	color:#ffffff;
	font-size:.6em;
	margin-top:4px;
	font-weight:bold;}
.header div.headerScore ul li p.scoreLeft {
	float:left;
	margin-left:3px;
	color:#fff2c9;}
.header div.headerScore ul li p.scoreRight {
	float:right;
	margin-right:3px;
	color:#FFFFFF;
	font-weight: normal;}
.rulesBtn{
	width: 284px;
	height: 100%;
	background: url(../images/headerScoreCoffeeBg.gif) repeat-x top;
	background-size: 40px 42px;}
.header a span {
	position:relative;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	font-size:.9em;
	text-shadow:0 2px 3px rgba(0,0,0,.5),0px -1px 2px #cb9e80;}
.header a span::after {
	content: "";
    position: absolute;
	top:5px;
	right:-15px;
    width: 0;
    height: 0;
    box-sizing: border-box;    
    border: .3em solid black;
    border-color: transparent transparent #ffffff #ffffff;    
    transform-origin: 0 0;
    transform: rotate(-45deg);    
    box-shadow: -3px 2px 3px 0 rgba(0, 0, 0, 0.4);
	}
.rulesContent, .historyContent{
  position: absolute;
  top: 32px;
  width: 284px;
  height: 114px;
  background-size: 284px 114px;
  z-index: 200;
}
.rulesContent{
  line-height: 14px;
  font-size: 12px;
	color: #ebbca3;
	background: url(../images/rulesContent.png);
	text-shadow: 0 0 5px rgba(29,17,10,.31), 0 -1px rgba(29,17,10,.69);
  padding: 14px;
}
.historyContent{
	right: 0;
	background: url(../images/historyContent.png);
  padding: 0 12px;
}
.historyContentInner{
  margin: 6px -6px;
  width: 272px;
  height: 100px;
  background: url(../images/historyContentInner.png);
  background-size: 272px 100px;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -moz-overflow-scrolling: touch;
  -ms-overflow-scrolling: touch;
  -o-overflow-scrolling: touch;
}
.historyContentWrapper{
	width: 265px;
	height: 90px;
	margin: 4px auto 0;
  text-align: center;
  vertical-align: middle;
}
.historyContentWrapper th, .historyContentWrapper td {
  width: 24px;
  height: 34px;
  vertical-align: middle;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
}
.historyContentWrapper span{
  display: block;
  width: 24px;
  height: 34px;
  line-height: 18px;
}
.historyContentWrapper .red {color:#fe2727;}
.historyContentWrapper .white {color:#ffffff;}
.historyContentWrapper .yellow {color:#fff600;}
.historyContentWrapper .green {color:#36e25f;}
.historyBtn{
	height: 100%;
	background: url(../images/historyBtn.png) center center;
	background-size: 284px 32px;
}
.header a.closeBtn{
	float:right;
	height:42px;
	width:42px;
	background: #f5d48d;
	background: -moz-linear-gradient(top, #f5d48d 0%, #f4e4c0 20%, #f5de9b 44%, #845930 77%, #95643a 93%, #af7b4b 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #f5d48d), color-stop(20%, #f4e4c0), color-stop(44%, #f5de9b), color-stop(77%, #845930), color-stop(93%, #95643a), color-stop(100%, #af7b4b));
	background: -webkit-linear-gradient(top, #f5d48d 0%, #f4e4c0 20%, #f5de9b 44%, #845930 77%, #95643a 93%, #af7b4b 100%);
	background: -o-linear-gradient(top, #f5d48d 0%, #f4e4c0 20%, #f5de9b 44%, #845930 77%, #95643a 93%, #af7b4b 100%);
	background: -ms-linear-gradient(top, #f5d48d 0%, #f4e4c0 20%, #f5de9b 44%, #845930 77%, #95643a 93%, #af7b4b 100%);
	background: linear-gradient(to bottom, #f5d48d 0%, #f4e4c0 20%, #f5de9b 44%, #845930 77%, #95643a 93%, #af7b4b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5d48d', endColorstr='#af7b4b', GradientType=0 );
	border-left: 1px solid #58361d;
    box-shadow:inset 1px 2px 2px 0 rgba(255,255,255,1);
	padding-left:5px;
	padding-top:4px;
	font-family: 'Happy Monkey', cursive;
}
.header a.closeBtn span {
	display:block;
	width: 32px;
	height: 33px;
	background: #cd1d19;
	border-radius:3px;
	border: 1px solid #4d1e14;
	font-size:1.5em;
	line-height:31px;
	box-shadow:
0px 2px 2px 0px rgba(0, 0, 0, 0.3),
0px 2px 2px 0px rgba(255, 255, 255, 0.8) inset,
0px -3px 2px 0px rgba(0, 0, 0, 0.3) inset; }
.header a.closeBtn:focus span{
	background: #aa1511;
	box-shadow:
0px 2px 2px 0px rgba(0, 0, 0, 0.5) inset,
0px 2px 2px 0px rgba(255, 255, 255, 0.5);
color:#f4aba2;
font-size:1.4em;
	transition: all .2s linear;}
.header a.closeBtn span::after {
	display:none;}
.score{
	width: 100%;
	height: 32px;
	padding-top: 6px;
	background-color: #837f74;
	background-image: -webkit-linear-gradient(top, #f9d990, #82552e);
	background-image: -moz-linear-gradient(top, #f9d990, #82552e);
	background-image: -o-linear-gradient(top, #f9d990, #82552e);
	background-image: -ms-linear-gradient(top, #f9d990, #82552e);
	background-image: linear-gradient(to bottom, #f9d990, #82552e);
}
.scoreInner{
	margin: 0 auto;
	padding: 3px 4px;
	width: 558px;
	height: 20px;
	border-radius: 2px;
	background-color: rgba(106,69,40,.5);
	box-shadow: 1px 1px 1px rgba(255,255,255,.5), inset 1px 1px 3px rgba(0,0,0,.4);
}
.scoreInner span{
	position: relative;
	float: left;
	margin-right: 3px;
	height: 14px;
	border-radius: 2px;
	background-color: rgba(91,60,31,1);
}
.scoreInner span:last-child{margin-right: 0;}
.balance{width: 272px;}
.bet, .win{width: 136px;}
.scoreInner span p{
	padding: 0 6px;
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #fff2c8;
	line-height: 14px;
}
.scoreInner span p:nth-child(2){
	text-align: right;
	position: absolute;
	right: 0;
	color: #fff;
}
.content{
	position: relative;
	width: 100%;
	height: 320px;
	background: url(../images/rouletteGameTableBg.gif);
	box-shadow:inset 0 -40px 150px 70px rgba(0,0,0,.3);
}
.content .tableBorderPattern {
	width: 100%;
	height: 100%;
	background: url(../images/tableBorderPattern.png);
	background-size:100% 235px;	}
.gameContent .gameTableBorder {
	position: relative;
	top:10px;left:0px;
	width:850px;height:300px; 
	background: url(../images/RouletteGameTableBorder.png)repeat-x;
	background-size: 850px 300px; }
.gameContent .showBet {
	position: absolute;
	display:block;
    top: 152px;
    left: 7px;
    width: 40px;
    height: 75px;
    background: url(../images/showBetsBg.png) no-repeat 1px center;
    background-size: 37px 72px;
	border-radius:2px;
	box-shadow: 0 0 1px 2px rgba(255,255,255,.2);
	text-decoration:none;
	z-index:5;}
.gameContent .showBet:active {
	 background: url(../images/showBetsClickBg.png) no-repeat 1px center;
	 background-size: 37px 72px;}
.gameContent .showBet p {
	color:#ffffff;
	text-align:center;
	font-size:.7em;
	font-weight:bold;
	margin-top:8px;
	line-height:12px;}
.gameContent .showBet:active p {
	color:#000000;}
.gameContent .gameTableBorder ul {
	position:absolute;
	left: 58px;
	top:12px;
	width: 461px;
	height: 213px;
	border-radius:0 0 1px 1px;
	border:2px solid #69a995;
	box-shadow:0 0 10px rgba(0,0,0,.3);}
.gameContent .gameTableBorder ul {top:2px;}
.gameContent .gameTableBorder ul.oneToThirtySix li:first-child,
.gameContent .gameTableBorder ul.oneToThirtySix li:nth-child(13),
.gameContent .gameTableBorder ul.oneToThirtySix li:nth-child(25)  {
	border-left:none;}
.gameContent .gameTableBorder ul.oneToThirtySix li:nth-child(1),
.gameContent .gameTableBorder ul.oneToThirtySix li:nth-child(2),
.gameContent .gameTableBorder ul.oneToThirtySix li:nth-child(3),
.gameContent .gameTableBorder ul.oneToThirtySix li:nth-child(4),
.gameContent .gameTableBorder ul.oneToThirtySix li:nth-child(5),
.gameContent .gameTableBorder ul.oneToThirtySix li:nth-child(6),
.gameContent .gameTableBorder ul.oneToThirtySix li:nth-child(7),
.gameContent .gameTableBorder ul.oneToThirtySix li:nth-child(8),
.gameContent .gameTableBorder ul.oneToThirtySix li:nth-child(9),
.gameContent .gameTableBorder ul.oneToThirtySix li:nth-child(10),
.gameContent .gameTableBorder ul.oneToThirtySix li:nth-child(11),
.gameContent .gameTableBorder ul.oneToThirtySix li:nth-child(12)  {
	border-top:none;}
.gameContent .gameTableBorder ul li {
	position: relative;
	float:left;
	width: 8.33%;
    height: 20.2%;
	border-left:2px solid #6fb09b;
	border-top:2px solid #6fb09b;
	color:#ffffff;
	font-family: 'Old Standard TT', serif;
	font-size:1.3em;
	}/*
.gameContent .gameTableBorder ul.oneToThirtySix li.one,
.gameContent .gameTableBorder ul.oneToThirtySix li.four,
.gameContent .gameTableBorder ul.oneToThirtySix li.seven,
.gameContent .gameTableBorder ul.oneToThirtySix li.ten,
.gameContent .gameTableBorder ul.oneToThirtySix li.thirteen,
.gameContent .gameTableBorder ul.oneToThirtySix li.sixteen,
.gameContent .gameTableBorder ul.oneToThirtySix li.nineteen,
.gameContent .gameTableBorder ul.oneToThirtySix li.twentytwo,
.gameContent .gameTableBorder ul.oneToThirtySix li.twentyfive,
.gameContent .gameTableBorder ul.oneToThirtySix li.twentyeight,
.gameContent .gameTableBorder ul.oneToThirtySix li.thirtyone,
.gameContent .gameTableBorder ul.oneToThirtySix li.thirtyfour { border-bottom:1px solid #ffffff;}*/
.gameContent .gameTableBorder ul.zero li {
	width: 59px;
    height: 128px;}
.gameContent .gameTableBorder ul li a {
	position:absolute;
	display:block;
	width:100%;
	height:42px;
	opacity: 0.9;z-index:99;}
.gameContent .gameTableBorder ul.oneToThirtySix li a:hover {
	background: url(../images/RouletteGameTableOverBg.png)repeat-x;
	background-size:36px 42px;
	}
.gameContent .gameTableBorder ul.oneToThirtySix li:nth-child(25) a,
.gameContent .gameTableBorder ul.oneToThirtySix li:nth-child(26) a,
.gameContent .gameTableBorder ul.oneToThirtySix li:nth-child(27) a,
.gameContent .gameTableBorder ul.oneToThirtySix li:nth-child(28) a,
.gameContent .gameTableBorder ul.oneToThirtySix li:nth-child(29) a,
.gameContent .gameTableBorder ul.oneToThirtySix li:nth-child(30) a,
.gameContent .gameTableBorder ul.oneToThirtySix li:nth-child(31) a,
.gameContent .gameTableBorder ul.oneToThirtySix li:nth-child(32) a,
.gameContent .gameTableBorder ul.oneToThirtySix li:nth-child(33) a,
.gameContent .gameTableBorder ul.oneToThirtySix li:nth-child(34) a,
.gameContent .gameTableBorder ul.oneToThirtySix li:nth-child(35) a,
.gameContent .gameTableBorder ul.oneToThirtySix li:nth-child(36) a {
	height:40px;}
.gameContent .gameTableBorder ul li a:hover {
	background: url(../images/RouletteGameTableOverBg.png)repeat-x;}
.gameContent .gameTableBorder ul li strong {
	position: absolute;
	display:block;
	width:32px;
	height:33px;
	margin-top:4px;
	margin-left:2px;
	border-radius:100px;
	text-align:center;
	line-height:35px;
	font-weight:bold;
	letter-spacing:-1px;}
.gameContent .gameTableBorder ul li strong.oneToThirtySix {box-shadow: inset 1px 1px 0px rgba(255,255,255,.3), inset -1px 1px 1px rgba(0,0,0,.3);}
.gameContent .gameTableBorder ul li strong.redBox {
	background-color:#B3090B}
.gameContent .gameTableBorder ul li strong.blackBox {
	background-color:#000000}
.gameContent .gameTableBorder ul.zero {
	position:absolute;
	left:0;
	width:59px; height:130px;
	border:none;
	background: url(../images/RoulettezeroBg.png) no-repeat left top;
	background-size:59px 130px;
	box-shadow:none;}
.gameContent .gameTableBorder ul.zero li {
	 border:none;}
.gameContent .gameTableBorder ul.zero li a {
	position:relative;
	display:block;
	width:59px;
	height:128px;
	z-index:9;
	opacity: 0.8;
	transition: all 0s linear;}
.gameContent .gameTableBorder ul.zero li a.activeWin{
	background: url(../images/RoulettezeroHoverBg.png) no-repeat left top;
	background-size:59px 130px;}
.gameContent .gameTableBorder ul li strong.green {
	background-color:#3D9934;top: 50%;left:50%;width:32px; height:32px;line-height:35px;margin-left:-9px;margin-top:-14px;}
.gameContent .gameTableBorder ul.zero li a:hover {
	background:transparent url(../images/RouletteGameTableZeroOverBg.png) no-repeat center right; 
	background-size:59px 185px;}
.gameContent .gameTableBorder ul.twoToOne {
	position:absolute;
	left: 517px;
	top: 2px;
	width:41px;
	height: 130px;
	border-top: 2px solid #6fb09b;
	box-shadow:none;}
.gameContent .gameTableBorder ul.twoToOne li {
	width:105%; height:33.2%;border-left:none;border-right:none;border-left:none;background: url(../images/RoulettetwoToOne.png) no-repeat center center; background-size:25px 43px;}
.gameContent .gameTableBorder ul.twoToOne li:first-child{
	border-top:none;}
.gameContent .gameTableBorder ul.twoToOne li:first-child a {
	border-radius:0 8px 0 0px;}
.gameContent .gameTableBorder ul.twoToOne li:nth-child(3) a {
	border-radius:0 0 8px 0;height:60px;}
.gameContent .gameTableBorder ul.areaBetTop,
.gameContent .gameTableBorder ul.areaBetBottom {
	border-right:none;border-left:none;	width:54.0%;height:43px;border-top: 2px solid #6fb09b;border-bottom: 0;}
.gameContent .gameTableBorder ul.areaBetTop {	width:54.1%}
.gameContent .gameTableBorder ul.areaBetTop { margin-left:1px;top:130px;
    z-index: 3;}
.gameContent .gameTableBorder ul.areaBetTop li a.activeWin{
	background: url(../images/RouletteGameTableOverBg.png) no-repeat 3px 2px;
		background-size:148px 34px;}
.gameContent .gameTableBorder ul.areaBetTop li.second a.activeWin{
	background: url(../images/RouletteGameTableOverBg.png) no-repeat 2px 2px;
		background-size:147px 34px;}
.gameContent .gameTableBorder ul.areaBetTop li.third a.activeWin{
	background: url(../images/RouletteGameTableOverBg.png) no-repeat 2px 2px;
		background-size:146px 34px;}
.gameContent .gameTableBorder ul.areaBetTop li {
	width:33.3%;height:40px;border-top:none;}
.gameContent .gameTableBorder ul.areaBetTop li.first,
.gameContent .gameTableBorder ul.areaBetBottom li.first { border-left:none;}
.gameContent .gameTableBorder ul.areaBetTop li.third { border-right:none;}
.gameContent .gameTableBorder ul.areaBetTop li a{height:40px}
.gameContent .gameTableBorder ul.areaBetTop li strong,
.gameContent .gameTableBorder ul.areaBetBottom li strong
{ position:relative;display:block; margin:0 auto;left: auto;top:0;width:140px;font-weight:bold; font-size:1.1em; letter-spacing:1px; text-shadow:0 0 8px rgba(0,0,0,.7);line-height:38px;}
.gameContent .gameTableBorder ul.areaBetBottom li strong {width:auto; letter-spacing:0px;line-height:43px;}
.gameContent .gameTableBorder ul.areaBetBottom { border-bottom:none;margin-left: 0px;top: 170px;z-index: 3;}
.gameContent .gameTableBorder ul.areaBetBottom li,
.gameContent .gameTableBorder ul.areaBetBottom li a {height:41px}
.gameContent .gameTableBorder ul.areaBetBottom li {border-top:none;width:16.6%;height:41px;}
.gameContent .gameTableBorder ul.areaBetBottom li.even {width:16.9%;}
.gameContent .gameTableBorder ul.areaBetBottom li.first a { border-radius:0 0 0 10px}
.gameContent .gameTableBorder ul.areaBetBottom li.four {width:16.7%;	}
.gameContent .gameTableBorder ul.areaBetBottom li.last {width:16.5%;	}
.gameContent .gameTableBorder ul.areaBetBottom li.red a:hover {
	/*background-color:#ca860c; background-image:none;*/}
.gameContent .gameTableBorder ul.areaBetBottom li a.activeWin{
	    background: url(../images/RouletteGameTableOverBg.png) no-repeat 4px 2px;
		background-size:70px 37px;}
.gameContent .gameTableBorder ul.areaBetBottom li.even a.activeWin{
	    background: url(../images/RouletteGameTableOverBg.png) no-repeat 2px 2px;
		background-size:72px 37px;}
.gameContent .gameTableBorder ul.areaBetBottom li.red a.activeWin{
	    background: url(../images/RouletteGameTableOverBg.png) no-repeat 2px 2px;
		background-size:70px 37px;}
.gameContent .gameTableBorder ul.areaBetBottom li.black a.activeWin{
	    background: url(../images/RouletteGameTableOverBg.png) no-repeat 2px 2px;
		background-size:71px 37px;}
.gameContent .gameTableBorder ul.areaBetBottom li.five a.activeWin{
	 background: url(../images/RouletteGameTableOverBg.png) no-repeat 2px 2px;
		background-size:70px 37px;}
.gameContent .gameTableBorder ul.areaBetBottom li.last a.activeWin{
	 background: url(../images/RouletteGameTableOverBg.png) no-repeat 2px 2px;
		background-size:70px 37px;}
.gameContent .gameTableBorder ul.areaBetBottom li.red strong,
.gameContent .gameTableBorder ul.areaBetBottom li.black strong {
	position:absolute;
	display:block;}
.gameContent .gameTableBorder ul.areaBetBottom li.red strong.left{
	left:2px;
	top:1px;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-right: 43px solid #eb4731;
	border-bottom: 20px solid transparent;}
.gameContent .gameTableBorder ul.areaBetBottom li.red strong.right {
	height: 0;
	top:1px;
	right:2px;
	border-top: 20px solid transparent;
	border-left: 43px solid #eb4731;
	border-bottom: 20px solid transparent;}
.gameContent .gameTableBorder ul.areaBetBottom li.black strong.left{
	left:3px;
	top:1px;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-right: 43px solid #000000;
	border-bottom: 20px solid transparent;}
.gameContent .gameTableBorder ul.areaBetBottom li.black strong.right {
	height: 0;
	top:1px;
	right:3px;
	border-top: 20px solid transparent;
	border-left: 43px solid #000000;
	border-bottom: 20px solid transparent;}
.gameContent .gameTableBorder ul.areaBetBottom li.black a:hover {
	/*background-color:#8a770f; background-image:none;*/}
.gameContent .ConfirmBg {
	position:absolute;
	bottom:210px;
	right:18px;
	width:122px;height:194px;
	background: url(../images/RouletteConfirmBg.png) no-repeat center center;
	background-size:122px 194px;}
.gameContent .ConfirmBg ul li {
	 display:block;width:100%; height:65px;}
.gameContent .ConfirmBg ul li a {
	display:block;
	position:relative;
	left:18px;
	width:84px; height:62px;
	opacity:0.8;}
.gameContent .ConfirmBg ul li a:hover {opacity:1;}
.gameContent .ConfirmBg ul li.confirmBtn a {	
	top:20px;background: url(../images/RouletteConfirmBtnGreen.png) no-repeat center center;	background-size:84px 62px;
	}
.gameContent .ConfirmBg ul li.confirmBtn a:hover {
	top:20px;background: url(../images/RouletteConfirmBtnGreenActive.png) no-repeat center center;	background-size:84px 62px;
	}
.gameContent .ConfirmBg ul li.clearBetsBtn a {
	top:40px;background: url(../images/RouletteClearBtnRed.png) no-repeat center center;background-size:84px 62px;
	}
.gameContent .ConfirmBg ul li.clearBetsBtn a:hover {
	top:40px;background: url(../images/RouletteClearBtnRedActive.png) no-repeat center center;	background-size:84px 62px;
	}
.gameContent .ConfirmBg ul li.nonPress a {opacity:1; cursor:no-drop;}
.gameContent .ConfirmBg ul li.confirmBtn.nonPress a{	
	top:20px;background: url(../images/RouletteConfirmBtnGray.png) no-repeat center center;	background-size:84px 62px;
	}
.gameContent .ConfirmBg ul li.clearBetsBtn.nonPress a {
	top:40px;background: url(../images/RouletteClearBtnGray.png) no-repeat center center;background-size:84px 62px;
	}
	
.gameTableBorder ul.zero li ol li.ChipRed{background:url(../images/chipRed.png) no-repeat 0 0 !important; background-size:18px 19px !important;}
.gameTableBorder ul.zero li ol li.ChipBlue{background:url(../images/chipBlue.png) no-repeat 0 0 !important; background-size:18px 19px !important;}
.gameTableBorder ul.zero li ol li.ChipGreen{background:url(../images/chipGreen.png) no-repeat 0 0 !important; background-size:18px 19px !important;}
.gameTableBorder ul.zero li ol li.ChipBlack{background:url(../images/chipBlack.png) no-repeat 0 0 !important; background-size:18px 19px !important;}
.gameTableBorder ul.zero li ol li.ChipPurple{background:url(../images/chipPurple.png) no-repeat 0 0 !important; background-size:18px 19px !important;}
.gameTableBorder ul.zero li ol li.ChipGray{background:url(../images/RouletteChip_gray.png) no-repeat 0 0 !important; background-size:19px 18px !important;}
.gameTableBorder ul li ol.chips{ position:absolute;cursor:pointer;display: block;width: 19px;height: 19px;z-index: 8;border-radius:100px;}
.gameTableBorder ul li ol.chips.shadow{box-shadow: -2px 2px 7px rgba(0,0,0,.5);}
.gameTableBorder ul.zero li ol.chips {
	left: 46%;
    top: 44%;}
.gameTableBorder ul.zero li ol.chips {
	width: 19px;
    height: 19px;}
.gameTableBorder ul.areaBetTop li ol.chips { left:44%;top:23%;}
.gameTableBorder ul.areaBetBottom li ol.chips { left:38%;top:23%;}
.gameTableBorder ul li ol li {
	position:absolute !important;
    width: 19px !important;
    height: 19px !important;
    left:0;
	margin: 0;
    border-left: 0 !important;
    border-top: 0 !important;
    color: #ffffff;
    font-family: 'Domine', serif;
    font-size: 1.8em;
	border-radius:100px;
}
ol.chips .ChipRed{background:url(../images/chipRed.png) no-repeat 0 0 !important; background-size:19px 19px !important;}
ol.chips .ChipBlue{background:url(../images/chipBlue.png) no-repeat 0 0 !important; background-size:19px 19px !important;}
ol.chips .ChipGreen{background:url(../images/chipGreen.png) no-repeat 0 0 !important; background-size:19px 19px !important;}
ol.chips .ChipBlack{background:url(../images/chipBlack.png) no-repeat 0 0 !important; background-size:19px 19px !important;}
ol.chips .ChipPurple{background:url(../images/chipPurple.png) no-repeat 0 0 !important; background-size:19px 19px !important;}
ol.b142,ol.b143,ol.b144{top:27%;left:15%}ol.b143{z-index:99999}ol.b139,ol.b140,ol.b141{top:35%;left:40%}ol.b145,ol.b149,ol.b147,ol.b148,ol.b150,ol.b146{top:35%;left:35%}ol.b95,ol.b4,ol.b5,ol.b1069,ol.b39,ol.b40{left:25%}ol.b155,ol.b37,ol.b106,ol.b108,ol.b110,ol.b43,ol.b112,ol.b45,ol.b114,ol.b47,ol.b116,ol.b49,ol.b118,ol.b51,ol.b120,ol.b53,ol.b55,ol.b57,ol.b126,ol.b59,ol.b39,ol.b41,ol.b122,ol.b124{top:76%}ol.b107,ol.b156,ol.b111,ol.b158,ol.b44,ol.b113,ol.b46,ol.b115,ol.b48,ol.b117,ol.b50,ol.b119,ol.b52,ol.b121,ol.b54,ol.b123,ol.b56,ol.b125,ol.b58,ol.b127,ol.b60,ol.b38,ol.b40,ol.b109,ol.b42{top:-28%}ol.b62,ol.b2,ol.b153,ol.b154,ol.b3,ol.b5,ol.b1069,ol.b8,ol.b68,ol.b9,ol.b69,ol.b11,ol.b12,ol.b71,ol.b72,ol.b14,ol.b74,ol.b15,ol.b75,ol.b17,ol.b77,ol.b18,ol.b78,ol.b20,ol.b80,ol.b21,ol.b81,ol.b23,ol.b83,ol.b24,ol.b84,ol.b26,ol.b27,ol.b29,ol.b30,ol.b32,ol.b33,ol.b35,ol.b36,ol.b63,ol.b65,ol.b66,ol.b86,ol.b87,ol.b90,ol.b93,ol.b89,ol.b92{top:24%}ol.b109,ol.b111,ol.b113,ol.b74,ol.b119,ol.b121,ol.b123,ol.b125,ol.b127,ol.b117,ol.b128,ol.b61,ol.b106,ol.b62,ol.b107,ol.b63,ol.b129,ol.b108,ol.b67,ol.b130,ol.b110,ol.b68,ol.b69,ol.b70,ol.b131,ol.b112,ol.b71,ol.b72,ol.b73,ol.b75,ol.b114,ol.b115,ol.b318,ol.b76,ol.b321,ol.b116,ol.b77,ol.b78,ol.b324,ol.b79,ol.b118,ol.b80,ol.b81,ol.b82,ol.b92,ol.b120,ol.b83,ol.b84,ol.b86,ol.b88,ol.b132,ol.b134,ol.b138,ol.b126,ol.b64,ol.b65,ol.b66,ol.b133,ol.b85,ol.b122,ol.b87,ol.b135,ol.b136,ol.b124,ol.b90,ol.b93,ol.b137,ol.b89,ol.b91{right:-29%}ol.b128,ol.b130,ol.b131,ol.b318,ol.b321,ol.b103,ol.b104,ol.b138,ol.b324,ol.b94,ol.b157,ol.b95,ol.b129,ol.b203,ol.b97,ol.b98,ol.b99,ol.b100,ol.b101,ol.b102,ol.b105,ol.b96,ol.b132,ol.b133,ol.b134,ol.b135,ol.b136,ol.b137{bottom:-24%}ol.b155,ol.b157,ol.b152,ol.b153,ol.b156,ol.b154{left:-26%}ol.b3,ol.b1,ol.b7,ol.b8,ol.b1912,ol.b10,ol.b14,ol.b12,ol.b1115,ol.b15,ol.b16,ol.b17,ol.b18,ol.b19,ol.b20,ol.b21,ol.b22,ol.b24,ol.b25,ol.b27,ol.b28,ol.b29,ol.b30,ol.b31,ol.b32,ol.b33,ol.b34,ol.b35,ol.b36,ol.b11,ol.b94,ol.b37,ol.b2,ol.b203,ol.b158,ol.b9,ol.b97,ol.b43,ol.b44,ol.b98,ol.b45,ol.b46,ol.b99,ol.b47,ol.b48,ol.b100,ol.b49,ol.b50,ol.b101,ol.b51,ol.b23,ol.b52,ol.b102,ol.b53,ol.b26,ol.b54,ol.b103,ol.b55,ol.b56,ol.b104,ol.b57,ol.b58,ol.b105,ol.b59,ol.b60,ol.b38,ol.b96,ol.b41,ol.b42,ol.b13{left:26%}ol.b1,ol.b4,ol.b7,ol.b1912,ol.b10,ol.b1115,ol.b16,ol.b1827,ol.b19,ol.b22,ol.b28,ol.b31,ol.b152,ol.b61,ol.b67,ol.b70,ol.b73,ol.b76,ol.b79,ol.b82,ol.b25,ol.b34,ol.b64,ol.b13,ol.b85,ol.b88,ol.b91{top:23%}
.gameTableBorder ul li ol b.toolTip {
	display:none;
    /*display: block;*/
    top: 50%;
	margin-top:-8px;
    width: 100%;
    left: -0.5%;
    text-indent: -0.1pc;
    text-align: center;
	border-top:1px solid #e7ab7c;
    z-index: 99999;
    font-family: 'Oswald', sans-serif;
    font-size: 0.4em;
    font-weight: bold;
    border-radius: 10px;
    background: url(../images/RouletteToolTipBg.png) repeat-x;
	background-size:100% 15px;
    height: 15px;
	box-shadow:0 2px 2px rgba(0,0,0,.5);
    line-height: 15px;
    color: #ffffff;
}
.placeBet span{
	width: 100%;
  height: 100%;
  display: block;
  font-size: 12px;
  font-weight: bold;
  color: #010101;
  text-align: center;
  line-height: 40px;
	box-shadow: 0 5px 5px rgba(0,0,0,.75);
  border-radius: 50%;
}
.youWin {
  -webkit-animation-name: blinker;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: blinker;
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  animation-name: blinker;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
.TableBorder{
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 42px;
	background: url(../images/borderWoodBg.jpg) no-repeat center center;
	background-size: 100% 42px;
	z-index: 5;
	box-shadow: 0 -4px 4px rgba(0,0,0,.3);
}
.clearBtn, .reBetBtn, .dealBtn, .newGameBtn{
	position: absolute;
	bottom: 13.5%;
	display: block;
	width: 112px;
	height: 31px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 2px rgba(68,68,68,.57);
	text-decoration: none;
	text-align: center;
	line-height: 30px;
	border:1px solid #260d03;
	border-radius:8px;
	overflow:hidden;
	box-shadow:0 0 2px 1px rgba(117,71,22,.9);
}
.clearBtn, .reBetBtn{
	right: 135px;
	background: url(../images/clearBtn.png);
	background-size: 112px 30px;
}
.dealBtn, .newGameBtn{
	right: 10px;
	background: url(../images/dealBtn.png);
	background-size: 112px 30px;
}
.noActionBtn{
	background: url(../images/clearNoActionBtn.png);
	background-size: 112px 30px;
}
.TableBorder ul.chips{
	position: absolute;
    left: 10px;
    bottom: 5px;
    width: 241px;
    height: 40px;
}
.TableBorder ul.chips li{
	float: left;
  width: 39px;
  height: 39px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  line-height: 42px;
  cursor: pointer;
  margin: 0 3px;
  font-family: 'Oswald', sans-serif;
}
.TableBorder ul.chips li:last-child{margin-right: 0;}
.TableBorder ul li.chipRed{background: url(../images/chipRed.png);
  background-size: 39px 39px;}
.TableBorder ul li.chipBlue{background: url(../images/chipBlue.png);
  background-size: 39px 39px;}
.TableBorder ul li.chipGreen{background: url(../images/chipGreen.png);
  background-size: 39px 39px;}
.TableBorder ul li.chipBlack{background: url(../images/chipBlack.png);
  background-size: 39px 39px;}
.TableBorder ul li.chipPurple{background: url(../images/chipPurple.png);
  background-size: 39px 39px;}
.selected{
	box-shadow: 0px 0px 10px 1px rgba(255, 255, 0, 0.87), 0 0 10px #ffff00 inset;
  border-radius: 50px;
}
/* For mobiles */
.activeWin{
	    background: url(../images/RouletteGameTableOverBg.png) no-repeat center center;
		background-size:32px 36px;
	-webkit-animation-name: blinker;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinker;
    -moz-animation-duration: 0.5s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinker;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;}
@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
/* Roulette Rotation*/
.WoodBorder .rouletteRotation {
	position: absolute;
	bottom:-310px;    
	-webkit-animation-name: spin;
    -webkit-animation-duration: 5500ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: 1s;
	-moz-animation-name: spin;
    -moz-animation-duration: 5500ms;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in-out;
	-moz-animation-delay: 1s;
	-ms-animation-name: spin;
    -ms-animation-duration: 5500ms;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: ease-in-out;
	-ms-animation-delay: 1s;	
}
@-webkit-keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(2520deg);}}	

@-moz-keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(2520deg);}}
.slidein {
  -moz-animation-duration: .5s;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -moz-animation-name: slidein;
  -webkit-animation-name: slidein;
  animation-name: slidein;
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -moz-animation-direction: alternate;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
@-moz-keyframes slidein {
  from {
    margin-bottom:-100%;
  }
      
  to {
    margin-bottom:0%;
  }
}
@-webkit-keyframes slidein {
  from {
    margin-bottom:-100%;
  }
  
  to {
   margin-bottom:0%;
 }
}
@keyframes slidein {
  from {
    margin-bottom:-100%;
  }
  
  to {
   margin-bottom:0%;
 }
}
.shake {
	animation: shake 100ms ease-in-out infinite;
	}
@keyframes shake {
  2% {
    transform: translate(1.5px, 2.5px) rotate(-0.5deg); }
  4% {
    transform: translate(1.5px, -1.5px) rotate(0.5deg); }
  6% {
    transform: translate(1.5px, -1.5px) rotate(-0.5deg); }
  8% {
    transform: translate(0.5px, 2.5px) rotate(0.5deg); }
  10% {
    transform: translate(-0.5px, -0.5px) rotate(1.5deg); }
  12% {
    transform: translate(-0.5px, -0.5px) rotate(-0.5deg); }
  14% {
    transform: translate(2.5px, 0.5px) rotate(-0.5deg); }
  16% {
    transform: translate(-1.5px, 1.5px) rotate(0.5deg); }
  18% {
    transform: translate(2.5px, 0.5px) rotate(-0.5deg); }
  20% {
    transform: translate(-1.5px, 0.5px) rotate(-0.5deg); }
  22% {
    transform: translate(2.5px, -1.5px) rotate(-0.5deg); }
  24% {
    transform: translate(1.5px, 2.5px) rotate(1.5deg); }
  26% {
    transform: translate(-1.5px, -0.5px) rotate(0.5deg); }
  28% {
    transform: translate(1.5px, 1.5px) rotate(-0.5deg); }
  30% {
    transform: translate(2.5px, -1.5px) rotate(-0.5deg); }
  32% {
    transform: translate(0.5px, 2.5px) rotate(-0.5deg); }
  34% {
    transform: translate(-0.5px, 1.5px) rotate(1.5deg); }
  36% {
    transform: translate(0.5px, 1.5px) rotate(1.5deg); }
  38% {
    transform: translate(1.5px, 1.5px) rotate(0.5deg); }
  40% {
    transform: translate(-0.5px, 1.5px) rotate(0.5deg); }
  42% {
    transform: translate(-0.5px, 0.5px) rotate(1.5deg); }
  44% {
    transform: translate(-1.5px, -1.5px) rotate(1.5deg); }
  46% {
    transform: translate(0.5px, -0.5px) rotate(0.5deg); }
  48% {
    transform: translate(-0.5px, 1.5px) rotate(-0.5deg); }
  50% {
    transform: translate(2.5px, -0.5px) rotate(-0.5deg); }
  52% {
    transform: translate(0.5px, -1.5px) rotate(0.5deg); }
  54% {
    transform: translate(2.5px, -1.5px) rotate(0.5deg); }
  56% {
    transform: translate(-1.5px, -0.5px) rotate(0.5deg); }
  58% {
    transform: translate(-1.5px, 2.5px) rotate(1.5deg); }
  60% {
    transform: translate(0.5px, -1.5px) rotate(0.5deg); }
  62% {
    transform: translate(-0.5px, 2.5px) rotate(1.5deg); }
  64% {
    transform: translate(0.5px, 0.5px) rotate(-0.5deg); }
  66% {
    transform: translate(1.5px, -0.5px) rotate(1.5deg); }
  68% {
    transform: translate(-1.5px, -0.5px) rotate(0.5deg); }
  70% {
    transform: translate(-0.5px, 2.5px) rotate(1.5deg); }
  72% {
    transform: translate(1.5px, 0.5px) rotate(0.5deg); }
  74% {
    transform: translate(0.5px, -1.5px) rotate(0.5deg); }
  76% {
    transform: translate(1.5px, 1.5px) rotate(-0.5deg); }
  78% {
    transform: translate(2.5px, -1.5px) rotate(0.5deg); }
  80% {
    transform: translate(-1.5px, 1.5px) rotate(0.5deg); }
  82% {
    transform: translate(-0.5px, 2.5px) rotate(1.5deg); }
  84% {
    transform: translate(1.5px, 1.5px) rotate(-0.5deg); }
  86% {
    transform: translate(2.5px, 0.5px) rotate(1.5deg); }
  88% {
    transform: translate(-0.5px, -1.5px) rotate(-0.5deg); }
  90% {
    transform: translate(1.5px, -0.5px) rotate(-0.5deg); }
  92% {
    transform: translate(0.5px, -1.5px) rotate(1.5deg); }
  94% {
    transform: translate(-0.5px, -0.5px) rotate(0.5deg); }
  96% {
    transform: translate(-0.5px, -1.5px) rotate(-0.5deg); }
  98% {
    transform: translate(-0.5px, -1.5px) rotate(1.5deg); }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }
/* Roulette Rotation Results*/
.R_35 {-ms-transform: rotate(29.3deg);
       -webkit-transform: rotate(29.3deg);
       transform: rotate(29.3deg);}
.R_12 {-ms-transform: rotate(39deg);
       -webkit-transform: rotate(39deg);
       transform: rotate(39deg);}
.R_28 {-ms-transform: rotate(48.7deg);
       -webkit-transform: rotate(48.7deg);
       transform: rotate(48.7deg);}
.R_7 {-ms-transform: rotate(58.5deg);
       -webkit-transform: rotate(58.5deg);
       transform: rotate(58.5deg);}
.R_29 {-ms-transform: rotate(68.1deg);
       -webkit-transform: rotate(68.1deg);
       transform: rotate(68.1deg);}
.R_18 {-ms-transform: rotate(78deg);
       -webkit-transform: rotate(78deg);
       transform: rotate(78deg);}
.R_22 {-ms-transform: rotate(87.5ddeg);
       -webkit-transform: rotate(87.5ddeg);
       transform: rotate(87.5deg);}
.R_9 {-ms-transform: rotate(97.3deg);
       -webkit-transform: rotate(97.3deg);
       transform: rotate(97.3deg);}
.R_31 {-ms-transform: rotate(107deg);
       -webkit-transform: rotate(107deg);
       transform: rotate(107deg);}
.R_14 {-ms-transform: rotate(117deg);
       -webkit-transform: rotate(117deg);
       transform: rotate(117deg);}
.R_20 {-ms-transform: rotate(126.5deg);
       -webkit-transform: rotate(126.5deg);
       transform: rotate(126.5deg);}
.R_1 {-ms-transform: rotate(136deg);
       -webkit-transform: rotate(136deg);
       transform: rotate(136deg);}
.R_33 {-ms-transform: rotate(146deg);
       -webkit-transform: rotate(146deg);
       transform: rotate(146deg);}
.R_16 {-ms-transform: rotate(155.7deg);
       -webkit-transform: rotate(155.7deg);
       transform: rotate(155.7deg);}
.R_24 {-ms-transform: rotate(165.5deg);
       -webkit-transform: rotate(165.5deg);
       transform: rotate(165.5deg);}
.R_5 {-ms-transform: rotate(175deg);
       -webkit-transform: rotate(175deg);
       transform: rotate(175deg);}
.R_10 {-ms-transform: rotate(185deg);
       -webkit-transform: rotate(185deg);
       transform: rotate(185deg);}
.R_23 {-ms-transform: rotate(195deg);
       -webkit-transform: rotate(195deg);
       transform: rotate(195deg);}
.R_8 {-ms-transform: rotate(204.5deg);
       -webkit-transform: rotate(204.5deg);
       transform: rotate(204.5deg);}
.R_30 {-ms-transform: rotate(214.4deg);
       -webkit-transform: rotate(214.4deg);
       transform: rotate(214.4deg);}
.R_11 {-ms-transform: rotate(224.1deg);
       -webkit-transform: rotate(224.1deg);
       transform: rotate(224.1deg);}
.R_36 {-ms-transform: rotate(234deg);
       -webkit-transform: rotate(234deg);
       transform: rotate(234deg);}
.R_13 {-ms-transform: rotate(243.5deg);
       -webkit-transform: rotate(243.5deg);
       transform: rotate(243.5deg);}
.R_27 {-ms-transform: rotate(253.2deg);
       -webkit-transform: rotate(253.2deg);
       transform: rotate(253.2deg);}
.R_6 {-ms-transform: rotate(263deg);
       -webkit-transform: rotate(263deg);
       transform: rotate(263deg);}
.R_34 {-ms-transform: rotate(272.8deg);
       -webkit-transform: rotate(272.8deg);
       transform: rotate(272.8deg);}
.R_17 {-ms-transform: rotate(282.55deg);
       -webkit-transform: rotate(282.55deg);
       transform: rotate(282.55deg);}
.R_25 {-ms-transform: rotate(292.2deg);
       -webkit-transform: rotate(292.28deg);
       transform: rotate(292.2deg);}
.R_2 {-ms-transform: rotate(301.8deg);
       -webkit-transform: rotate(301.8deg);
       transform: rotate(301.8deg);}
.R_21 {-ms-transform: rotate(311.5deg);
       -webkit-transform: rotate(311.5deg);
       transform: rotate(311.5deg);}
.R_4 {-ms-transform: rotate(321.3deg);
       -webkit-transform: rotate(321.3deg);
       transform: rotate(321.3deg);}
.R_19 {-ms-transform: rotate(331deg);
       -webkit-transform: rotate(331deg);
       transform: rotate(331deg);}
.R_15 {-ms-transform: rotate(340.7deg);
       -webkit-transform: rotate(340.7deg);
       transform: rotate(340.7deg);}
.R_32 {-ms-transform: rotate(350.4deg);
       -webkit-transform: rotate(350.4deg);
       transform: rotate(350.4deg);}
.R_0 {-ms-transform: rotate(0deg);
       -webkit-transform: rotate(0deg);
       transform: rotate(0deg);}
.R_26 {-ms-transform: rotate(369.95deg);
       -webkit-transform: rotate(369.95deg);
       transform: rotate(369.95deg);}
.R_3 {-ms-transform: rotate(379.5deg);
       -webkit-transform: rotate(379.5deg);
       transform: rotate(379.5deg);}