/*
	Theme Name: BonusBingo
	Author: Pixels & People
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	background:url(/common/register/header.jpg) repeat-x top center;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	color:#444;
}

body.small {
	background: url(/common/register/header.jpg) repeat-x center -180px;
}

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#375fa9;
	text-decoration:none;
}
a:hover {
	color:#da1313;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	max-width:940px;
	width:90%;
	margin:0 auto;
	position:relative;
}
/* header */
.header {

}
/* logo */
.logo {

}
.logo-img {

}
/* nav */
.nav {

}
/* sidebar */
.sidebar {

}

/* footer */
.footer {
	height:350px;
	background:url(/common/register/footer.jpg) repeat-x bottom;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

.page-template-page_home-php {
	
}

.page-template-page_home-php #header {
	height:540px;
	color:#FFF;
	
}

#header {
	height:375px;
	color:#FFF;
	
}

#header_small {
	height:200px;
	color:#FFF;
}

.logo {
	background:url(/common/register/logo.png) repeat-x top center;
	float:left;
	width:220px;
	height:140px;
}

	.logo a {
		float:left;
		width:220px;
		height:140px;
		overflow:hidden;
		text-indent:-9999px;
	}

.nav {
	float:left;
	padding:20px 0 20px 20px;
}

	.nav ul {
		list-style:none;
		margin:0;
		padding:0;
	}
	
		.nav ul li {
			float:left;
			margin:0;
			padding:0;
			text-align:center;
			font-size:21px;
		}
	
		.nav ul a{
			float:left;
			width:140px;
			height:66px;
			line-height:66px;
			margin-right:20px;
			border-radius:3px;
			color:#FFF;
			font-weight:bold;
			background:#693bca;
		}
		
		.nav ul a:hover {
			background:#f1c30c;
		}
		
		.nav ul .current-menu-item a {
			background:#461c86;
		}
		
.login_form {
	float:left;
	width:380px;
}

.login_form_registration {
	float:right;
	width:380px;
	margin: 25px 15px 0;
}

.login_toggle 
{
   	float:right; color:#FFF; 
	font-weight: bold;

}

.login_toggle:hover {
    color: #ffce00;
}

	.login_form .lf_pass, .login_form_registration .lf_pass {
		padding-left:24px;
		background-repeat:no-repeat;
		background-position: 5px center;
	}

	.login_form input, .login_form_registration input {
		float:left;
		width:140px;
		height:30px;
		padding:5px;
		margin:0 5px 5px 0;
		border-radius:3px;
		border:none;
	}
	
	.password_reminder {
		float: left;
		height: 20px;
		line-height: 20px;
		padding-right: 95px;
		text-align: right;
		width: 100%;
		color:#FFF;
		font-size:11px;
	}
	
	.password_reminder:hover {
		color:#f1c30c;
	}
	
	.login_form .login_btn, .login_form_registration .login_btn {
		width:90px;
		margin:0;
		color:#FFF;
		background:#6FD026;
		font-weight:bold;
		text-transform:uppercase;
	}
	
	.login_form .login_btn:hover, .login_form_registration .login_btn:hover {
		background:#f3bb0f;
	}
	
	.login_promo {
		clear:both;
	}
	
	.promo_login {
		float:left;
		clear:left;
		height:27px;
		line-height:27px;
		background:#f1c30c;
		text-align:center;
		width:285px;
		margin-right:5px;
		color:#da1313;
		font-weight:bold;
		border-radius:3px;
		border-bottom:1px solid #f5d249;
		box-shadow:0 3px 0 #ab3f26;
		position:relative;
		z-index:3;
	}
	
	.promo_login:hover {
		background:#ffad1e;
		box-shadow:0 3px 0 #ad1414;
		text-shadow:0 0 5px #FFF;
	}
	
	.countdown {
		float:left;
		text-align:center;
		color:#FFF;
		background:#322c3b;
		border-radius:0 3px 3px 0;
		height:30px;
		width:100px;
		line-height:1.2;
		font-size:10px;
		color:#adacaf;
		position:relative;
		z-index:2;
		margin-left:-10px;
		padding-left:10px;
	}
	
	.countdown b {
		font-size:14px;
		color:#FFF;
	}

	.home_promotion {
		clear:both;
		padding-left:320px;
		text-align:center;
		font-size:18px;
	}

	.home_promotion h1 {
		font-family: "adelle", serif;
		font-weight:900;
		font-size:56px;
		margin:0;
	}
	
	#header h2 {
		font-size:42px;
		font-family: "adelle", serif;
		font-weight:900;
		margin:0;
		color:#da1313;
	}
	
	.home_cta {
		padding:5px 0 25px 0;
		margin:30px 0 10px 80px;
		color:#594d1e;
		border-radius:10px;
		width:460px;
		float:left;
		text-align:center;
		text-shadow:1px 1px 0 rgba(255,255,255,0.25);
	}
	
	.home_cta:hover {
		text-shadow:0 0 6px #FFF;
		color:#594D1E;
	}
	
