body {
	background: #fff;
	color: #666;
	font: 85%/140% Arial, Helvetica, sans-serif;
	width: 1140px;
	max-width: 96%;
	margin: 0 auto;
}
a {
	color: #69C;
	text-decoration: none;
}
a:hover {
	color: #F60;
}
h1 {
	font: 1.7em;
	line-height: 110%;
	color: #000;
}
h1, h2, h3 {
	color: #000;
}
h3 {
	border-top: solid 1px #eee;
	padding: 20px 0;
	margin: 20px 0 0;
	font-size: 150%;
}
p {
	margin: 0 0 20px;
}

img {
	width: 100%;
}


label.top {
	margin-top: 0.5em;
}
label.inlined {
	display: block;
	padding-left: 6px;
	font-weight: normal;
	font-size: 1.4em;
	font-family: "Helvetica Neue";
	opacity: 0.75;
	-webkit-transition: opacity 0.15s linear;
	-moz-transition: opacity 0.15s linear;
	-o-transition: opacity 0.15s linear;
	transition: opacity 0.15s linear;
	top: 1.4em;
	cursor: text;
}
label {
position: relative;
z-index: 2;
display: block;
}

label.inlined + input.input-text {
/*margin-top: -5px;*/
}
input.input-text {
position: relative;
z-index: 1;
}

.input_style,.input_select_style {
	height: 34px;
	border-radius: 6px;
	border: 1px solid #dddddd;
	color: #666;
	background-color: #eeeeee;
}
.input_style {
	margin-top: -0.4em;
	width: 100%;
}
.input_select_style {
	margin-top: 0.8em;
}

label.focus { opacity: 0.35; }
label.has-text { opacity: 0.0; -webkit-transition-duration: 0s; }

label.currency {
	display: inline;
	font-size: 1.4em;
	color: #666;
	font-family: "Helvetica Neue";
}

input.register {
	display:block;
}
	
.col.transparent {
	background: transparent;
}

.logo-header {
	width: 100%;
	height: 58px;
	top: 0;
	left: 0;
	background: black;
}
.logo {
	width: 181px;
	height: 43px;
}
.logo_tech {
	float: left;
	width: 13.64%;
	max-width: 33px;
}

.logo_mobile {
	width: 13.64%;
	max-width: 33px;
	padding-bottom: 5px
}
.logo_desktop {
	width: 13.64%;
	max-width: 33px;
}

.logo_html52 {
	width: 5%;
	max-width: 2px;
}

.logo_tab {
	float: left;
	width: 50%;
	max-width: 150px;
	cursor: pointer;
}
.logo_platform {
	float: right;
	width: 12%;
	max-width: 25px;
}
.logo_tech_big
{
	float: left;
	width: 30%;
	max-width: 50px;
	padding-top: 30px;
	padding-left: 10px
}

.logo_tech_device
{
	float: left;
	width: 50%;
	max-width: 100px;
	padding-top: 50px;
	padding-left: 10px
}


.logo_nextgen,.logo_nyx, .logo_amaya, .logo_cg_white , .logo_aristo, .logo_endemol, .logo_elk, .logo_igaming2go, .logo_openbet, .logo_thunderkick, .logo_1x2, .logo_high5, .logo_ainsworth, .logo_nektan, .logo_ct, .logo_realistic, .logo_lightningbox, .logo_btg, .logo_betdigital, .logo_saber, .logo_ci, .logo_ic, .logo_core, .logo_rfranco, .logo_blueprint, .logo_leap, .logo_sidecity, .logo_gamevy, .logo_leander, .logo_felt, .logo_irondog, .logo_mga, .logo_zitro, .foxium_logo, .logo_game360, .logo_Live5, .logo_GW {
	width: 86.36%;
	float: left;
	margin-right: 20px;
}
.logo_nextgen {
	max-width: 209px;
}

.logo_cg_white {
max-width: 10%
		}
	
