/*
Theme Name: Top Eleven
Theme URI: http://www.topeleven.com
Author: Web Design Beach Team
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

body {
	background-color: #151219 !important;
	background-image: url('https://cdn.nordeus.com/wpctopeleven/plugins/te-play/images/background2017.jpg') !important;
}

#newTEBanner {
	background-image: url('https://cdn.nordeus.com/wpctopeleven/plugins/te-play/images/banners/flashShutDownBanner.jpg');
	width: 980px;
	height: 160px;
	font-size: 20px;
}

.newTEBannerHover:hover {
	background-position: 0px -161px;
	font-size:21px;
}

#newTEBanner td > a, #newTEBanner td > div {
	display: table-cell;
	color: white;
	width: 455px;
	margin: auto;
	text-align: center;
	font-weight: bold;
	height: 160px;
	text-decoration: none;
	vertical-align: middle;
	padding: 0px 230px 0 340px;
}

#newTEBanner td > a.hidden, #newTEBanner td > div.hidden {
	display: none;
}

.teFooter {
	background-color: white;
	text-align: center;
	padding: 3%;
}
.teFooter img {
	width: 50%;
	max-width: 18em;
}
.teFooter div {
	color: gray;
	font-size: 0.6em;
}
.teFooter nav {
	margin: 0.5em 0 1em;
}
.teFooter nav ul {
	position: static;
}
.teFooter nav li {
	display: inline; 
	border: none;
	padding: 0.5em;
	font-size: 0.8em;
}
.teFooter nav a {
	color: gray;
	text-transform: none;
	font-size: 1.7em;
	font-weight: bold;
	font-family: 'Roboto Condensed', Arial, sans-serif;
}

iframe[name="google_conversion_frame"] {
	display: block;
	height: 0;
}
#secondary h3, h3.side-widget-title { height:22px; background:url('https://cdn.nordeus.com/wpctopeleven/plugins/te-play/images/h3_background.png') no-repeat; padding:15px 15px 15px 18px; font-family:Roboto Condensed, Arial, Helvetica, sans-serif; font-size:26px; color:#ffffff; text-transform:uppercase; font-weight:normal;}
#secondary h4{  font-family:Roboto Condensed, Arial, Helvetica, sans-serif; font-size:24px; color:#75b431; text-transform:uppercase; font-weight:normal; padding-bottom:12px;}

.facebook_like_box{  background-color: #06080a; padding:15px;}

#ytplayer_div2 a img { width:79px;}


/* news page */

.category  #primary{ height:auto; background:url('images/news_category_bg.png') repeat;border-top:1px solid #3d3f40;    padding: 20px 25px 15px;  width: 930px;}
.category  #content{ float: left;   margin-bottom: 47px;   margin-top: 0px;   width: 593px;}

.page-template-news-php #primary{ height:auto; background:url('images/news_category_bg.png') repeat;border-top:1px solid #3d3f40;    padding: 20px 25px 15px;  width: 930px;}
.search #primary{ height:auto; background:url('images/news_category_bg.png') repeat;border-top:1px solid #3d3f40;    padding: 30px 25px 15px;  width: 930px;}
.search #primary .page-title{ color: #ffffff; font-family: Roboto Condensed,Arial,Helvetica,sans-serif; font-size: 36px; text-decoration: none;  text-transform: uppercase;}
.search #primary .entry-title  h2{ color: #75b431; font-family: Roboto Condensed,Arial,Helvetica,sans-serif; font-size: 24px; text-transform: uppercase;}
.search #primary .entry-title  a{ color: #75b431; font-family: Roboto Condensed,Arial,Helvetica,sans-serif; font-size: 24px; text-decoration: none;  text-transform: uppercase;}
.search #primary .entry-title  a{ color: #75b431; text-decoration:none;}
.search #primary .entry-title a:hover{ color: #ffffff; }
.search #primary .entry-summary p{ color: #7b7f81;font-family: Arial,Helvetica,sans-serif;   font-size: 13px;   line-height: 18px; }
.search #primary article{ margin-top:10px; margin-bottom:20px; padding-bottom:10px;  border-bottom:1px solid #212628; }