.big_countdown {
	clear:both;
	font-size:13px;
	text-align:center
}

	.big_countdown b {
		font-size:24px;
	}
	
	.big_countdown b.separator {
		float:left;
	}
	
	.big_countdown span {
		font-size:10px;
		float:left;
		width:44px;
		text-align:center;
	}
	
/* games */
.sidebar {
	float:left;
	width:220px;
	margin-right:20px;
}

.content_main {
	float:left;
	width:700px;
}

	.grid_item {
		float:left;
		width:220px;
		float:left;
		height:280px;
		margin:0 5px 20px 0;
		background:#f5f5f5;
		border-radius:3px;
		position:relative;
	}
	
	.grid_item div.grid_item_content {
		padding:9px;
		border:1px solid #dcdcdc;
		border-top:none;
		border-radius:0 0 3px 3px;
		height:170px;
	}
	
	.grid_item .login_please {
		position:absolute;
		background:rgba(255,255,255,0.9);
		top:0;
		left:0;
		width:100%;
		text-align:center;
		height:280px;
		padding-top:80px;
		line-height:1.5;
		display:none;
	}
	
	.grid_item .login_please .gi_join {
		font-weight:bold;
		font-size:13px;
	}
	
	.grid_item:hover .login_please {
		display:block;
	}
	
	.grid_item .login_please img {
		margin-bottom:10px;
	}
	
	.grid_item .login_please u {
		color:#375fa9;
		font-weight:bold;
	}
	
	.grid_item p {
		margin:0;
		padding:0;
	}
	
	.grid_item h3 {
		margin:0 0 10px 0;
		padding:0;
		font-size:18px;
		color:#4c4c4c;
	}
	
	.grid_item h4 {
		color:#da1313;
		margin:0;
		padding:0;
		font-size:21px;
	}
	
	.play_btn {
		float:left;
		width:100%;
		height:38px;
		margin-top:10px;
	}
	
	.play_big {
		width:200px;
		height:48px;
		margin:0 0 10px 10px;
		float:left;
		overflow:hidden;
	}
	
	.play_big:hover {
	}
	
		.play_big span {
			float:left;
			margin-left:-9999px;
		}
	
.games_wrapper {
	width:960px;
}

	.games_wrapper h2 {
		font-size:32px;
		color:#666;
		margin:0 0 20px 0;
	}
	
	.games_wrapper .sidebar ul {
		list-style:none;
		margin:0;
		padding:0;
	}
	
	.games_wrapper .sidebar ul li {
		margin:0;
		padding:0;
		line-height:36px;
		font-size:16px;
		font-weight:bold;
	}
	
	.games_wrapper .sidebar ul a {
		float:left;
		padding-left:32px;
		width:100%;
	}
	
	.games_wrapper .sidebar ul .current-cat a {
		color:#535b63;
	}
	
	.games_wrapper .sidebar .cat-item-4 a {
		
	}
	
	.games_wrapper .sidebar .cat-item-5 a {
		
	}
	
	.games_wrapper .sidebar .cat-item-6 a {
		
	}
	
	.games_wrapper .sidebar .cat-item-7 a {
		
	}
	
	.games_wrapper .sidebar .cat-item-8 a {
		
	}
	
	.games_wrapper .sidebar .cat-item-9 a {
		
	}
	
