/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
	
	body {
		background: url(../images/GOT_Background.jpg) top center fixed no-repeat #000;
		position: relative;
		z-index: 0;
	}
	
	body.avalon {
		background: url(../images/Avalon_Background2.jpg) top center fixed no-repeat #000;
	}
	
	h1, h2, h3, h4, h5, h6 {
		font-family: 'Sinkin Sans', Arial, Helvetica, sans-serif;
		color: #ff4848;
		font-weight: 600;
	}
	
	h2 {
		font-size: 26px;
	}
	
	h3 {
		font-size: 20px;
	}
	
	h4 {
		font-size: 16px;
		font-weight: 400;
	}
	
	#header-wrapper {
		background: url(../images/Header.gif) 0 0 no-repeat #fff;
		height: 138px;
		position: relative;
		z-index: 10;
	}
		

	#header-wrapper .logo {
		background: url(../images/Logo-170.png) 0 0 no-repeat;
		width: 170px;
		height: 150px;
		position: absolute;
		top: 10px;
		left: 0px;
		display: block;
		max-width: 100%;
	}
	
	#de #header-wrapper .logo {
		background-image: url(../images/Logo-170-de.png);
	}
	#header-wrapper .logo img {
		display: block;
		width: 170px;
		height: 150px;
		z-index: 11;
	}
	
	#header-wrapper .banner {
		background: url(../images/Top10Ribbon.png) 0 0 no-repeat;
		width: 165px;
		height: 185px;
		position: absolute;
		right: 0px;
		top: 0px;
	}
	
	#de #header-wrapper .banner {
		background-image: url(../images/Top10Ribbon-de.png);
	}

	#header-wrapper .banner img {
		display: block;
		width: 165px;
		height: 185px;
		z-index: 11;
	}
	
	#box-wrapper {
		width: 960px;
		margin: auto;
		background: #fff;
		box-shadow: 0 0 4px rgba(21,21,21,0.2);
		position: relative;
	}
	
	#preloader {
		background: url(../images/preloader.gif) 50% 0 no-repeat transparent;
		position: absolute;
		width: 100%;
		height: 32px;
		top: 150px;
	}

	#navigation {
		width: 100%;
		position: absolute;
		top: 60px;
		left: 0;
	}
	
	#navigation ul.desktop-only {
		width: 616px;
		margin: auto;
	}
	
	#navigation ul.desktop-only li {
		float: left;
		width: 154px;
		height: 70px;
	}
	
	#navigation ul.desktop-only li img {
		display: block;
		width: 154px;
		height: 70px;
	}
	
	#de #navigation ul.desktop-only li,
	#de #navigation ul.desktop-only li img {
		width: 308px;
	}
	
	#navigation .home {
		background: url(../images/TopMenuSprites.png) 0 0 no-repeat;
	}
	
	#de #navigation .home {
		background: url(../images/TopMenuSprites-de_ss.png) 0 0 no-repeat;
	}
	
	#navigation .bonuses {
		background: url(../images/TopMenuSprites.png) -154px 0 no-repeat;
	}
	
	#navigation .games {
		background: url(../images/TopMenuSprites.png) -462px 0 no-repeat;
	}
	
	#de #navigation .games {
		background: url(../images/TopMenuSprites-de_ss.png) -308px 0 no-repeat;
	}
	
	#navigation .slots {
		background: url(../images/TopMenuSprites.png) -308px 0 no-repeat;
	}
	
	#navigation .mobile-only {
		display: none;
		position: absolute;
		right: 20px;
		margin: 0;
	}
	
	/* submenu */
	#navigation .mobile-only ul, #navigation .mobile-only li {
		margin: 0;
	}
	
	#navigation .mobile-only > li {
		line-height: 40px;
		padding: 0 8px;
		color: #fff;
		font-weight: 700;
		text-shadow: 1px 1px 1px rgba(96,96,96,0.5);
		font-family: 'Sinkin Sans', Arial, 'Helvetica Neue', sans-serif;
		background: #eee;
		background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%);
		background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2)));
		background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
		background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
		background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
		background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
		border: 1px solid #aaa;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		color: #444;
		line-height: normal;
		padding: 8px 10px;
		border-radius: 3px;
		font-size: 15px;
		text-transform: uppercase;
	}
	
	#navigation .mobile-only > li.visible {
		background: #ddd;
		background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
		background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3)));
		background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);
		background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);
		background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);
		background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);
		border: 1px solid #888;
		border-top: 1px solid #aaa;
		border-left: 1px solid #aaa;	
	}
	
	#navigation .mobile-only > li a {
		color: #fff;
		text-shadow: 1px 1px 1px rgba(96,96,96,0.5);
		text-decoration: none;
		cursor: pointer;
	}
	
	#navigation .mobile-only > li > ul.submenu {
		display: none;
		position: absolute;
		top: 55px;
		right: 0;
		width: 200px;
		background: #0CA8E3;
		list-style: none;
		margin: 0;
		padding: 0;
		box-shadow: 0 0 4px rgba(0,0,0,0.6);
		z-index: 5;
		border-radius: 5px;
	}

	#navigation .mobile-only > li > ul.submenu > span.arrow {
		position: absolute;
		border: 10px solid #0CA8E3;
		border-top-color: transparent;
		border-left-color: transparent;
		border-right-color: transparent;
		top: -20px;
		right: 40px;
		display: block;
	}

	#navigation .mobile-only > li.visible > ul.submenu {
		display: block;
	}

	#navigation ul.submenu > li {
		line-height: 30px;
		color: #241b18;
		display: block;
		text-align: left;
	}

	#navigation ul.submenu > li:nth-child(2) {
		border-radius: 5px 5px 0 0;
	}
	
	#navigation ul.submenu > li:last-child {
		border-radius: 0 0 5px 5px;
	}

	#navigation ul.submenu > li a {
		color: #fff;
		text-decoration: none;
		font-size: 11px;
		display: block;
		min-height: 30px;
		padding: 5px 20px;
	}

	#navigation ul.submenu > li:hover {
		background: #fff;
	}

	#navigation ul.submenu > li:hover a {
		color: #000;
	}	
	
	
	#feature-wrapper {
		background: #fff;
		height: auto;
		position: relative;
		z-index: 8;
	}
	
	#feature-wrapper .hero-banner {
		opacity: 0;
		width: 100%;
		z-index: 2;
	}
	
	#feature-wrapper a.hero-button {
		position: absolute;
		display: block;
		top: 182px;
		right: 59px;
		text-align: center;
		font-size: 19px;
		width: 225px;
		opacity: 0;
		background: #ff8e2b; /* Old browsers */
		background: -moz-linear-gradient(top,  #ff8e2b 0%, #d46300 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8e2b), color-stop(100%,#d46300)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ff8e2b 0%,#d46300 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ff8e2b 0%,#d46300 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ff8e2b 0%,#d46300 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ff8e2b 0%,#d46300 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8e2b', endColorstr='#d46300',GradientType=0 ); /* IE6-9 */
		border: 1px solid #7D2728;
		border-top-color: #efb65b;
		border-left-color: #efb65b;
		color: #eee;
		text-shadow: 0 -1px rgba(0,0,0, 0.4);
	}
	
	#feature-wrapper a.hero-button:hover {
		background: #ee6f00; /* Old browsers */
		background: -moz-linear-gradient(top,  #ee6f00 0%, #aa4f00 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee6f00), color-stop(100%,#aa4f00)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ee6f00 0%,#aa4f00 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ee6f00 0%,#aa4f00 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ee6f00 0%,#aa4f00 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ee6f00 0%,#aa4f00 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee6f00', endColorstr='#aa4f00',GradientType=0 ); /* IE6-9 */
	}
	
	.avalon #feature-wrapper a.hero-button {
		display: none;
	}
	
	#feature-wrapper a.avalon-hero-button {
		display: none;
	}
	
	.avalon #feature-wrapper a.avalon-hero-button {
		font-size: 0;
		position: absolute;
		top: 210px;
		right: 85px;
		width: 347px;
		height: 80px;
	}
	
	#feature-wrapper .microgaming {
		position: absolute;
		width: 207px;
		height: 66px;
		top: 229px;
		overflow: hidden;
		left: 50%;
		margin-left: -119px;
		border-radius: 8px;
		opacity: 0;
	}
	
	#feature-wrapper img {
		max-width: 100%;
		display: block;
	}
	
	#body-wrapper {
		opacity: 0;
		position: relative;
		z-index: 12;
	}
	
	#body-wrapper h1.heading {
		color: #ff4848;
		background: url(../images/ExposedMini.png) no-repeat 0 2px;
		height: 70px;
		line-height: 58px;
		font-size: 32px;
		font-weight: 600;
		font-family: 'Sinkin Sans', Arial, 'Helvetica Neue', sans-serif;
		padding-left: 80px;
		margin-top: 20px;
	}
	
	#body-wrapper .flarrow {
		position: absolute;
		width: 112px;
		height: 218px;
		top: -194px;
		left: -103px;
		background: url(../images/Arrow.png) 0 0 no-repeat;
	}
	
	#body-wrapper h1.heading span {
		border-bottom: 1px solid;
		width: 480px;
		display: block;
		height: 48px;
	}
	
	.avalon #body-wrapper h1.heading span {
		width: 100%;
		border-bottom: none;
	}
	
	#body-wrapper .games {
		text-align: center;
	}
	
	#footer-wrapper {
		background: #0ca8e3;
		color: #fff;
		line-height: 20px;
		font-size: 10px;
		padding: 10px 0;
		position: relative;
	}
	
	#footer-wrapper .logos,
	#footer-wrapper .navigation,
	#footer-wrapper .copyright	{
		padding: 10px 0 0;
		text-align: center;
	}
	
	#footer-wrapper .navigation li {
		display: inline;
		margin: 0 20px;
	}
	
	#footer-wrapper .logos a,
	#footer-wrapper .navigation li a {
		color: #def4fc;
	}
	
	#footer-wrapper .logos a:hover,
	#footer-wrapper .navigation li a:hover {
		color: #000;
	}
	
	.table-container {
		border: 3px solid #000;
		border-radius: 13px;
		position: relative;
	}
	
	.outer-container {
		padding: 3px;
		border-radius: 16px;
		border: 2px solid #3da0c5;
		background: #cee7f0;
		margin: 5px 10px;
	}
	
	.text-padding {
		margin: 5px 20px;
	}
	
	.casino-table {
		width: 100%;
		margin: auto;
	}

	table.casino-table {
		font-size: 12px;
	}

	table.casino-table thead tr th {
	
	}
	
	table.casino-table thead {
		border-bottom: 1px solid #bcd7dd;
		font-weight: bold;
		background: rgb(110,212,252); /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZlZDRmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNzdjYTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(110,212,252,1) 0%, rgba(7,124,169,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(110,212,252,1)), color-stop(100%,rgba(7,124,169,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(110,212,252,1) 0%,rgba(7,124,169,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(110,212,252,1) 0%,rgba(7,124,169,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(110,212,252,1) 0%,rgba(7,124,169,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(110,212,252,1) 0%,rgba(7,124,169,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ed4fc', endColorstr='#077ca9',GradientType=0 ); /* IE6-8 */

	}
	
	table.casino-table thead th {
		padding: 4px;
		border-left: 1px solid #bcd7dd;
		vertical-align: middle;
		color: #ffffff;
		font-size: 14px;
		text-shadow: 1px 1px 1px rgba(96,96,96,0.5);
	}
	
	table.casino-table thead th.rank {
		border-radius: 10px 0 0 0;
	}
	
	table.casino-table thead th.click {
		border-radius: 0 10px 0 0;
	}
	
	table.casino-table tbody tr {
		border-bottom: 1px solid #ededed;
	}
	
	table.casino-table tbody td {
		padding: 4px;
		vertical-align: middle;
		text-align: center;
		border-left: 1px solid #ededed;
		position: relative;
		color: #003550;
	}
	
	table.casino-table thead th:first-child, table.casino-table tbody td:first-child {
		border-left: none;
	}
	
	table.casino-table thead tr .sortable {
		background: url(../images/bg.gif) center right no-repeat;
		cursor: pointer;
		padding: 4px 20px 4px 4px;
	}
	
	table.casino-table thead tr .sortable:hover {
		background:  url(../images/bg.gif) center right no-repeat, rgb(22,186,250); /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(../images/bg.gif) center right no-repeat, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE2YmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNTVjN2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+), url(../images/bg.gif) center right no-repeat;
		background: url(../images/bg.gif) center right no-repeat, -moz-linear-gradient(top,  rgba(22,186,250,1) 0%, rgba(5,92,127,1) 100%); /* FF3.6+ */
		background: url(../images/bg.gif) center right no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(22,186,250,1)), color-stop(100%,rgba(5,92,127,1))); /* Chrome,Safari4+ */
		background: url(../images/bg.gif) center right no-repeat, -webkit-linear-gradient(top,  rgba(22,186,250,1) 0%,rgba(5,92,127,1) 100%); /* Chrome10+,Safari5.1+ */
		background: url(../images/bg.gif) center right no-repeat, -o-linear-gradient(top,  rgba(22,186,250,1) 0%,rgba(5,92,127,1) 100%); /* Opera 11.10+ */
		background: url(../images/bg.gif) center right no-repeat, -ms-linear-gradient(top,  rgba(22,186,250,1) 0%,rgba(5,92,127,1) 100%); /* IE10+ */
		background: url(../images/bg.gif) center right no-repeat, linear-gradient(to bottom,  rgba(22,186,250,1) 0%,rgba(5,92,127,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16bafa', endColorstr='#055c7f',GradientType=0 ); /* IE6-8 */

	}
	
	table.casino-table thead tr .sorting-asc {
		background: url(../images/asc.gif) center right no-repeat;
	}
	
	table.casino-table thead tr .sorting-desc {
		background: url(../images/desc.gif) center right no-repeat;
	}
	
	table.casino-table thead tr .sorting-asc,
	table.casino-table thead tr .sorting-desc {
		background-color: #077ba9;
	}
	
	table.casino-table tr:nth-child(2n+0) {
		background: #a5e6ff;
	}
	
	table.casino-table tr:nth-child(2n+3) {
		background: #f5f8fa;
	}
	
	table.casino-table tr:last-child {
		border-bottom: none;
	}
	
	table.casino-table tr:last-child td:first-child {
		border-radius: 0 0 0 10px;
	}

	table.casino-table tr:last-child td:last-child {
		border-radius: 0 0 10px;
	}
	
	table.casino-table tr.first {
		background: #fef2d7;
	}
	
	table.casino-table tr.first td.rank .editors-choice {
		position: absolute;
		width: 72px;
		height: 72px;
		background: url(../images/EditorsChoice.png) 0 0 no-repeat;
		overflow: hidden;
		top: -2px;
		left: -35px;
	}
	
	#de table.casino-table tr.first td.rank .editors-choice {
		background-image: url(../images/108x108_EditorsChoice-de.png);
		width: 108px;
		height: 108px;
		top: -14px;
		left: -55px;
	}
	
	table.casino-table .rank {
		max-width: 50px;
	}
	
	table.casino-table tr.first td.rank {
		font-size: 28px;
	}
	
	table.casino-table td.rank {
		font-size: 24px;
		font-weight: 700;
		font-family: 'Sinkin Sans', Arial, Helvetica, sans-serif;
		color: #000;
	}
	
	table.casino-table td.casino {
		color: #ff6c00;
	}
	
	table.casino-table td.casino a,
	table.casino-table td.casino a:visited {
		font-family: 'Sinkin Sans', Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #ff6c00;
		text-decoration: none;
	}
	
	table.casino-table td.casino a:hover,
	table.casino-table td.casino a:focus {
		color: #000;
		text-decoration: underline;
	}
	
	table.casino-table td.casino img {
		display: block;
		max-width: 100%;
		margin: 0 auto 4px;
	}
	
	table.casino-table .review {
		max-width: 300px;
	}
	
	table.casino-table td.review {
		max-width: 300px;
		text-align: left;
	}
	
	table.casino-table .rating {
		max-width: 100px;
	}
	
	table.casino-table td.signup {
		text-transform: uppercase;
		line-height: 1.3;
		vertical-align: middle;
		font-size: 11px;
		max-width: 220px;
	}
	
	table.casino-table td.signup span.bonus {
		font-weight: bold;
		color: #FD522D;
		font-size: 24px;
	}
	
	table.casino-table td.signup span.mobile-hidden {
	
	}
	
	table.casino-table td.play-now {
		max-width: 120px;
	}
	
	.affid {
		position: absolute;
		bottom: 0;
		right: 0;
		padding: 5px 20px;
		color: #36bced;
	}
	
	/* Stars */
	.star1, .star2, .star3, .star4, .star5,.star6, .star7, .star8, .star9, .star10 {
		background: url("../images/stars.png");
		height: 18px; width: 101px !important;
	}

	.star1 { background-position: 0 -14px; }
	.star2 { background-position: 0 -50px; }
	.star3 { background-position: 0 -86px; }
	.star4 { background-position: 0 -123px; }
	.star5 { background-position: 0 -159px; }
	.star6 { background-position: 0 -195px; }
	.star7 { background-position: 0 -231px; }
	.star8 { background-position: 0 -267px; }
	.star9 { background-position: 0 -303px; }
	.star10 { background-position: 0 -339px; }
	
	/* buttons */
	
	.button {
		background: rgb(162,211,88); /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EyZDM1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3Mzk4M2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(162,211,88,1) 0%, rgba(115,152,60,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(162,211,88,1)), color-stop(100%,rgba(115,152,60,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(162,211,88,1) 0%,rgba(115,152,60,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(162,211,88,1) 0%,rgba(115,152,60,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(162,211,88,1) 0%,rgba(115,152,60,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(162,211,88,1) 0%,rgba(115,152,60,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2d358', endColorstr='#73983c',GradientType=0 ); /* IE6-8 */
		border: 1px solid #8AAB5A;
		border-top-color: #7CA342;
		border-left-color: #7CA342;
		font-size: 11px;
		text-transform: uppercase;
		font-family: 'Sinkin Sans', Arial, Helvetica, sans-serif;
		width: 113px;
		padding: 8px 0;
	}
	
	.button:hover {
		background: rgb(130,190,40); /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgyYmUyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1YjdkMjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(130,190,40,1) 0%, rgba(91,125,39,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(130,190,40,1)), color-stop(100%,rgba(91,125,39,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(130,190,40,1) 0%,rgba(91,125,39,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(130,190,40,1) 0%,rgba(91,125,39,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(130,190,40,1) 0%,rgba(91,125,39,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(130,190,40,1) 0%,rgba(91,125,39,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82be28', endColorstr='#5b7d27',GradientType=0 ); /* IE6-8 */
		border: 1px solid #799949;
		border-top-color: #60822e;
		border-left-color: #60822e;
	}
	
	.button.blue {
		background: rgb(126,200,234); /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdlYzhlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0Yjk3YzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(126,200,234,1) 0%, rgba(75,151,195,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(126,200,234,1)), color-stop(100%,rgba(75,151,195,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(126,200,234,1) 0%,rgba(75,151,195,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(126,200,234,1) 0%,rgba(75,151,195,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(126,200,234,1) 0%,rgba(75,151,195,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(126,200,234,1) 0%,rgba(75,151,195,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ec8ea', endColorstr='#4b97c3',GradientType=0 ); /* IE6-8 */
		border: 1px solid #3980a9;
		border-top-color: #257AA8;
		border-left-color: #257AA8;
		padding: 4px 0;
		font-size: 11px;
	}
	
	.button.blue:hover {
		background: rgb(76,179,226); /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjYjNlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOTgwYTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(76,179,226,1) 0%, rgba(57,128,169,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,179,226,1)), color-stop(100%,rgba(57,128,169,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(76,179,226,1) 0%,rgba(57,128,169,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(76,179,226,1) 0%,rgba(57,128,169,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(76,179,226,1) 0%,rgba(57,128,169,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(76,179,226,1) 0%,rgba(57,128,169,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4cb3e2', endColorstr='#3980a9',GradientType=0 ); /* IE6-8 */
	}
	
/* #Page Styles
================================================== */

/* #Media Queries
================================================== */
	
	/* Smaller than 1200 (large desktops) */

	
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		body {
			background: #000;
		}
	
		#feature-wrapper a.hero-button {
			font-size: 2vw;
		}
		
		#box-wrapper {
			width: 768px;
		}
		
		#header-wrapper {
			height: 90px;
			background: rgb(216,226,228); /* Old browsers */
			/* IE9 SVG, needs conditional override of 'filter' to 'none' */
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q4ZTJlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iI2Y0ZmJmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZGZkZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top,  rgba(216,226,228,1) 0%, rgba(244,251,253,1) 35%, rgba(253,253,253,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(216,226,228,1)), color-stop(35%,rgba(244,251,253,1)), color-stop(100%,rgba(253,253,253,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(216,226,228,1) 0%,rgba(244,251,253,1) 35%,rgba(253,253,253,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgba(216,226,228,1) 0%,rgba(244,251,253,1) 35%,rgba(253,253,253,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(216,226,228,1) 0%,rgba(244,251,253,1) 35%,rgba(253,253,253,1) 100%); /* IE10+ */
			background: linear-gradient(to bottom,  rgba(216,226,228,1) 0%,rgba(244,251,253,1) 35%,rgba(253,253,253,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8e2e4', endColorstr='#fdfdfd',GradientType=0 ); /* IE6-8 */
		}
		
		#header-wrapper .banner {
			display: none;
		}
		
		#header-wrapper .logo {
			left: 27px;
		}
		
		#navigation {
			top: 25px;
		}
		
		#header-wrapper .logo {
			background: url(../images/Logo-90.png) 0 0 no-repeat;
			width: 90px;
			height: 75px;
		}

		
		#de #header-wrapper .logo {
			background-image: url(../images/Logo-90x75-de.png);
		}
		
		#header-wrapper .logo img {
			display: block;
			width: 90px;
			height: 75px;
		}
		
		
		#navigation .desktop-only {
			display: none;
		}
		
		#navigation .mobile-only {
			display: block;
		}
		
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		#feature-wrapper {
			height: auto;
		}	
		
		#body-wrapper {
			margin-top: 50%;
		}
	
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		#box-wrapper {
			width: 100%;
		}

		
		#feature-wrapper {
			height: auto;
		}
		
		#body-wrapper {
			margin-top: -30px;
		}
		
		#body-wrapper h1.heading {
			font-size: 22px;
			line-height: 35px;
			height: auto;
			min-height: 70px;
		}
		
		#body-wrapper h1.heading span {
			width: auto;
			height: auto;
			border-bottom: none;
		}
		
		#header-wrapper .logo {
			left: 0;
		}
		
		table.casino-table .review {
			display: none;
		}
		
		table.casino-table th.casino {
			border-radius: 10px 0 0 0;
		}
		
		table.casino-table tr:last-child td.casino {
			border-radius: 0 0 0 10px;
		}
		
		
		table.casino-table .casino {
			border-left: none;
		}
		
		table.casino-table .rank,
		table.casino-table .rating,
		table.casino-table td.signup span.mobile-hidden
		{
			display: none;
		}
		
		#body-wrapper .games {
			display: none;
		}

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
			
		#body-wrapper .flarrow {
			display: none;
		}
	
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		#feature-wrapper a.hero-button {
		
			font-size: 4vw;
			left: 6vw;
			top: 230px;
			width: 25vw;
			
		}
		
		#header-wrapper .logo {
			left: 0;
			margin: 0 auto;
		}
	
		#feature-wrapper {
			height: auto;
		}
		#body-wrapper {

		}
		
		.flarrow {
			display: none;
		}
	
		#body-wrapper h1.heading {
			font-size: 22px;
			line-height: 35px;
			height: auto;
			min-height: 70px;
			background: none;
			padding-left: 0;
		}
		
		#body-wrapper h1.heading span {
			width: auto;
			height: auto;
			border-bottom: none;
		}

		#body-wrapper .outer-container {
			padding: 0;
			border: none;
			border-radius: 0;
			background: transparent;
			margin: 0;
		}
		
		#body-wrapper .table-container {
			border-radius: 0;
			border: 1px solid #ededed;
			border-left: none;
		}
		
		table.casino-table .review {
			display: none;
		}
		
		table.casino-table thead th.casino,
		table.casino-table thead th.click {
			border-radius: 0;
		}
		
		table.casino-table tr:last-child td.casino,
		table.casino-table tr:last-child td:last-child {
		border-radius: 0;
		}

		#footer-wrapper .navigation li {
			display: block;
		}
		
		#body-wrapper .games {
			display: none;
		}

	}
		


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/

