/* Play Points */
* {margin:0; padding:0;}
body {background:#001733 url(../i/bg.jpg) 0 35px no-repeat;  margin:0 auto; height:100%; font:normal 62.5% Arial,Verdana,Sans-Serif; color:#fff;}
.wrapper {width:100%; margin:0 auto; height:100%;}

.outer {width:100%;}
.inner {margin:0 auto; }

#main {width:940px; padding:15px 0; margin:0 auto;}
#header {position:relative; height:124px; width:949px; padding:15px 0 0 0px; background:url(../i/header.png) 0 0 repeat;}
#content {margin:15px auto 20px auto; position:relative; z-index:25;}
#footer {width:905px; position:relative; padding:15px 20px 3px 20px; text-transform:uppercase; background:url(../i/footer-bg.png) 4px 0 repeat; height:75px}

#header h1 {position:absolute; top:-15px; left:15px; width:220px; height:175px;text-indent:-9999px;}
#header h2 {font-size:22px; font-weight:normal; margin:0 0 10px 220px; width:680px; }
#header p {font-size:12px; line-height:1.4; margin:0 0 10px 220px; width:680px;}


/*= Slider */
#slider {width: 945px;  margin: 0 auto; position: relative; }
.scroll {height: 330px; overflow: auto; position: relative; border:0px solid transparent;  /* fix for IE to respect overflow */  clear: left;}
.scrollContainer div.panel 
{position:relative; padding:0; height: 330px; width: 945px; background:url(../i/slider-bg.png) 0 0 repeat;
   /* change to 560px if not using JS to remove rh.scroll */}
.scrollButtons {position: absolute; top: 140px; cursor: pointer; z-index:10;}
.scrollButtons.left {left: -20px;}
.scrollButtons.right {right: -20px;}

ul.navigation {position:relative; z-index:9; margin:0 0 0 20px;}
ul.navigation li {position:relative; float:left; display:inline; margin:0 2px 1px 0; text-align:center; text-transform:uppercase; height:34px;}
ul.navigation li.earn a {outline:none; z-index:5; background:url(../i/earn.png) 0 0 no-repeat; float:left; display:block; width:90px; height:46px; font-size:14px; font-weight:bold; letter-spacing:0.08em; color:#fff; line-height:2.8; text-decoration:none;}
ul.navigation li.earn a.selected {background:url(../i/earn-on.png) 0 0 no-repeat;}
ul.navigation li.redeem a {outline:none; z-index:5; background:url(../i/redeem.png) 0 0 no-repeat; float:left; display:block; width:90px; height:46px; font-size:14px; font-weight:bold; letter-spacing:0.08em; color:#fff; line-height:2.8; text-decoration:none;}
ul.navigation li.redeem a.selected {background:url(../i/redeem-on.png) 0 0 no-repeat;}
ul.navigation li.spend a {outline:none; z-index:5; background:url(../i/reward.png) 0 0 no-repeat; float:left; display:block; width:90px; height:46px; font-size:14px; font-weight:bold; letter-spacing:0.08em; color:#fff; line-height:2.8; text-decoration:none;}
ul.navigation li.spend a.selected {background:url(../i/reward-on.png) 0 0 no-repeat;}

.panel h3 {font-size:30px; font-weight:normal; text-transform:uppercase; padding:0 0 10px 0;}
.panel h4 {font-size:14px; font-weight:bold; padding:0 0 10px 0;}
.panel ul {width:580px; padding:0 0 0 20px;}
.panel li {list-style:disc; font-size:12px; padding:10px 0;}
#play .img {position:absolute; right:40px; top:0;}
#play .img img {position:relative; z-index:11;}

#footer {font-size:12px; line-height:1.5;}
#footer .footer_logo {float:left; padding:0 15px; background:url(../i/footer_div.png) right 50% no-repeat;}
#footer p {float:left; text-transform:none; padding:3px 05px 0 100px;background: url(../i/playpoints_logo.png) 10px 5px no-repeat; height:56px; width:340px}
#footer .care {padding:0 15px; background:url(../i/footer_control.png) right 50% no-repeat; padding:0 70px 0 0;}
#footer .care h5 {font-size:11px;}
#footer .care ul {list-style:none;}
#footer .care a {color:#fff; text-decoration:none; font-size:0.9em; text-transform:none;}
#footer .care a:hover {text-decoration:underline;}
#footer .footer_logo_left {float:right; background: url(../i/footer_div.png) left 50% no-repeat; padding-left:15px; width:260px}

.links {margin:15px 0; font-size:12px;}
.links a {float:left; display:block; margin:0 20px; color:#fff; text-decoration:none;}
.links a:hover {text-decoration:underline;}

.boxbg {background:url(../i/bg-rounded.png) 0 100% no-repeat; position:absolute; bottom:-3px; left:0; width:940px;}
#content .boxbg {height:184px; z-index:-1;}
#header .boxbg, #footer .boxbg {height:64px;}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


.sprite {background:url(../i/sliders.png);}
.slider {height:117px; width:32px}
a .sliderleft {background-position:0px 117px;}
a .sliderleft:hover {background-position:0px 1px;}
a .sliderright {background-position:32px 117px;}
a .sliderright:hover {background-position:32px 1px;}

/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background-image:url(../i/black-box.png);
	
	/* dimensions after the growing animation finishes  */
	width:686px;
	height:398px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:30px;
	font-family:"Trebuchet MS"; font-size:10pt;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(../i/close-button-big.png);
	position:absolute;
	right:-10px;
	top:-10px;
	cursor:pointer;
	height:30px;
	width:31px;
}

div.wrap {
	height:371px;
	overflow-y:auto;
}

.earncontent, .redeemcontent, .rewardcontent {padding:20px 50px 20px 50px}
.earncontent ul {width:450px;  margin-left:0px; padding-left:15px}
.earncontent li {padding:5px}
.earncontent p, .redeemcontent p,.rewardcontent p {font-size:12px;padding-top:5px}
.earncontent a, .redeemcontent a, .rewardcontent a {color:#fff}
.earncontent .short1,.earncontent .short2 {padding-right:30px}

.tablebet ul {}
.tablebet li {list-style-type:disc;}


.redeemcontent p {width:500px}

.earncontent img {position:relative; top:-224px; left:350px}


.redeemcontent img {position:relative; top:-73px; left:440px}

.rewardcontent img {margin-right:26px; margin-top:5px}
.rewardcontent .last {margin-right:0px !important;}

.overlay ul {padding:0; margin:0}
.overlay li {list-style-type:none; padding:5px 0}

.redeempoints li{list-style-type:disc;margin-left:15px}

.tablebet {width:220px; padding-right:15px; border-right:1px solid white}
.pokerbet {width:220px; padding:0 15px; border-right:1px solid white}
.slotsbet {width:220px; padding-left:15px}


#contact a {color:white}

#Table2 ul {width:200px;  margin-top:20px}
#Table2 li { list-style:none; padding-left:0px !important; margin-left:0px !important; font-family:"Trebuchet MS"; font-size:10pt; margin-bottom:12px}
#Table2 td {border-right:1px solid #333333; padding-left:10px}
#Table2 td.last {border-right:0px solid #333333; padding-left:10px}
#Table2 {height:360px; width:660px !important}

.tandcs {overflow-y:scroll; height:370px; width:700px}

.tables .table{width:48%; float:left;}
.table .lefttablecol {width:70%; float:left}
.table .lefttablecol, .table .righttablecol, .table strong {margin:5px;}
#points p {margin:5px}
.righttablecol {float:left}
.rightborder {border-right:1px solid white; margin-right:20px}


#demotip {
	display:none;
	background:transparent url(../i/black_arrow.png);
	font-size:12px;
    font-weight:bold;
	height:60px;
	width:80px;
	padding:10px 15px;
	color:#008ea0;
	_background-color:#fff;
	text-align:center;
	 line-height: 1.4em
}

.totalpoints {color:#000}

/* style the trigger elements */
#demo img {
	border:0;
	cursor:pointer;
	margin:10px 8px 0;
}