.sidebar_help {
	clear:both;
	padding:20px 0 288px 0;
	
}

	.sidebar_help blockquote {
		font-size:18px;
		font-style:italic;
		padding:20px;
		background:#edf2f8;
		color:#666;
		margin:0;
	}
	
/* footer */

#footer {
	clear:both;
}

#footer .wrapper {
	background:url(/common/register/footer_mascot.png) no-repeat right;
	padding-top:150px;
	height:350px;
}

#footer ul {
	padding:0;
	margin:0;
	list-style:none;
}

#footer ul li {
	float:left;
	padding:0;
	margin:0 40px 0 0;
	list-style:none;
}

	#footer ul li a {
		float:left;
		font-size:21px;
		font-weight:bold;
		color:#FFF;
		line-height:4;
	}
	
	#footer ul li a:hover {
		color:#f1c30c;
	}

	.copyright {
		float:left;
		clear:both;
		color:#FFF;
		line-height:1.5;
		font-size:11px;
		opacity:0.7;
	}

#home_masonry p, #home_masonry img, #promos_masonry p, #promos_masonry img {
	margin:0;
	padding:0;
	float:left;
}

	#home_masonry .item, #promos_masonry .item {
		margin-bottom:20px;
	}
	
#faq_masonry .item {
	width:300px;
	background-color:#f5f5f5;
	margin-bottom:20px;
	border-radius:5px;
	border:1px solid #dcdcdc;
	padding-top:105px;
	background-position:0 0;
	background-repeat:no-repeat;
}
	
	#faq_masonry .item h2 {
		font-size:18px;
		line-height:1.4;
		margin:10px 0 5px 10px;
		padding:0;
		color:#DA1313;
	}
	
	#faq_masonry .item ul {
		list-style:none;
		margin:0 10px;
		padding:0;
	}
	
	#faq_masonry .item li {
		margin:0;
		padding:6px 0;
		border-top:1px solid #e9e9e9
	}


.back_link {
	font-weight:bold;
	font-size:18px;
	color:#1c64c2;
}

.pagination {
	clear:both;	
}

	.pagination a, .pagination span {
		float:left;
		padding:0 10px;
		line-height:2;
		background:#f5f5f5;
		border:1px solid #dcdcdc;
		border-radius:3px;
		margin-right:5px;
	}
	
	.pagination a {
		background:#375FA9;
		color:#FFF;
		border:1px solid #375FA9;
	}
	
	.pagination a:hover {
		background:#da1313;
		border:1px solid #da1313;
	}
	
/* login form */

.fancybox-skin {
	background:#591376 !important;
}

#signup_form {
	background:#591376 url(/common/images/themes/bonusbingo/img/form-bg.jpg) no-repeat -10px 0;
	color:#FFF;
	padding-left:200px;
}

	#signup_form h2 {
		font-family: "adelle", serif;
		font-size:32px;
		margin:0 0 12px 0;
		padding:0;
	}

	#signup_form input {
		border:none;
		background:#FFF;
		padding:6px;
		font-size:15px;
		border-radius:3px;
		margin:0 0 10px 0;
		width:100%;
	}
	
	#signup_form #first {
		width:49%;
		margin-right:2%;
		float:left;
	} 
	
	#signup_form #last {
		width:49%;
		float:left;
	}
	
	#signup_form #signup_btn {
		background:#f1c30c;
		color:#da1313;
		font-weight:bold;
		font-family: "adelle", serif;
		font-size:21px;
		border-bottom:1px solid #f5d249;
		box-shadow:0 3px 0 #ab3f26;
		line-height:1.6;
	}
	
	#signup_form #terms {
		width:auto;
	}
	
	#signup_form .error_message {
		float:left;
		width:100%;
		padding:10px;
		color:#FFF;
		background:#DA1313;
		border-radius:3px 3px 0 0;
	}
	
	#signup_form .error_field {
		color:#DA1313;
		background:#f3dddd;
		border-radius:0 0 3px 3px	
	}	
	
	#signup_form select {
        border:none;
        background:#FFF;
        padding:6px;
        font-size:15px;
        border-radius:3px;
        margin:0 0 10px 0;
        width:22%;
    }

    #signup_form .regtext {
        font-size: 15px;
        font-weight: bold;
        width: 18%;
    }

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}


