﻿body {
}
/* ---------------------------------------------
reset
----------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0px none; outline:0; font-weight:inherit; font-style:inherit; font-size:12px; font-family:inherit; vertical-align:baseline}
/* remember to define focus styles! */
:focus{outline:0}
body{line-height:1em; color:black; background:white}
ol, ul{list-style:none}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate; border-spacing:0}
caption, th, td{text-align:left; font-weight:normal}
blockquote:before, blockquote:after, 
q:before, q:after{}
blockquote, q{}

/* ---------------------------------------------
sticky footer
----------------------------------------------*/
*{margin:0}
html, body{height:100%}
#wrapper{width:960px;min-height:100%; height:auto !important; height:100%; margin:0 auto -100px; /* the bottom margin is the negative value of the footer's height */}
#footer, #push{clear:both;height:110px; /* .push must be the same height as .footer */}

/* ---------------------------------------------
layout
----------------------------------------------*/
body {background-color:#f6f5ef}
#outerwrapper {background:url('../img/bg-top.gif') repeat-x top left;text-align:center;height:100%}
#wrapper{text-align:left;background:url('../img/bg-body.gif') repeat-y; }

/* header ................................*/
#header {background:url('../img/bg-top.gif') repeat-x top left;height:126px}
	#header-logo {float:left;width:180px;margin-top:-1px;*margin-top:0px}
		#header-logo a {position:absolute;margin-left:-20px;}
	#header-main {float:left;width:780px}
		#header-language {padding-left:200px;width:145px;padding-top:23px;height:32px;background:url('../img/bg-language.jpg') no-repeat bottom right; }
		#header-language a {display:block;float:left;background-image:url('../img/bg-language-btn.gif');height:19px;margin-left:5px;margin-top:7px}
			#header-language span {display:none}
				a#header-language-en {background-position:0 0;width:49px}
					a#header-language-en:hover, a#header-language-en.active {background-position:0 -25px}
				a#header-language-zh {background-position:-60px 0;width:31px}
					a#header-language-zh:hover, a#header-language-zh.active {background-position:-60px -25px}
				a#header-language-tw {background-position:-100px 0;width:31px}
					a#header-language-tw:hover, a#header-language-tw.active {background-position:-100px -25px}

	#header-member {background:url('../img/bg-head-member.gif') repeat-x top left;height:67px;width:420px;position:absolute;margin-left:345px;margin-top:-49px}
		#header-signup{float:left}
		#header-login {float:left}
		#header-signup {background:url('../img/bg-head-member-left.gif') no-repeat top left;width:157px;height:67px}
			#header-signup div {padding-top:25px;padding-left:40px;font-size:18px}
		#header-login {padding-top:10px;height:57px;width:300px;background:url('../img/bg-head-member-right.gif') no-repeat top right; }
			#header-login div {height:24px}
			#header-login label, #header-login input, #header-login a, #header-login span {display:block;float:left}
			#header-login label {width:70px;text-align:right;font-size:0.8em;line-height:20px}
			#header-login input {border:1px solid #7f9db9;width:100px;margin-left:5px;margin-right:5px}
				#header-login input.amount {text-align:right;background-color:#F6F6D7;border-color:#9C6A07}
			#header-login span {font-size:0.8em;line-height:20px}
	
	/*............................ Client Navigation Balance Menu .......................*/
	#header-member-logged {background:url('../img/bg-head-member.gif') repeat-x top left;height:67px;position:absolute;margin-left:345px;margin-top:-49px;line-height:20px}
		#header-signup-logged, #header-login-logged {float:left;}
		#header-signup-logged {background:url('../img/bg-head-member-left.gif') no-repeat top left;width:55px;height:67px}
			#header-signup-logged div {padding-top:10px;padding-left:20px;font-size:12px}
		#header-login-logged {padding-top:10px;background:url('../img/bg-head-member-right.gif') no-repeat top right;width:370px;height:57px}
			#header-login-logged label {text-align:left;font-size:0.8em;}
			#header-login-logged input {border:1px solid #7f9db9;margin-left:0px;margin-right:0px;}
				#header-login-logged input.amount {text-align:right;background-color:#F6F6D7;border-color:#9C6A07;font-size:12px}
	/*...................................................................................*/
			
	#header-nav {padding-top:18px;padding-left:80px}
		
/* body ................................*/
#body {clear:both;padding-top:5px}
	#leftmenu {float:left;width:179px}
		.leftmenu-lvl1 li {text-align:left;width:171px;color:#4c2c04;margin-top:0px;margin-bottom:0px;padding-right:10px;font-family:Verdana}
				.leftmenu-lvl1 span {font-family:Verdana;}
				.leftmenu-lvl1 a {color:#4c2c04;text-decoration:none;}
				.leftmenu-lvl1 a:hover {color:#4c2c04;text-decoration:none;}
				.leftmenu-lvl1 ul li a {font-size:12px;letter-spacing:0px;padding:0 0 0 15px;width:156px;height:28px;line-height:28px;display:block;background:url(../img/zh-cn/home/menubg.gif) top no-repeat;}
				.leftmenu-lvl1 ul li a:hover {width:171px;height:28px;line-height:28px;display:block;color:#d60000;background:url(../img/zh-cn/home/menubg.gif) 0 -28px no-repeat;}

				.leftmenu-lvl1 ul li ul li {width:171px;display:block;}
				.leftmenu-lvl1 p.NonClickableLink {margin:0;padding:0 0 0 16px;height:28px;line-height:28px;color:#d60000;font-weight:bold;letter-spacing:1px;background:url(../img/zh-cn/home/menubg.gif) 0 -56px no-repeat;}
				.leftmenu-lvl1 ul li ul li a {padding:0 0 0 27px;width:171px;display:block;height:28px;line-height:28px;background:url(../img/zh-cn/home/menubg.gif) 0 -84px no-repeat;}
				.leftmenu-lvl1 ul li ul li a:hover {width:152px;height:28px;line-height:28px;display:block;background:url(../img/zh-cn/home/menubg.gif) 0 -112px no-repeat;}
		
	
		.leftmenu-lvl2 li {text-align:left;color:#960;margin-top:0px;margin-bottom:0px;padding-right:10px;font-family:Verdana;}
			.leftmenu-lvl2 span {font-family:Verdana;}
			.leftmenu-lvl2 a {color:#6c6450;text-decoration:none;}
	
	#content {float:left;width:510px;padding-left:20px;padding-right:20px}
		/* make gap */
		#newsticker, #hotevents, #mainbanner, #hotlines, #betlines, #footbanner {padding-top:20px}
		
		#newsticker {background:url('../img/home/bg-newsticker.gif') repeat-x top left;line-height:32px;color:#6c6450;position: relative;overflow: hidden; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0}
			.newsticker-item {
				position: absolute;
				font-size:12px;
				text-align:justify;
				line-height:15px
			}
		#hotevents {}
			#hotevents-tab {height:34px}
				#hotevents-tab a {float:left;margin-right:5px}
			#hotevents-container-today, #hotevents-container-tomorrow {border-left:1px solid #cdc699; border-right:1px solid #cdc699; border-top:1px solid #cdc699; border-bottom:0px none; }
				#hotevents-container-tomorrow {display:none}
				.hotevents-event {padding:9px;border-bottom:1px solid #cdc699;height:50px}
					.hotevents-image {float:left;padding-right:9px}
					.hotevents-details {float:left;width:375px;background-color:#fff}
						.hotevents-date {color:#676156;font-size:12px}
						.hotevents-match {padding-top:10px}
							.hotevents-match div {float:left;font-size:12px;font-weight:bold;color:#960}
							.hotevents-team1 {width:133px;text-align:left}
							.hotevents-team2 {width:133px;text-align:right}
							.hotevents-odds a {display:block;width:50px;text-align:center;background:url('../img/bg-odds.gif') no-repeat top left;color:#c00;text-decoration:none;margin-right:3px;line-height:18px}
		
		#hotlines, #betlines {}
			#hotlines .tabular, #betlines .tabular {width:100%}
			#hotlines .country, #betlines .country {width:30%;border-right:0px none; }
			#hotlines .phone, #betlines .phone {width:20%;border-left:0px none; }
		
		#footbanner {height:106px}
			#footbanner a {float:left}
		
	#sidebar {float:left;padding-left:18px;width:198px}
		#promo {}
			#promo-list {border-left:1px solid #cdc699; border-right:1px solid #cdc699; border-top:1px solid #cdc699; border-bottom:0px none; margin-top:3px/*;display:none*/}
				.promo-item {font-size:0.8em;padding:6px;border-bottom:1px solid #cdc699}
					.promo-item a {color:#666;text-decoration:none}
					.promo-item a strong {color:#960;font-weight:bold}

/* Sidebar OFF ................................*/
body.sidebar-off #wrapper {background:#f6f5ef url('../img/bg-body-nosidebar.gif') repeat-y; }
	body.sidebar-off #content {width:736px}
	
	body.sidebar-off #sidebar {width:0;padding:0}
		
/* footer ................................*/
#footer {background:url('../img/bg-foot.gif') repeat-x top left;text-align:center}
	#footer-shortcut {font-size:0.75em;padding-top:25px;color:#8c6537}
		#footer-shortcut a {color:#8c6537}
	#footer-copyright {font-size:12px;padding-top:30px;color:#c08d51}
	#footer-back2top {text-align:center;position:absolute;width:100%;margin-top:-22px}
	#footer-back2top a {margin-left:220px}
	/* ie6 */
	#footer-back2top {*position:relative;*width:auto;*margin-top:0}
	#footer-back2top a {*position:absolute;*margin-top:-22px;*margin-left:100px}

/* ---------------------------------------------
typography
----------------------------------------------*/
body {font-family:Verdana}
h1, h2, h3, h4, h5, th {font-family:SimHei, "Trebuchet MS", Arial, Helvetica, sans-serif}
.english {font-family:Verdana} 
.chinese {font-family:Verdana, SimSun, Arial, Helvetica, sans-serif} 
.sanserifs {font-family:Verdana, SimHei, Arial, Helvetica, sans-serif} 
.serifs {font-family:Verdana, SimSun, Arial, Helvetica, sans-serif} 

/* ---------------------------------------------
shared classes
----------------------------------------------*/
.rowalt, .rowalt div, .rowalt td {background-color:#f6f6d7}

.tabular {border-collapse:collapse;background-color:#fff;margin-top:5px;width:100%}
.tabular th, .tabular td {border:1px solid #cdc699;padding:5px;font-size:12px}
.tabular th {text-align:center;font-weight:bold;background-color:#191107;color:#C08D51}
.tabular td {background-color:#ede6ac}
.tabular tr.rowalt td {background-color:#eed688}

.good {color:#360}
.error {color:#c00}
.warning {color:#f60}
.remark {color:#666}
.centralize {text-align:center}
.nowrap {white-space:nowrap}
.amount {text-align:right}

.btnhover a {float:left;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6}
.btnhover a:hover, .btnhover a.btnhover-active {filter:alpha(opacity=100);-moz-opacity:1;opacity:1}



/* ---------------------------------------------
front_content
----------------------------------------------*/
#front_content h1, #content h2 {padding-bottom:15px}
#front_content h2 {color:#753002;font-size:14px;font-weight:bold}
#front_content h3 {font-size:15px;font-weight:bold;padding-bottom:8px;text-decoration:underline;color:#897a68}

#front_content strong {font-weight:bold}
#front_content em {font-style:italic}


#front_content p {font-size:13px;line-height:18px; color:#666666}
#front_content p {padding-bottom:15px}


#front_content ol {padding-bottom:15px;padding-left:25px;list-style-type:decimal}
#front_content ol.alpha {list-style-type:lower-alpha}
#front_content ul {padding-bottom:15px;padding-left:15px;list-style-type:disc}
#front_content li {padding-bottom:5px;color:#666666}

#front_content hr {border:0px none;height:2px;background-color:#eeebda;color:#eeebda;margin-bottom:15px}

#front_content td.asterisk {width:20px;color:#600;text-align:center}
#front_content table.dynamic {width:auto!important}
#front_content table.cleartype * {border:0px none;background:#f6f5ef}

#front_content dl {padding-bottom:15px}
#front_content dt {position:absolute;font-weight:bold}
#front_content dd {padding-left:80px}

.centralize * {text-align:center;vertical-align:middle}
.underline {text-decoration:underline}


/* ---------------------------------------------
Added 16/SEP/2008
banner pagination
----------------------------------------------*/
#mainbanner {width:510px;height:180px;overflow:hidden;}
#mainbanner a {position:absolute}
#mainbanner-paging {padding:5px;width:500px;height:20px;background:url('../img/home/bg-banner-paging.gif') no-repeat top left; }
	#mainbanner-paging a {width:25px;line-height:20px;font-weight:bold;color:#960;display:block;float:left;text-align:center;background:url('../img/home/btn-banner-paging.gif') no-repeat top left;text-decoration:none;margin-right:5px}
	#mainbanner-paging a:hover {background-position:bottom left}
	#mainbanner-paging a.active {background-position:bottom left;color:#930}

/* drop down menu */
.ddmenu {position:absolute;border:0px solid #000;background:#f2efe3;z-index:10;width:125px;text-align:center;margin-top:53px;display:none}
#header-nav .ddmenu a {display:block;float:none;padding:6px;font:bold 14px SimSun;border:1px solid #c2a049;border-top:0px;color:#A57B25;background:url('../img/bg-ddmenu.gif') repeat-y top right}
#header-nav .ddmenu a:hover {color:#371e05;background-position:top left}

#ddmenucasino {margin-left:191px}
#ddmenuletou {margin-left:320px}

/* side casino banner */
#side-casino {background:url(../img/zh-cn/home/promo/bg-casino.jpg) no-repeat;width:196px;height:281px;text-align:left}
#side-casino-fx {background:url(../img/zh-cn/home/promo/bg-casino-fx.gif) no-repeat;width:196px;height:281px}
#side-casino-fx a {background:url(../img/zh-cn/home/promo/side_casino_name.gif) no-repeat;display:block;height:50px;width:135px;position:absolute;margin-left:12px;text-indent:-9999px}
a#side-casino-LFL {background-position:0 0;margin-top:13px}
a#side-casino-HYL {background-position:-134px -1px;margin-top:80px}
a#side-casino-CJL {background-position:-269px 0;margin-top:150px}
a#side-casino-LHM {background-position:-405px -1px;margin-top:220px}
a#side-casino-LFL:hover {background-position:0 -50px}
a#side-casino-HYL:hover {background-position:-134px -51px}
a#side-casino-CJL:hover {background-position:-269px -50px}
a#side-casino-LHM:hover {background-position:-405px -51px}


/* Flash Footbanner - Single */
#footbanner_single {
	padding-top:20px;
	height:106px;
	}