/* Default Brand - Loyalty Points Specific Style Sheet 1.0.8.0 - 24 July 2017 */

body {min-width:780px; min-height:430px}

.body {background-image:url(../../images/common/bgtile.jpg); background-repeat:repeat-x; background-position:left top;}

.main {
background-color:#FFF;
}
.contents {
background:#FFF;
padding-bottom:0;
}

/* Page headings */
.simpleheaders {
font-family:Arial, Helvetica, sans-serif;
font-size:11pt;
font-weight:700;
color:#036;
padding-top:8px;
padding-bottom:8px;
padding-left:0;
}
.simpleheaders_pad15 {
font-family:Arial, Helvetica, sans-serif;
font-size:11pt;
font-weight:700;
color:#036;
padding-bottom:8px;
padding-left:0;
padding-top:23px;
}

/* Sub-headings eg Combine Acc pg */
.infoheaders {
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:700;
color:#036;
padding-top:5px;
padding-bottom:8px;
}

.auto_redeemheaders {
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:700;
color:#036;
white-space:nowrap;
}
.auto_pad {padding:15px;}

/* You have x Loyalty Points top right text */
.mainHeading_points {
font-size:11pt;
font-weight:400;
padding-right:8px;
vertical-align:top;
color:#FFF;
}
.mainHeading_value {
font-size:13pt;
font-weight:bold;
}