.logo_endemol {
	max-width: 80px;
}
.logo_nyx {
	max-width: 220px;
}
.logo_openbet {
	max-width: 50px;
	max-height: 56px;
}
.logo_amaya {
	max-width: 208px;
}
.logo_aristo {
	max-width: 174px;
}
.logo_ainsworth {
	max-width: 134px;
}
.logo_elk {
	max-width: 134px;
}
.logo_nektan {
	max-width: 134px;
}
.logo_foxium {
	max-width: 150px;
	max-height: 32px;
}
.logo_ct {
	max-width: 150px;
}
.logo_realistic {
	max-width: 250px;
}
.logo_thunderkick{

	max-width: 40px;
}

.logo_high5{

	max-width: 150px;
}

.logo_igaming2go {
	max-width: 158px;
}

.logo_lightningbox{
	max-width: 100px;
}

.logo_ci{
	max-width: 158px;
}

.logo_btg{
	max-width: 50px;
}

.logo_1x2 {
	max-width: 100px;
}

.logo_saber
{
	max-width: 130px;
	padding-left: 10px
}

.logo_ic
{
	max-width: 158px;
}

.logo_core
{
	max-width: 130px;
}
.logo_rfranco
{
	max-width: 40px;
}

.logo_blueprint
{
	max-width: 130px;
}
.logo_betdigital
{
	max-width: 170px;
}
.logo_leap
{
	max-width: 130px;
}
.logo_sidecity
{
	margin-left: 5px;
	max-width: 36px;
	max-height: 40px;
}
.logo_gameslab
{
	max-width: 130px;
}
.col.logo {
	background: black;
	margin-top: 8px;
	z-index: 1;
	max-width: 181px;
	min-width:90px;
	width: 20%;
}
.logo_gamevy
{
	max-width: 130px;
}
.logo_leander
{
	max-width: 130px;
}

.logo_irondog
{
max-width: 100px;
max-height: 25px;
}

.logo_mga
{
max-width: 100px;
max-height: 30px;
}

.logo_zitro
{
max-width: 100px;
max-height: 30px;
padding-bottom: 10px
}

.logo_felt
{
	max-width: 120px;
	max-height: 45px;
}

.logo_game360
{
	max-width: 140px;
	max-height: 60px;
}

.logo_GW
{
	max-width: 50px;
	max-height: 56px;
}

.logo_Live5
{
	max-width: 50px;
	max-height: 56px;
}


#userdata {
	float: right;
	text-align: right;
	font-size: 1.5em;
	line-height: 3.5em;
	background: transparent;
}
#userdata-logout-btn {
	width: 70%;
	max-width: 132px;
	min-width: 80px;
	margin-right: 0;
}
#userdata-wrapper {
	float: right;
	margin-right: 10px;
}
.userdata_style {
	position: relative;
	float:left;
	margin-right: 0.5em;
}
#userdata-name, #userdata-amount {
	color: white;
}
.promotion {
	position: relative;
	background: #fff;
	margin-bottom: -4px;
	z-index: 1;
}

.welcome_logo {
	margin-top: 10px;
}

#promo img.banner:first-child {
	opacity:1;
}

#header-background {
	position:absolute;
	z-index: 0;
}
#contentwrap {
	position:relative;
	z-index: 1;
}
.btn {
	margin-top: 8px;
	width:132px;
	height:41px;
	border: none;
	max-width:132px;
	max-height:41px;
}
.btn_register {
	background: url(../../images/btn_register.png);
}
.btn_login{
	background: url(../../images/btn_login.png);
	margin-bottom: 12px;
}

.game {
	border: 1px solid grey;
	padding: 0.35%;
}
.top-offset {
	padding-top: 25px;
}
#pagewrap {
	font: 85%/140% Helvetica, Arial, sans-serif;
}