.page-template-privacy-terms-template-php #primary { height: auto; background: url('images/news_category_bg.png') no-repeat black; border-top: 1px solid #3d3f40; padding: 20px 25px 15px; width: 930px; min-height: 450px; }
.page-template-privacy-terms-template-php .entry-content p {  color: #7B7F81;  font-family: Arial,Helvetica,sans-serif;  font-size: 12px; line-height: 18px;    margin: 15px 0;}
.page-template-privacy-terms-template-php .entry-content h2 {  color: #ffffff;  font-family: Arial,Helvetica,sans-serif;  font-size: 24px; line-height:28px;    margin: 15px 0;}
.page-template-privacy-terms-template-php .entry-content h3 {  color: #ffffff;  font-family: Arial,Helvetica,sans-serif;  font-size: 16px; line-height: 20px;    margin: 15px 0;}
.page-template-privacy-terms-template-php .entry-content ol, ul {
	color: #7B7F81;  
	font-family: Arial,Helvetica,sans-serif;  
	font-size: 12px; 
	line-height: 18px;   
	margin: 7px 0;
}
.page-template-privacy-terms-template-php .entry-content ol { list-style: decimal inside;}
.page-template-privacy-terms-template-php .entry-content ul { list-style: disc inside;}

.page-template-privacy-terms-template-php table {
	width: 100%;
	color: #7B7F81;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 18px;
}
.page-template-privacy-terms-template-php table th {
	font-weight: bold;
}
.page-template-privacy-terms-template-php table th,
.page-template-privacy-terms-template-php table td {
	border-bottom: 1px solid #7B7F81;
	width: 33%;
}

.page-template-fan-kit-php #primary{ height:auto; background:url('images/news_category_bg.png') repeat;border-top:1px solid #3d3f40;    padding: 20px 25px 15px;  width: 930px; min-height:450px;}
.page-template-fan-kit-php #content {  float: left;  margin-bottom: 47px;  margin-top: 0;}
.page-template-fan-kit-php h2{ margin:15px 0;}
.page-template-fan-kit-php h2.entry-title{ cursor:pointer; margin: 0 50px; display:inline-block; zoom: 1; *display: inline;  color: #FFFFFF;  font-family: Roboto Condensed,Arial,Helvetica,sans-serif;  font-size: 40px; text-transform: uppercase; }
.page-template-fan-kit-php h2.entry-title:hover { text-decoration: underline; }
.page-template-fan-kit-php h2.entry-title.active {  color:#75b431; text-decoration:underline;  }
.page-template-fan-kit-php a.homepage-link{ color: #75b431; font-family: Roboto Condensed,Arial,Helvetica,sans-serif; font-size: 24px; text-decoration: none;  text-transform: uppercase;}
.page-template-fan-kit-php a.homepage-link:hover { color: #ffffff; }

.page-template-fan-kit-php .entry-content { color: #7B7F81; font-family: Arial, Helvetica, sans-serif; font-size: 12px;  }
#wallpapers p, #twheaders p { padding: 35px 35px 40px 40px; text-align: center; width: 40%; display:block; float:left; }
#fbcovers p { padding: 35px 35px 0 40px; text-align: center; width: 370px; display:block; float:left; }
.page-template-fan-kit-php .entry-content p span { margin-bottom: 7px; display:block }
#wallpapers p img, #twheaders p img { width: 380px; height: 250px; margin-bottom: 7px; border: 4px solid #1D1D1E; }
#twheaders p img { height: 190px; }
#fbcovers p img { width: 390px; height: 145px; margin-bottom: 7px; border: 4px solid #1D1D1E; }
#wallpapers p a, #twheaders p a { margin: 0 8px; }
span.fan-kit-submenu { text-transform:uppercase; display:block; padding: 0 40px 0px 40px; color: white; font-family: Roboto Condensed,Arial,Helvetica,sans-serif; font-size: 24px; }
span.fan-kit-submenu span { margin:0 5px; cursor:pointer; }
span.fan-kit-submenu span.active { color:#75b431; text-decoration:underline; }
span.fan-kit-submenu span:hover { text-decoration: underline; }
#fbcovers .fankit_link { margin-bottom: 25px; }
#fbcovers .fankit_link img { background-color:gray; }

.error404 #primary{ height:auto; background:url('images/news_category_bg.png') repeat;border-top:1px solid #3d3f40;    padding: 20px 25px 15px;  width: 930px; min-height:450px;}
.error404 h2{ margin:15px 0;}
.error404 h2.entry-title{  color: #FFFFFF;  font-family: Roboto Condensed,Arial,Helvetica,sans-serif;  font-size: 40px; text-transform: uppercase; }
.error404 .entry-content p { color: #7B7F81; font-family: Arial,Helvetica,sans-serif;  font-size: 16px;  line-height:20px; margin:5px 0 15px;}
.error404 #searchform { color: #7B7F81; font-family: Arial,Helvetica,sans-serif;  font-size: 12px;  line-height:20px; margin:20px 0;}
.error404 #searchform label { color: #7B7F81; font-family: Arial,Helvetica,sans-serif;  font-size: 12px;  line-height:20px; margin-right:10px;}
.page-template-news-php #content{ float: left;   margin-bottom: 47px;   margin-top: 0px;   width: 593px;}

.single_primary{ height:auto; background:url('images/news_category_bg.png') repeat;border-top:1px solid #3d3f40;    padding: 20px 25px 15px;  width: 930px!important;}
.single_primary #content{ float: left;   margin-bottom: 47px;   margin-top: 0;   width: 593px; position:relative;}
.single_primary #content .social_icons{ float: left; position: relative; margin-left: -110px;}

.single_primary .entry-content { float: left; position: relative;}
.single_primary .entry-content p a img{ border:4px solid #1d1d1e; margin-left: -104px; }
.single_primary .entry-content p  img{ border:4px solid #1d1d1e;margin-left: -104px;}
.single_primary .entry-content p, #press-kit { color: #7b7f81;font-family: Arial, Helvetica, sans-serif; font-size:12px; margin:15px 0;line-height: 18px;}
.single_primary .news-content { margin-left: 100px; min-height: 480px;}
.single_primary .edit-link { margin-left: 83px; }
.single_primary .entry-content h2 { font-size: 16px; font-weight: bold; color: #7B7F81; font-family: Arial,Helvetica,sans-serif; margin-bottom: 8px;}
.single_primary .entry-content ol, .single_primary .entry-content ul { color: #7B7F81; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 18px; padding-left: 32px; }
.single_primary .entry-content ol { list-style-type: decimal; }
.single_primary .entry-content ul { list-style-type: disc; }
.single_primary .entry-content strong { font-weight: bold; }
.single_primary .entry-content em { font-style: italic; }

#news-sidebar{ width:310px; float:right; }
#news-sidebar .did_you_know {  margin-left: 0; margin-top:10px;}
#news-sidebar #did_you_know div:first-child {  margin-top: 0;}
#news-sidebar .strange_title { margin-top:10px; }


.other_news{}
.other_news li{border-bottom:1px dotted #474747; padding: 6px 0;}
.other_news li a{color:#75b431;font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none;}
.other_news li a:hover{ text-decoration:underline;}
#nav-single { color:#54595b;font-family: Arial, Helvetica, sans-serif; font-size:10px;text-transform:uppercase; margin-bottom:13px;}
#nav-single a { color:#75b431; text-decoration:none;}
h1.entry-title{ font-family:Roboto Condensed, Arial, Helvetica, sans-serif; font-size:40px; color:#ffffff; text-transform:uppercase;}

.single_header{  float: left;  margin-bottom: 15px;  margin-top: -15px;  width: 99%;}

/* play page */
.page-template-play-old-php #primary{ height:auto; background:url('images/news_category_bg.png') repeat;   padding: 20px 17px 15px 25px; width: 938px;}
.page-template-play-old-php #content{ height:auto;  float: left;   margin-bottom: 47px;   margin-top: 0px;   width: 100%; min-height: 274px;}

.play-navigation { background: url("images/playnav-bg.png") repeat-x scroll 0 0 transparent; height: 70px; position: relative; width: 980px; z-index: 20; margin-left: auto; margin-right: auto; margin-top: 10px;}
.play-navigation ul{ border-bottom: 5px solid #75b431; height: 40px; overflow: hidden; padding-left: 10px; padding-top: 20px; margin: 0; list-style: none; height: auto;}
.play-navigation ul > li { width:auto; height:40px; float:left; margin: 0 2px; background: url('images/nav-play-now.png') no-repeat 0 0; cursor:pointer; padding:0 0 0 6px;}
.play-navigation ul > li > div { background: url('images/nav-play-now.png') no-repeat right 0px; height: 40px; font-family: Arial, Helvetica, sans-serif; font-size:14px; text-align:center; white-space:nowrap; color:#ffffff; font-weight: bold; padding: 2px 15px 0 5px; text-shadow:1px 1px 1px #000000;}

.play-navigation ul > li > div > span { float: left; margin-left: 4px; margin-top: 9px;}
.play-navigation ul > li.disabled > div > span { color: gray; }
.play-navigation ul > li > div > div { float: left; margin-top: 6px; width: 24px; height: 24px; background-position: 0px 0px; }
.play-navigation ul > li.disabled > div > div { background-position: 0px -24px; }

.play-navigation ul > li:hover { background-position: 0 -40px; }
.play-navigation ul > li > div:hover { background-position: right -40px; }

.play-navigation ul > li.active { background-position: 0 -80px; }
.play-navigation ul > li.active > div  { background-position: right -80px; }

#play-sidebar{width:160px; float:right; display: none;}
#play-sidebar h3 { color: #FFFFFF;  font-family: Roboto Condensed, Arial, Helvetica, sans-serif;  font-size: 20px;  font-weight: normal; margin-bottom:8px;}
#play-sidebar h3  img{  float: left; margin-right: 5px;  margin-top: -2px;}

.paypal-in-sidebar { float: left; margin-bottom: 17px; }
.paypal-in-sidebar h2 { display: none; }
.paypal-in-sidebar .paypal { padding: 71px 0 0; box-sizing: border-box; border: none; width: 160px; height: 368px; background: url('images/buytokens/paypal-sidebanner-background.png') no-repeat 0 -4px; }
.paypal-in-sidebar .paypal ul { width: 100%; margin: 0; list-style: none;}
.paypal-in-sidebar .paypal ul li { background: none; margin: 0 2px; padding: 9px 7px 4px; cursor: pointer; }
.paypal-in-sidebar .paypal ul li.active { background: url('images/buytokens/paypal-sidebanner-active-field.png') no-repeat; }
.paypal-in-sidebar .paypal ul li input[type=radio] { display: none; }
.paypal-in-sidebar .paypal ul li input[type=radio] + label { display: inline-block; margin: 2px 4px 0 0; min-width: 0; width: 14px; height: 15px; background: url('images/buytokens/paypal-sidebanner-checkboxes.png') no-repeat 0 0; }
.paypal-in-sidebar .paypal ul li input[type=radio]:checked + label { background-position: 0 -15px; }
.paypal-in-sidebar .paypal ul li label { cursor: pointer; }
.paypal-in-sidebar .paypal ul li img { margin: 0 8px 0 4px; }
.paypal-in-sidebar .paypal ul li span { float: right; }
.paypal-in-sidebar .paymentSelect .paypal-button { display: block; border: none; margin: 18px 0 0 18px; width: 124px !important; height: 54px; background: url('images/buytokens/paypal-sidebanner-buttons.png') no-repeat 0 0; }
.paypal-in-sidebar .paymentSelect .paypal-button:hover { background-position: -133px 0; }
.paypal-in-sidebar .paymentSelect .paypal-button:active { background-position: -266px 0; }

.share-success-banner { background:url('images/share-success-banner.jpg') no-repeat; width:683px; height:30px; color:#ffffff; font-family:Roboto Condensed, Arial, Helvetica, sans-serif; font-size:24px; text-transform:uppercase; padding-left:77px; padding-top: 10px; text-decoration: none; display: none; margin-bottom:4px;}
.share-success-banner span { color:#fff000;}
#clientContainer { position: relative; top: 0px; height: 848px }
.earn-tokens-banner { background:url('images/earn-tokens-banner.jpg') no-repeat; width:134px; height:207px;  color:#ffffff; font-family:Roboto Condensed, Arial, Helvetica, sans-serif; font-size:40px; text-transform:uppercase; padding: 0 13px; text-decoration: none; display: none; margin-bottom:20px; text-align:center; line-height: 37px; padding-top:8px!ie;}
.earn-tokens-banner b { color:#fff000; font-weight:normal; }
.earn-tokens-banner span { font-size:21px; line-height: 26px; }
body.ru .earn-tokens-banner { font-size: 22px; line-height: 28px;}
body.ja .earn-tokens-banner { font-size: 26px; }
body.ko .earn-tokens-banner { font-size: 30px; }
body.it .earn-tokens-banner span { font-size: 20px; }

#bottomBanner { background-image: url('images/banners/te2017_banner_bottom.jpg'); width: 760px; height: 110px; margin-top: 5px; }
.mobileButtonsBanner { padding-top: 9px; }
.mobileBtn { overflow: hidden; width: 96px; height: 28px; float: right; margin: 7px 20px 0 0; clear: both; position: relative; padding-top: 5px; }
.facebook-connect .mobileBtn { display: inline-block; float: none; margin-right: 0; }

#buyTokensBanner, #winTokensBanner {
	width: 160px;
	height: 415px;
	margin-bottom: 18px;
	vertical-align: bottom;
	cursor: pointer;
}

/* buy tokens page */
#buyTokensTabDiv #content { width: 728px; }
#buyTokensTabDiv div.provider-big { width:100%;  float:left; }
#buyTokensTabDiv div.provider-small { float:left; }
#buyTokensTabDiv div.narrow-left { margin-right: 20px; }
#buyTokensTabDiv div.narrow-right {  }
#buyTokensTabDiv h2{ background:url('images/buy-tokens-border.png') repeat-x bottom left; height:auto; color:#ffffff; font-family:Roboto Condensed, Arial, Helvetica, sans-serif; font-size:30px; text-transform:uppercase; margin-bottom: 10px; padding-bottom: 10px;}
.payment-items { width: 230px; }
span.error_payment { border:1px solid white; padding:3px; color: red; display: block; text-align: center; }

#buyTokensTabDiv div {  margin-bottom: 10px; }
.one-big-column { width: 100%!important;}
#sms-big {width:100%; margin-right: 20px; float:left;}
#sms-smaller {width: 57%; margin-right: 20px; float:left;}
.provider-big .fortumo-div {width: 100%; min-height: 177px; background:url('images/buytokens/fortumo_bg-1v2.png') no-repeat; position:relative;}
.provider-small .fortumo-div {width: 455px; min-height: 353px; background:url('images/buytokens/sms-smaller-bg-imagev2.png') no-repeat 0 0; position:relative;}
div.fortumo-button {
	background: transparent url('images/buytokens/fortumo-btn-rightv2.png') no-repeat top right;
	padding-right: 14px; height: 53px;
	text-decoration: none; position: absolute; cursor: pointer; 
	margin-bottom:0; margin-right:20px;
}
div.fortumo-button table {
	border:none; border-collapse:collapse; outline:0;
}
div.fortumo-button td {
	background: transparent url('images/buytokens/fortumo-btnv2.png') no-repeat 0px 0px;
	font-family: Helvetica, sans-serif; color: white; text-transform: uppercase; font-weight: bold; font-style: italic; font-size: 16px;
	line-height: 14px; padding-left: 14px;
	height: 50px; width: 154px; vertical-align: middle; text-align: center;
}
div.fortumo-button:hover td { font-size: 18px; }
.provider-big .fortumo-div div.fortumo-button { left: 680px; top: 101px;  }
.provider-small .fortumo-div div.fortumo-button { left:139px; top:277px;  }

.one-big-column .sms-smaller {background-position: 0 0;}
.one-big-column .sms-smaller .button{ left:284px;}
.one-big-column  #sms-big .sms-smaller .button { left:633px;}
.sms-big{ width: 768px; float:left;}
.narrow-container{ width: 455px; float:left; }
.paymentSelect{ width: 100%; float:left; background:#1a1a1a; border:1px solid #2c3234; min-height: 353px; text-align: center;}
.paymentSelect p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; }
.paymentSelect  p a{color:#75b431; text-decoration:none;}
.paymentSelect p a:hover{color:#ffffff;}
.paymentSelect li.header { background:url('images/buytokens/q-voucher-bg-header.png') no-repeat center center; width:100%; float:left; font-size:10px; line-height: 26px;    padding:0 0 11px;   text-align: left;}
.paymentSelect li.header  strong{font-weight:bold; margin-left:8px; }
.paymentSelect ul { width:100%;float:left; margin: 0;}
.paymentSelect ul  li{ background:url('images/buytokens/q-voucher-line.png') no-repeat bottom center; width:100%; padding:6px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff;   float: left;}
.paymentSelect ul  li label { min-width:28px; font-weight:bold; text-align:right; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; }
.paymentSelect ul  li input[type="radio"]{ float:left; margin:0 4px 0 8px;}
.paymentSelect ul  li  img { float:left; margin:0 8px 0 4px; }
.paymentSelect ul  li  span { float:left; }
.paymentSelect .payment-logo { margin:12px 0 8px 0; cursor: pointer;}
.paymentSelect .boku-logo { margin: 40px 0 8px 0; cursor : pointer; }
.paymentSelect .paypal-button { margin: 30px 0 8px 0; cursor : pointer; width: auto !important; margin: 0 auto; clear: both; padding: 0 !important; border-radius: 0 !important;}
span.fortumoLink { cursor: pointer; }

.provider-big { width: 100%;float:left; }
.provider-big .bigPaymentSelect { position:relative; width: 100%; float:left; background:#1a1a1a; border:1px solid #2c3234; min-height: 165px;   text-align: center; padding:30px 0 20px; }
.provider-big .bigPaymentSelect img{  float:left;}
.provider-big .button{ position:absolute; top: 54px; left:575px; }
.bigPaymentSelect ul { width:320px; float:left; margin: -10px 0 0 85px; }
.bigPaymentSelect ul  li{ background:url('images/buytokens/q-voucher-line.png') no-repeat bottom center; width:100%; padding:8px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff;   float: left;}
.bigPaymentSelect ul  li label { min-width:28px; font-weight:bold; text-align:right; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; }
.bigPaymentSelect ul  li input[type="radio"]{ float:left; margin:0 8px;}
.bigPaymentSelect ul  li  img { float:left; margin:0 14px 0 4px; }
.bigPaymentSelect ul  li  span { float:left; }

#provider-adyen .paymentSelect { margin-bottom: 0; padding: 15px 0 0 0; border-bottom: 0; }
#adyen-payment-frame { border: 1px solid #2C3234; border-top: 0; background: #1A1A1A; }
#provider-adyen .adyenDescription { font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 24px; font-weight: normal; }
#provider-adyen .adyenDescription img { float: none; margin-bottom: 20px; }
#AdyenSelectItemList { float: none; width: 800px; margin-top: 20px; }
#AdyenSelectItemList li { width: 270px; padding-left: 100px;}

.provider-big .paypal-button { margin: 90px 0 8px 0; }
.paypal-div { width: 100%; float:left; }
.paypal-div .paypal { position:relative; width:100%; float:left; background:#1a1a1a; border:1px solid #2c3234; min-height:165px; text-align:center; padding:30px 0 20px; }
.paypal-div .paypal img { float:left; }
.paypal-div .paypalImage { margin: 36px 0 8px 0; }
.paypal ul { width:320px; float:left; margin: 10px 0 0 15px; }
.paypal ul  li { background:url('images/buytokens/q-voucher-line.png') no-repeat bottom center; width:100%; padding:8px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff;   float: left;}
.paypal ul  li label { min-width:28px; font-weight:bold; text-align:right; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; }
.paypal ul  li input[type="radio"] { float:left; margin:0 8px;}
.paypal ul  li img { float:left; margin:0 14px 0 4px; }
.paypal ul  li span { float:left; }

.provider-big .paypal-button { margin: 90px 0 8px 0; }
.paypal-div { width: 100%; float:left; }
.paypal-div .paypal { position:relative; width:100%; float:left; background:#1a1a1a; border:1px solid #2c3234; min-height:165px; text-align:center; padding:30px 0 20px; }
.paypal-div .paypal img { float:left; }
.paypal-div .paypalImage { margin: 36px 0 8px 0; }
.paypal ul { width:320px; float:left; margin: 10px 0 0 15px; list-style: none;}
.paypal ul  li { background:url('images/buytokens/q-voucher-line.png') no-repeat bottom center; width:100%; padding:8px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff;   float: left;}
.paypal ul  li label { min-width:28px; font-weight:bold; text-align:right; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; }
.paypal ul  li input[type="radio"] { float:left; margin:0 8px;}
.paypal ul  li img { float:left; margin:0 14px 0 4px; }
.paypal ul  li span { float:left; }

.unipay { position: relative; }
.provider-big .unipay { height: 200px; width: 930px;  background: url('images/buytokens/unipay-widev2.jpg') no-repeat 0 0; }
.provider-small .unipay { width: 455px; height: 353px; background: url('images/buytokens/unipay-smallv2.jpg') no-repeat 0 0; }
.unipay a.thickbox { width: 115px; height: 50px; display: block; margin: 0 auto 10px; background: url('images/buytokens/unipayBtn.png') 0 0; }
.unipay a.thickbox:hover { background-position: 0 -50px; }
.unipay a.thickbox:active { background-position: 0 -1000px; }
.unipay div { position: absolute; width: 165px; color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; }
.provider-small .unipay div { right: 1px; bottom: 1px; }
.provider-big .unipay div { right: 130px; top: 80px; }

.providerLoadingDiv { text-align : center; }

/* win tokens page */
#winTokensTabDiv h1{  color:#ffffff; font-family: Arial, Helvetica, sans-serif; font-size:20px;  margin-bottom: 15px;}
.offers_div { width: 100%; }
.offers_div .matomy_warning { background-color: #333333; font-family: sans-serif; font-size: 12px; color: white; line-height: 22px; width: 690px; text-align: right; padding: 0 15px 0}
.sponsor-tokens { margin-bottom: 20px;  width: 100%;}
.sponsor-tokens iframe { width: 100%; height: 1000px;}

.show-sponsors { background: url('images/show-sponsors-bg.png') no-repeat; width:678px; height:77px; padding:25px 30px 0; margin-bottom:13px;}
.show-sponsors ul { margin-top: 0;}
.show-sponsors ul li{ width:128px; height:67px; margin-left:8px;  float: left; position:relative; }
.show-sponsors span { width:128px; height:54px; background: url('images/show-sponsors-frame.png') repeat;  display:table; cursor: pointer; }
.show-sponsors ul li.active span {background: #75b431; position:relative; }
.show-sponsors ul li:first-child {  margin-left:0px; }
.show-sponsors span img{ padding:10px 10px  7px 10px; padding:10px!ie;}

.slider-show-sponsors { background: url('images/slider-show-sponsors-bg.png') no-repeat; width:678px; height:78px; padding:24px 30px 0; margin-bottom:13px; position: relative; width: 100%;}
.slider-show-sponsors .carouselNav { top: 27px; }
.slider-show-sponsors #carouselNext { right: -8px; }
.slider-show-sponsors .mycarouselClip { margin-right: 0; }
.slider-show-sponsors #mycarousel {width: 818px !important;}
.slider-show-sponsors #mycarousel li{ width:128px; height:67px!important; border: none; margin-left: 9px;}
.slider-show-sponsors #mycarousel li img { height:45px; width:60px; }
.slider-show-sponsors #mycarousel li.active { border: none; position: relative;}
.slider-show-sponsors #mycarousel li span { background: url('images/show-sponsors-frame.png') repeat;  width:128px; height:54px; display:table; }
.slider-show-sponsors #mycarousel li.active span {background: #75b431; }
.slider-show-sponsors #mycarousel li img {padding:10px 10px  7px 10px;  padding:10px!ie; width: auto; height: auto;}

.show-sponsors ul li span.active-span,
.slider-show-sponsors #mycarousel li span.active-span {
	background: transparent;
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 12px solid #75b431;
	position: absolute;
	left: 52px;
	bottom: 0;
}

.links{ border-bottom:1px solid #0f0f10; margin-bottom: 30px;  padding-bottom: 15px;}
.links a {  color:#75b431; font-family: Arial, Helvetica, sans-serif; font-size:14px;  line-height:24px; text-decoration:none; font-weight:bold; }
.links a:hover {  color:#ffffff; }

.help-links{width:310px; height:auto; background:url('images/help-links-bg.png') repeat; border:1px solid #24282a; padding:15px;}
.help-links li{ border-top:1px #474747 dotted;  line-height:31px; padding:1px 6px;}
.help-links li:first-child{ border-top:none;}
.help-links li a{ font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#75b431; text-decoration:none;}
.help-links li a:hover{ color:#ffffff;  }
.help-links li a img { float: left; margin: 6px 12px 0 0;}


.play-video{  background: url('images/play-video.png') no-repeat 0 0;  width:59px; display: inline-block; padding: 0 0 0 59px; text-decoration:none; cursor:pointer; }
.play-video:hover{   background: url('images/play-video.png') no-repeat bottom left; text-decoration:none!important; }
.play-video > span { background: url('images/play-video.png') no-repeat right 0; height: 50px; font-family:  Arial, Helvetica, sans-serif; font-size:12px; white-space:nowrap; color:#4c4c4c; font-weight: normal; padding: 12px 20px 0 10px; display: inline-block; float: left;  text-shadow:1px 1px 1px #ffffff;}
.play-video:hover  > span{  background: url('images/play-video.png') no-repeat bottom right; text-decoration:none!important; }
.play-video > span  strong{  font-size:18px;  color:#101416; }

.missing-tokens{ background: url('images/missing-tokens.jpg') repeat-x white; color:#060606;  font-size:12px; font-family: Arial, Helvetica, sans-serif; padding:18px; line-height:20px; margin-bottom: 28px;}
.missing-tokens a { color:#1e9aba;  }
.missing-tokens strong{ font-weight:bold; font-size:14px;  }
.missing-tokens img{ float:left; margin-right:15px;    margin-top: 2px;  }

.negative-balance{ background: url('images/negative-balance.jpg') repeat-x #cc0000; color:#f1f1f1;  font-size:12px; font-family: Arial, Helvetica, sans-serif; padding:18px; line-height:20px; margin-bottom: 28px;font-weight:bold;}
.negative-balance a { color:#1e9aba;  }
.negative-balance strong{ font-size:14px;  }
.negative-balance img{ float:left; margin-right:15px;    margin-top: 2px;  }

.inline-left-image{   background-color: transparent !important;   float: left;   margin-right: 15px;  padding-top: 0px !important;}

.back-to-top{ height:12px; width:100%; background:url('images/back-to-top.png') no-repeat left center; }
.back-to-top a{color:#75b431; text-decoration:none; text-align:right; padding-top:2px; font-size:10px;  text-transform:uppercase; display:block; font-family: Arial, Helvetica, sans-serif; }
.back-to-top a:hover { text-decoration:underline; }

#watchVideos {
   background-color: #06080A; padding-bottom: 10px;
}

#redeemCodeTabDiv iframe {
	border: 0;
}

/* TokenAds */
#ta-player {
	z-index: 1001;
}
.video .carouselContainer {    
	background: url("images/slider-video.png") no-repeat scroll 0 0 transparent;
	height: 78px;
	margin-bottom: 13px;
	padding: 24px 28px 0;
	width: 300px;
	position: relative;
}

.carouselNav {
	position: absolute;
	width: 28px;
	height: 48px;
	cursor: pointer;
	background: transparent url("images/slider-navigation.png") no-repeat 0 0;
	top: 26px;
}

.carouselNav:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
	filter: alpha(opacity=80); /* IE 5-7 */
	-moz-opacity: 0.8; /* Netscape */
	-khtml-opacity: 0.8; /* Safari 1.x */
	opacity: 0.8; /* Good browsers */
}

.carouselNav.disabled, .carouselNav.disabled:hover {
	cursor: default;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
	filter: alpha(opacity=50); /* IE 5-7 */
	-moz-opacity: 0.5; /* Netscape */
	-khtml-opacity: 0.5; /* Safari 1.x */
	opacity: 0.5; /* Good browsers */
}

#carouselPrev {
	left: -8px;
}

#carouselNext {
	right: -2px;
	background-position: right 0; 
}

.mycarouselClip {overflow: hidden; margin-right: 6px; position:relative;}
#mycarousel { margin: 0; position: relative; list-style: none;}
#mycarousel li{ float:left; margin-left:7px; height:45px; width:60px;border:4px solid #000000; cursor: pointer; margin: 0;
padding: 0;}
#mycarousel li.active{ border:4px solid #75b431; }
#mycarousel li:first-child{ margin-left:0px;}
#mycarousel li img { height:45px; width:60px; }

#videotitle{  margin-left: 18px;    margin-top: 12px;}
li.sspanel{ width:960px !important; float: left; margin: 0; overflow: hidden; padding: 0;}
.slideshow { padding:10px; margin-bottom:24px; width:960px; height:321px; background:url(images/slider/slider_bg.png) no-repeat ;}
.slideshow .text { float: right; height: 290px; margin-right: 5px; width: 455px; margin-top: 30px; font-family: Arial, Helvetica, sans-serif; font-size:14px; color:white; line-height:22px;}
.slideshow .text h2 { text-transform: uppercase; font-family: Roboto Condensed, helveticaneueltprobd, Arial, Helvetica, sans-serif; font-size:36px; color:white; margin-bottom:8px; line-height:40px; }
.slideshow .text h2 .blue_title{ color:#75b431;}
.sliderContainer {width: 960px; height:320px; position:relative; overflow: hidden;}
#slider {margin: 0; padding: 0; width: 4800px; position: absolute; top: 0; left: 0;}
.sliderControls ul {bottom: 0; float: left; height: 61px; margin: 0; padding: 10px 0 0 20px; position: absolute; right: 0; width: 407px; background: url("images/slider/slider-nav.png") no-repeat;}
.sliderControls ul li {float: left;}
.sliderControls ul a {
	display: inline-block;
	text-decoration: none;
	text-align: center;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.sliderControls ul a.cur{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity: 1;
}
.sliderControls ul a:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity: 1;
}


.facebook-connect, .flash-content, .app-store-content { width:100%; }
.flash-content .title { padding: 20px 100px; margin-bottom:20px; text-align:center; }
.facebook-connect .title { padding: 20px 100px 0; }
.app-store-content .title img {float:left; margin-right:10px;}
.facebook-connect .title h1, .flash-content .title h1, .app-store-content .title h1 {font-family:Roboto Condensed, Arial, Helvetica, sans-serif; font-size:58px; color:#ffffff; text-transform:uppercase; line-height:66px;    padding-top: 5px;}
.flash-content .title h1, .app-store-content .title h1 {line-height: 55px;  padding-top: 0px;}
.facebook-connect .title h2, .flash-content .title h2, .app-store-content .title h2 {font-family:Roboto Condensed, Arial, Helvetica, sans-serif; font-size:24px; color:#818181; text-transform:uppercase;}
.facebook-connect .title {
	text-align: center;
}
.facebook-connect .title h1 {
	color: #75b431;
	padding: 20px 0;
}
.facebook-connect .title h2 {
	color: #fff;
	font-size: 27px;
	line-height: 36px;
}

.page-id-951 .title { padding: 20px 50px; }
.page-id-951 .title h1 { font-size: 44px; line-height: inherit; }
.page-id-951 .title h2 { font-size: 34px; line-height: inherit; }

.page-id-951 .connect-with-facebook { padding-top:10px; }
.page-id-951 .facebook-connect-info { width: 480px; }
.page-id-951 .facebook-connect-info h3 { font-size: 20px; }

.facebook-connect .title strong {
	color: #75b431;
}

.facebook-connect  p{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; font-weight:bold; margin-bottom:20px; text-align:center;}
.connect-with-facebook{ width:478px; padding-top:25px; margin:0 auto; text-align:center;}

.facebook-connect {
	background:url('images/landing-background.jpg') 0 0 no-repeat;
	height: 1000px;
}
	
.facebook-connect-info {
	float: right;
	width: 460px;
	margin-right: 40px;
	color: #FFF;
}
.facebook-connect-info a {
	color: #92d259 !important;
}
.facebook-connect-info a:hover {
	color: #92d259 !important;
	text-decoration: underline !important;
}


.facebook-connect-info h3 {
	color: #75b431;
	font-family:Roboto Condensed, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 24px;
	margin: 10px 0 20px !important;
}

.facebook-connect-info p {
	text-align: left;
	font-weight: normal;
	position: relative;
	font-size: 13px;
}

.facebook-connect-info .fb-icon {
	background: url('images/landing-icons.png') no-repeat;
	width: 31px; height: 27px;
	position: absolute; left: -40px; top: -3px;
	display: block;
}
.facebook-connect-info .fb-key-icon { background-position: 0 0; }
.facebook-connect-info .fb-info-icon { background-position: 0 -27px; }
.facebook-connect-info .fb-logo-icon { background-position: 0 -54px; }
.facebook-connect-info .fb-secure-icon { background-position: 0 -81px; }

/* To hide "This post is also available in: ..." at the end of facebook-connect div */
.facebook-connect .icl_post_in_other_langs {
	display: none;
}

.flash-button-bg { width:368px; height:156px;padding-top:25px; background:url(images/flash-bg.png) no-repeat;  text-align:center;margin:0 auto;}
.flash-button-bg p{color:#989898;font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px;}
.flash-button-bg p strong{color:#ffffff;font-size:18px;}
.app-store-bg { background:url('images/flash-page-bg.png') no-repeat; width:756px; height:330px; padding:20px 0; }
.app-store-button-bg { width: 210px; height: 70px; padding-top: 25px; background: url(images/flash-bg.png) no-repeat;  text-align: center; margin: 0 auto; }
.app-store-button { width: 135px; height: 40px; display: block; margin-left: 38px; margin-top: 3px; }
.app-store-content .title { margin: 20px auto 40px auto; width: 278px; }
#ie7 .facebook-connect a.fbconnect_login_button { margin-left:0px;  cursor: pointer; background: url(images/connect-with-facebook.png) no-repeat; width:297px; height:38px;display:block;}
.facebook-connect a.fbconnect_login_button {
	cursor: pointer; background: url(images/connect-with-facebook.png) no-repeat; width:297px; height:38px;display:block; margin-left:90px;
}
.facebook-connect  a.fbconnect_login_button img {
   display:none;
}
.logOutBox {
	display: none;
	line-height: normal;
	color: white;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	padding-top: 4px
}
.flash-button{cursor: pointer; background: url(images/flash-button.png) no-repeat; width:248px; height:48px;display:block; margin-left:62px; margin-top:26px;}
#ie7 .flash-button{margin-left:0;}
.flash-button p { font-family:helveticaneueltprobd, Arial, Helvetica, sans-serif;font-size:16px; color:white; line-height:18px; text-align:center; text-shadow:1px 0 1px #000000; padding-top:5px;}
.flash-button p span{ font-size:12px; font-weight:normal; }
.loadingDiv {text-align: center; padding-top: 100px;}
#topBannersContainer {text-align: center;}


/* ***************************************** */
/*             Style for payments            */
/* ***************************************** */

.centiliPaymentDiv {
	background: url("images/buytokens/centili-widev2.png") no-repeat scroll 0 bottom transparent;
	clear: both;
	color: #00a4eb;
	font: bold 24px arial;
	height: 200px;
	padding-top: 24px;
	position: relative;
	text-align: left;
	width: 930px;
}

.centiliButton, .trueMoneyButton {
	background: url("images/buytokens/CentiliBtn.png") no-repeat transparent;
	position: absolute;
	top: 155px;
	left: 480px;
	color: white;
	cursor: pointer;
	font-size: 20px;
	height: 45px;
	padding: 8px 0 0 10px;
	width: 145px;
}

.centiliText {
	font-weight:bold; position: absolute;
	left: 590px; top: 70px; margin-right: 45px;
}

.centiliPaymentDiv.JP {
	background: url("images/buytokens/CentiliJP3v2.png") no-repeat scroll 0 bottom transparent;
}

.provider-small .centiliPaymentDiv.JP {
	background: url("images/buytokens/CentiliJPnarowv2.png") no-repeat scroll 0 bottom transparent;
}

.provider-small .centiliPaymentDiv.TH {
	background: url("images/buytokens/CentiliTrueMoney.png") no-repeat scroll 0 bottom transparent;
}

.JP .centiliButton {
	background: transparent;
	height: 58px;
	left: 15px;
	top: 111px;
	width: 318px;
}

.provider-small .JP .centiliButton {
	background: transparent;
	height: 54px;
	left: 13px;
	top: 214px;
	width: 215px;
}

.JP .centiliButton span {
	display: none;
}

.JP .centiliText {
	display: none;
}

.provider-small .centiliPaymentDiv {
	background: url("images/buytokens/centili-smallv2.png") no-repeat scroll 0 bottom transparent;
	clear: none;
	height: 355px;
	width: 455px;
	padding: 0;
}

.provider-small .centiliButton {
	left: 10px;
	top: 121px;
}

.provider-small .centiliText {
	 left: 65px;
	 top: 55px;
}

.provider-small .TH .centiliText {
	display: none;
}

.provider-small .TH .centiliButton,
.provider-small .TH .trueMoneyButton {
	background: url("images/buytokens/CentiliTrueMoneyBtn.png") no-repeat transparent;
	width: 205px;
	left: 222px;
	top: 156px;
	padding: 9px 0 0;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 1px 1px #000;
}

.provider-small .TH .trueMoneyButton {
	top: 295px;
	display: block;
}

/* Twitter, Facebook, Google+ share style*/
#leftcontainerBox {
	float:left;
	z-index: 1000;
}
#leftcontainerBox .buttons {
	float:left;
	clear:both;
	margin:4px 4px 4px 4px;
	width:100px;
	height:60px;
	padding-bottom:2px;
	padding-left:3px;
}
.bottomcontainerBox {
	float:left;
	height:30px;
	width:100%;
}

#buyTokensPopupContent {
	width:100%; height:100%;
	background: url("images/buyTokensPopup.jpg") no-repeat 50% 50%;
}
#buyTokensPopupContent a {
	display: block; height:100%; width:100%;
}

#buyTokensPopupContent span {
	display: block;
	color: white;
	position: absolute;
	right: 8px;
	height: 60px;
	top: 289px;
	width: 270px;
	text-align: center;
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
}

.mobile-side-banner {
	width:310px; height:260px; position:relative;
	background: url("images/banners/te3_side_banner.jpg") #5B5F61;
}

.android-button {
	background: url("images/banners/android_btn_black_new.png") 0 0;
	width: 96px; height: 30px; display: block;
	position: absolute; right: 26px; bottom: 20px;
}

.iphone-button {
	background: url("images/banners/ios_btn_black.png");
	width: 96px; height: 28px; display: block;
	position: absolute; right: 26px; bottom: 55px;  
}

#nivea-men-side-banner {
	display: block;
	width: 310px;
	height: 260px;
	margin: 10px 0;
}

#press-kit { width:930px; font-size: 14px; height: auto; }
#press-kit h2 { font-size:22px; margin: 10px 0; }
#press-kit div.section { padding:5px; margin-bottom:15px; height: auto; }
#press-nav {  position:absolute; top:10px; }
#press-nav li { margin-left: 0px; padding-left: 0px; }
#press-content { height: auto; width:730px; float: right;  }
#facts { float: left; width:220px; }
#description, #history { float:right; width: 470px; }

div.preview-wrapper {
	width: 340px; height: 255px; margin: 5px;
	float: left; border: 1px solid transparent;
	overflow: hidden;
}
div.preview-wrapper:hover { border: 1px solid #ddd; }
#press-kit .divider { margin-bottom: 5px; border-top: 2px #212628 solid; clear:both }

#media-download {
	border:1px #999 solid;
	line-height:32px;
	border-radius:2px;
	width:100%;
	text-align:center;
	background-color:#212628;	
	margin-bottom:12px;
}
#images a:hover { text-decoration:none; }
#media-download:hover {	border:1px #666 solid; background-color:#bbb; color: #212628; }

#awards li { font-size:14px; margin:0 0 10px 15px; }

#chromeBanner {background: url("images/blackTransparent.png") repeat; font-family: Arial,Helvetica,sans-serif; font-size: 12px; padding: 15px; margin-bottom: 10px;}
#chromeBanner a {display:table-cell; background: url("images/banners/chromeWebStore.jpg") no-repeat; height: 100px; text-align:center; vertical-align:middle; padding:2px 2px 0 116px; color:white; font-family:Roboto Condensed, Arial, Helvetica, sans-serif; font-size:28px; text-shadow: 2px 2px 2px black; text-decoration: none;}


#matchPhase {background: transparent url("images/blackTransparent.png") repeat; color: #BDBCBC; font-family: Arial,Helvetica,sans-serif; font-size: 12px; padding: 15px; margin-bottom: 10px;}
#matchPhase p {border-bottom:1px solid gray; margin: 0; padding: 5px 0;}
#matchPhase img {float: left;}

#twitter_wall_box {
	padding: 14px;
	background-color: #06080A;
	color: #BDBCBC;
	font-family: Arial, sans-serif;
}

#twitter_wall_box div.twitter_container {
	background-color: black;
	padding: 10px 5px;
}

#twitter_wall_box h4 {
	font-size: 18px;
	font-weight: bold;
	padding: 5px 0 5px 8px;
	font-family: Arial, sans-serif;
	text-transform: none;
	color: #BDBCBC;
}

#twitter_wall_box div.twitter_follow {
	position: absolute;
	right: 6px;
	top: 4px;
}

#twitter_wall_box div.tweets {
	background-color: #070707;
	border: 1px solid #3F3F3F;
	border-radius: 5px;
	position: relative;
	margin-bottom: 20px;
}

#twitter_wall_box div.tweet {
	border-top: 1px solid #3F3F3F;
	padding: 10px 8px;
	clear:both;
}

#twitter_wall_box div.tweet img {
	vertical-align: top;
	margin-top: 4px;
}

#twitter_wall_box div.tweet_content {
	display:inline-block;
	width: 260px;
	margin-left: 10px;
	font-size: 14px;
	line-height: 16px;
}

#twitter_wall_box div.tweet_text a {
	color: #75b431;
}

#twitter_wall_box a.tweet_user {
	font-weight:bold;
	float: left;
	margin-right: 4px;
	color: #BDBCBC;
}

#twitter_wall_box a.tweet_name {
	color:#555;
	float: left;
}

#twitter_wall_box span.tweet_date {
	float: right;
	color: #555;
}

#leftcontainerBox #twitter-widget-0 {
	max-width: 70px;
}

a.banner img, #unicef-banner {
	display: block;
	margin-top: 5px;
}

#nivea-men-bottom-banner {
	display: block;
	width: 760px;
}

#pepsi-banner {
	height: 100px;
	text-align: center;
	color: white;
	position: relative;
	background: url('images/pepsi_banner_trv2.jpg') no-repeat -15px 0;
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	margin-top: 5px;
	width: 760px;
}

#pepsi-banner > div {
	width: 293px;
	position: absolute;
	right: 87px;
	top: 6px;
}

.pepsi-code-input {
	width: 152px;
	height: 46px;
	font-size: 16px;
	padding: 0 10px;
	text-align: center;
	background: url('images/pepsi_input.png') no-repeat;
	border: none; outline: none;
	background-position: 0 0;
	display: inline-block;
}

.pepsi-code-input:focus {
	background-position: -173px 0;
	
}
.pepsi-code-button {
	width: 90px;
	height: 47px;
	color: black;
	background: url('images/pepsi_button.png') no-repeat;
	font-size: 18px;
	text-transform: uppercase;
	line-height: 45px;
	background-position: 0 0;
	margin: 4px 0 0 5px;
	display: inline-block;
}

.pepsi-code-button:hover {
	background-position: -90px 0;
	text-decoration: none;
}

.pepsi-code-button:active {
	background-position: -180px  0;
}

.pepsi-banner-note {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	height: 14px;
	text-shadow: 1px 1px 2px black;
}

.pepsi-banner-note.error {
	color: red;
	background: none !important;
}

body.page-template-privacy-terms-template-php .icl_post_in_other_langs { display: none; }

.popupText {
	font-size:16px;
	color: white;
	height: 80px;
	margin: 0 20px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	padding: 10px 0;
}

#popupLikeDiv {
	width: 71px;
	height: 30px;
	float: right;
	overflow: hidden;
}

#popupOverlay {
	background: url('images/popup/popupBackground.png') repeat transparent;
	display:none;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	height: 9999px;
	z-index: 99;
}

#popupDialog {
	display:none;
	margin-left: -250px;
	width: 500px;
	z-index: 100;
	position: absolute;
	top: 250px;
	left: 50%;
}

#popupTitlebar {
	height: 25px;
	background: url('images/popup/popupTitlebar.png') repeat-x 0 -50px;
}

#popupContent {
	background: url('images/popup/popupBackground.png') no-repeat center center #00448F;
	border: 1px solid #d0d0d0;
	border-top: none;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

#popupTitle {
	background: url('images/popup/popupTitlebar.png') repeat-x 0 0;
	color: white;
	float: left;
	font-size: 14px;
	font-weight: bold;
	height: 22px;
	padding: 3px 2px 0 10px;
}

#popupTitleEdge {
	background: url('images/popup/popupTitlebar.png') no-repeat 0 -25px;
	float: left;
	width: 12px;
	height: 25px;
}

#popupCloseBtn {
	background: url('images/popup/popupTitlebar.png') no-repeat 0 -75px;
	float: right;
	width: 35px;
	height: 25px;
	cursor: pointer;
}

#popupCloseBtn:hover {
	background-position: 0 -100px;
}

#popupMsg {
	vertical-align: middle;
	padding: 20px;
	color: white;
	font-size: 14px;
	text-align: center;
}

#popupButtons {
	border-top: 1px solid white;
	color: white;
	margin: 0 20px;
	padding-bottom: 5px;
}

.popupBtn {
	background: url('images/popup/button_2.png') no-repeat 0 -56px;
	cursor: pointer;
	float: right;
	font-size: 14px;
	font-weight: bold;
	height: 26px;
	margin-right: -3px;
	padding-left: 15px;
	text-align: center;
	text-shadow: 1px 1px 1px black;
}

.popupBtn:hover {
	background-position: 0 -28px;
}

.popupBtn:active {
	background-position: 0 0;
}

.popupBtn div {
	background: url('images/popup/button_2.png') no-repeat 100% -56px;
	padding-right: 13px;
	height: 26px;
	line-height: 22px;
	margin-left: -1px;
}

.popupBtn:hover div {
	background-position: 100% -28px;
}

.popupBtn:active div {
	background-position: 100% 0;
}

.popupBtn.red {
	background-position: 0 -140px;
}

.popupBtn.red:hover {
	background-position: 0 -112px;
}

.popupBtn.red:active {
	background-position: 0 -84px;
}

.popupBtn.red div {
	background-position: 100% -140px;
}

.popupBtn.red:hover div {
	background-position: 100% -112px;
}

.popupBtn.red:active div {
	background-position: 100% -84px;
}

.sponsorLikeDiv {
	width: 580px;
	height: 430px;
	position: relative;
	display:block;
}

#fb-container {
	display:block;
	height: 25px;
	overflow: hidden;
	position: absolute;
	left: 241px;
	top: 378px;
}

.goToMobileContainer {
	text-align: center;
	background-color: black;
}

.goToMobileContainer .play_now_btn {
	margin: 0;
}

.fan-kit-title {
	text-align: center;
}
.fan-kit-title>.entry-header {
	display: inline-block;
}
.fan-kit-title>.entry-header>.entry-title {
	margin: 0 25px;
}

.fbLoginButton {
	border: 1px solid #294480;
	display: inline-block;
	line-height: 1;
}
.fbLoginButton button {
	background-color: #5F78AB;
	background-image: url("images/facebookLoginIcon.png");
	background-repeat: no-repeat;
	background-position: -1px -2px;
	margin: 0;
	outline: none;
	border-color: #879AC0;
	border-style: solid none none;
	border-width: 1px 0 0;
	padding: 0 3px 0 24px;
	color: #FFFFFF;
	font-family: 'Helvetica Neue',Helvetica,Arial,'lucida grande',tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: 20px;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
} 
.fbLoginButton button:active {
	background-color: #4f6aa3;
	background-position: -1px -24px;
}
.connect-with-facebook .fbLoginButton button {
	background-image: url("images/facebookLoginIcon39px.png");
	padding-left: 41px;
	font-size: 24px;
	height: 37px;
}
.connect-with-facebook .fbLoginButton button:active {
	background-position: -1px -41px;
}

/*
We make TOS and Privacy pages print nice and provide what we can for News and Articles
*/
@media print {
	body { background: white; color: black; }
	.header, .header_background, #slideDownNotification, #footer, #news-sidebar, #leftcontainerBox, .navigation { display: none; }
	p, h1, h2, h3, ol, ul, a { color: black!important; font-family: serif!important; }
	p, ol, ul, a { font-size: 20px!important; line-height: 1.2em!important; }
	h1 { font-size: 32px!important; }
	h2, h3 { font-size: 26px!important; }
	h3 { margin-top: 35px!important; }
	.single_primary #content, .category #content { width: 100%; }
	.single_primary .news-content, .single_primary .entry-content p img { margin-left: 0px; }
	.single .post_title { width: 80%; }
	.post_content { width: 68%; }
}

/* Flash */
.page-template-play-old-php .facebook-connect .title h1,
.page-template-play-old-php .facebook-connect .title strong,
.page-template-play-old-php .facebook-connect-info h3,
.page-template-play-old-php .facebook-connect a,
.page-template-play-old-php .paymentSelect p a{
	color: #11bfeb;
}

.page-template-play-old-php .play-navigation ul {
	border-color: #11bfeb;
}
.page-template-play-old-php .show-sponsors ul li.active span,
.page-template-play-old-php .slider-show-sponsors #mycarousel li.active span{
	background: #11bfeb;
}
.page-template-play-old-php .show-sponsors ul li span.active-span,
.page-template-play-old-php .slider-show-sponsors #mycarousel li span.active-span {
	background: transparent;
	border-top-color: #11bfeb;
}

/* WebGL */
.page-template-play-php .facebook-connect {
	background: url(images/webgl/landing-background.jpg) no-repeat;
	width: 960px;
	margin: 10px auto 0;
}

.page-template-play-php.fbLoggedIn .header_top,
.page-template-play-php.fbLoggedIn #page,
.page-template-play-php.fbLoggedIn #primary,
.page-template-play-php.fbLoggedIn .play-navigation {
	width: 1228px;
}

.page-template-play-php .play-navigation ul { border-bottom: 5px solid #70cc02; }
.page-template-play-php .play-navigation ul > li { background: url('images/webgl/nav-play-now.png') no-repeat 0 0; }
.page-template-play-php .play-navigation ul > li > div { background: url('images/webgl/nav-play-now.png') no-repeat right 0; }
.page-template-play-php .play-navigation ul > li:hover { background-position: 0 -40px; }
.page-template-play-php .play-navigation ul > li > div:hover { background-position: right -40px; }
.page-template-play-php .play-navigation ul > li.active { background-position: 0 -80px; }
.page-template-play-php .play-navigation ul > li.active > div  { background-position: right -80px; }

.page-template-play-php #primary {
	height: auto;
	background:url('images/news_category_bg.png') repeat;
	padding-bottom: 15px;
	width: 980px;
	margin: 0 auto;
}

.page-template-play-php #content{
	height:auto;
	width: 100% !important;
	min-height: 475px;
}

.page-template-play-php #content.withSideBar { width: 1048px; }
.page-template-play-php #play-sidebar { padding: 20px 20px 20px 0;float: none;position: absolute; top: 0; right: 20px;}
.page-template-play-php .playTab + #play-sidebar { background: #000000; }

.page-template-play-php .tabDiv { margin: 0 auto; padding-top: 20px; }
.page-template-play-php #buyTokensTabDiv { width: 930px; }
.page-template-play-php #winTokensTabDiv { width: 760px; }

.page-template-play-php a.banner img,
.page-template-play-php #unicef-banner,
.page-template-play-php #nivea-men-bottom-banner,
.page-template-play-php #pepsi-banner,
.page-template-play-php #bottomBanner {
	margin: 0 auto 20px;
}

.page-template-play-php .directpay-iframe {
	background: transparent !important;
}
.page-template-play-php .directpay-iframe iframe {
	border: 0 !important;
}

#gameContent {
	width: 1008px;
	height: 630px;
}

#clientContent {
	position: relative;
	height: 630px;
	border: 20px solid #000000;
}

#bannersContainer { background-color: #000000; }

/* Preloader */
.loadingBackground {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	color: #ffffff;
	width: 1008px;
	height: 630px;
}

.loadingBox {
	position: absolute;
	width: 100%;
	top: 0;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
	display: none;
}

.loadingBox > img {
	display: block;
	margin: auto;
	width: 663px;
}

.loadingBox > div {
	background: #1c1c1c;
	display: inline-block;
	padding: 3px 7px;
	margin: 30px 0 10px;
}

#loadingInfo {
	text-transform: uppercase;
	height: 19px;
	font-size: 16px;
	font-weight: bold;
	margin-top: 492px;
}

#loadingProgressFrame, #loadingProgressBar {
	height: 11px;
	border-radius: 7px;
}

#loadingProgressFrame {
	width: 663px;
	background-color: white;
	margin: 10px auto 0;
	box-shadow: 0 0 5px #1c1c1c;
}