/* Multiples of 1,000 text on Redeem pg */
.note {font-size:9pt; color:#999; font-family:Arial, Helvetica, sans-serif;}

.fulllefttable {
text-align:left;
width:100%;
font-family:Arial, Helvetica, sans-serif;
vertical-align:top;
}

/* -------- General link styles--------- */
A:link {font-size:9pt;color:#036;}
A:visited {font-size:9pt;color:#036;}
A:hover {font-size:9pt;color:#069;}
A:active {font-size:9pt;color:#036;}

/* -------- secondmenu - Right aligned text links --------- */
.secondmenu {
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
position:absolute;
top:40px;
font-size:9pt;
right:10px;
float:right;
clear:both;
}

.secondmenu table td {
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
font-size:9pt;
color:#036;
}

div.secondmenu table a:link {
text-decoration:underline;
font-weight:400;
color:#031b46;
}

div.secondmenu table a:visited {
text-decoration:underline;
font-weight:400;
color:#031b46;
}

div.secondmenu table a:hover {
text-decoration:underline;
font-weight:400;
color:#2755a4;
}

div.secondmenu table a:active {
text-decoration:underline;
font-weight:400;
color:#2755a4;
}

/* ------ Your Loyalty Points Large Orange points text ------ */
.massivepoints {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:22pt;
font-weight:700;
color:#fd9a01;
text-align:center;
}

/* How do LPs benefit me bar */
.starbar {
	background-image: url(../../images/common/starbar4.gif);
	background-repeat: no-repeat;
	width: 300px;
	background-position: left;
	margin-bottom: 10px;
}
.starbar td {
	height: 32px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #0b3866;
	font-weight: bold;
	padding-left: 55px;
}
.starbar td a:link, .starbar td a:visited {color: #0b3866;}
.starbar td a:hover, .starbar td a:active {color: #041e39;}

/* -------- Too wide button fix --------- */
.buttons {
font-size:9pt;
color:#036;
margin:0;
padding:0 .5em;
width:auto;
overflow:visible;
}

/* -------- Input box styles --------- */
.input_style {font-size:9pt; color:#036;}

/* -------- div holding back links --------- */
div.backLink {padding-top:7px; clear:right;}

/* -------- Assorted padding and margin styles --------- */
.no_pad {padding:0;}
.left_pad {padding-left:5px;}
.left_pad3 {padding-left:3px;}
.right_pad {padding-right:5px;}
.right_margin5 {margin-right:5px;}
.left_margin8 {margin-left:8px;}
.right_margin15 {margin-right:15px;}
.left_margin20 {margin-left:20px;}
.top_margin5 {margin-top:5px;}
.top_margin10 {margin-top:10px;}
.top_pad10 {padding-top:10px;}
.left_right_pad10 {padding-left:10px;padding-right:10px;}
.bottom_margin10 {margin-bottom:10px;}
.bottom_margin5 {margin-bottom:5px;}
.bottom_margin0 {margin-bottom:0px;}
.top_bottom_margin5 {margin-top:5px; margin-bottom:5px;}
.pad5 {padding:5px;}
.pad10 {padding:10px;}
.top_bottom_pad8 {padding-top:8px;padding-bottom:8px;}
.top_bottom_pad3 {padding:3px 0;}
.bottom_pad5 {padding-bottom:5px;}
.bottom_pad0 {padding-bottom:0px;}
/* -------- Error text specific to Loyalty Points --------- */
.error_txt_left {vertical-align:bottom; padding-bottom:0; padding-top:0px;}

/* -------- Tier Indicator card styles --------- */

/* Shared styles */
.tiertable1, .tiertable2, .tiertable3, .tiertable4, .tiertable5, .tiertable6 {
width:300px;
text-align:left;
font-size:9pt;
font-family:Arial, Helvetica, sans-serif;
background-repeat:no-repeat;
height:200px;
}
.tiertable1 td, .tiertable2 td, .tiertable3 td, .tiertable4 td, .tiertable5 td, .tiertable6 td {padding:2px 15px 2px 15px;}
.tiertable1 td td, .tiertable2 td td, .tiertable3 td td, .tiertable4 td td, .tiertable5 td td, .tiertable6 td td {padding:0;}
tr.tiertitle td {font-size:11pt; font-weight:700; letter-spacing:normal; text-align:center; font-family:Arial, Helvetica, sans-serif; padding-top:8px;height:31px;}

.smallbarleft, .smallbarleftempty, .smallbarright, .smallbarrightfull {height:24px; width:10px;}
.smallbarempty {background-color:#000; font-family:Arial, Helvetica, sans-serif; font-size:8pt; color:#FFF; font-weight:700;}

/* == Tier 1 == */
.tiertable1 {background-image:url(../../images/common/tier_cards/1_card.jpg); color:#FFF;}
.tiertable1 .tiertitle td {color:#FFF;} /* Title colour */
.tiertable1 .smallbarempty {background-color:#000;}
.tiertable1 .smallbarfull /* Thermometer colour */
{background:url(../../images/common/tier_cards/1_smallfulltile.jpg) repeat-x left center; font-family:Arial, Helvetica, sans-serif; font-size:8pt; color:#FFF; text-align:right; font-weight:700; padding-right:5px; text-indent:-5px;}
.tiertable1 .smallbarleft {background:url(../../images/common/tier_cards/1_lftfull.jpg) no-repeat left center;}
.tiertable1 .smallbarleftempty {background:url(../../images/common/tier_cards/1_lftempty.jpg) no-repeat left center;}
.tiertable1 .smallbarright {background:url(../../images/common/tier_cards/1_rtempty.jpg) no-repeat left center;}
.tiertable1 .smallbarrightfull {background:url(../../images/common/tier_cards/1_rtfull.jpg) no-repeat left center;}
.tiertable1 td.bar_holdertd table + table td {color:#FFF;} /* Numbers */
.tiertable1 td.message_holdertd table td {color:#FFF;} /* Card text */

/* == Tier 2 == */
.tiertable2 {background-image:url(../../images/common/tier_cards/2_card.jpg); color:#FFF;}
.tiertable2 .tiertitle td {color:#FFF;} /* Title colour */
.tiertable2 .smallbarempty {background-color:#000;}
.tiertable2 .smallbarfull /* Thermometer colour */
{background:url(../../images/common/tier_cards/2_smallfulltile.jpg) repeat-x left center; font-family:Arial, Helvetica, sans-serif; font-size:8pt; color:#FFF; text-align:right; font-weight:700; padding-right:5px; text-indent:-5px;}
.tiertable2 .smallbarleft {background:url(../../images/common/tier_cards/2_lftfull.jpg) no-repeat left center;}
.tiertable2 .smallbarleftempty {background:url(../../images/common/tier_cards/2_lftempty.jpg) no-repeat left center;}
.tiertable2 .smallbarright {background:url(../../images/common/tier_cards/2_rtempty.jpg) no-repeat left center;}
.tiertable2 .smallbarrightfull {background:url(../../images/common/tier_cards/2_rtfull.jpg) no-repeat left center;}
.tiertable2 td.bar_holdertd table + table td {color:#FFF;} /* Numbers */
.tiertable2 td.message_holdertd table td {color:#FFF;} /* Card text */

/* == Tier 3 == */
.tiertable3 {background-image:url(../../images/common/tier_cards/3_card.jpg); color:#FFF;}
.tiertable3 .tiertitle td {color:#000;} /* Title colour */
.tiertable3 .smallbarempty {background-color:#000;}
.tiertable3 .smallbarfull /* Thermometer colour */
{background:url(../../images/common/tier_cards/3_smallfulltile.jpg) repeat-x left center; font-family:Arial, Helvetica, sans-serif; font-size:8pt; color:#FFF; text-align:right; font-weight:700; padding-right:5px; text-indent:-5px;}
.tiertable3 .smallbarleft {background:url(../../images/common/tier_cards/3_lftfull.jpg) no-repeat left center;}
.tiertable3 .smallbarleftempty {background:url(../../images/common/tier_cards/3_lftempty.jpg) no-repeat left center;}
.tiertable3 .smallbarright {background:url(../../images/common/tier_cards/3_rtempty.jpg) no-repeat left center;}
.tiertable3 .smallbarrightfull {background:url(../../images/common/tier_cards/3_rtfull.jpg) no-repeat left center;}
.tiertable3 td.bar_holdertd table + table td {color:#000;} /* Numbers */
.tiertable3 td.message_holdertd table td {color:#000;} /* Card text */

/* == Tier 4 == */
.tiertable4 {background-image:url(../../images/common/tier_cards/4_card.jpg); color:#FFF;}
.tiertable4 .tiertitle td {color:#fff;} /* Title colour */
.tiertable4 .smallbarempty {background-color:#000;}
.tiertable4 .smallbarfull /* Thermometer colour */
{background:url(../../images/common/tier_cards/4_smallfulltile.jpg) repeat-x left center; font-family:Arial, Helvetica, sans-serif; font-size:8pt; color:#FFF; text-align:right; font-weight:700; padding-right:5px; text-indent:-5px;}
.tiertable4 .smallbarleft {background:url(../../images/common/tier_cards/4_lftfull.jpg) no-repeat left center;}
.tiertable4 .smallbarleftempty {background:url(../../images/common/tier_cards/4_lftempty.jpg) no-repeat left center;}
.tiertable4 .smallbarright {background:url(../../images/common/tier_cards/4_rtempty.jpg) no-repeat left center;}
.tiertable4 .smallbarrightfull {background:url(../../images/common/tier_cards/4_rtfull.jpg) no-repeat left center;}
.tiertable4 td.bar_holdertd table + table td {color:#FFF;} /* Numbers */
.tiertable4 td.message_holdertd table td {color:#FFF;} /* Card text */

/* == Tier 5 == */
.tiertable5 {background-image:url(../../images/common/tier_cards/5_card.jpg); color:#FFF;}
.tiertable5 .tiertitle td {color:#FFF;} /* Title colour */
.tiertable5 .smallbarempty {background-color:#000;}
.tiertable5 .smallbarfull /* Thermometer colour */
{background:url(../../images/common/tier_cards/5_smallfulltile.jpg) repeat-x left center; font-family:Arial, Helvetica, sans-serif; font-size:8pt; color:#FFF; text-align:right; font-weight:700; padding-right:5px; text-indent:-5px;}
.tiertable5 .smallbarleft {background:url(../../images/common/tier_cards/5_lftfull.jpg) no-repeat left center;}
.tiertable5 .smallbarleftempty {background:url(../../images/common/tier_cards/5_lftempty.jpg) no-repeat left center;}
.tiertable5 .smallbarright {background:url(../../images/common/tier_cards/5_rtempty.jpg) no-repeat left center;}
.tiertable5 .smallbarrightfull {background:url(../../images/common/tier_cards/5_rtfull.jpg) no-repeat left center;}
.tiertable5 td.bar_holdertd table + table td {color:#FFF;} /* Numbers */
.tiertable5 td.message_holdertd table td {color:#FFF;} /* Card text */

/* == Tier 6 == */
.tiertable6 {background-image:url(../../images/common/tier_cards/6_card.jpg); color:#FFF;}
.tiertable6 .tiertitle td {color:#FFF;} /* Title colour */
.tiertable6 .smallbarempty {background-color:#000;}
.tiertable6 .smallbarfull /* Thermometer colour */
{background:url(../../images/common/tier_cards/6_smallfulltile.jpg) repeat-x left center; font-family:Arial, Helvetica, sans-serif; font-size:8pt; color:#FFF; text-align:right; font-weight:700; padding-right:5px; text-indent:-5px;}
.tiertable6 .smallbarleft {background:url(../../images/common/tier_cards/6_lftfull.jpg) no-repeat left center;}
.tiertable6 .smallbarleftempty {background:url(../../images/common/tier_cards/6_lftempty.jpg) no-repeat left center;}
.tiertable6 .smallbarright {background:url(../../images/common/tier_cards/6_rtempty.jpg) no-repeat left center;}
.tiertable6 .smallbarrightfull {background:url(../../images/common/tier_cards/6_rtfull.jpg) no-repeat left center;}
.tiertable6 td.bar_holdertd table + table td {color:#FFF;} /* Numbers */
.tiertable6 td.message_holdertd table td {color:#FFF;} /* Card text */

/* -------- Tier Indicator Maintainence Warning styles --------- */
table.message {height:76px; width:270px;}
table.message td {font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#FFF;}
table.warning {background-image: url(../../images/common/block.gif); background-repeat:no-repeat; height:86px; width:270px;}
td.message_holdertd table.warning td {font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#FFF; padding-left:7px;padding-right:7px;}
.message_holdertd {height:86px; padding:0; vertical-align:top;}

.bottomhr {border-bottom:1px solid #CCC; height:3px;}

/* -------- Points expiring tables --------- */

/* This is for the Points expiring orange pop-up box on the redeem page */
.expiringtable_redeem {
width:250px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
}

.expiringtable_redeem td.infotext {
padding:2px 5px 2px 5px;
background-color:#FFF;
}

.expiring_header {
color:#c60;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:700;
text-align:left;
padding:2px 5px 2px 5px;
background-color:#FFF;
}
/* ------ Points expiring soon red text ------ */
.expiringpoints {font-size:9pt; font-family:Arial, Helvetica, sans-serif; color:red; font-weight:700;}
a.expiringpoints {font-size:9pt; font-family:Arial, Helvetica, sans-serif; color:red; font-weight:700;}

/* ------ Summary statement page Points expiring table ------ */
.expiring_table {width:200px; background-color:#FFF;}
.expiring_table td.infotext {padding:2px 5px 2px 5px;}

.tophr {border-top:1px solid #CCC; height:3px;}
.infotext {font-size:9pt; color:#333; font-family:Arial, Helvetica, sans-serif;}

/* -------- Alternating row colours for tables --------- */
tr.alttablerow td {
background-color:#ecf1f7;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
padding-top:3px;
padding-bottom:3px;
}

tr.alttablerow2 td {
background-color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
padding-top:3px;
padding-bottom:3px;
}
tr.alttablerow_highlight td {
background-color:#c0ddf3;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
padding-top:3px;
padding-bottom:3px;
}
tr.alttablerow_nopoints td {
background-color:#f9f8ce;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
padding-top:5px;
padding-bottom:5px;
}
/* -------- Button Bars for pop-up tables --------- */
tr.buttonbar td {
background-color:#cedff0;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
padding-top:3px;
padding-bottom:7px;
}

td.orange_buttonbar {
background-color:#E0E0E0;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
padding-top:1px;
padding-bottom:5px;
}

/* Menu */
.header {
	position:relative;
	width:100%;
	height:63px;
	margin-bottom:15px;
	background-repeat:no-repeat;
	background-image: url(../../images/common/bgswish.jpg);
	background-position: left bottom;
}

/* -------- Weekday and All Specials link table --------- */
.specialsmenu {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:400;
	position:absolute;
	top:65px;
	right:10px;
	font-size:9pt;
	font-weight:700;
	color:#0283c5;
}

div.specialsmenu table a {
font-weight:400;
text-decoration:underline;
}

div.specialsmenu table a:link {color:#3f6f9d;}
div.specialsmenu table a:visited {color:#3f6f9d;}
div.specialsmenu table a:hover {color:#79a5d0;}
div.specialsmenu table a:active {color:#79a5d0;}

.todays_specials {line-height:180%;}
td.todays_specials a:link {font-size:10pt;}
td.todays_specials a:visited {font-size:10pt;}
td.todays_specials a:hover {font-size:10pt;}
td.todays_specials a:active {font-size:10pt;}

/* ------ Specials Orange link colour ------ */
a.orange {
color:#F90;
}

/* -------- Tab menu sublinks --------- */
.header ul.secondary {
	position:absolute;
	top:30px;
	left:6px;
	width:90%;
	white-space:nowrap;
}

.header ul.secondary li a,.header ul.secondary li span {
width:auto;
display:block;
float:left;
margin:0;
text-align:auto;
border:none;
background:none;
font-weight:700;
color:#0283c5;
padding:0 2px;
}

.header ul.secondary li a {
color:#048ed9;
font-size:9pt;
font-family:Arial, Helvetica, sans-serif;
font-weight:400;
text-decoration:underline;
}

.header ul.secondary li a:hover {
color:#0377B6;
background:transparent;
padding:0 2px;
border:none;
}

.header ul.secondary li a:active {
color:#048ed9;
background:transparent;
}

.header ul.secondary li:last-child a {
border:none;
}

.noUnderline {text-decoration:none;}
.italics {font-style:italic;}
.statement_plain {font-weight:400;font-size:10pt;}

/*-------- Combine Account table styles -------*/
.combine {line-height:115%;font-size:10pt;width:210px;padding-right:10px;padding-top:8px;}
.combine_cell {height:200px;}
.combine_cell table td ol {margin-top:0; margin-bottom:0;}
.combine_cell table td ol li {margin-left:0;margin-bottom:5px;}
.combine_heading {font-weight:700;padding:5px 5px 10px;}
.combine table.benefits {width: 188px;}
.combine .benefits td {padding:0 4px 5px;}
.combine .benefits td img {margin-top:2px;}
.combine_note {font-size:9pt;color:#036;font-family:Arial, Helvetica, sans-serif;}
.points {font-size:10pt;color:#124e81;font-family:Arial, Helvetica, sans-serif;text-align:left;padding:5px;margin-left:2px;margin-top:10px;margin-bottom:10px;}
.combine_bg {background-color: #F0F9FD}
.scroll_div_combi {
	width:100%; height:195px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y:auto;
}

/* ------- Search table styles ---------- */
.search td {padding:5px 10px 5px 0;vertical-align:bottom;line-height:normal;}
.search td img {margin-bottom:1px;}
.heading {width:100%; height:62px; background:url(../../images/common/bgswish.jpg) no-repeat top left;}

/* -------- Tier Benefits page Points Indicator --------- */
.bonusbar {
border:1px solid #036;
line-height:30pt;
background-color:#FFF;
font-family:Arial, Helvetica, sans-serif;
}

.bonusbartitles {
font-size:9pt;
background-position:center center;
border-right:1px solid #CCC;
text-align:center;
padding-top:2px;
padding-bottom:2px;
font-family:Arial, Helvetica, sans-serif;
}

.bonusbartitlesnorule {
font-size:9pt;
background-position:center center;
text-align:center;
padding-top:2px;
padding-bottom:2px;
font-family:Arial, Helvetica, sans-serif;
}

/* ------ Tier Benefits Summary page rollover info ------ */
.balloonstyle {
	position:absolute;
	top:-500px;
	left:0;
	visibility:hidden;
	line-height:18px;
	z-index:100;	width:230px;
	font-family:Verdana;
	font-size:10px;
	font-style:normal;
	font-weight:400;
	font-variant:normal;
	background-image:url(../../images/common/balloon.gif);
	height:180px;
	padding-top:15px 5px 10px 13px;
	background-repeat:no-repeat;
	background-position:left top;
	text-align:left;
}

/* ------- Tier Benefits page indicator bar ---------- */
.bigbarfull_lft {
background-image:url(../../images/common/bigfulltile.jpg);
background-repeat:repeat-x;
background-position:left center;
height:35px;
border-left:1px solid #2E2E2E;
}
.bigbarfull_rt {
background-image:url(../../images/common/bigfulltile.jpg);
background-repeat:repeat-x;
background-position:left center;
height:35px;
border-right:1px solid #2E2E2E;
}
.bigbarempty_lft {
background-image:url(../../images/common/bigemptytile.jpg);
background-repeat:repeat-x;
background-position:left center;
border-left:1px solid #282828;
color:#FFF;
text-align:left;
font-weight:700;
vertical-align:middle;
height:35px;
}
.bigbarempty_rt {
background-image:url(../../images/common/bigemptytile.jpg);
background-repeat:repeat-x;
background-position:left center;
border-right:1px solid #282828;
color:#FFF;
text-align:left;
font-weight:700;
vertical-align:middle;
height:35px;
}
.div_text {
color:#FFF;
text-align:center;
font-weight:700;
vertical-align:middle;
height:35px;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
}

.bigbarempty_nopoints_lft {
background-image:url(../../images/common/bigemptygreytile.jpg);
background-repeat:repeat-x;
background-position:left center;
border-left:1px solid #2E2E2E;
color:#000;
font-weight:bold;
text-align:center;
vertical-align:middle;
height:40px;
padding-bottom:5px;
}

.bigbarempty_nopoints_rt {
background-image:url(../../images/common/bigemptygreytile.jpg);
background-repeat:repeat-x;
background-position:left center;
border-right:1px solid #282828;
color:#000;
font-weight:bold;
text-align:center;
vertical-align:middle;
height:40px;
padding-bottom:5px;
}

/* ----- Tier Benefits Detail Table ----- */
.mytable {width:770px; padding:0;}

.mytable th {
color:#036;
text-align:left;
background-repeat:no-repeat;
padding-left:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
font-weight:700;
padding-top:2px;
padding-bottom:2px;
border-bottom:1px solid #DAE6F1;
}

.mytable th.nobg {
}

.mytable td {
background:#fff;
color:#036;
border-right:1px solid #DAE6F1;
border-bottom:1px solid #DAE6F1;
padding-top:1px 4px 1px 10px;
}

.mytable td.alt {color:#036; background-color:#F1F5FA;}

.mytable th.spec {
background-color:#fff;
background-repeat:no-repeat;
color:#036;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:700;
border-right:1px solid #DAE6F1;
border-bottom:1px solid #DAE6F1;
border-left:1px solid #DAE6F1;
}

.mytable th.specalt {
color:#036;
background-color:#F1F5FA;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:700;
border-bottom:1px solid #DAE6F1;
border-right:1px solid #DAE6F1;
border-left:1px solid #DAE6F1;
}

.mytable th.tier1 {
color:#FFF;
text-align:left;
background-color:#A3C0DE;
background-image:url( ../../images/common/SmallCards/top1.jpg);
background-repeat:no-repeat;
background-position: top right;
padding-left:8px;
padding-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:700;
border-bottom:1px solid #DAE6F1;
}

.mytable th.tier2 {
color:#FFF;
text-align:left;
background-color:#A3C0DE;
background-image:url( ../../images/common/SmallCards/top2.jpg);
background-repeat:no-repeat;
background-position: top right;
padding-left:8px;
padding-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:700;
}

.mytable th.tier3 {
color:#FFF;
text-align:left;
background-color:#A3C0DE;
background-image:url( ../../images/common/SmallCards/top3.jpg);
background-repeat:no-repeat;
background-position: top right;
padding-left:8px;
padding-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:700;
}

.mytable th.tier4 {
color:#FFF;
text-align:left;
background-color:#A3C0DE;
background-image:url( ../../images/common/SmallCards/top4.jpg);
background-repeat:no-repeat;
background-position: top right;
padding-left:8px;
padding-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:700;
}

.mytable th.tier5 {
color:#FFF;
text-align:left;
background-color:#A3C0DE;
background-image:url( ../../images/common/SmallCards/top5.jpg);
background-repeat:no-repeat;
background-position: top right;
padding-left:8px;
padding-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:700;
}

.mytable th.tier6 {
color:#FFF;
text-align:left;
background-color:#A3C0DE;
background-image:url( ../../images/common/SmallCards/top6.jpg);
background-repeat:no-repeat;
background-position: top right;
padding-left:8px;
padding-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:700;
}

/* --------- Rounded Boxes -------------- */
/* Grey */
.roundedgrey_topleft {
background-image:url(../../images/common/roundedboxes/greytopleft.gif);
background-repeat:no-repeat;
background-position:right bottom;
height:5px;
width:5px;
}

.roundedgrey_topright {
background-image:url(../../images/common/roundedboxes/greytopright.gif);
background-repeat:no-repeat;
background-position:left bottom;
height:5px;
width:5px;
}

.roundedgrey_bottomleft {
background-image:url(../../images/common/roundedboxes/greybottomleft.gif);
background-repeat:no-repeat;
background-position:right top;
height:5px;
width:5px;
}

.roundedgrey_bottomright {
background-image:url(../../images/common/roundedboxes/greybottomright.gif);
background-repeat:no-repeat;
background-position:left top;
height:5px;
width:5px;
}

.roundedgrey_lefttile {
background-image:url(../../images/common/roundedboxes/greylefttile.gif);
background-repeat:repeat-y;
width:5px;
}

.roundedgrey_righttile {
background-image:url(../../images/common/roundedboxes/greyrighttile.gif);
background-repeat:repeat-y;
background-position:left top;
width:5px;
}

.roundedgrey_toptile {
background-image:url(../../images/common/roundedboxes/greytoptile.gif);
background-repeat:repeat-x;
height:5px;
background-position:left bottom;
}

.roundedgrey_bottomtile {
background-image:url(../../images/common/roundedboxes/greybottomtile.gif);
background-repeat:repeat-x;
height:5px;
}
.roundedgrey_bg {background-color:#F4F4F4;}

/* White */
.roundedwhite_topleft {
background-image:url(../../images/common/roundedboxes/whitetopleft.gif);
background-repeat:no-repeat;
background-position:right bottom;
height:5px;
width:5px;
}

.roundedwhite_topright {
background-image:url(../../images/common/roundedboxes/whitetopright.gif);
background-repeat:no-repeat;
background-position:left bottom;
height:5px;
width:5px;
}

.roundedwhite_bottomleft {
background-image:url(../../images/common/roundedboxes/whitebottomleft.gif);
background-repeat:no-repeat;
background-position:right top;
height:12px;
width:5px;
}

.roundedwhite_bottomright {
background-image:url(../../images/common/roundedboxes/whitebottomright.gif);
background-repeat:no-repeat;
background-position:left top;
height:12px;
width:5px;
}

.roundedwhite_lefttile {
background-image:url(../../images/common/roundedboxes/whitelefttile.gif);
background-repeat:repeat-y;
width:5px;
}

.roundedwhite_righttile {
background-image:url(../../images/common/roundedboxes/whiterighttile.gif);
background-repeat:repeat-y;
width:5px;
}

.roundedwhite_toptile {
background-image:url(../../images/common/roundedboxes/whitetoptile.gif);
background-repeat:repeat-x;
height:5px;
background-position:left bottom;
}

.roundedwhite_bottomtile {
background-image:url(../../images/common/roundedboxes/whitebottomtile.gif);
background-repeat:repeat-x;
height:12px;
}

/* Light Blue */
.roundedlightblue_topleft {
background-image:url(../../images/common/roundedboxes/lightbluetopleft.gif);
background-repeat:no-repeat;
background-position:right bottom;
height:5px;
width:5px;
}

.roundedlightblue_topright {
background-image:url(../../images/common/roundedboxes/lightbluetopright.gif);
background-repeat:no-repeat;
background-position:left bottom;
height:5px;
width:5px;
}

.roundedlightblue_bottomleft {
background-image:url(../../images/common/roundedboxes/lightbluebottomleft.gif);
background-repeat:no-repeat;
background-position:right top;
height:12px;
width:5px;
}

.roundedlightblue_bottomright {
background-image:url(../../images/common/roundedboxes/lightbluebottomright.gif);
background-repeat:no-repeat;
background-position:left top;
height:12px;
width:5px;
}

.roundedlightblue_lefttile {
background-image:url(../../images/common/roundedboxes/lightbluelefttile.gif);
background-repeat:repeat-y;
width:5px;
}

.roundedlightblue_righttile {
background-image:url(../../images/common/roundedboxes/lightbluerighttile.gif);
background-repeat:repeat-y;
width:5px;
}

.roundedlightblue_toptile {
background-image:url(../../images/common/roundedboxes/lightbluetoptile.gif);
background-repeat:repeat-x;
height:5px;
background-position:left bottom;
}

.roundedlightblue_bottomtile {
background-image:url(../../images/common/roundedboxes/lightbluebottomtile.gif);
background-repeat:repeat-x;
height:12px;
}

/* Blue */
.roundedblue_topleft {
background-image:url(../../images/common/roundedboxes/bluetopleft.gif);
background-repeat:no-repeat;
background-position:left top;
height:28px;
width:5px;
}

.roundedblue_topright {
background-image:url(../../images/common/roundedboxes/bluetopright.gif);
background-repeat:no-repeat;
background-position:right top;
height:28px;
width:5px;
}

.roundedblue_toptile {
background-image:url(../../images/common/roundedboxes/bluetoptile.gif);
background-repeat:repeat-x;
height:28px;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#FFF;
font-weight:700;
text-align:left;
padding-right:15px;
background-position:top;
padding-top:2px;
padding-bottom:2px;
}

/* Orange */
.roundedorange_topleft {
background-image:url(../../images/common/roundedboxes/orangetopleft.gif);
background-repeat:no-repeat;
background-position:right top;
height:28px;
width:5px;
}

.roundedorange_topright {
background-image:url(../../images/common/roundedboxes/orangetopright.gif);
background-repeat:no-repeat;
background-position:left top;
height:28px;
width:5px;
}

.roundedorange_toptile {
background-image:url(../../images/common/roundedboxes/orangetoptile.gif);
background-repeat:repeat-x;
height:28px;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#FFF;
font-weight:700;
text-align:left;
background-position:top;
padding-top:2px;
padding-bottom:2px;
padding-right:3px;
}

/* Specials popup box - Blue */
.roundedPop_bottomleft {
background-image:url(../../images/common/roundedboxes/blueborderbottomleft.gif);
background-repeat:no-repeat;
background-position:left top;
height:5px;
width:5px;
}

.roundedPop_bottomright {
background-image:url(../../images/common/roundedboxes/blueborderbottomright.gif);
background-repeat:no-repeat;
background-position:right top;
height:5px;
width:5px;
}

.roundedPop_lefttile {
background-image:url(../../images/common/roundedboxes/blueborderlefttile.gif);
background-repeat:repeat-y;
width:5px;
}

.roundedPop_righttile {
background-image:url(../../images/common/roundedboxes/blueborderrighttile.gif);
background-repeat:repeat-y;
background-position:right top;
width:5px;
}

.roundedPop_bottomtile {
background-image:url(../../images/common/roundedboxes/blueborderbottomtile.gif);
background-repeat:repeat-x;
height:5px;
}

/* Expiring popup box - Orange */
.O_roundedPop_bottomleft {
background-image:url(../../images/common/roundedboxes/orangebottomleft.gif);
background-repeat:no-repeat;
background-position:left top;
height:5px;
width:5px;
}

.O_roundedPop_bottomright {
background-image:url(../../images/common/roundedboxes/orangebottomright.gif);
background-repeat:no-repeat;
background-position:right top;
height:5px;
width:5px;
}

.O_roundedPop_lefttile {
background-image:url(../../images/common/roundedboxes/orangelefttile.gif);
background-repeat:repeat-y;
width:5px;
}

.O_roundedPop_righttile {
background-image:url(../../images/common/roundedboxes/orangerighttile.gif);
background-repeat:repeat-y;
background-position:right top;
width:5px;
}

.O_roundedPop_bottomtile {
background-image:url(../../images/common/roundedboxes/orangebottomtile.gif);
background-repeat:repeat-x;
height:5px;
}

/* Tabs Menu */
.tabsJ {
	float:left;
	width:100%;
	font-size:9pt;
	line-height:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:700;
	position: absolute;
	left: 0px;
	top: 38px;
}

.tabsJ ul {
margin:0;
list-style:none;
padding-top:0;
padding-right:10px;
padding-bottom:0;
padding-left:0;
}

.tabsJ li {display:inline; margin:0; padding:0;}

.tabsJ a {
float:left;
margin:0;
padding:0 0 0 5px;
text-decoration:none;
background-image:url(../../images/common/Tabs/tableftJ.gif);
background-repeat:no-repeat;
background-position:left top;
font-size:9pt;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#069;
}

.tabsJ a span {
float:left;
display:block;
padding:5px 15px 4px 6px;
color:#666;
background-image:url(../../images/common/Tabs/tabrightJ.gif);
background-repeat:no-repeat;
background-position:right top;
}

.tabsJ a.selected {
float:left;
margin:0;
padding:0 0 0 5px;
text-decoration:none;
background-image:url(../../images/common/Tabs/tableftJselected.gif);
background-repeat:no-repeat;
background-position:left top;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#FFF;
}

.tabsJ a span.selected {
float:left;
display:block;
padding:5px 15px 5px 6px;
color:#036;
background-image:url(../../images/common/Tabs/tabrightJselected.gif);
background-repeat:no-repeat;
background-position:right top;
}

.tabsJ a.selected:hover {
float:left;
margin:0;
padding:0 0 0 5px;
text-decoration:none;
background-image:url(../../images/common/Tabs/tableftJselected.gif);
background-repeat:no-repeat;
background-position:left top;
}

.tabsJ a span.selected:hover {
float:left;
display:block;
padding:5px 15px 5px 6px;
color:#24618E;
background-image:url(../../images/common/Tabs/tabrightJselected.gif);
background-repeat:no-repeat;
background-position:right top;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabsJ a span {float:none;}

/* End IE5-Mac hack */
.tabsJ a:hover span {color:#FFF;}
.tabsJ a:hover {background-position:0 -42px;}
.tabsJ a:hover span {background-position:100% -42px;}
.tabsJ a:hover span.selected {color:#24618E;}
.tabsJ a:hover span.selected {background-position:100% 0;}

/* ------- Alignment over-rides ---------- */
.align_right {text-align:right;}
.align_right_nopad {text-align:right; padding-right:0; padding-left:5px;}
.align_right_15pad {text-align:right; padding-right:15px; padding-left:15px;}
.align_right_15pad_lft {text-align:right; padding-left:15px; padding-right:0;}
.align_left_15pad {text-align:left; padding-left:15px;}

.plain_text {font-weight:400; font-size:9pt;}


/* -------------- Popup Calendar styles ------------------ */
/* ===================== Change these styles as indicated ===============================*/
/* The table */
.datePicker table {
position:relative;
margin:0;
padding:0;
border:1px solid #274867;
/* border colour of calendar */
background:#aec8ed;
/* background colour of calendar */
text-align:center;
width:100%;
}

.datePicker table th {
border:0 none;
padding:0;
line-height:1.1em;
font-weight:700;
font-size:8pt;
/* month year and day font size */
color:#000;
text-align:center;
}

/* The "todays date" style */
.datePicker table td.date-picker-today {
background-color:#f9f9cb;
/* The "todays date" style */
font-weight:700;
color:#900!important;
}

/* The "active cursor" style */
.datePicker table td#date-picker-hover {
background-color:#dbe3f0;
/* background of selected and rollover date */
cursor:pointer;
color:#000;
}

.datePicker table td {
padding:0;
font-size:8pt;
}

/* ===================== Dont change calendar styles below here ===============================*/
/* The wrapper div */
.datePicker {
position:absolute;
min-width:13em;
width:13em;
z-index:9999;
text-align:center;
font:900 .8em/.8em Arial, Sans-Serif;
background:transparent;
}

/*
   Quirksmode necessity
   --------------------
   
   If your HTML document renders in quirksmode (i.e. has no doctype declaration)
   then uncomment the following CSS rule or the datePicker will be HUGE...

.datePicker th,
.datePicker td
        {
        font-size:11px;
        }
*/
/* The iframe hack to cover selectlists in Internet Explorer <= v6 */
.iehack {
position:absolute;
background:#fff;
z-index:9998;
padding:0;
border:0;
display:none;
}

/* The button created beside each input */
.date-picker-control {
border:0 none;
padding:0;
margin-left:4px;
background:transparent url(../../images/common/cal.gif) no-repeat 0 0;
width:21px;
height:19px;
margin-top:0;
cursor:pointer;
}

/* The next & previous buttons */
.datePicker th button {
display:inline;
padding:0;
margin:0;
color:#000;
height:1em;
width:.8em;
line-height:.8em;
border-width:0;
font-family:Arial, Sans-Serif;
background:transparent;
font-weight:700;
cursor:pointer;
}

.datePicker th button:active,.datePicker th button:focus,.date-picker-control:active,.date-picker-control:focus {
outline:none;
}

.datePicker th button.prev-but {
text-align:left;
font-size: 13px;
}

.datePicker th button.next-but {
text-align:right;
font-size: 13px;
}

/* The mon, tue, wed etc day buttons */
.datePicker th button.fd-day-header {
text-align:center;
margin:0 auto;
font:900 1em Arial, Sans-Serif;
height:auto;
width:auto;
text-decoration:none;
line-height:1.1em;
}

.datePicker table tfoot td {
background:#fff;
}

/* Common TD & TH styling */
.datePicker table td {
padding:.3em .3em .3em;
/* Opera requires a line-height bigger than 1em in order to redraw properly */
line-height:1.1em;
cursor:default;
background:#fff;
}

/* The "mon tue wed etc" day header button styles */
.datePicker table th.date-picker-day-header {
text-transform:uppercase;
}

/* The "selected date" style */
.datePicker table td.date-picker-selected-date {
color:#333!important;
border-color:#333!important;
}

/* the "highlight days" style */
td.date-picker-highlight {
color:#a86666;
/* the red saturday and sunday style */
}

/* The date "out of range" style */
.datePicker table td.out-of-range {
color:#ccc!important;
font-style:oblique;
background:transparent!important;
cursor:default!important;
}

/* The "disabled days" style */
.datePicker table td.day-disabled {
color:#aaa!important;
background:transparent!important;
cursor:default!important;
}

/* Remove the images for Internet Explorer <= v6 using the "* html" hack */
* html .datePicker table td.date-picker-selected,* html .datePicker table td.date-picker-hover,* html .datePicker table td {
background-image:none;
}
/* ======= End calendar styles ======= */

/* ------ Expanding Info Panel styles ------ */

/* SpryCollapsiblePanel.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {margin:0; padding:0;}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
background-color:#FFF;
margin:0;
padding:0 0 0 25px;
cursor:pointer;
-moz-user-select:none;
-khtml-user-select:none;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
color:#036;
text-decoration:underline;
}
/*Hover colour of CollapsiblePanelTab same as Default link hover colour*/
.CollapsiblePanelTab:hover {color:#003162}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	padding-top:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #666666;
	padding-left: 25px;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {color:#000; text-decoration:none;}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {background-color:#FFF;}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,.CollapsiblePanelOpen .CollapsiblePanelTabHover {}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {}

.arrowhead {
z-index:99;
position:absolute;
top:-500px;
left:0;
visibility:hidden;
}

.balloontable {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#3D7900;
	line-height:12px;
	padding-left: 10px;
	vertical-align: top;
	padding-top: 10px;
	width: 200px;
}

.balloontabletitles {
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#666;
}
/* ------ Redeem Points page icon space  ------ */
.iconrightspace {vertical-align:bottom; border-width:0; border-style:0;}

/************************************************/
.scrollTable {width:530px;}

.scrollTable.game {width:100%;}
.scrollTable.special {width:100%;}
.scrollTable.allspec {width:743px;}
.scrollTable.credits {width:500px;}

.game_layer {
 position:absolute;
 width:500px; 
 left:10px; 
 top:110px; 
 visibility:hidden;
 }
 .specials_layer {
 position:absolute;
 width:450px; 
 left:170px; 
 top:70px; 
 visibility:hidden;
 z-index:100;
 }

/* Scrollable Content Height */
.scrollContent {
height:150px;
overflow-x:hidden;
overflow-y:auto;
}
div.TableContainerGame .scrollContent {
height:179px;
overflow-x:hidden;
overflow-y:auto;
}
div.TableContainerSpecial .scrollContent {
height:200px;
overflow-x:hidden;
overflow-y:auto;
}

div.TableContainerAllSpec .scrollContent {
height:253px;
overflow-x:hidden;
overflow-y:auto;
}

div.TableContainerCredits .scrollContent {
height:85px;
overflow-x:hidden;
overflow-y:auto;
}

.scrollContent tr {height:auto;}
.scrollContent tr td {padding:3px 1px;}
div.TableContainerSpecial .scrollContent tr td {padding:3px;}

/* Prevent Mozilla scrollbar from hiding right-most cell content */
.scrollContent tr td:last-child {
padding-right:0px;
}
/* Prevent Mozilla scrollbar from hiding right-most cell content on non-alternatRow cells */
div.TableContainerGame .scrollContent tr td:last-child {
padding-right:25px;
}
/* Prevent Mozilla scrollbar from hiding right-most cell content on alternatRow cells */
div.TableContainerGame .scrollContent tr.alternateRow td:last-child {
padding-right:25px;
}

/* Prevent Mozilla scrollbar from hiding right-most cell content on non-alternatRow cells */
div.TableContainerSpecial .scrollContent tr td:last-child {
padding-right:25px;
}
/* Prevent Mozilla scrollbar from hiding right-most cell content on alternatRow cells */
div.TableContainerSpecial .scrollContent tr.alternateRow td:last-child {
padding-right:25px;
}

/* Prevent Mozilla scrollbar from hiding right-most cell content on non-alternatRow cells */
div.TableContainerAllSpec .scrollContent tr td:last-child {
padding-right:0px;
}
/* Prevent Mozilla scrollbar from hiding right-most cell content on alternatRow cells */
div.TableContainerAllSpec .scrollContent tr.alternateRow td:last-child {
padding-right:0px;
}

/* Prevent Mozilla scrollbar from hiding right-most cell content on non-alternatRow cells */
div.TableContainerCredits .scrollContent tr td:last-child {
padding-right:0px;
}
/* Prevent Mozilla scrollbar from hiding right-most cell content on alternatRow cells */
div.TableContainerCredits .scrollContent tr.alternateRow td:last-child {
padding-right:0px;
}

/* Fixed Header Height */
.fixedHeader tr {position:relative;}

div.TableContainer {
width:550px;
height:179px;
overflow-x:hidden;
overflow-y:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
color:#000;
}

div.TableContainerGame {
width:493px;
height:200px;
overflow-x:hidden;
overflow-y:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
color:#000;
}

div.TableContainerGame thead tr td {
background-color:#A3C0DE;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
color:#0d3c64;
font-weight:700;
padding-left:2px;
padding-right:5px;
}
/* Specials pop-up */
div.TableContainerSpecial {
width:460px;
height:200px;
overflow-x:hidden;
overflow-y:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
color:#000;
}

div.TableContainerSpecial thead tr td {
background-color:#A3C0DE;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
color:#0d3c64;
font-weight:700;
padding-left:2px;
padding-right:5px;
}

/* All Specials big table */
div.TableContainerAllSpec {
width:770px;
height:281px;
overflow-x:hidden;
overflow-y:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
color:#000;
}

div.TableContainerAllSpec thead tr td {
background-color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#FFF;
font-weight:700;
padding-left:2px;
padding-right:5px;
}

/* Casino Credits scroll table */
div.TableContainerCredits {
width:550px;
height:121px;
overflow-x:hidden;
overflow-y:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
color:#000;
}

div.TableContainerCredits thead tr td {
background-color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#FFF;
font-weight:700;
padding-left:2px;
padding-right:5px;
}

/* Table Header formatting */
.headerFormat {
margin:3px;
padding:1px;
white-space:nowrap;
text-decoration:none;
}

/* Use to set different color for alternating rows */
.alternateRow {background-color:#ecf1f7;}

div.TableContainerGame tr.alternateRow td {background-color:#ecf1f7; padding-right:5px;}
div.TableContainerGame tr td {padding-right:5px;}

div.TableContainerSpecial tr.alternateRow td {background-color:#ecf1f7; padding-right:5px;}
div.TableContainerSpecial tr td {padding-right:5px;}

div.TableContainerAllSpec tr.alternateRow td {background-color:#ecf1f7; padding-right:5px;}
div.TableContainerAllSpec tr td {padding-right:5px;}

div.TableContainerCredits tr.alternateRow td {background-color:#ecf1f7; padding-right:5px;}
div.TableContainerCredits tr td {padding-right:5px;}


/* Styles used for SORTING */
.point {cursor:pointer;}

td.sortedColumn {background-color:#FFF;}
tr.alternateRow td.sortedColumn {background-color:#ecf1f7;}

/* to fake footer on how to earn points table */
.footer_table {width:530px;}

/* to fake footer on All Specials table */
.footer_table_spec {width:732px;}
.footer_table_spec .roundedwhite_bottomleft {background-position:left top; width:5px;}
.footer_table_spec .roundedwhite_bottomtile {background-position:left top;}
.footer_table_spec .roundedwhite_bottomright {background-position:right top; width:5px;}

/* to fake footer on Casino Credits table */
.footer_table_credits {width:500px;}
.footer_table_credits .roundedwhite_bottomleft {background-position:left top; width:5px;}
.footer_table_credits .roundedwhite_bottomtile {background-position:left top;}
.footer_table_credits .roundedwhite_bottomright {background-position:right top; width:5px;}

.divider {border-bottom:1px solid #adc7e2;}

.total {
background-color:#9C0;
color:#000;
white-space:nowrap;
font-size:12px;
text-decoration:none;
}

/* --------- How To table styles -------------- */
.howto_roundedblue_topleft {
background-image:url(../../images/common/roundedboxes/bluetopleft_howto.gif);
background-repeat:no-repeat;
background-position:left top;
height:28px;
width:5px;
}

.howto_roundedblue_topright {
background-image:url(../../images/common/roundedboxes/bluetopright_howto.gif);
background-repeat:no-repeat;
background-position:right top;
height:28px;
width:5px;
}

.howto_roundedwhite_righttile {
background-image:url(../../images/common/roundedboxes/whiterighttile.gif);
background-position:right top;
background-repeat:repeat-y;
width:5px;
}

.howto_roundedwhite_lefttile {
background-image:url(../../images/common/roundedboxes/whitelefttile.gif);
background-position:left top;
background-repeat:repeat-y;
width:5px;
}
/* --------- Summary Statement table styles -------------- */
.stat td.roundedblue_topleft {background-position:right top;}
.stat td.roundedwhite_lefttile {background-position:right top;}
.stat td.roundedblue_topright {background-position:left top;}
.stat td.roundedwhite_righttile {background-position:left top;}
.stat td.roundedwhite_bottomright {background-position:left top;}

.hidden {visibility: hidden;}

/* SMALL CARDS */
.smlcardtop1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url( ../../images/common/SmallCards/top1.jpg);
	background-repeat: no-repeat;
	height: 20px;
	background-position: right top;
	padding-left: 5px;
	text-align: left;
	background-color:#0147c1;
}
.smlcardside1 {
	background-color: #0147c1;
	width: 2px;
}
.smlcardbottom1 {
	background-color: #0147c1;
	height: 3px;
}
.smlcardinner1 {
	background-color: #b8cbeb;
	height: 80px;
	font-size: 8pt;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	vertical-align: text-top;
	text-align: left;
}
.smlcardtop2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url( ../../images/common/SmallCards/top2.jpg);
	background-repeat: no-repeat;
	height: 20px;
	background-position: right top;
	padding-left: 5px;
	text-align: left;
	background-color:#c6c6c6;
}
.smlcardside2 {
	background-color: #c6c6c6;
	width: 2px;
}
.smlcardbottom2 {
	background-color: #c6c6c6;
	height: 3px;
}
.smlcardinner2 {
	background-color: #e7e6e1;
	height: 80px;
	font-size: 8pt;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	vertical-align: text-top;
	text-align: left;
}
.smlcardtop3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url( ../../images/common/SmallCards/top3.jpg);
	background-repeat: no-repeat;
	height: 20px;
	background-position: right top;
	padding-left: 5px;
	text-align: left;
	background-color:#ffb202;
}
.smlcardside3 {
	background-color: #ffb202;
	width: 2px;
}
.smlcardbottom3 {
	background-color: #ffb202;
	height: 3px;
}
.smlcardinner3 {
	background-color: #fee7b3;
	height: 80px;
	font-size: 8pt;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	vertical-align: text-top;
	text-align: left;
}
.smlcardtop4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url( ../../images/common/SmallCards/top4.jpg);
	background-repeat: no-repeat;
	height: 20px;
	background-position: right top;
	padding-left: 5px;
	text-align: left;
	background-color:#575757;
}
.smlcardside4 {
	background-color: #575757;
	width: 2px;
}
.smlcardbottom4 {
	background-color: #575757;
	height: 3px;
}
.smlcardinner4 {
	background-color: #c2c2c2;
	height: 80px;
	font-size: 8pt;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	vertical-align: text-top;
	text-align: left;
}
.smlcardtop5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url( ../../images/common/SmallCards/top5.jpg);
	background-repeat: no-repeat;
	height: 20px;
	background-position: right top;
	padding-left: 5px;
	text-align: left;
	background-color:#7A3D04;
}
.smlcardside5 {
	background-color: #AF4E09;
	width: 2px;
}
.smlcardbottom5 {
	background-color: #AC4E08;
	height: 3px;
}
.smlcardinner5 {
	background-color: #FBBF97;
	height: 80px;
	font-size: 8pt;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	vertical-align: text-top;
	text-align: left;
}
.smlcardtop6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url( ../../images/common/SmallCards/top6.jpg);
	background-repeat: no-repeat;
	height: 20px;
	background-position: right top;
	padding-left: 5px;
	text-align: left;
	background-color:#3D0462;
}
.smlcardside6 {
	background-color: #6D08BE;
	width: 2px;
}
.smlcardbottom6 {
	background-color: #6F07BE;
	height: 3px;
}
.smlcardinner6 {
	background-color: #D3A4FB;
	height: 80px;
	font-size: 8pt;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	vertical-align: text-top;
	text-align: left;
}
.smlcardinner1, .smlcardinner2, .smlcardinner3, .smlcardinner4, .smlcardinner5, .smlcardinner6 {height: 120px;}
.oneTofour_top {font-size:12pt;letter-spacing:1pt;padding-left:10px; height:30px; vertical-align:middle;}
.oneTofour_height {height: 170px;}

/* Tier for Life card styles */
table.TFL td {text-align:center; vertical-align:top; padding-top:10px; font-size:13px}
.contents {z-index:10}
.game_layer {z-index:100}

.radio_td {width:19px;}

/* Table image fix */
.roundedwhite_topleft, .roundedwhite_toptile, .roundedorange_topleft {background-position:left top;}
.roundedwhite_topright, .roundedwhite_righttile,.roundedorange_topright  {background-position:right top;}
.roundedwhite_bottomleft, .roundedwhite_bottomtile, .footer_table_spec .roundedwhite_bottomtile, .footer_table_spec .roundedwhite_bottomleft, .footer_table_credits .roundedwhite_bottomleft, .footer_table_credits .roundedwhite_bottomtile, .O_roundedPop_bottomleft, .roundedPop_bottomleft, .roundedPop_bottomtile {background-position:left bottom;}
.roundedwhite_bottomright, .footer_table_spec .roundedwhite_bottomright, .footer_table_credits .roundedwhite_bottomright, .O_roundedPop_bottomright, .roundedPop_bottomright {background-position:right bottom;}

tr.alttablerow td.roundedPop_bottomright, tr.alttablerow2 td.roundedPop_bottomright, tr.alttablerow td.roundedPop_bottomleft, tr.alttablerow2 td.roundedPop_bottomleft {background-color: transparent;}

/* --------- Summary Statement table styles -------------- */
.stat td.roundedblue_topleft, .stat td.roundedwhite_lefttile {background-position:left top;}
.stat td.roundedblue_topright, .stat td.roundedwhite_righttile {background-position:right top;}
.stat td.roundedwhite_bottomright {background-position:right bottom;}

/* --------- Combine Account table styles -------------- */
.roundedlightblue_topleft, .roundedlightblue_toptile, .roundedlightblue_lefttile {background-position:left top;}
.roundedlightblue_topright, .roundedlightblue_righttile {background-position:right top;}
.roundedlightblue_bottomleft, .roundedlightblue_bottomtile {background-position:left bottom;}
.roundedlightblue_bottomright {background-position:right bottom;}

/*Fix tier cards*/
tr.tiertitle td {font-size:10pt;}
tr.tiertitle td {height:29px;} /*Fixes IE*/

html>/**/body tr.tiertitle td {height:44px;}/* fixes FF*/
html>/**/body td.bar_holdertd {height:50px;}/* fixes FF*/
html>/**/body .message_holdertd {height:auto}
/* For Chrome and Safari */
html[xmlns*=""]:root tr.tiertitle td {padding-top:0;padding-bottom:0;} /* Safari 2 - 3.1 */ 
html[xmlns*=""]:root .message_holdertd {height:auto} /* Safari 2 - 3.1 */ 
html[xmlns*=""]:root td.bar_holdertd {height:50px;}/* Safari 2 - 3.1 */ 
@media screen and (-webkit-min-device-pixel-ratio:0) { /* saf3+, chrome1+ */
tr.tiertitle td {padding-top:0;padding-bottom:0;} 
.message_holdertd {height:auto}
td.bar_holdertd {height:50px;}
}
.message_holdertd table.warning td img {border:none;}

table.buttons {width:100%}

/* Fix Specials table */
/* fixes Specials table in FF*/
html>/**/body div.TableContainerAllSpec {width:760px;}
html>/**/body .scrollTable.allspec {width:743px}
html>/**/body div.footer_table_spec {width:743px;}

@media screen and (-webkit-min-device-pixel-ratio:0) { /* saf3+, chrome1+ */ 
html body div.TableContainerAllSpec {margin-top:31px;width:770px;}
html body .scrollTable.allspec {width:753px}
div.TableContainerAllSpec .scrollTable.allspec thead.fixedHeader.headerFormat {position:absolute; margin-top:-32px; margin-left:-1px; width:753px}
div.TableContainerAllSpec .scrollTable.allspec thead.fixedHeader.headerFormat td + td.roundedblue_toptile {width:240px}
div.TableContainerAllSpec .scrollTable.allspec thead.fixedHeader.headerFormat td + td.roundedblue_toptile + td.roundedblue_toptile {width:100px}
div.TableContainerAllSpec .scrollTable.allspec thead.fixedHeader.headerFormat td + td.roundedblue_toptile + td.roundedblue_toptile + td.roundedblue_toptile {width:144px}
div.TableContainerAllSpec .scrollTable.allspec thead.fixedHeader.headerFormat td + td.roundedblue_toptile + td.roundedblue_toptile + td.roundedblue_toptile + td.roundedblue_toptile {width:120px}
div.TableContainerAllSpec .scrollTable.allspec thead.fixedHeader.headerFormat td + td.roundedblue_toptile + td.roundedblue_toptile + td.roundedblue_toptile + td.roundedblue_toptile + td.roundedblue_toptile {width:90px}
/*set width of cells*/
div.TableContainerAllSpec .scrollTable.allspec tbody.scrollContent tr:first-child td.howto_roundedwhite_lefttile + td {width:240px}
div.TableContainerAllSpec .scrollTable.allspec tbody.scrollContent tr:first-child td.howto_roundedwhite_lefttile + td + td {width:100px}
div.TableContainerAllSpec .scrollTable.allspec tbody.scrollContent tr:first-child td.howto_roundedwhite_lefttile + td + td + td {width:144px}
div.TableContainerAllSpec .scrollTable.allspec tbody.scrollContent tr:first-child td.howto_roundedwhite_lefttile + td + td + td + td {width:120px}
div.TableContainerAllSpec .scrollTable.allspec tbody.scrollContent tr:first-child td.howto_roundedwhite_lefttile + td + td + td + td + td {width:90px}
/*fix footer table*/
html body div.footer_table_spec {width:753px;}
} 
/* end Safari Hack */