#nav {
	height: 50px;
}
#nav-bg {
	height: 50px;
	background: url(../../images/bluebar.jpg);
}
#nav-a {
	margin-top: -50px;
}
@-webkit-keyframes cf4FadeInOut {
  0% {
    opacity:0;
  }
  5% {
    opacity:1;
  }
  20% {
    opacity:1;
  }
  25% {
    opacity:0;
  }
  100% {
    opacity:0;
  }
}
@-moz-keyframes cf4FadeInOut {
  0% {
    opacity:0;
  }
  5% {
    opacity:1;
  }
  20% {
    opacity:1;
  }
  25% {
    opacity:0;
  }
  100% {
    opacity:0;
  }
}
@-o-keyframes cf4FadeInOut {
  0% {
    opacity:0;
  }
  5% {
    opacity:1;
  }
  20% {
    opacity:1;
  }
  25% {
    opacity:0;
  }
  100% {
    opacity:0;
  }
}
@keyframes cf4FadeInOut {
  0% {
    opacity:0;
  }
  5% {
    opacity:1;
  }
  20% {
    opacity:1;
  }
  25% {
    opacity:0;
  }
  100% {
    opacity:0;
  }
}

#promo img {
	position: absolute;
	left: 0;
	z-index: 0;
	opacity: 0; 
}

#promo img {
	-webkit-animation-name: cf4FadeInOut;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 30s;
	-moz-animation-name: cf4FadeInOut;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: 30s;
	-o-animation-name: cf4FadeInOut;
	-o-animation-timing-function: ease-in-out;
	-o-animation-iteration-count: infinite;
	-o-animation-duration: 30s;
	animation-name: cf4FadeInOut;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 30s;
}

#promo img:nth-of-type(1) {
	-webkit-animation-delay: 0;
	-moz-animation-delay: 0;
	-o-animation-delay: 0;
	animation-delay: 0;
}
#promo img:nth-of-type(2) {
	-webkit-animation-delay: 6s;
	-moz-animation-delay: 6s;
	-o-animation-delay: 6s;
	animation-delay: 6s;
}
#promo img:nth-of-type(3) {
	-webkit-animation-delay: 12s;
	-moz-animation-delay: 12s;
	-o-animation-delay: 12s;
	animation-delay: 12s;
}
#promo img:nth-of-type(4) {
	-webkit-animation-delay: 18s;
	-moz-animation-delay: 18s;
	-o-animation-delay: 18s;
	animation-delay: 18s;
}

#promo img:nth-of-type(5) {
	-webkit-animation-delay: 24s;
	-moz-animation-delay: 24s;
	-o-animation-delay: 24s;
	animation-delay: 24s;
}

#promo img#fake {
	position: relative;
	border: 0;
	visibility: hidden;
}

.promo_login {
	width: 59.75%;
	padding-left: 20.21%;
	padding-right: 20.21%;
}
.promo_register {
	width: 72.46%;
	padding-left: 13.77%;
	padding-right: 13.77%;
}
.col.left-sidebar {
	border-left: 1px solid #dddddd;
	margin-left: 0;
	padding-bottom: 74px;
}

.register_img {
	float: left;
	width: 30.99%;
	margin-right: 7.26%;
	margin-top: 18%;
}
#Email {
	display: block;
}
#register {
	float:left;
	width: 61.74%;
}


/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

.sideborder {
	border-top: 0;
	border-bottom: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	-webkit-border-image:url(../../images/border.png) 10 10 stretch;
	-o-border-image:url(../../images/border.png) 10 10 stretch;
	-moz-border-image:url(../../images/border.png) 10 10 stretch;
	-ms-border-image:url(../../images/border.png) 10 10 stretch;
	border-image:url(../../images/border.png) 10 10 stretch;
}
#pagewrap {
	width: 1186px;
	max-width: 100%;
	margin-top: 0px;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
}
.wrapper {
	overflow: hidden;
	clear: both;
}

.game-wrapper {
	position:relative;
}
.overlay {
	position:absolute;
	top: 0;
	right: 0;
	width: 24.58%;
	max-width: 59px;
}