#loadingProgressBar {
	width: 0;
	background-color: green;
	box-shadow: 0 0 10px #1c1c1c;
	min-width: 10px;
}

#loadingMsg {
	max-width: 600px;
	margin: 20px auto;
	font-style: italic;
	font-size: 15px;
	color: #c9c9c9;
}
/* Preloader :: end */

/* Client resolutions */
.fbLoggedIn .header_top, .fbLoggedIn #page, .fbLoggedIn #primary, .fbLoggedIn .play-navigation { width: 1228px; }
#content.withSideBar { width: 1048px; position: relative;}
#clientContent { height: 630px; border: 20px solid #000000; }

.cw1280.fbLoggedIn .header_top, .cw1280.fbLoggedIn #page, .cw1280.fbLoggedIn .play-navigation, .cw1280.fbLoggedIn #primary { width: 1500px; }
.cw1280 #content.withSideBar { width: 1320px; position: relative; width: 100% !important;}
.cw1280 #clientContent { height: 800px; margin-bottom: 40px;}

.cw960.fbLoggedIn .header_top, .cw960.fbLoggedIn #page, .cw960.fbLoggedIn .play-navigation, .cw960.fbLoggedIn #primary { width: 1180px; }
.cw960 #content.withSideBar { width: 1000px; }
.cw960 #clientContent { height: 600px; }

