.ht-body-wrapper{position: relative;z-index: 1;}
.ht-body-wrapper:after{
	/*
	background-image: url(../images/pattern1.jpg);
    background-repeat: repeat;
	*/
	position: absolute;
	top: 0;left: 0;bottom: 0;right: 0;
	width:100%;
	height:100%;
	content: "";	
	display: block;	
	z-index:-1;
	opacity: 0.7;
	filter:alpha(opacity=70);
}

.mb-style1 .table.table-write .mb-roulette-wrap{
	position:relative;
	text-align:center;
}

.mb-style1 .mb-roulette-start{position:absolute;cursor:pointer;display:none;}

.mb-style1 .animated-btn{
	animation-duration:2s;
	-webkit-animation-duration:2s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	-webkit-transition: 0.1s ease-in-out;
    -moz-transition: 0.1s ease-in-out;
    -o-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
}

.mb-style1 .animated-btn:active{
	 transform: scale(1.05);
}

.mb-style1 .mainBtnStart{
   /*animation-name:btnstart; */
}
.mb-style1 .mainBtnEnd{
   animation-name:btnend;
}

@keyframes btnstart {
   from {transform: scale(1);}
   to {transform: scale(1.2);}
}
@-webkit-keyframes btnstart {
  from {transform: scale(1);}
   to {transform: scale(1.2);}
}
@keyframes btnend {
   from {transform: scale(1.2);}
   to {transform: scale(1);}
}
@-webkit-keyframes btnend {
   from {transform: scale(1.2);}
   to {transform: scale(1);}
}   