.tab {
	position:relative;
	float: left;
}
#tab-casino-img {
	max-width: 102px;
	/*margin-top: 11px;*/
}
#tab-bingo-img {
	max-width: 129px;
	/*margin-top: 7px;
	margin-left: 20px;*/
}
.active {
	opacity: 1;
}
.inactive {
	opacity: 0.75;
}
.left-tab {
	float: left;
	text-align: right;
	padding-right: 1%;
	width: 47.4%;
	clear: left;
}
.right-tab {
	float: left;
	text-align: left;
	padding-left: 1%;
	width: 47.4%;
	clear: none;
}

#copy {
	padding-top: 20px;
	text-align: center;
	padding-bottom: 10px;
	border-bottom: 10px solid transparent;
}

.left4 {
	height: 56px;
}

/************************************************************************************
COLUMN
*************************************************************************************/
.col {
	background: #fff;
	float: left;
	margin-left: 0.35%;
	margin-bottom: 4px;
}
.fullwidth .col {
	float: none;
	margin-left: 0;
}
/* grid4 col */
.grid4 .col {
	width: 21.05%;
}
/* grid3 col */
.grid3 .col {
	width: 29.36%;
}
/* grid2 col */
.grid2 .col {
	width: 49.8%;
}
/* clear col */
.grid4 .col:nth-of-type(4n+1),
.grid2 .col:nth-of-type(2n+1) {
	margin-left: 0;
	clear: left;
}
.grid4 .col:nth-of-type(4n+1), .left4 {
	margin-left: 5.61%;
}
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* reset cols to 3-column */
@media screen and (max-width: 923px) {

	#userdata {
		font-size: 1em !important;
		line-height: 5em !important;
	}	

	.grid4 .col {
		width: 28.21%;
	}
	.grid4 .col:nth-of-type(4n+1) {
		margin-left: 0.45%;
		clear: none;
	}
	.grid4 .col:nth-of-type(3n+1), .left4 {
	margin-left: 6%;
		clear: left;
	}
}

/* reset cols to 2-column */
@media screen and (max-width: 663px) {
	.grid4 .col {
		width: 39.56%;
	}
	.grid4 .col:nth-of-type(3n+1) {
		margin-left: 0.63%;
		clear: none;
	}
	.grid4 .col:nth-of-type(2n+1), .left4 {
		margin-left: 9.7%;
		clear: left;
	}

	.sideborder {
		border: none !important;
	}
}

/* reset cols to fullwidth */
@media screen and (max-width: 525px) {
	.col.left-sidebar {
		border-left: none !important;
		border-top: 1px solid #dddddd !important;
	}

	.grid2 .col {
		width: 100% !important;
		margin-left: 0 !important;
		clear: none !important;
	}
	.btn_logout {
		width: 100% !important;
		height: 100% !important;
	}
	
	#tab-casino {
		width: 35%;
	}
	#tab-casino-img {
		width: 70% !important;
		margin-top: 17px !important;
	}	
	#tab-bingo {
		width: 30%;
	}
	#tab-bingo-img {
		width: 70% !important;
		margin-left: 0px !important;
		margin-top: 15px !important;
	}
}


@media screen and (max-width: 450px) {
	#userdata-name {
		display: none;
	}

}
	
@media screen and (max-width: 310px) {
/*@media screen and (max-width: 370px) {*/
/*	.sideborder {
		border: none !important;
	}*/
	
	#userdata {
/*		width: 73%; */
	}
	
	

	/* grid4 */
	.col.game {
		width: 77.4% !important;
	}
	.col.game, .left4 {
/*		width: 100% !important;
		margin-left: 0 !important;
		clear: none !important;*/
		margin-left: 11.3% !important;
		clear: none !important;
	}
}

@media screen and (max-width: 310px) {
	#userdata-balance {
		display: none;
	}
}
	
@media screen and (max-width: 280px) {
	#userdata {
		width: 0; 
	}

	#userdata-amount {
		display: none;
	}
	#userdata-logout-btn {
		width: 100% !important;
	}
}
	


.greyOut {
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}

.leftBGS 
{
    height : 96px;
    margin-left: 5.61%;
}

.smallP 
{
    display:inline-block;
    font-weight:bold; 
}
.nextRow 
{
    
}
.html5logo 

{
    width: 30%;
	max-width: 50px;
}