@charset "utf-8";
/* CSS Document */

body {
	font: 12px "Arial",  "Helvetica",  sans-serif;
	margin:0;
	background: #fddc01;
	text-align:center;
}
.OrangeFont {
	font-size: 24px;
	color: #FF3300;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.CyanFont {
	color: #0aa6d8;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.HintFont {
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
}
.PrizeFont {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#015bff;
}
.WhiteTableFont {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
}
a, a:visited {color:#666666; text-decoration:none;}
a:hover{color:#3399FF; text-decoration:none;}

img{ border:0;}
form{ margin:0;}
form .enter{ text-align:center; }
form .enter input{padding:5px; margin:5px;}

.comForm fieldset, .comForm legend, topupForm legend{border:1px solid #999999;padding:5px;margin:5px;}
.comForm legend, topupForm legend {color:#0099FF;font-weight:bold;}
.comForm label, topupForm legend{ width:150px; text-align:right; display:block;float:left; padding:5px;}
.comForm p, topupForm legend {clear:left; padding:5px;}

#container {
	margin:0 auto;
	width:1030px;
	text-align:left;
	background-image:url(../images/tile_background.gif);
	background-position:top -2px;
	background-repeat:repeat-y;
}
#header {
	height:235px;
	background:#CDBB01;
	margin:0 15px;
	padding-left:2px;
	text-align:center;
}
#header h1{ margin:0 auto;}
#body {
	margin:0 18px;
	background:#fff;
}

.ads{
	text-align:center;
}
.ads p { margin:0; padding:0 2em; font:10px Tahoma; color:#999999; text-align:right; line-height:10px;}


p.linkmore{
	margin:0;
	padding-right:1em;
	text-align:right;
}
.listtab {float:left;width:100%; background:#DAE0D2 url("bg.gif") repeat-x bottom; font-size:93%; line-height:normal; }
.listtab ul { margin:0; padding:10px 10px 0; list-style:none; }
.listtab li { float:left; background:url("left.gif") no-repeat left top; margin:0; padding:0 0 0 9px; }
.listtab a { float:left; display:block; background:url("right.gif") no-repeat right top; padding:5px 15px 4px 6px; text-decoration:none; font-weight:bold; color:#765; }
/* Commented Backslash Hack  hides rule from IE5-Mac \*/
.listtab a {float:none;}
/* End IE5-Mac hack */
.listtab a:hover { color:#333; }
.listtab #current { background-image:url("left_on.gif"); }
.listtab #current a { background-image:url("right_on.gif"); color:#333; padding-bottom:5px; }

/** pagination **/
#pagination {
	margin:10px 0;
}
ul#pagenav {
        font-size: 12px;
        font-weight: bold;
        list-style: none;
        margin: 0px;
        padding: 0px;
}

#pagenav li {
        list-style: none;
        background-color: #fff;
        margin: 0px;
        display: block;
        float: left;
        margin-left: 2px;
        margin-right: 2px;
}

#pagenav li.disabled {
        border: 1px solid #DDDDDD;
        padding: 2px 6px 2px 6px;
        color: #ccc;
}

#pagenav li.current {
        border: 1px solid #2E6AB1;
        padding: 2px 6px 2px 6px;
        background-color: #2E6AB1;
        color: #fff;
}

#pagenav li.none {
        border: 1px none;
        padding: 2px 6px 2px 6px;
}

#pagenav li a {
        border: 1px solid #9AAFE5;
        padding: 2px 6px 2px 6px;
        display: block;
        text-decoration: none;
        color: #105CB6;
}

#pagenav li a:hover {
        border: 1px solid #2E6AB1;
        color: #000;
}

/* start leftbar */
#leftbar {
	width:240px;
	float:left;
}
#leftbar #loginBox{ font-size:10px;}
#loginBox #loginTable{ background:url(../images/left_login_enter.gif) no-repeat; height:149px;}

