
/*		HEADINGS AND TEXT*/

html { min-height: 100%; margin-bottom: 10px; margin-top: 10px}
BODY { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align: center; background-image:url(../skin/images/fadebg.jpg)}

H1	{ padding: 10px 20px 10px 20px;font-size: 16px; margin: 0px; text-transform: uppercase; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; }
H2	{ padding: 10px 20px 10px 20px;font-size: 14px; margin: 0px; color: #1d4f80; font-family: Verdana, Arial, Helvetica, sans-serif; }

H3	{margin:0px 0px 10px 0px;font-family:verdana;font-size:8pt; font-weight:bold;color: #000000;text-decoration: none}
H4	{margin:0px 0px 10px 0px;font-family:verdana;font-size:8pt; font-weight:bold;color:#f00;text-decoration: none}

b	{font-family:verdana;font-size:11pt;color:red;text-decoration: none}
p	{margin:5px 20px 15px 20px;}

td	{font-family:verdana;font-size:8pt;font-weight:normal;line-height:13px;}
th	{text-align:left;font-family:verdana;font-size:10pt;}

table.tabs {width: 100%; margin:0px; border:0px solid black; background-color: black}
td.tab_left {width: 5; height: 20; background-image:url(../skin/images/tab_l.jpg)}
td.tab_right {width: 5; height: 20; background-image:url(../skin/images/tab_r.jpg)}
td.tab_dis {width: 110; height: 20; align: center; background-image:url(../skin/images/tab_dis_1.jpg); color:#FFF;}
td.tab_en {width: 130; height: 20; align: center; background-image:url(../skin/images/tab_en.jpg)}


/*		LINKS*/
a	{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 20px; color: #000000; margin: 0px; text-decoration: none;}
a:hover { color: #FF0000; text-decoration: none; }
a.back2top {font-size: 12px;font-family: arial;color: #000000; font-weight: normal;width:90%; text-align:right;}



/*		STYLES*/

#container {background: white; border: 2px solid black; width: 800px; margin: 0 auto;text-align: left;}
#header {height: 165px; border: 0px}
#banner {height: 100px; background-image:url(../skin/images/banner.jpg)}
#nav {
	border-bottom: 1px solid black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-image: url(../skin/images/nav_bar.jpg);
	background-position: left top;
	margin-top: 7px;
	height: 31px;
	padding-left: 40px
}
.playnowButton {display:none;}
#winners {padding: 10px 0px 0px 0px;float:left;width: 600px; text-align: center;border-bottom: 0px solid black;}
#content {padding: 20px 0px 20px 20px;float:left;width: 600px;}
#middle {border: 0px solid black;}
#leftColumn {padding: 20px 0px 0px 10px;width: 165px; float:left; background: #fec2c2; border-right: 1px solid black; border-bottom: 1px solid black;}
#footer {
	clear: both;
	border-top: 1px solid black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #cccccc;
	background-position: left top;
	padding-top: 5px;
	height: 30px;
	padding-left: 40px
}

.hint {font-size:8pt;font-weight:100;margin:5px 0px 5px 30px;color:#111111;}
.error { color: crimson; }

.tableBorder {border: 1px solid #000000;font-style: normal;font-weight: normal;line-height: normal;}
.tableBorderFirst {border: 1px solid #000000;font-style: normal;font-weight: normal;line-height: normal;font-weight: bold;color: #ffffff;text-align: center;background-color: #F71210;}
.tableBorderCall{border: 1px solid #000000;font-style: normal;font-weight: normal;line-height: normal;color: #ffffff;text-align: center;background-color: #2D4776;}
.tableBorderJackpot{border: 1px solid #000000;font-style: normal;font-weight: normal;line-height: normal;color: #ffffff;text-align: center;background-color: #205C98;}

#winners_colour_table td {color: #000000;font-size: 10px;font-weight: bold;text-align: center;}
#wkend_winners_table {color: #000000;font-size: 10px;}
#winners_colour_table .title_row td {color: #FE0000;font-size: 12px;font-weight: bold;}
.blue_row td{background-color: #CDDAEF;}
.red_text {color: #FE0000;font-weight: bold;width: 110px;padding-right: 15px;vertical-align: top;}

.membersTable {width: 400px;}
.membersTable table {width: 200px;}

/*    REPORT TABLES 																																						 */
.reportTableNav{		WIDTH:80%;	}
.reportTableHeading{WIDTH:80%;	}
.reportTable{				WIDTH:100%;	}
.reportTable TH{	text-align:left;font-family:verdana;font-size:10pt;border-bottom:1px solid #20264B;}
.reportTable TD{  border-bottom:1px solid #cccccc;padding-bottom:3px; 	}


/*    POPUP FORMS 																																						 */
.popup {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
.popup H1 { padding: 10px 20px 10px 20px;font-size: 16px; margin: 0px; text-transform: uppercase; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; }

/*MAIN MEMBERS PAGE*/
.membersTable {width: 600px;}

.box {
	float: left;
	background: #ff0000;
	width: 257px;
	height: 150px;
	padding: 5px;
	margin-bottom: 5px;
	background: url(../skin/images/box_members.gif) no-repeat;
}

.col1 {
	float: left;
	width: 280px;
}

.col2 {
	float: left;
	width: 257px;
}

.header {
	font-weight: bold;
	font-size: 110%;
	text-indent: 25px;
	color: #034dbb;
	padding-bottom: 3px;
	/*background: url(../skin/images/titlem_bg.gif) no-repeat;*/
}

.icon {
	float: left
}

.text {
	font-size: 80%;
	color: #0259db;

	margin-top: 25px;
	left: 120px;
}
/*END MEMBERS PAGE*/

/* PROMOTION DEPOSITS PAGE */
#depositPromoContent { padding-left: 26px; }
#depositPromoContent a:hover 				{font-family:verdana;font-size:7pt;color:#fe8624;text-decoration: none}
#depositPromoContent a 						{font-family:verdana;font-size:7pt;color:#6B8294;text-decoration: none}

#depositPromoContent td	{font-family:verdana;font-size:8pt;line-height:13px;color:#6B8294;text-decoration: none}

#depositPromoContent b						{font-family:verdana;font-size:7pt;color:#fe8624;text-decoration: none}
#depositPromoContent strong {color:#000;}
#depositPromoContent b.orange				{font-family:verdana;font-size:8pt;color:#fe8624;text-decoration: none}
#depositPromoContent b.gray					{font-family:verdana;font-size:8pt;color:#6B8294;text-decoration: none}
#depositPromoContent b.heading				{font-family:verdana;font-size:12pt;color:#6B8294;text-decoration: none}
/* END PROMOTION DEPOSITS PAGE */


/* GAMES COVERALL PAGE */
table.coverall {
width: 560px;
border: 1px solid #1B4E81;
}
.coverall  th{
background-color: #ffffff;
border-bottom:1px solid #1B4E81;
text-align: center;
font-weight: bold;
font-size: 14px;
padding: 5px 0;
}
.coverall  td{
background-color: #ffffff;
border-bottom:1px solid #1B4E81;
text-align: center;
padding: 10px 0;
}
.coverall  th, .coverall  td, .coverall  td strong, .coverallLegend td { color: #000000 !important; }
table.coverallLegend {
border: 1px solid #1B4E81;
}
.coverallLegend td{
background-color: #ffffff;
border-bottom:1px solid #1B4E81;
padding: 5px;
}
.coverallLegendIcon { text-align: center; width: 40px; }
/* END GAMES COVERALL PAGE */

/* GAME PATTERNS PAGE */
.patternCategory { width: 560px; clear: left; }
* html .patternCategory { clear: none; }
.pattern { float: left; padding: 0 10px 10px 0; }
/* END GAME PATTERNS PAGE */

/* WINNERS PAGE */
.winnersTable { width: 300px; }
.winnersTable tr { background-color: #ffffff; }
.winnersTable tr.winnersOdd { background-color: #CDDAEF; }
.winnersTable td { padding: 10px 5px; color: #000000 !important; }
/* END WINNERS PAGE */

/* PROMOTION WINNERS PAGE */
.winnersCell {
	clear: left;
}
.winnersCell h2 {
}
.winnersCellText {
}
.winnersCellImg {
	float: left;
	margin: 0 5px 5px 0;
	text-align: center;
	font-weight: bold;
}
/*END PROMOTION WINNERS PAGE*/

#regContainer {background: #FFF;}

/* REGISTER PAGE */
#iRegSSL { background-color: white; }
/* END REGISTER PAGE */

.backtotop {
	margin-top: 50px;
	text-align: right;
}

/* Use this class to left clear any floating elements inside the page content. It makes sure the clearing is done correctly both for IE and FF */
br.clearleft { clear: left; }
* html br.clearleft { clear: none; }