.cw760.fbLoggedIn .header_top, .cw760.fbLoggedIn #page, .cw760.fbLoggedIn .play-navigation, .cw760.fbLoggedIn #primary { width: 980px; }
.cw760 #content.withSideBar { width: 800px; }
.cw760 #clientContent { height: 475px; }

.cw1280 .loadingBackground {width: 1280px; height: 800px; }
.cw960 .loadingBackground {width: 960px; height: 600px; }
.cw760 .loadingBackground {width: 760px; height: 475px; }

.cw1280 .loadingBox > div { margin-top: 90px; }

.cw960 .loadingBox > img, .cw960 #loadingProgressFrame { width: 631px; }
.cw760 .loadingBox > img, .cw760 #loadingProgressFrame { width: 500px; }

.cw1280 #loadingInfo {margin-top: 624px; }
.cw960 #loadingInfo {margin-top: 468px; }
.cw760 #loadingInfo {margin-top: 370px; }

.cw1280 #gameContent {width: 1280px; height: 800px; }
.cw960 #gameContent {width: 960px; height: 600px; }
.cw760 #gameContent {width: 760px; height: 475px; }
/* Client resolutions :: end */

/* Without WebGL */
#noWebGL {
	display: none;
	position: relative;
	height: 240px;
	padding-top: 410px;
	border: 20px solid #000000;
	background: url('//cdn.nordeus.com/topeleven/canvasgl/img/noWebGL/screenshots_image.png') no-repeat no-repeat 50% 40px;
}