#loginForm{ margin:0; padding:0;}
#loginForm td{font:10px tahoma;	height:10px; line-height:10px;}
#loginForm input{ height:12px;font-size:10px; margin:0;}
#loginForm label{ font-size:10px;}
#loginForm .loginButton{ height:20px;}

#userBox img{border:none;}
#userBox .withBorder{ padding-bottom:1em;}
#userBox ul{ padding:0;}
#userBox ul li{ list-style:none; float:left; font-size:.8em;}
#userBox ul li a, #bg ul li a:visited { text-decoration:none; color:#000; display:block; width:120px;margin:2px;}
#userBox ul li a:hover { color:#0099FF;}
#userBox .LoggedUserNameFont { color:#CC0000; font-weight:bold; }

.rankinglist { margin:0; padding:0;}
.rankinglist li { background: #fff url(../images/star.gif) no-repeat 10px 0; display:block; height:2em; padding-left:3em; list-style-position:20px; border-bottom:1px solid #95bce2; line-height:2em;}
.rankinglist li.hover, .rankinglist li.alt.hover { background-color:#bcd4ec;}
.rankinglist li.alt { background-color:#ecf6fc;}
.rankinglist li#first{ background: #ecf6fc url(../images/star-champ.gif) no-repeat 7px 0; line-height:3em; height:3em;}
.rankinglist li#first.hover {background-color:#bcd4ec;}
.rankinglist li span.exp{ display:block; width:60px; float:right;}

/* end leftbar */




.linkPic{
	margin-bottom:10px;
}
#rightbar{
	width:235px;
	float:right;
}
#leftbar h3, #rightbar h3{
	color:#000;
}

/* start Boxes */
.borderBox h3{
	background-repeat: no-repeat;
	text-align:center;
	margin:0;
	padding:0;
	font-size:16px;
	line-height:25px;
	color:#fff;
}
.borderBox .withBorder{
	border:2px solid;
	border-top:0;
	margin-bottom:10px;
}
.withBorder p, .withBorder ul, .withBorder ol, .withBorder dl{ margin-top:0;}

.yellowBox h3{background:url(../images/tab_yellow_rightear.gif);}
.yellowBox .withBorder{ border-color:#ffd20a;}

.withBorder #partners{margin:0;}
.withBorder #partners td{ width:106px; height:62px; background:url(../images/partner_logo_placeholder.gif) no-repeat;}

.redBox h3{ background:url(../images/tab_red_center.gif);}
.redBox .withBorder{ border-color:#6f000b;}

.blueBox h3{ background:url(../images/tab_blue_center.gif);}
.blueBox .withBorder{ border-color:#0072fd;}

/* end Boxes */


#mainContent{
	margin:0 20px;
}
#indexNews{background:url(../images/centre_news.gif) no-repeat; height:198px; margin-bottom:10px;}
#funGames .gameIcon{ padding:5px; display:block; width:113px; float:left;}
#funGames .description{ margin-left:130px; padding:10px;}
#indexNews ul { padding:60px 10px 10px 10px; list-style:none; margin:0;}
#indexNews li { margin:0; padding:0; height:2em;}
#indexNews li .created { float:right; display:block; width:70px; font-size:.8em;}
#indexNews li a { margin-right:70px; color:#FF4a00; font-weight:bold;}
/*  footer  */
#footer {
	height:167px;
	background:url(../images/endbar.jpg) no-repeat;
	margin:0 15px;
}
#footers {
	height:37px;
	background:url(../images/copyright.jpg) no-repeat;
	margin:0 15px;
}



#footer p{ margin:0; padding:0;}
#footer #copyright{ height:147px;}
#footer #PrivacyLinks { margin-right:20px;text-align:right; color:#fff;}
/*  !footer  */

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clearleft{
	clear:left;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#areas ul, li
{
  display: inline;
}

#areas li
{
  border: solid 1px white;
  border-color:#fedd00;
  padding: 5px;
  margin: 10px;
  background-color: #fff392;
  color:#af8c01;
  font-weight:bold;
}