@font-face {
    font-family: 'Sinkin Sans';
    src: url('./webfonts/SinkinSans-400Regular-webfont.eot');
    src: url('./webfonts/SinkinSans-400Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./webfonts/SinkinSans-400Regular-webfont.woff') format('woff'),
         url('./webfonts/SinkinSans-400Regular-webfont.ttf') format('truetype'),
         url('./webfonts/SinkinSans-400Regular-webfont.svg#sinkin_sans400_regular') format('svg');
    font-weight: 400;
    font-style: normal;

}

@font-face {
    font-family: 'Sinkin Sans';
    src: url('./webfonts/SinkinSans-600SemiBold-webfont.eot');
    src: url('./webfonts/SinkinSans-600SemiBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./webfonts/SinkinSans-600SemiBold-webfont.woff') format('woff'),
         url('./webfonts/SinkinSans-600SemiBold-webfont.ttf') format('truetype'),
         url('./webfonts/SinkinSans-600SemiBold-webfont.svg#sinkin_sans600_semibold') format('svg');
    font-weight: 600;
    font-style: normal;

}

@font-face {
    font-family: 'Sinkin Sans';
    src: url('./webfonts/SinkinSans-700Bold-webfont.eot');
    src: url('./webfonts/SinkinSans-700Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./webfonts/SinkinSans-700Bold-webfont.woff') format('woff'),
         url('./webfonts/SinkinSans-700Bold-webfont.ttf') format('truetype'),
         url('./webfonts/SinkinSans-700Bold-webfont.svg#sinkin_sans700_bold') format('svg');
    font-weight: 700;
    font-style: normal;

}