.withoutWebGL #noWebGL {
	display: block;
}

.withoutWebGL #clientContent {
	display: none;
}

.noWebGLMessage {
	color: black;
	margin: 0 auto;
	width: 85%;
	text-align: left;
	border-left: 3px solid #75b431;
	padding-left: 3px;
	text-transform: uppercase;
}

.noWebGLMessage > h2 {
	margin: 0;
	font-size: 28px;
	border-left: 16px solid #ccc;
}

.noWebGLMessage > h2 > span {
	background-color: #ccc;
}

.noWebGLMessage > h2 > span > span {
	display: none;
	position: relative;
	left: -10px;
}

.noWebGLMessage a {
	color: #75b431;
}

.noWebGLTopElevenLogo {
	margin-top: 36px;
	text-align: center;
}

.noWebGLPlayOldVersion {
	position: absolute;
	bottom: 20px;
	right: 20px;
	padding: 2px 7px 3px;
	border: 2px solid transparent;
	color: white;
	font-size: 12px;
	font-weight: bold;
}

.noWebGLPlayOldVersion:hover, .noWebGLPlayOldVersion:focus {
	border-color: white;
	text-decoration: none;
}
/* Without WebGL :: end */

.unselectable {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

/* Popups */
.popupOverlay {
	background: url('images/webgl/popup/backdrop.png') repeat transparent;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	z-index: 99;
	display: none;
}

.popupDialog {
	margin: 0 auto;
	z-index: 100;
	position: absolute;
	top: 210px;
	left: 0;
	right: 0;
	box-shadow: 7px 7px 15px #000;
	background-color: #ebebeb;
	border-radius: 10px;
	max-width: 620px;
}

.popupTitlebar {
	background: url('images/webgl/popup/header.png') repeat-x;
	height: 38px;
	border-radius: 5px 5px 0 0;
}

.popupTitle {
	float: left;
	height: 38px;
	line-height: 40px;
	padding-left: 15px;
	color: #7ade02;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: default;
}

.popupCloseBtn {
	background: url('images/webgl/popup/closeBtn.png') no-repeat;
	float: right;
	width: 39px;
	height: 38px;
	cursor: pointer;
}
.popupCloseBtn:hover { background-position: 0 -38px; }
.popupCloseBtn:active { background-position: 0 -76px; }

.popupContent {
	color: black;
	font-size: 22px;
	padding: 40px 20px 20px;
	margin: 10px;
	box-shadow: 0 0 5px 1px #888;
	background-color: #dbdbdb;
	border-radius: 5px;
	text-align: center;
}

/* client crash popup */
.popupBtns {
	margin-top: 30px;
}

.popupButton {
	display: inline-block;
	cursor: pointer;
}

.popupButton > div {
	display: inline-block;
	vertical-align: middle;
	background-image: url("images/webgl/popup/btnGreen.png");
}

.popupButton .leftEdge {
	width: 10px;
	height: 48px;
}

.popupButton .label {
	height: 48px;
	padding-right: 9px;
	background-position: right top;
	line-height: 53px;
	min-width: 160px;
	max-width: 290px;
}

.popupButton:hover .leftEdge {
	background-position: left -48px;
}

.popupButton:hover .label {
	background-position: right -48px;
}

.popupButton:active .leftEdge {
	background-position: left -96px;
}

.popupButton:active .label {
	background-position: right -96px;
}

.popupButton .checkmark {
	background: url('https://cdn.nordeus.com/wpctopeleven/plugins/te-play/images/webgl/popup/checkmarks.png');
	display: inline-block;
	width: 24px;
	height: 20px;
}
/* client crash popup :: end */

/* YouTube video popup */
#youtubeVideoPopup .popupDialog { max-width: 720px; }
.cw760 #youtubeVideoPopup .popupDialog { max-width: 620px; }
.cw1280 #youtubeVideoPopup .popupDialog { max-width: 900px; }

#youtubeVideoPopup .popupContent {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0;
	border-radius: 0;
	height: 0;
}