/*===============================
==== registration form table ====
============================== */
table.regForm{width:600px; border:0; background:transparent;}
table.regForm tr.ttl td{text-transform:capitalize; font-size:12px; text-align:left; font-weight:bold; padding:3px; color:#000; background:#ddd; border-bottom:1px solid #666;}
table.regForm tr.btn td{text-align:center;}
table.regForm tr td{width:60%; vertical-align:bottom; font-size:11px; color:#000; padding:5px 15px 5px 10px; text-align:left;}
table.regForm tr td.right{width:40%;}
table.regForm tr td a, table.regForm tr td a:link, table.regForm tr td a:visited, table.regForm tr td a:hover{color:#00f; text-decoration:underline;} /* anchors */
table.regForm tr td .label{text-transform:capitalize; font-weight:bold;}
table.regForm tr td input, table.regForm tr td select, table.ccDetails tr td input{font-size:11px; margin-top:1px; vertical-align:middle;}
table.regForm tr td span.info{text-transform:capitalize; font-size:10px; padding-left:5px; font-weight:normal; color:#666;}
table.regForm tr td span.tip{text-transform:capitalize; margin-left:5px; font-weight:normal; vertical-align:bottom; width:12px; height:12px;}
/*===============================
==== registration form table ====
============================== */

/*===============================
==== June 2015 New Add  ====
============================== */
div.t1   {font-size: 26px; line-height: 27px;}
div.t1, div.t2, div.t3 {color: #008fd4;
    font-weight: bold;
    margin-bottom: 8px;
    text-transform: lowercase;}

input[type="text"] {padding:5px;}

.help_btn {
    background: #edb20f url("/common/images/themes/bonusbingo/img/support.png") no-repeat scroll center center;
    border-radius: 3px 0 0 3px;
    color: #fff;
    float: left;
    font-size: 16px;
    font-weight: bold;
    height: 148px;
    margin-top: -74px;
    position: fixed;
    right: 0;
    top: 80%;
    width: 45px;
}

#help {
    margin: 0;
    padding: 0;
    width: 780px;
}
#help ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
#help li {
    float: left;
    height: 150px;
    list-style: outside none none;
    margin: 20px 0 0;
    padding: 0 10px;
    position: relative;
    text-align: center;
    width: 33.33%;
}
#help li div {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    font-size: 13px;
    height: 150px;
    padding: 70px 10px 10px;
}
#help li h2 {
    color: #da1313;
    font-size: 17px;
    margin: 0 0 5px;
}
#help li img {
    left: 50%;
    margin-left: -40px;
    position: absolute;
    top: -20px;
}

#userForm label.error {
    margin: 0 0 10px 0;
    display: block;
    font-size: 17px;
    color: #FFFF00;
}

#signup_form td{
    padding: 6px 15px 0 0;
    margin: 0;
    vertical-align: top;
}

#signup_form input#acceptconditions{
    width: initial;
}


#userForm .validationDiv{
}

#userForm .val{
    float: left;
}
#userForm .val input{
    border-radius: 0;
    background: #FFFFFF;
    /* border: 0; */
    margin: 0;
    /*padding: 0;*/
}
#userForm .infVal{
    max-width: 416px;
    width: 100%;
    float: left;
    /*background: #f7f7f7;*/
    padding: 0px 0 5px 12px;
}

#userForm .infVal p{
    margin: 0;
}

#userForm p.valid {
    /*background: #eaeaea;*/
    padding: 7px 0 25px 0px;
    margin: 0;
    clear: both;
}