#youtubeVideoPopup iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* YouTube video popup :: end */
 
 .btMenuHorizontal .topBarInMenu .topBarInMenuCell .btTopBox.widget_text:first-child {
	 display: inline-block;
	 margin-right: 4px;
 }

 #superrewards-iframe {
    min-height: 600px;
}


#fancybox-content {
    width: 500px !important;
    height: 765px !important;
}

.fortumo-div table td, .fortumo-div table th {
    padding: 0 0 0 14px !important;
    border: none !important;
}

.paymentSelect.paypal ul {
    padding-bottom: 20px;
}

.provider-small .fortumo-div div.fortumo-button {
    left: 145px;
    top: 277px;
}
.ui-dialog {
	z-index: 100;
}
.ui-dialog .ui-dialog-title {
	display: none;
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
	width: 26px;
	height: 26px;
	background: #FFF;
	border-radius: 50%;
	position: absolute;
	display: block;
	z-index: 1;
	right: 37px;
	top: 7px;
	box-shadow: 0 0 0 3px #CCC inset;
	cursor: pointer;
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick:after {
	content: "X";
	display: block;
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	font-size: 12px;
	line-height: 26px;
	text-align: center;
	color: #CCC;
	font-weight: bold;
	font-family: arial;
}
.ui-dialog .ui-dialog-titlebar-close:hover .ui-icon-closethick {
	box-shadow: 0 0 0 3px #999 inset;
}
.ui-dialog .ui-dialog-titlebar-close:hover .ui-icon-closethick:after {
	color: #999;
}
.ui-dialog .ui-dialog-titlebar-close .ui-button-text {
	display: none;
}
#fortumoDiv {
	width: 420px !important;
	height: 700px !important;
}
#fortumoDiv iframe {
	min-height: 700px !important;
}

#fancybox-wrap {
	width: 530px !important;
}