html { overflow-y: scroll; }
/* TODO: not refine section ---------------- */
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #4a4a4a; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img,p img, p img a { margin: 0; }
p { margin: 0 0 1.2em; line-height: 14px; text-align: justify }
blockquote { margin: 0 1.5em; padding: 0 1em; color: #2e2e2e; text-align: justify; }
em, dfn { font-style: italic; }
thead th { background: #c3d9ff; }
th, td, caption { padding: 0; }
td.top_align { vertical-align: top; }
tr.even td { background: #e5ecf9; }
tfoot { font-style: italic; }
caption { background: #eee; }
th { font-weight: bold; text-align: center }
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet { color: #666; }
.loud { color: #000; }
.highlight { background: #ff0; }
.added { background: #060; color: #fff; }
.removed { background: #900; color: #fff; }
.first { margin-left: 0; padding-left: 0; }
.last { margin-right: 0; padding-right: 0; }
.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }
.w400 { width: 400px; }
span.neutral { color: #01adff; }
/* revise the style of link button */
a.main-control { margin-top: 5px; padding: 0 15px; }
a.prod { cursor: pointer; }
/* --------- end ------------ */
/* Grid Layout */
#header { width: 900px; height: 120px; margin: auto; background:#384967; }
div#header {height:81px;}
#container { width: 900px; min-height: 480px; margin: auto; background-color: #fff; overflow:hidden;}
/* Headers*/
#header .main { border-bottom: #b3b3b3 1px solid; }
#header .logo { margin-left: 20px; }
/* Navigation */
#header .nav { position: absolute; left: 170px; top:35px; }
#header .nav li{margin-right: 26px;}
#header .nav li a { display: block; height: 21px;}
/* corp-affairs */
#corp-affairs a { background: url(../images/language/en-US/UserContents/btn_corp_navigation.gif) no-repeat left top; }
#corp-affairs .about { width: 61px; background-position: 0 0; }
#corp-affairs .about:hover { width: 61px; background-position: 0 -21px; }
#corp-affairs .about-focus { width: 61px; background-position: 0 -42px; }
#corp-affairs .tc { width: 129px; background-position: -61px 0; }
#corp-affairs .tc:hover { width: 129px; background-position: -61px -21px; }
#corp-affairs .tc-focus { width: 129px; background-position: -61px -42px; }
#corp-affairs .privacy { width: 93px; background-position: -190px 0; }
#corp-affairs .privacy:hover { width: 93px; background-position: -190px -21px; }
#corp-affairs .privacy-focus { width: 93px; background-position: -190px -42px; }
#corp-affairs .affiliates { width: 60px; background-position: -283px 0; }
#corp-affairs .affiliates:hover { width: 60px; background-position: -283px -21px; }
#corp-affairs .affiliates-focus { width: 60px; background-position: -283px -42px; }
#corp-affairs .responsiblegaming { width: 131px; background-position: -343px 0; }
#corp-affairs .responsiblegaming:hover { width: 131px; background-position: -343px -21px; }
#corp-affairs .responsiblegaming-focus { width: 131px; background-position: -343px -42px; }
body.en-us #corp-affairs a { background-image: url(../images/language/en-us/UserContents/btn_corp_navigation.gif); }
body.zh-cn #corp-affairs a { background-image: url(../images/language/zh-cn/UserContents/btn_corp_navigation.gif); }
body.zh-cn #corp-affairs .about { width: 55px; background-position: 0 0; }
body.zh-cn #corp-affairs .about:hover { width: 55px; background-position: 0 -21px; }
body.zh-cn #corp-affairs .about-focus { width: 55px; background-position: 0 -42px; }
body.zh-cn #corp-affairs .tc { width: 71px; background-position: -112px 0; }
body.zh-cn #corp-affairs .tc:hover { width: 71px; background-position: -112px -21px; }
body.zh-cn #corp-affairs .tc-focus { width: 71px; background-position: -112px -42px; }
body.zh-cn #corp-affairs .privacy { width: 99px; background-position: -183px 0; }
body.zh-cn #corp-affairs .privacy:hover { width: 99px; background-position: -183px -21px; }
body.zh-cn #corp-affairs .privacy-focus { width: 99px; background-position: -183px -42px; }
body.zh-cn #corp-affairs .affiliates { width: 57px; background-position: -282px 0; }
body.zh-cn #corp-affairs .affiliates:hover { width: 57px; background-position: -282px -21px; }
body.zh-cn #corp-affairs .affiliates-focus { width: 57px; background-position: -282px -42px; }
body.zh-cn #corp-affairs .responsiblegaming { width: 57px; background-position: -55px 0; }
body.zh-cn #corp-affairs .responsiblegaming:hover { width: 57px; background-position: -55px -21px; }
body.zh-cn #corp-affairs .responsiblegaming-focus { width: 57px; background-position: -55px -42px; }
body.zh-tw #corp-affairs a { background-image: url(../images/language/zh-tw/UserContents/btn_corp_navigation.gif); }
body.zh-tw #corp-affairs .about { width: 55px; background-position: 0 0; }
body.zh-tw #corp-affairs .about:hover { width: 55px; background-position: 0 -21px; }
body.zh-tw #corp-affairs .about-focus { width: 55px; background-position: 0 -42px; }
body.zh-tw #corp-affairs .tc { width: 71px; background-position: -112px 0; }
body.zh-tw #corp-affairs .tc:hover { width: 71px; background-position: -112px -21px; }
body.zh-tw #corp-affairs .tc-focus { width: 71px; background-position: -112px -42px; }
body.zh-tw #corp-affairs .privacy { width: 99px; background-position: -183px 0; }
body.zh-tw #corp-affairs .privacy:hover { width: 99px; background-position: -183px -21px; }
body.zh-tw #corp-affairs .privacy-focus { width: 99px; background-position: -183px -42px; }
body.zh-tw #corp-affairs .affiliates { width: 57px; background-position: -282px 0; }
body.zh-tw #corp-affairs .affiliates:hover { width: 57px; background-position: -282px -21px; }
body.zh-tw #corp-affairs .affiliates-focus { width: 57px; background-position: -282px -42px; }
body.zh-tw #corp-affairs .responsiblegaming { width: 57px; background-position: -55px 0; }
body.zh-tw #corp-affairs .responsiblegaming:hover { width: 57px; background-position: -55px -21px; }
body.zh-tw #corp-affairs .responsiblegaming-focus { width: 57px; background-position: -55px -42px; }
body.ko-kr #corp-affairs a { background-image: url(../images/language/ko-kr/UserContents/btn_corp_navigation.gif); }
body.ko-kr #corp-affairs .about { width: 56px; background-position: 0 0; }
body.ko-kr #corp-affairs .about:hover { width: 56px; background-position: 0 -21px; }
body.ko-kr #corp-affairs .about-focus { width: 56px; background-position: 0 -42px; }
body.ko-kr #corp-affairs .tc { width: 56px; background-position: -156px 0; }
body.ko-kr #corp-affairs .tc:hover { width: 56px; background-position: -156px -21px; }
body.ko-kr #corp-affairs .tc-focus { width: 56px; background-position: -156px -42px; }
body.ko-kr #corp-affairs .privacy { width: 97px; background-position: -212px 0; }
body.ko-kr #corp-affairs .privacy:hover { width: 97px; background-position: -212px -21px; }
body.ko-kr #corp-affairs .privacy-focus { width: 97px; background-position: -212px -42px; }
body.ko-kr #corp-affairs .affiliates { width: 26px; background-position: -309px 0; }
body.ko-kr #corp-affairs .affiliates:hover { width: 26px; background-position: -309px -21px; }
body.ko-kr #corp-affairs .affiliates-focus { width: 26px; background-position: -309px -42px; }
body.ko-kr #corp-affairs .responsiblegaming { width: 100px; background-position: -56px 0; }
body.ko-kr #corp-affairs .responsiblegaming:hover { width: 100px; background-position: -56px -21px; }
body.ko-kr #corp-affairs .responsiblegaming-focus { width: 100px; background-position: -56px -42px; }
body.th-th #corp-affairs a { background-image: url(../images/language/th-th/UserContents/btn_corp_navigation.gif); }
body.th-th #corp-affairs .about { width: 54px; background-position: 0 0; }
body.th-th #corp-affairs .about:hover { width: 54px; background-position: 0 -21px; }
body.th-th #corp-affairs .about-focus { width: 54px; background-position: 0 -42px; }
body.th-th #corp-affairs .tc { width: 112px; background-position: -224px 0; }
body.th-th #corp-affairs .tc:hover { width: 112px; background-position: -224px -21px; }
body.th-th #corp-affairs .tc-focus { width: 112px; background-position: -224px -42px; }
body.th-th #corp-affairs .privacy { width: 123px; background-position: -336px 0; }
body.th-th #corp-affairs .privacy:hover { width: 123px; background-position: -336px -21px; }
body.th-th #corp-affairs .privacy-focus { width: 123px; background-position: -336px -42px; }
body.th-th #corp-affairs .affiliates { width: 44px; background-position: -459px 0; }
body.th-th #corp-affairs .affiliates:hover { width: 44px; background-position: -459px -21px; }
body.th-th #corp-affairs .affiliates-focus { width: 44px; background-position: -459px -42px; }
body.th-th #corp-affairs .responsiblegaming { width: 170px; background-position: -54px 0; }
body.th-th #corp-affairs .responsiblegaming:hover { width: 170px; background-position: -54px -21px; }
body.th-th #corp-affairs .responsiblegaming-focus { width: 170px; background-position: -54px -42px; }
body.vi-vn #corp-affairs a { background-image: url(../images/language/vi-vn/UserContents/btn_corp_navigation.gif); }
body.vi-vn #corp-affairs .about { width: 80px; background-position: 0 0; }
body.vi-vn #corp-affairs .about:hover { width: 80px; background-position: 0 -21px; }
body.vi-vn #corp-affairs .about-focus { width: 80px; background-position: 0 -42px; }
body.vi-vn #corp-affairs .tc { width: 149px; background-position: -210px 0; }
body.vi-vn #corp-affairs .tc:hover { width: 149px; background-position: -210px -21px; }
body.vi-vn #corp-affairs .tc-focus { width: 149px; background-position: -210px -42px; }
body.vi-vn #corp-affairs .privacy { width: 126px; background-position: -359px 0; }
body.vi-vn #corp-affairs .privacy:hover { width: 126px; background-position: -359px -21px; }
body.vi-vn #corp-affairs .privacy-focus { width: 126px; background-position: -359px -42px; }
body.vi-vn #corp-affairs .affiliates { width: 37px; background-position: -485px 0; }
body.vi-vn #corp-affairs .affiliates:hover { width: 37px; background-position: -485px -21px; }
body.vi-vn #corp-affairs .affiliates-focus { width: 37px; background-position: -485px -42px; }
body.vi-vn #corp-affairs .responsiblegaming { width: 130px; background-position: -80px 0; }
body.vi-vn #corp-affairs .responsiblegaming:hover { width: 130px; background-position: -80px -21px; }
body.vi-vn #corp-affairs .responsiblegaming-focus { width: 130px; background-position: -80px -42px; }
/* my-account */
#accounts a { background: url(../images/language/en-US/UserContents/btn_accounts_navigation.gif) no-repeat left top; }
#accounts .statement { width: 65px; background-position: 0 0; }
#accounts .statement:hover { width: 65px; background-position: 0 -21px; }
#accounts .statement-focus { width: 65px; background-position: 0 -42px; }
#accounts .banking { width: 56px; background-position: -65px 0; }
#accounts .banking:hover { width: 56px; background-position: -65px -21px; }
#accounts .banking-focus { width: 56px; background-position: -65px -42px; }
#accounts .account { width: 117px; background-position: -121px 0; }
#accounts .account:hover { width: 117px; background-position: -121px -21px; }
#accounts .account-focus { width: 117px; background-position: -121px -42px; }
#accounts .annoucement { width: 112px; background-position: -238px 0; }
#accounts .annoucement:hover { width: 112px; background-position: -238px -21px; }
#accounts .annoucement-focus { width: 112px; background-position: -238px -42px; }
body.en-us #accounts a { background-image: url(../images/language/en-us/UserContents/btn_accounts_navigation.gif); }
body.zh-cn #accounts a { background-image: url(../images/language/zh-cn/UserContents/btn_accounts_navigation.gif); }
body.zh-cn #accounts .statement { width: 57px; background-position: 0 0; }
body.zh-cn #accounts .statement:hover { width: 57px; background-position: 0 -21px; }
body.zh-cn #accounts .statement-focus { width: 57px; background-position: 0 -42px; }
body.zh-cn #accounts .banking { width: 71px; background-position: -57px 0; }
body.zh-cn #accounts .banking:hover { width: 71px; background-position: -57px -21px; }
body.zh-cn #accounts .banking-focus { width: 71px; background-position: -57px -42px; }
body.zh-cn #accounts .account { width: 57px; background-position: -128px 0; }
body.zh-cn #accounts .account:hover { width: 57px; background-position: -128px -21px; }
body.zh-cn #accounts .account-focus { width: 57px; background-position: -128px -42px; }
body.zh-cn #accounts .annoucement { width: 28px; background-position: -185px 0; }
body.zh-cn #accounts .annoucement:hover { width: 28px; background-position: -185px -21px; }
body.zh-cn #accounts .annoucement-focus { width: 28px; background-position: -185px -42px; }
body.zh-tw #accounts a { background-image: url(../images/language/zh-tw/UserContents/btn_accounts_navigation.gif); }
body.zh-tw #accounts .statement { width: 57px; background-position: 0 0; }
body.zh-tw #accounts .statement:hover { width: 57px; background-position: 0 -21px; }
body.zh-tw #accounts .statement-focus { width: 57px; background-position: 0 -42px; }
body.zh-tw #accounts .banking { width: 71px; background-position: -57px 0; }
body.zh-tw #accounts .banking:hover { width: 71px; background-position: -57px -21px; }
body.zh-tw #accounts .banking-focus { width: 71px; background-position: -57px -42px; }
body.zh-tw #accounts .account { width: 57px; background-position: -128px 0; }
body.zh-tw #accounts .account:hover { width: 57px; background-position: -128px -21px; }
body.zh-tw #accounts .account-focus { width: 57px; background-position: -128px -42px; }
body.zh-tw #accounts .annoucement { width: 28px; background-position: -185px 0; }
body.zh-tw #accounts .annoucement:hover { width: 28px; background-position: -185px -21px; }
body.zh-tw #accounts .annoucement-focus { width: 28px; background-position: -185px -42px; }
body.ko-kr #accounts a { background-image: url(../images/language/ko-kr/UserContents/btn_accounts_navigation.gif); }
body.ko-kr #accounts .statement { width: 60px; background-position: 0 0; }
body.ko-kr #accounts .statement:hover { width: 60px; background-position: 0 -21px; }
body.ko-kr #accounts .statement-focus { width: 60px; background-position: 0 -42px; }
body.ko-kr #accounts .banking { width: 26px; background-position: -60px 0; }
body.ko-kr #accounts .banking:hover { width: 26px; background-position: -60px -21px; }
body.ko-kr #accounts .banking-focus { width: 26px; background-position: -60px -42px; }
body.ko-kr #accounts .account { width: 60px; background-position: -86px 0; }
body.ko-kr #accounts .account:hover { width: 60px; background-position: -86px -21px; }
body.ko-kr #accounts .account-focus { width: 60px; background-position: -86px -42px; }
body.ko-kr #accounts .annoucement { width: 61px; background-position: -146px 0; }
body.ko-kr #accounts .annoucement:hover { width: 61px; background-position: -146px -21px; }
body.ko-kr #accounts .annoucement-focus { width: 61px; background-position: -146px -42px; }
body.th-th #accounts a { background-image: url(../images/language/th-th/UserContents/btn_accounts_navigation.gif); }
body.th-th #accounts .statement { width: 62px; background-position: 0 0; }
body.th-th #accounts .statement:hover { width: 62px; background-position: 0 -21px; }
body.th-th #accounts .statement-focus { width: 62px; background-position: 0 -42px; }
body.th-th #accounts .banking { width: 65px; background-position: -62px 0; }
body.th-th #accounts .banking:hover { width: 65px; background-position: -62px -21px; }
body.th-th #accounts .banking-focus { width: 65px; background-position: -62px -42px; }
body.th-th #accounts .account { width: 67px; background-position: -127px 0; }
body.th-th #accounts .account:hover { width: 67px; background-position: -127px -21px; }
body.th-th #accounts .account-focus { width: 67px; background-position: -127px -42px; }
body.th-th #accounts .annoucement { width: 45px; background-position: -194px 0; }
body.th-th #accounts .annoucement:hover { width: 45px; background-position: -194px -21px; }
body.th-th #accounts .annoucement-focus { width: 45px; background-position: -194px -42px; }
body.vi-vn #accounts a { background-image: url(../images/language/vi-vn/UserContents/btn_accounts_navigation.gif); }
body.vi-vn #accounts .statement { width: 41px; background-position: 0 0; }
body.vi-vn #accounts .statement:hover { width: 41px; background-position: 0 -21px; }
body.vi-vn #accounts .statement-focus { width: 41px; background-position: 0 -42px; }
body.vi-vn #accounts .banking { width: 71px; background-position: -41px 0; }
body.vi-vn #accounts .banking:hover { width: 71px; background-position: -41px -21px; }
body.vi-vn #accounts .banking-focus { width: 71px; background-position: -41px -42px; }
body.vi-vn #accounts .account { width: 109px; background-position: -112px 0; }
body.vi-vn #accounts .account:hover { width: 109px; background-position: -112px -21px; }
body.vi-vn #accounts .account-focus { width: 109px; background-position: -112px -42px; }
body.vi-vn #accounts .annoucement { width: 69px; background-position: -221px 0; }
body.vi-vn #accounts .annoucement:hover { width: 69px; background-position: -221px -21px; }
body.vi-vn #accounts .annoucement-focus { width: 69px; background-position: -221px -42px; }
/* info-centre */
#info-centre a { background: url(../images/language/en-US/UserContents/btn_infocentre_navigation.gif) no-repeat left top; }
#info-centre .help { width: 27px; background-position: 0 0; }
#info-centre .help:hover { width: 27px; background-position: 0 -21px; }
#info-centre .help-focus { width: 27px; background-position: 0 -42px; }
#info-centre .betresource { width: 81px; background-position: -27px 0; }
#info-centre .betresource:hover { width: 81px; background-position: -27px -21px; }
#info-centre .betresource-focus { width: 81px; background-position: -27px -42px; }
#info-centre .news { width: 95px; background-position: -300px 0; }
#info-centre .news:hover { width: 95px; background-position: -300px -21px; }
#info-centre .news-focus { width: 95px; background-position: -300px -42px; }
#info-centre .promotion { width: 80px; background-position: -145px 0; }
#info-centre .promotion:hover { width: 80px; background-position: -145px -21px; }
#info-centre .promotion-focus { width: 80px; background-position: -145px -42px; }
#info-centre .contact { width: 74px; background-position: -225px 0; }
#info-centre .contact:hover { width: 74px; background-position: -225px -21px; }
#info-centre .contact-focus { width: 74px; background-position: -225px -42px; }
body.en-us #info-centre a { background-image: url(../images/language/en-us/UserContents/btn_infocentre_navigation.gif); }
body.zh-cn #info-centre a { background-image: url(../images/language/zh-cn/UserContents/btn_infocentre_navigation.gif); }
body.zh-cn #info-centre .help { width: 28px; background-position: 0 0; }
body.zh-cn #info-centre .help:hover { width: 28px; background-position: 0 -21px; }
body.zh-cn #info-centre .help-focus { width: 28px; background-position: 0 -42px; }
body.zh-cn #info-centre .betresource { width: 57px; background-position: -28px 0; }
body.zh-cn #info-centre .betresource:hover { width: 57px; background-position: -28px -21px; }
body.zh-cn #info-centre .betresource-focus { width: 57px; background-position: -28px -42px; }
body.zh-cn #info-centre .news { width: 72px; background-position: -114px 0; }
body.zh-cn #info-centre .news:hover { width: 72px; background-position: -114px -21px; }
body.zh-cn #info-centre .news-focus { width: 72px; background-position: -114px -42px; }
body.zh-cn #info-centre .promotion { width: 29px; background-position: -85px 0; }
body.zh-cn #info-centre .promotion:hover { width: 29px; background-position: -85px -21px; }
body.zh-cn #info-centre .promotion-focus { width: 29px; background-position: -85px -42px; }
body.zh-cn #info-centre .contact { width: 56px; background-position: -186px 0; }
body.zh-cn #info-centre .contact:hover { width: 56px; background-position: -186px -21px; }
body.zh-cn #info-centre .contact-focus { width: 56px; background-position: -186px -42px; }
body.zh-tw #info-centre a { background-image: url(../images/language/zh-tw/UserContents/btn_infocentre_navigation.gif); }
body.zh-tw #info-centre .help { width: 28px; background-position: 0 0; }
body.zh-tw #info-centre .help:hover { width: 28px; background-position: 0 -21px; }
body.zh-tw #info-centre .help-focus { width: 28px; background-position: 0 -42px; }
body.zh-tw #info-centre .betresource { width: 57px; background-position: -28px 0; }
body.zh-tw #info-centre .betresource:hover { width: 57px; background-position: -28px -21px; }
body.zh-tw #info-centre .betresource-focus { width: 57px; background-position: -28px -42px; }
body.zh-tw #info-centre .news { width: 72px; background-position: -114px 0; }
body.zh-tw #info-centre .news:hover { width: 72px; background-position: -114px -21px; }
body.zh-tw #info-centre .news-focus { width: 72px; background-position: -114px -42px; }
body.zh-tw #info-centre .promotion { width: 29px; background-position: -85px 0; }
body.zh-tw #info-centre .promotion:hover { width: 29px; background-position: -85px -21px; }
body.zh-tw #info-centre .promotion-focus { width: 29px; background-position: -85px -42px; }
body.zh-tw #info-centre .contact { width: 56px; background-position: -186px 0; }
body.zh-tw #info-centre .contact:hover { width: 56px; background-position: -186px -21px; }
body.zh-tw #info-centre .contact-focus { width: 56px; background-position: -186px -42px; }
body.ko-kr #info-centre a { background-image: url(../images/language/ko-kr/UserContents/btn_infocentre_navigation.gif); }
body.ko-kr #info-centre .help { width: 60px; background-position: 0 0; }
body.ko-kr #info-centre .help:hover { width: 60px; background-position: 0 -21px; }
body.ko-kr #info-centre .help-focus { width: 60px; background-position: 0 -42px; }
body.ko-kr #info-centre .betresource { width: 61px; background-position: -60px 0; }
body.ko-kr #info-centre .betresource:hover { width: 61px; background-position: -60px -21px; }
body.ko-kr #info-centre .betresource-focus { width: 61px; background-position: -60px -42px; }
body.ko-kr #info-centre .news { width: 75px; background-position: -174px 0; }
body.ko-kr #info-centre .news:hover { width: 75px; background-position: -174px -21px; }
body.ko-kr #info-centre .news-focus { width: 75px; background-position: -174px -42px; }
body.ko-kr #info-centre .promotion { width: 53px; background-position: -121px 0; }
body.ko-kr #info-centre .promotion:hover { width: 53px; background-position: -121px -21px; }
body.ko-kr #info-centre .promotion-focus { width: 53px; background-position: -121px -42px; }
body.ko-kr #info-centre .contact { width: 38px; background-position: -249px 0; }
body.ko-kr #info-centre .contact:hover { width: 38px; background-position: -249px -21px; }
body.ko-kr #info-centre .contact-focus { width: 38px; background-position: -249px -42px; }
body.th-th #info-centre a { background-image: url(../images/language/th-th/UserContents/btn_infocentre_navigation.gif); }
body.th-th #info-centre .help { width: 48px; background-position: 0 0; }
body.th-th #info-centre .help:hover { width: 48px; background-position: 0 -21px; }
body.th-th #info-centre .help-focus { width: 48px; background-position: 0 -42px; }
body.th-th #info-centre .betresource { width: 114px; background-position: -48px 0; }
body.th-th #info-centre .betresource:hover { width: 114px; background-position: -48px -21px; }
body.th-th #info-centre .betresource-focus { width: 114px; background-position: -48px -42px; }
body.th-th #info-centre .news { width: 122px; background-position: -211px 0; }
body.th-th #info-centre .news:hover { width: 122px; background-position: -211px -21px; }
body.th-th #info-centre .news-focus { width: 122px; background-position: -211px -42px; }
body.th-th #info-centre .promotion { width: 49px; background-position: -162px 0; }
body.th-th #info-centre .promotion:hover { width: 49px; background-position: -162px -21px; }
body.th-th #info-centre .promotion-focus { width: 49px; background-position: -162px -42px; }
body.th-th #info-centre .contact { width: 45px; background-position: -333px 0; }
body.th-th #info-centre .contact:hover { width: 45px; background-position: -333px -21px; }
body.th-th #info-centre .contact-focus { width: 45px; background-position: -333px -42px; }
body.vi-vn #info-centre a { background-image: url(../images/language/vi-vn/UserContents/btn_infocentre_navigation.gif); }
body.vi-vn #info-centre .help { width: 55px; background-position: 0 0; }
body.vi-vn #info-centre .help:hover { width: 55px; background-position: 0 -21px; }
body.vi-vn #info-centre .help-focus { width: 55px; background-position: 0 -42px; }
body.vi-vn #info-centre .betresource { width: 100px; background-position: -55px 0; }
body.vi-vn #info-centre .betresource:hover { width: 100px; background-position: -55px -21px; }
body.vi-vn #info-centre .betresource-focus { width: 100px; background-position: -55px -42px; }
body.vi-vn #info-centre .news { width: 104px; background-position: -227px 0; }
body.vi-vn #info-centre .news:hover { width: 104px; background-position: -227px -21px; }
body.vi-vn #info-centre .news-focus { width: 104px; background-position: -227px -42px; }
body.vi-vn #info-centre .promotion { width: 72px; background-position: -155px 0; }
body.vi-vn #info-centre .promotion:hover { width: 72px; background-position: -155px -21px; }
body.vi-vn #info-centre .promotion-focus { width: 72px; background-position: -155px -42px; }
body.vi-vn #info-centre .contact { width: 131px; background-position: -331px 0; }
body.vi-vn #info-centre .contact:hover { width: 131px; background-position: -331px -21px; }
body.vi-vn #info-centre .contact-focus { width: 131px; background-position: -331px -42px; }
/* Panel --- left menu */
#left-panel { float: left; width: 155px; padding: 5px 7px; }
.panel-top { position: relative; height: 22px; }
.panel-top span, .panel-top div { position: absolute; width: 10px; height: 22px; background: url(../images/UserContents/img_left_panel_side.gif) no-repeat left top; }
.panel-top span { background-position: 0 0; top: 0; left: 0; }
.panel-top div { background-position: -10px 0; top: 0; right: 0; }
.panel-top h2 { margin: 0 10px; padding: 0; background: url(../images/UserContents/img_left_panel_header.gif) repeat-x left top; line-height: 22px; font-weight: bold; font-size: 1em; color: #fff; }
.panel-content { margin: 0 auto; padding: 7px 10px; background-color: #4e4e4e; }
#submenu ul, #submenu ul ul { margin-left: 14px; }
#submenu li a { display: block; padding: 1px 0 1px 14px; background: url(../images/UserContents/img_bullets.gif) no-repeat left top; color: #e9e9e9; }
#submenu li a:hover { text-decoration: underline; color: #ff9c00; }
#submenu li a.m { font-weight: bold; }
#submenu li a.selected { color: #ff9c00; text-decoration: none; }
#submenu li a.collapsible { background-position: 0 -63px; }
#submenu li a.expandable { background-position: 0 -126px; }
#submenu li ul { display: none; }
.panel-btm { position: relative; margin: 0 5px; height: 5px; background: url(../images/UserContents/img_left_btm.gif) repeat-x left top; }
.panel-btm span, .panel-btm div { position: absolute; width: 5px; height: 5px; background: url(../images/UserContents/img_left_btm_side.gif) no-repeat; }
.panel-btm span { background-position: 0 0; left: -5px; }
.panel-btm div { background-position: -5px 0; right: -5px; }
/* Content --- right */
#content-panel { float: right; width: 720px; padding: 5px 7px 5px 0; }
/* content headline */
.content-header { position: relative; height: 27px; margin: 0 12px; background: url(../images/UserContents/img_content_title_bar.jpg) repeat-x left top; line-height: 27px; }
.content-header h3 { float: left; height: 27px; margin: 0; padding-right: 12px; border-right: 1px solid #fff; font-size: 1em; font-weight: bold; color: #fff; line-height: 27px; }
.content-header h3.corp-affairs { background: url(../images/UserContents/img_content_title_bar.jpg) repeat-x 0 -27px; }
.content-header h3.info-centre { background: url(../images/UserContents/img_content_title_bar.jpg) repeat-x 0 -54px; }
.content-header h3.account-settings { background: url(../images/UserContents/img_content_title_bar.jpg) repeat-x 0 -81px; }
.content-header span, .content-header div { position: absolute; width: 12px; height: 27px; background: url(../images/UserContents/img_content_title_side.jpg) no-repeat left top; }
.content-header h3.corp-affairs span { top: 0; left: -12px; background-position: 0 0; }
.content-header h3.info-centre span { top: 0; left: -12px; background-position: 0 -27px; }
.content-header h3.account-settings span { top: 0; left: -12px; background-position: 0 -54px; }
.content-header div { top: 0; right: -12px; background-position: -12px 0; }
/* TODO: can be removed ? */
.content .clear-list { clear: both!important; height: 15px!important; }
.content .clear-sp { clear: both!important; height: 7px!important; }
/* Responsible gaming betLimit */
.a_href p :hover { color: #ff9c00; text-decoration: underline; }
.content p strong.betLimit { color: #404040; text-decoration: none; }
.content p label input.onlyDecimal { color: #404040; text-decoration: none; }
/* dropdown list */
a.sel { background: url(../images/Common/btn_dd_arrow.gif) no-repeat right center #fafaf5; min-width: 28px; height: 17px; text-decoration: none; color: #313131; line-height: 17px; padding: 0 20px 0 5px; border: 1px solid #b8b8b6; display: inline-block; }
a.sec-qns, a.ctry { width: 138px; }
a.odds { min-width: 28px; }
a.dm { width: 13px; }
select.yr { width: 100px; border: 1px solid #b8b8b6; padding: 2px; }
a.tz { width: 68px; }
a.qns { width: 260px; }
a.spr-sp { width: 80px; }
a.spr-bt { min-width: 150px; }
a.yr { min-width: 48px; }
#list_timezoneDDL ul { height: 150px; }
#list_phoneExt ul { height: 150px; }
/* TODO: not refine ------------------------------ */
body.more-details { background-color: #f5f5f5; padding: 5px; }
.content .clear-btm { background: url(../images/UserContents/img_btm_sh.jpg) repeat-x left bottom; height: 5px; clear: both; }
.data-grid { padding: 0!important; }/* ? */
#content-panel p.date-range { height: 25px; margin: 0; padding: 0; line-height: 25px; color: #4e4e4e; }
#content-panel p.banking-title { height: 27px; margin: 0; padding: 0 12px; background: url(../images/UserContents/img-date-hdr.jpg) repeat-x left top; line-height: 27px; color: #fff; }
/* Style in Search Panel */
#content-panel .search-pad-top { background: url(../images/UserContents/img_display_top.jpg) repeat-x left top; height: 10px; margin: 7px 10px 0 10px; position: relative; }
#content-panel .search-pad-top span, #content-panel .search-pad-top div { background: url(../images/UserContents/img_display_corners.jpg) no-repeat left top; width: 10px; height: 10px; margin: 0; position: absolute }
#content-panel .search-pad-top span { background-position: 0 0; top: 0; left: -10px; }
#content-panel .search-pad-top div { background-position: -10px 0; top: 0; right: -10px; }
#content-panel .search-pad-content { background: url(../images/UserContents/img_display_lt.jpg) repeat-y left top #f3f3f3; padding-left: 20px; margin: 0; position: relative; }
#content-panel .search-pad-inner-content { background: url(../images/UserContents/img_display_rt.jpg) repeat-y right top #f3f3f3; padding-right: 20px; margin: 0; color: #2e2e2e; position: relative; }
#content-panel .search-pad-inner-content .print-link { top: 5px; right: 20px; position: absolute; z-index: 100; }
#content-panel .search-pad-btm { background: url(../images/UserContents/img_display_btm.jpg) repeat-x left top; height: 10px; margin: 0 10px 7px 10px; position: relative; }
#content-panel .search-pad-btm span, #content-panel .search-pad-btm div { background: url(../images/UserContents/img_display_corners.jpg) no-repeat left top; width: 10px; height: 10px; position: absolute }
#content-panel .search-pad-btm span { background-position: 0 -10px; top: 0; left: -10px; }
#content-panel .search-pad-btm div { background-position: -10px -10px; top: 0; right: -10px; }
/* unsettled bets print style */
#content-panel .content .print-link { top: 5px; right: 20px; position: absolute; z-index: 100; }
#content-panel .content .unsettled-print { position: relative; }
/* Search Panel Style for My Accounts Section */
.search-panel { height: auto; line-height: 20px; margin: 0; display: inline-block; }
.search-panel div { width: auto; height: auto; line-height: 20px; float: left; }
.search-panel div div { padding-right: 10px; }
.search-panel div .search-labels { float: none; padding: 0; clear: both; }
.search-panel div .search-labels img { vertical-align: bottom; }
.search-panel div input.date { background-color: #fafaf5; width: 66px; border: 1px solid #b8b8b6; padding: 2px; font: normal 11px Tahoma, Arial, Helvetica, sans-serif; }
.search-panel div.submit-btn a.submit { margin-top: 17px; }
.search-panel div .search-labels ul { list-style: none; margin: 0; padding: 5px 0 0 0; }
.search-panel div .search-labels ul li { padding: 0 7px; border-left: 1px solid #2e2e2e; height: auto!important; float: left; }
.search-panel div .search-labels ul li a:hover { color: #ff9c00; text-decoration: underline; }
.search-panel div .search-labels ul li.first { padding: 0 7px 0 0; border: none; float: left; }
.search-panel a.casino { width: 70px; }
/* Sports Rules Search Panel Style */
.spr-search { height: auto; line-height: 20px; margin: 0; display: inline-block; }
.spr-search .spr-labels, .spr-search .spr-fields { width: auto; height: 20px; line-height: 20px; float: left; }
.spr-search .spr-labels { padding-right: 5px; }
.spr-search .spr-fields { padding-right: 10px; }
.spr-search .spr-submit { height: 25px; line-height: 25px; margin-top: -2px; padding-right: 10px; float: left; }
.spr-search .spr-fields input.text { background-color: #fafaf5; width: 136px; border: 1px solid #b8b8b6; padding: 2px; font: normal 11px Tahoma, Arial, Helvetica, sans-serif; }
/* Style in Contents Panel */
#content-panel .content .c-sub-ti {font-size: 11px; font-weight:bold;line-height:20px; margin:0 0 6px 10px; border-bottom:#2e2e2e 1px dashed; width:514px;}/*GCR-518 for Account Setting page title.*/
#content-panel .content .c-sub-ti-trans {font-size: 11px; font-weight:bold;line-height:20px;}/*GCR-518 for Transfer page title.*/
#content-panel .content { padding: 0 12px; }
#content-panel .content h4.sub { font-weight: bold; font-size: 11px; background: url(../images/UserContents/img_header.gif) no-repeat left top; height: 30px; margin: 0; padding: 11px 0 0 11px; position: relative; border: none; z-index: 0; }
#content-panel .content h4.sub a { background: url(../images/UserContents/icon_hdr_collapse.gif) no-repeat left top; width: auto; padding: 0 0 0 14px; text-decoration: none; color: #2e2e2e; display: inline; }
#content-panel .content h4.sub a.alt { background-position: 0 -12px; }
#content-panel .content h4.sub small { font: normal 11px Tahoma, Arial, Helvetica, sans-serif; margin-bottom: 10px; }
#content-panel .content h4.sub-Transfer { font-weight: bold; font-size: 11px; height: 30px; margin: 0; padding: 11px 0 0 11px; position: relative; border: none; z-index: 0; }
#content-panel .content h4.sub1 { font-weight: bold; font-size: 11px; background: url(../images/UserContents/img_header.gif) no-repeat left top; height: 30px; margin: 0; padding: 11px 0 0 11px; position: relative; border: none; z-index: 0; }
#accHead, #webHead,#bannerHeading,#oddsFeedHeading,#transactionalHeading { cursor: pointer; }
#content-panel .content h4.sub1 a { background: url(../images/UserContents/icon_hdr_expand.gif) no-repeat left top; padding: 0 0 0 14px; text-decoration: none; display: inline; }
#content-panel .content h4.sub1 a.collapse { background-position: 0 -13px; }
#content-panel .content h4.sub1 a.alt { background-position: 0 -12px; }
#content-panel .content h4.sub1 small { font: normal 11px Tahoma, Arial, Helvetica, sans-serif; margin-bottom: 10px; }
#content-panel .content h4.help { font-weight: bold; font-size: 11px; background: url(../images/UserContents/rt-l-bar.jpg) repeat-x left top; height: 24px; line-height: 24px; margin: 0; position: relative; border: 1px solid #d4d4d4; border-top: none; z-index: 0; }
#content-panel .content h4.help a { background: url(../images/UserContents/btn_rt_l_col.gif) no-repeat left top; width: auto; padding: 0 0 0 23px; text-decoration: none; color: #2e2e2e; display: block; }
#content-panel .content h4.help a.alt { background-position: 0 -24px; }
#content-panel .content div.help2 { font-weight: bold; font-size: 11px; background: url(../images/UserContents/rt-l-bar.jpg) repeat-x left top; height: 24px; line-height: 24px; margin: 0; position: relative; border: 1px solid #d4d4d4; border-top: none; z-index: 0; }
#content-panel .content div.help2 a { background: url(../images/UserContents/btn_rt_l_col.gif) no-repeat left top; width: auto; padding: 0 0 0 23px; text-decoration: none; color: #2e2e2e; display: block; }
#content-panel .content div.help2 a.alt { background-position: 0 0; }
#content-panel .content div.help { font-weight: bold; font-size: 11px; background: url(../images/UserContents/rt-l-bar.jpg) repeat-x left top; height: 24px; line-height: 24px; margin: 0; position: relative; border: 1px solid #d4d4d4; border-top: none; z-index: 0; }
#content-panel .content div.help a { background: url(../images/UserContents/btn_rt_l_col.gif) no-repeat left top; width: auto; padding: 0 0 0 23px; text-decoration: none; color: #2e2e2e; display: block; }
#content-panel .content div.help a.alt { background-position: 0 -24px; }
#content-panel .content h5.sub { background-color: #303030; display: block; position: relative; margin: 0; }
#content-panel .content h5.sub span, #content-panel .content h5.sub div { background: url(../images/UserContents/img_resgaming_side.jpg) no-repeat left top; width: 5px; height: 5px; top: 0; position: absolute; }
#content-panel .content h5.sub span { background-position: 0 0; left: 0; }
#content-panel .content h5.sub div { background-position: -5px 0; right: 0; }
#content-panel .content h5.sub a { height: 24px; font-size: 11px; color: #fff; line-height: 24px; padding-left: 13px; display: block; }
#content-panel .content h5.sub a.title { cursor: text; text-decoration: none; }
#content-panel .content h5.sub a.alt { background-position: 10px -24px; }
#content-panel .content .subitem { border: 1px solid #d4d4d4; border-top: none; }
#content-panel .content h5.help { font: normal 11px Tahoma, Arial, Helvetica, sans-serif; height: 24px; line-height: 24px; margin: 0; z-index: 0; }
#content-panel .content h5.help a { background: url(../images/UserContents/btn_rt_r_col.gif) no-repeat left top; width: auto; padding: 0 0 0 23px; text-decoration: none; color: #2e2e2e; display: block; }
#content-panel .content h5.help a.alt { background-position: 0 -26px; font-weight: bold; }
#content-panel .content .l0 { background-color: #fff; }
#content-panel .content .l1 { background-color: #ececec; }
#content-panel .content .t-border { border-top: 1px solid #d4d4d4!important; }
#content-panel .content .subitem .help-info { padding: 5px 20px 0 23px; }
#content-panel .content .tutorials { width: 623px; }
#content-panel .content .tut-items .tutorial-info { background-color: #d4d4d4; height: 400px; }
#content-panel .content h6.sub { font: normal 11px Tahoma, Arial, Helvetica, sans-serif; background: url(../images/UserContents/img_subheader.gif) no-repeat left top; height: 40px; margin: 0; margin-bottom: -10px; padding: 11px 0 0 11px; border: none; z-index: -1 }
#content-panel .content div.sub { font: normal 11px Tahoma, Arial, Helvetica, sans-serif; background: url(../images/UserContents/img_subheader.gif) no-repeat left top; height: 40px; margin: 0; margin-bottom: -10px; padding: 11px 0 0 11px; border: none; z-index: -1 }
h6.sub img { vertical-align: middle; }
.tc-contents { background-color: #f5f5f5; border: 1px solid #d4d4d4; border-top: none; height: 120px; z-index: 100; }
#res-content { width: 100%; height: 120px; overflow-y: scroll; }
#content-panel .data-container { border: 1px solid #909090 }
#content-panel .data-container .data-title { background: url(../images/UserContents/img_title_bar.jpg) repeat-x left top; height: 25px; line-height: 25px; display: block; position: relative }
#content-panel .data-container .data-title a { cursor: pointer; background: url(../images/UserContents/btn_title_collapsible.gif) left top no-repeat; padding-left: 34px; height: 25px; font-size: 11px; font-weight: bold; color: #2e2e2e; line-height: 25px; text-decoration: none; display: block;}
#content-panel .data-container .collapsed a.coll0 { background: url(../images/UserContents/btn_title_collapsible.gif) left bottom no-repeat; padding-left: 34px; height: 25px; font-size: 11px; font-weight: bold; color: #2e2e2e; line-height: 25px; text-decoration: none; display: block;}
#content-panel .data-container .data-title span { cursor: pointer; padding-left: 5px; height: 25px; font-size: 11px; font-weight: bold; color: #2e2e2e; line-height: 25px; text-decoration: none;}
#content-panel .data-container .data-title span:hover {color:#ff9201;}
#content-panel .data-container .data-title a.alt { background-position: 0 -25px; }
#content-panel .data-container .data-title2 { background: url(../images/UserContents/img_title_bar.jpg) repeat-x left top; height: 25px; line-height: 25px; display: block; position: relative }
#content-panel .data-container .data-title2 a { background: url(../images/UserContents/btn_title_collapsible3.gif) left top no-repeat; padding-left: 21px; height: 25px; font-size: 11px; font-weight: bold; color: #2e2e2e; line-height: 25px; text-decoration: none; display: block }
#content-panel .data-container .data-title2 a.alt { background-position: 0 -25px; }
#content-panel .content .sub-contents { padding: 0 25px; z-index: 100!important; }
#content-panel .content .sub-contents p.dl-gif { background: url(../images/UserContents/icon_gif.jpg) no-repeat left center; height: 30px; line-height: 30px; padding: 0 30px; float: left; }
#content-panel .content .sub-contents p.dl-psd { background: url(../images/UserContents/icon_psd.jpg) no-repeat left center; height: 30px; line-height: 30px; padding: 0 30px; float: left; }
#content-panel .content .main-contents { padding: 0 11px; z-index: 100; }
#content-panel .content .main-contents ul { list-style: disc; margin: 0 0 20px 45px; }
#content-panel .content .main-contents ol { list-style: decimal; margin: 0 0 20px 45px; }
#content-panel .content .main-contents ul li, #content-panel .content .main-contents ol li { line-height: 16px; }
#content-panel .content .main-contents ol ol { list-style: lower-alpha; margin: 20px 0 20px 35px; }
#content-panel .content .main-contents ol ol ul { list-style: disc; margin: 10px 0 10px 35px; }
#content-panel .content .main-contents ol ol ol { list-style: lower-alpha; margin: 10px 0 10px 35px; }
.content table { margin: 1.4em 0; }
.content th, .content td { padding: 2px 20px 2px 0; }
#content-panel li { line-height: 18px; }
#content-panel .content .mobile { color: #ff9c00; }
#content-panel .content .phone { color: #ff9c00; }
#content-panel .content .back { color: #ff9c00; }
/* User Input Forms 1 */
ul.st-user-address { list-style: none; margin: 0 auto 0 11px; padding: 0px; clear: both }
ul.st-user-address li.st-user-label { float: left; width: 160px; }
ul.st-user-address li.st-user-value { float: left; width: 340px; padding-right: 5px; }
ul.st-transfer-ref{ list-style: none; margin: 0 auto 0 11px; padding: 0; clear: both; width:540px; text-align:left; font-weight: bold; height: 20px;}
ul.st-transfer-result{ list-style: none; margin: 0 auto 0 11px; height: 40px; padding: 0; clear: both; width:540px;text-align: left;vertical-align:middle;}
ul.st-user-info { list-style: none; margin: 0 auto 0 11px; height: 20px; padding: 0; clear: both; width:540px;}
ul.st-user-info li { height: 20px; line-height: 20px; float: left; }
ul.st-user-info li.st-howyoulearn { padding-right: 7px; padding-left: 11px; }
ul.st-user-info li.st-label { width: 160px; }
ul.st-user-info li.st-label2 { width: 110px; }
ul.st-user-info li.st-label3 { width: 110px; }
ul.st-user-info li.st-fields { width: auto; padding-right: 5px;}
ul.st-user-info li.st-fields label { color: inherit; }
ul.st-user-info li.st-fields a:hover { color: #ff9c00; text-decoration: underline; }
ul.st-user-info li.st-fields a:link { text-decoration: underline; }
ul.st-user-info li.st-fields2 { width: auto; padding: 0; margin: -4px 0 17px 150px; line-height: normal; }
ul.st-user-info li.st-fields3 { width: auto; padding-right: 5px; white-space: nowrap }
ul.st-user-info li input.txt { padding: 2px 5px 2px 5px; margin: 0px; height: 12px; color: #333333; border: 0px; }
ul.st-user-info li input.betlimits { background-color: #fafaf5; border: 1px solid #b8b8b6; font-size: 11px; width: 130px; margin: -1px 0 0 0; padding: 2px 5px 1px 5px; }
ul.st-user-info li input[type=text][disabled] { background-color: #cacac9; border: 1px solid #b8b8b6; width: 130px; margin: -1px 0 0 0; padding: 2px 5px 1px 5px; }
ul.st-user-info li input.contact { width: 55px; }
ul.st-user-info li input.amount { width: 55px; }
ul.st-user-info li.st-validator { width: 20px; }
ul.st-user-info li.st-validator span { background: url(../images/UserContents/btn-r-exclaim.gif) no-repeat center center; width: 20px; height: 20px; margin: -1px auto 0 auto; display: block }
ul.st-user-info li.st-fields label.contact-num { display: block; width: 65px; height: 17px; border: 1px solid #b8b8b6; }
ul.st-user-info li.st-fields label.amount-num { display: block; width: 65px; height: 17px; border: 1px solid #b8b8b6; }
ul.st-user-info li.st-trans-btn{ width: 160px; text-align:right;}
ul.st-user-info li.st-trans-btn2{ width: 160px; text-align:right;}
ul.st-transfer-btn { width: 280px; list-style: none; margin: 0 auto 0 22px; height: 20px; padding: 0; clear: both; }
ul.st-transfer-btn li { height: 50px!important; line-height: 50px!important; float: left; }
ul.st-transfer-btn li.st-label { width: 145px; }
ul.st-transfer-btn li.st-fields { float: right; }
/* User Input Forms 2 */
.s-h { line-height: 20px; margin-bottom: 1.2em; }
.sub .b-vld { margin-top: -3px; }
.b-vld .i-r,.vld .i-r { margin: 1px 0; }
.st-left { width: 325px; padding-right: 10px; }
.st-right { width: 315px; }
.fleft { float: left; }
.wide { width: 570px!important; }
.btm-wide { width: 675px!important; }
.alert { float: left }
.st-left .stf-input, .st-left .stf-input { height: auto; }
.st-left .stf-input SELECT, .st-right .stf-input SELECT { background-color: #fafaf5; border: 1px solid #b8b8b6; height: 22px; padding: 2px; font: 11px Tahoma, Arial, Helvetica, sans-serif; }
.st-left .stf-input .stf-labels, .st-right .stf-input .stf-labels, .st-right .stf-input .stf-labels2, .st-left .stf-input .stf-labels3, .st-left .stf-input .stf-c-labels { width: 150px; height: auto; line-height: 20px; margin-bottom: 5px; float: left; }
.st-right .stf-input .stf-labels { width: 95px; }
.st-right .stf-input .stf-labels2 { width: 170px; }
.st-left .stf-input .stf-labels3 { width: 120px; }
.st-left .stf-input .stf-c-labels { width: 180px; line-height: 16px; margin: 0; float: left; }
.st-left .stf-input .stf-c-labels-Contact { width: 220px; line-height: 16px; margin: 0; float: left; }
a.email:hover { cursor: pointer; text-decoration: underline; color: #ff9c00; }
.st-left .stf-input .stf-labels span.s-line { line-height: normal!important; }
.st-left .stf-input .stf-fields, .st-right .stf-input .stf-fields, .st-left .stf-input .stf-chkbox, .st-left .stf-input .stf-c-num { width: auto; margin-bottom: 5px; line-height: 20px; float: left; }
.st-left .stf-input .stf-chkbox { min-width: 120px; }
.st-left .stf-input .stf-chkbox input, .st-left .stf-input .stf-chkbox span { float: left }
.st-left .stf-input .stf-chkbox span { margin-left: 5px; margin-top: -1px }
.st-left .stf-input .stf-c-num { width: 220px; line-height: 16px; margin: 0; }
.st-left .stf-input .stf-fields input, .st-right .stf-input .stf-fields input, .st-right .stf-input .stf-fields textarea, .st-left .stf-input .stf-fields textarea { background-color: #fafaf5; border: 1px solid #b8b8b6; width: 138px; height: 14px; padding: 2px; font: 11px Tahoma, Arial, Helvetica, sans-serif; }
.stf-input .stf-fields input.email { width: 187px; }
.stf-input .stf-fields textarea.msg { width: 400px; height: 85px; }
.st-left .stf-input .stf-fields a.more, .st-right .stf-input .stf-fields a.more { font-size: 9px; line-height: 20px; padding-left: 5px; display: inline; }
.st-right .stf-input .stf-fields textarea { height: 38px; }
.st-right .stf-input .stf-fields a.ctry { width: 117px; height: 18px; line-height: 18px; }
.st-right .stf-input .stf-fields a.curr { width: 42px; height: 18px; line-height: 18px; }
.st-left .stf-input .stf-fields a.lang { width: 117px; height: 18px; line-height: 18px; }
.st-left .stf-input .stf-fields a.fdbk { width: 165px; height: 18px; line-height: 18px; }
.st-left .notes { margin-top: 10px; font-size: 10px; line-height: 15px; display: block; }
body.vi-vn .st-left .notes { font-size: 10px; }
#content-panel p.error { background: url(../images/Registration/btn-d-exclaim_small.gif) no-repeat 5px 5px; font-size: 9px; line-height: normal; padding: 3px 11px 3px 35px; margin: 0; text-align: left; width: 195px; min-height: 22px; }
body.vi-vn #content-panel p.error { font-size: 10px; }
#content-panel p.error-t { display: block; margin: 0 0 0 0px; padding: 3px 11px 11px 27px; background: url(../images/Registration/icon_exclamation_orange.jpg) no-repeat 0px 0px; line-height: 17px; text-align: left; font-size: 11px; margin-left:12px;}
#content-panel p.error-t a { text-decoration: underline; }
#content-panel p.error-t a:hover { color: #ff9c00; text-decoration: underline; }
#content-panel p.hidden { display: none; }
.st-left .live-chat { height: 40px; line-height: 40px; }
.st-left .skype { height: 30px; line-height: 30px; }
.st-left .skype div, .st-left .live-chat div { line-height: 30px; padding-right: 20px; float: left }
.st-left .skype a.skype-call, .st-left .skype a.skype-add { background: no-repeat left top; margin-right: 10px; height: 30px; line-height: 30px; display: inline-block; float: left; }
.st-left .skype a.skype-call, .st-left .skype a.skype-add { background-image: url(../images/language/en-US/UserContents/icon_skype.jpg); }
body.en-us .st-left .skype a.skype-call, body.en-us .st-left .skype a.skype-add { background-image: url(../images/language/en-us/UserContents/icon_skype.jpg); }
body.zh-cn .st-left .skype a.skype-call, body.zh-cn .st-left .skype a.skype-add { background-image: url(../images/language/zh-cn/UserContents/icon_skype.jpg); }
body.zh-tw .st-left .skype a.skype-call, body.zh-tw .st-left .skype a.skype-add { background-image: url(../images/language/zh-tw/UserContents/icon_skype.jpg); }
body.ko-kr .st-left .skype a.skype-call, body.ko-kr .st-left .skype a.skype-add { background-image: url(../images/language/ko-kr/UserContents/icon_skype.jpg); }
body.th-th .st-left .skype a.skype-call, body.th-th .st-left .skype a.skype-add { background-image: url(../images/language/th-th/UserContents/icon_skype.jpg); }
body.vi-vn .st-left .skype a.skype-call, body.vi-vn .st-left .skype a.skype-add { background-image: url(../images/language/vi-vn/UserContents/icon_skype.jpg); }
body.en-US a.live-chat-bnr { display: inline-block; width: 270px; height: 35px; background-image: url(../images/language/en-US/UserContents/icon_livechat.jpg); }
body.en-us a.live-chat-bnr { display: inline-block; width: 270px; height: 35px; background-image: url(../images/language/en-us/UserContents/icon_livechat.jpg); }
body.zh-cn a.live-chat-bnr { display: inline-block; width: 270px; height: 35px; background-image: url(../images/language/zh-cn/UserContents/icon_livechat.jpg); }
body.zh-tw a.live-chat-bnr { display: inline-block; width: 270px; height: 35px; background-image: url(../images/language/zh-tw/UserContents/icon_livechat.jpg); }
body.ko-kr a.live-chat-bnr { display: inline-block; width: 270px; height: 35px; background-image: url(../images/language/ko-kr/UserContents/icon_livechat.jpg); }
body.th-th a.live-chat-bnr { display: inline-block; width: 270px; height: 35px; background-image: url(../images/language/th-th/UserContents/icon_livechat.jpg); }
body.vi-vn a.live-chat-bnr { display: inline-block; width: 270px; height: 35px; background-image: url(../images/language/vi-vn/UserContents/icon_livechat.jpg); }
.st-left .skype a.skype-call { background-position: 0 0; width: 81px; }
.st-left .skype a.skype-add { background-position: -81px; width: 131px; }
/* QAT2923 Localize Skype Add and Call Images */
body.zh-cn .st-left .skype a.skype-call { background-position: 0 0; width: 163px; }
body.zh-cn .st-left .skype a.skype-add { background-position: -163px; width: 164px; }
body.zh-tw .st-left .skype a.skype-call { background-position: 0 0; width: 163px; }
body.zh-tw .st-left .skype a.skype-add { background-position: -163px; width: 164px; }
body.ko-kr .st-left .skype a.skype-call { background-position: 0 0; width: 120px; }
body.ko-kr .st-left .skype a.skype-add { background-position: -120px; width: 164px; }
body.th-th .st-left .skype a.skype-call { background-position: 0 0; width: 95px; }
body.th-th .st-left .skype a.skype-add { background-position: -95px; width: 154px; }
body.vi-vn .st-left .skype a.skype-call { background-position: 0 0; width: 85px; }
body.vi-vn .st-left .skype a.skype-add { background-position: -85px; width: 154px; }
.st-left p.instructions { width: 486px; font-size: 9px; text-align: right; }
/* disable textbox and labels */
.st-left .stf-input .stf-fields span.disabled input { border: 1px solid #ebebe6; background-color: #fcfcf7; }
.st-left .stf-input .stf-labels span.disabled { color: #b1b1b1; }
/* Affiliates Registration Form (Banners Options) Styling */
.bnr-format { width: 580px; }
.bnr-format ul { list-style: none; margin: 0; padding: 0; }
.bnr-format ul li { width: 95px; height: 20px; line-height: 20px; float: left; }
.bnr-format ul li.others { width: auto; }
.bnr-format ul li.others input { background-color: #fafaf5; border: 1px solid #b8b8b6; width: 210px; height: 14px; padding: 2px; font: 11px Tahoma, Arial, Helvetica, sans-serif; }
.bnr-format p.instructions { width: 540px; font-size: 9px; text-align: right; padding-top: 3px; }
.bnr-format .bnr-chbox, .bnr-format .bnr-cboxtxt { float: left; }
.bnr-format .bnr-cboxtxt { margin-left: 5px; margin-top: -1px }
.st-tip { background: url(../images/UserContents/icon_info.gif) no-repeat left center; padding: 5px 5px 5px 40px; }
#content-panel .divider { width: 486px; height: 5px; margin-bottom: 7px; border-bottom: 1px dashed #2e2e2e; margin-left: 10px; }
#content-panel .divider2 { height: 10px; margin-bottom: 20px; border-bottom: 1px dashed #2e2e2e; clear: both; }
#content-panel .divider3 { height: 20px; margin-bottom: 20px; border-bottom: 1px dashed #2e2e2e; clear: both; }
#content-panel .divider4 { height: 20px; margin-bottom: 10px; border-bottom: 1px dashed #2e2e2e; clear: both; }
#content-panel .spr-divide { height: 0; margin-bottom: 10px; border-bottom: 1px dotted #d4d4d4; clear: both; }
div.submitbox { width: 608px }
#err-box { margin-top: 14px; padding: 0 0 0 10px; line-height: 17px; }
#err-box table { margin: 0; padding: 0px; }
#err-box td { margin: 0; padding: 0px; }
.err-icon { display: block; width: 22px; height: 22px; background: url(../images/Registration/btn-d-exclaim_small.gif); }
/* Affiliates Registration Form (XML Feeds Options) Styling */
.sp-type { width: 510px; }
.sp-type ul { list-style: none!important; margin: 0!important; padding: 0; }
.sp-type ul li { height: 20px; line-height: 20px; float: left; }
.sp-type ul li input, .sp-type ul li span { float: left; }
.sp-type ul li span { display: inline-block; width: 140px; margin-left: 5px; margin-top: -1px; }
.stf-bar { background: url(../images/UserContents/img_btm.jpg) repeat-x left top; height: 30px; padding: 0 5px 0 15px; color: #fff; position: relative; }
.stf-bar .fl { height: 30px; line-height: 30px; }
.stf-bar div.lt, .stf-bar div.rt { background: url(../images/Common/img_corners.png) no-repeat left top; width: 5px; height: 5px; bottom: -1px; position: absolute; }
.stf-bar div.lt { background-position: 0 -5px; left: 0; }
.stf-bar div.rt { background-position: -5px -5px; right: -1px; }
#content-panel .content .fl {width:100%;}
#content-panel .content .fl .f1-row {height:24px; width:100%;}
#content-panel .content .fl .f1-row .f1-r-n {width:100px; display:block; float:left;}
#content-panel .content .fl .f1-row .f1-r-m {width:5px; display:block; float:left;}
#content-panel .content .fl .f1-row .f1-r-s {width:auto; display:block; float:left;margin-right:4px;}
#content-panel .content .fl .f1-row .f1-r-red {width:auto; display:block; float:left; color:#8a1812;margin-right:4px;}
#content-panel .content .fl .f1-row .f1-r-d-r {width:auto; display:block; float:left; color:#ce1111;margin-right:4px;}
#content-panel .content .fl .f1-row label input.onlyDecimal {width:120px; display:block; float:left; margin-right:6px;text-align:right;}
/* Odds Calculator Table */
.oct { width: 290px; float: left; }
.oct .oct-hdr { height: 20px; line-height: 20px; }
.oct .oct-row { height: 20px; line-height: 20px; margin-bottom: 5px; }
.oct .s-label, .oct .h-label, .oct .d-label { width: 75px; height: auto; line-height: 20px; padding: 0; float: left; }
.oct .s-label { width: 100px; }
.oct .h-label, .oct .d-label { padding-right: 20px; font-weight: bold; }
.oct .h-label { text-align: center; }
.oct .d-label { text-align: right; }
.oct .d-label input { background-color: #fafaf5; border: 1px solid #b8b8b6; width: 66px; height: 14px; padding: 2px; font: 11px Tahoma, Arial, Helvetica, sans-serif; }
.oct .oct-btn { height: 20px; line-height: 20px; padding-right: 20px; margin-bottom: 5px; }
/* Odds Calculator Table */
.promo { display: block; position: relative; }
.promo .promo-thumb { width: 198px; height: 99px; margin: 0 0 13px; float: left; position: relative; }
.promo .promo-info { position: absolute; left: 208px; }
.promo div.tl, .promo div.tr, .promo div.bl, .promo div.br { background: url(../images/Common/img_corners.png) no-repeat left top; width: 3px; height: 3px; position: absolute; }
.promo div.tl { background-position: 0 0; top: 0; left: 0; }
.promo div.tr { background-position: -6px 0; top: 0; right: 0; }
.promo div.bl { background-position: 0 -6px; bottom: 0; left: 0; }
.promo div.br { background-position: -6px -6px; bottom: 0; right: 0; }
.promo table { margin: 0; }
.promo table td { padding: 0; }
/* Statement Table Style */
.st { width: 100%; border: none; margin: 0!important; }
.st tr.l0 { background-color: #fff }
.st tr.l1 { background-color: #ececec }
.st tr.d0 { background-color: #fff }
.st tr.d1 { background-color: #ececec }
.st tr.st-hdr, .st-hdr-w, .st tr.st-hdr2 { border-top: 1px solid #909090; }
.st tr.st-hdr th, .st-hdr-w th, .st tr.st-hdr2 th { background: url(../images/UserContents/img-st-hdr.jpg) repeat-x left top #939393; height: 20px; padding: 1px 15px; font-weight: normal; color: #fff; }
.st tr th { white-space: nowrap; }
body.th-th .st tr th { white-space: normal; }
.st .st-hdr-w th { white-space: pre-wrap; }
.st tr.st-tl th { background-color: #dadada; height: 25px; color: #2e2e2e; font-weight: normal; padding: 0 6px; border-right: 1px solid #fff }
.st tr.st-net th { background-color: #ccc; height: 25px; color: #2e2e2e; font-weight: bold; padding: 0 6px; border-right: 1px solid #fff; border-top: 1px solid #fff }
.st tr td { border-right: 1px solid #fff; border-bottom: 1px solid #fff; line-height: 18px; color: #2e2e2e; padding: 5px 6px; }
.st tr td.bet-type { text-align: center; line-height: normal; }
.st tr td span.txt_win { color: #529700; }
.st tr td span.txt_lose { color: #c00; }
.st tr.cancelled td { color: #999; }
.st td.no-b, .st th.no-b { border-right: none!important; }
.st tr td, .st tr td div { line-height: normal; }
.st tr td span.nt { color: #01adff; display: inline-block; overflow: hidden; padding-right: 2px }
.st tr td span.nts { color: #01adff; overflow: hidden; padding-right: 2px }
.st tr td div.event, .st tr td div.betno { display: block; }
.st tr td div.betno span.hd { padding-left: 3px; }
.st tr td div.betno span.o-v { font-weight: bold; white-space: normal;}
.st tr td div.event span.participant { display: inline-block; white-space: normal; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; }
.st tr td div.event span.eventname { display: inline-block; white-space: normal; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; }
.st tr td div.betno span.bettype { white-space: normal; overflow: hidden; display: inline-block; font-weight: bold; margin-top:3px; }
.st tr.d0 td, .st tr.d1 td { text-align: center; }
.st tr td.tal { text-align: left; }
.st tr td.tar { text-align: right; }
span.danger-red { font: bold 9px Tahoma, Arial, Helvetica, sans-serif; color: #f00; }
span.danger-black { font: bold 9px Tahoma, Arial, Helvetica, sans-serif; color: #000; }
body.zh-cn span.danger-red, body.zh-tw span.danger-red, body.ko-kr span.danger-red { font-size: 11px; }
body.zh-cn span.danger-black, body.zh-tw span.danger-black, body.ko-kr span.danger-black { font-size: 11px; }
/* Result Page and Table Style */
#content-panel .result-header { background: url(../images/UserContents/img_result_header.gif) repeat-x left top; margin: 7px 7px 0 7px; height: 61px; border-bottom: 1px solid #d4d4d4; position: relative; z-index: 15; }
#content-panel .result-header span.lt, #content-panel .result-header div.rt { background: url(../images/UserContents/img_result_header_side.gif) no-repeat left top; width: 7px; height: 61px; border-bottom: 1px solid #d4d4d4; position: absolute }
#content-panel .result-header span.lt { background-position: 0 0; top: 0; left: -7px; }
#content-panel .result-header div.rt { background-position: -7px 0; top: 0; right: -7px; }
#content-panel .result-header .sports-menu { margin-bottom: 1px; border: none; position: relative; display: block; z-index: 10; }
#content-panel .result-header .sports-menu, #content-panel .result-header .date-menu { background: none; width: 100%; height: 30px; top: 0; left: 0; position: relative }
#content-panel .result-header .sports-menu ul.sub-menu { list-style: none; margin: 0; padding: 0; }
#content-panel .result-header .sports-menu ul.sub-menu li { width: auto; height: 30px; padding-right: 7px; line-height: 30px; float: left; }
#content-panel .result-header .sports-menu ul.sub-menu li.dd-list a.sel { margin: 6px auto; }
#content-panel .result-header .sports-menu ul.sub-menu li.dd-list a.sports { width: auto; min-width: 80px; }
#content-panel .result-header .sports-menu ul.sub-menu li.dd-list a.comp { width: 205px; }
#content-panel .result-header .sports-menu ul.sub-menu li h3 { font-weight: bold; font-size: 11px; color: #fff; line-height: 30px; float: left }
#content-panel .result-header .sports-menu ul.sub-menu li select { font-size: 11px; padding: 1px; border: 1px solid #b8b8b6; margin-top: 5px }
#content-panel .result-header .sports-menu ul.sub-menu li.fr { line-height: 30px; padding: 0; float: right; }
#content-panel .result-header .date-menu { z-index: 0; }
#content-panel .result-header .date-menu ul { list-style: none; margin: 0; padding: 0; }
#content-panel .result-header .date-menu ul li { min-width: 50px; height: 30px; padding-right: 1px; float: left; }
#content-panel .result-header .date-menu ul li.sgl { line-height: 24px; }
#content-panel .result-header .date-menu ul li.dbl { line-height: 12px; }
#content-panel .result-header .date-menu ul li a, #content-panel .result-header .date-menu ul li a.today { background: url(../images/UserContents/img_result_date_tab.jpg) repeat-x left top; padding: 3px 8px 3px 8px; color: #fff; text-align: center; text-decoration: none; line-height: inherit; display: block; min-width: 62px }
#content-panel .result-header .date-menu ul li a.today { font-weight: bold; }
#content-panel .result-header .date-menu ul li a:hover { background-position: 0 -31px; color: #000; }
#content-panel .result-header .date-menu ul li a.today:hover, #content-panel .result-header .date-menu ul li a.today-focus, #content-panel .result-header .date-menu ul li a.tab-focus { background-position: 0 -31px; color: #000; font-weight: bold; padding-left: 5px; padding-right: 5px; }
#content-panel .result-header .date-menu ul li a.outright { width: auto; background: url(../images/UserContents/img_result_outright_tab.jpg) repeat-x right top; padding: 3px 30px 3px 10px; color: #fff; text-align: center; font-weight: bold; text-decoration: none; line-height: inherit; display: block }
#content-panel .result-header .date-menu ul li a.outright:hover, #content-panel .result-header .date-menu ul li a.outright-focus { background-position: right -31px; color: #000; font-weight: bold }
/* Results Table */
#dd-comp-menu .rt-cpt { border-bottom: 1px solid #d4d4d4; background: url(../images/UserContents/rt-l-bar.jpg) repeat-x left top; height: 24px; line-height: 24px; color: #333; font-weight: bold; }
#dd-comp-menu .rt-cpt input { vertical-align:middle; width:14px; margin: 0 3px 0 6px; padding: 0; }
#dd-comp-menu .rt-cpt label { vertical-align:middle; }
#dd-comp-menu .rt-dt { max-height: 319px; overflow: auto; }
#dd-comp-menu .rt-sbt { border: none; padding: 10px; text-align: right; }
.rt { width: 100%; border: none; margin: 0!important; }
.rt tr.rt-hdr th { background: url(../images/UserContents/img_rt_hdr.jpg) repeat-x left top; height: 22px; color: #fff; font-weight: normal; border-bottom: 1px solid #d4d4d4; padding: 0; text-align: center; }
.rt .rt-hdr th.tal { text-align: left; }
.rt tr.rt-hdr th.f-lt { padding-left: 7px; text-align: left; }
.rt tr.l0 { background-color: #fff }
.rt tr.l1 { background-color: #ececec }
.rt tr td { color: #666; padding: 5px 0; height: 16px; }
.rt tr td.r-bt { padding-left: 5px; }
.rt tr td.r-odds { font-weight: bold; text-align: center; }
.rt tr td.r-odds span.prop { max-width: 300px; display: inline-block; width: 300px; }
.rt tr td.r-more { padding: 5px 5px 5px 0; }
/* Secondary Results Table */
.srt { width: 100%; border: none; border-collapse: collapse; margin: 0!important; }
.srt tr td, .srt tr th { border: 1px solid #d4d4d4; text-align: center; }
.srt tr th { padding: 0; }
.srt tr td.pt { border: none; font-weight: bold; text-align: left; padding-left: 5px; }
.srt tr td.pt span.t-tm { max-width: 335px; display: inline-block; width: 340px; }
.srt tr td.pt2 { border: none; font-weight: normal; text-align: left; }
.srt tr td.divide { border: none; font-weight: bold; text-align: left; padding: 0; }
.srt tr td.t-sub { border: none; font-weight: normal; }
.srt tr td.t-odds { border: none; font-weight: bold; }
.srt tr th { background-color: #d4d4d4; font-weight: normal; }
.rt-l-bar { background: url(../images/UserContents/rt-l-bar.jpg) repeat-x left top; height: 24px; border: 1px solid #d4d4d4; border-top: none; position: relative; }
.rt-l-bar a { background: url(../images/UserContents/btn_rt_l_col.gif) no-repeat left top; padding-left: 24px; height: 24px; font-weight: bold; line-height: 24px; text-decoration: none; color: #2e2e2e; display: block; }
.rt-l-bar a.alt { background-position: 0 -24px; }
.rt-l-bar-nomatch { background: url(../images/UserContents/rt-l-bar.jpg) repeat-x left top; height: 24px; border: 1px solid #d4d4d4; border-top: none; position: relative; }
.rt-l-bar-nomatch a { padding-left: 24px; height: 24px; font-weight: bold; line-height: 24px; text-decoration: none; color: #2e2e2e; display: block; }
.rt-data { border: 1px solid #d4d4d4; border-top: none; }
.rt-data-hide {display: none; }
.rt-data .rt-0, .rt-data .rt-1 { height: 26px; display: block; color: #666; position: relative; }
.rt-data .rt-0 { background-color: #fff; }
.rt-data .rt-1 { background-color: #ececec; }
.rt-data .rt-0 div, .rt-data .rt-1 div { height: 26px; line-height: 26px; top: 0; position: absolute; }
.rt-data .cancelled { color: #999; }
.rt-data .rt-time { width: 67px; left: 0; font-weight: bold; text-align: center; }
.rt-data .rt-time-or { width: 140px; left: 0; font-weight: bold; text-align: left; }
body.zh-cn .rt-data .rt-time-or { width: 140px; left: 0; font-weight: bold; text-align: left; font-size: 95% }
body.zh-tw .rt-data .rt-time-or { width: 140px; left: 0; font-weight: bold; text-align: left; font-size: 95% }
body.zh-cn .rt-data .rt-time-or, body.zh-tw .rt-data .rt-time-or,body.zh-cn .or-th th.t, body.zh-tw .or-th th.t { width: 170px; }
body.zh-cn .or-th th.tal, body.zh-tw .or-th th.tal { padding-left: 5px; }
.rt-data .rt-cc-time-or { width: 140px; left: 0; font-weight: bold; text-align: left; }
body.zh-cn .rt-data .rt-cc-time-or, body.zh-tw .rt-data .rt-cc-time-or { width: 170px; }
.rt-data .rt-cc-time { width: 67px; left: 0; font-weight: bold; text-align: center; }
.rt-data .rt-time a, .rt-data .rt-time-or a { background: url(../images/UserContents/btn_rt_r_col.gif) no-repeat left top; padding-left: 14px; width: auto; height: 26px; color: #666; display: block; text-decoration: none; }
.rt-data .rt-time-or a { padding-left: 22px; }
.rt-data .rt-time span,.rt-data .rt-cc-time span { padding-left: 14px; width: auto; }
.rt-data .rt-cc-time-or span, .rt-data .rt-time-or span { padding-left: 22px; width: auto; }
.rt-data .rt-time a.alt, .rt-data .rt-time-or a.alt { background-position: 0 -26px; }
.rt-data .rt-event { left: 67px; }
.rt-data .rt-event2 { left: 67px; }
.rt-data .rt-event3 { left: 67px; }
.rt-data .rt-event4 { left: 67px; }
.rt-data .rt-event-or { left: 145px; }
body.zh-cn .rt-data .rt-event-or, body.zh-tw .rt-data .rt-event-or { left: 171px; }
.rt-data .rt-event-or span.pt,.rt-data .rt-sub-or span.pt { max-width: 260px; display: inline-block; }
body.zh-cn .rt-data .rt-event-or span.pt,.rt-data .rt-sub-or span.pt,body.zh-tw .rt-data .rt-event-or span.pt,.rt-data .rt-sub-or span.pt { max-width: 235px; }
.rt-data .rt-event span.pt, .rt-data .rt-event2 span.pt, .rt-data .rt-event3 span.pt { padding: 0; position: relative; max-width: 160px; display: inline-block; float: left; }
.rt-data .rt-event span.neutral { max-width: none; }
.rt-data .rt-event span.vs, .rt-data .rt-event2 span.vs, .rt-data .rt-event3 span.vs { text-align: center; padding: 0px 7px; margin: 0; position: relative; z-index: 10; display: inline-block; float: left; }
.rt-data .rt-event .card, .rt-data .rt-event2 .card, .rt-data .rt-event3 .card { background: url(../images/UserContents/icon_redcard.gif) no-repeat 0 0; width: 10px; height: 13px; line-height: 13px; font-size: 9px; color: #fff; text-align: center; margin: 0 5px; display: inline-block; position: relative }
.rt-data .rt-event .rc0, .rt-data .rt-event2 .rc0, .rt-data .rt-event3 .rc0 { display: none; }
.rt-data .rt-event .rc1, .rt-data .rt-event2 .rc1, .rt-data .rt-event3 .rc1 { background-position: 0 0; }
.rt-data .rt-event .rc2, .rt-data .rt-event2 .rc2, .rt-data .rt-event3 .rc2 { background-position: 0 -13px; }
.rt-data .rt-event .rc3, .rt-data .rt-event2 .rc3, .rt-data .rt-event3 .rc3 { background-position: 0 -26px; }
.rt-data .rt-event .rc4, .rt-data .rt-event2 .rc4, .rt-data .rt-event3 .rc4 { background-position: 0 -39px; }
.rt-data .rt-event .rc5, .rt-data .rt-event2 .rc5, .rt-data .rt-event3 .rc5 { background-position: 0 -52px; }
.rt-data .rt-event .rc6, .rt-data .rt-event2 .rc6, .rt-data .rt-event3 .rc6 { background-position: 0 -65px; }
.rt-data .rt-event .rc7, .rt-data .rt-event2 .rc7, .rt-data .rt-event3 .rc7 { background-position: 0 -78px; }
.rt-data .rt-event .rc8, .rt-data .rt-event2 .rc8, .rt-data .rt-event3 .rc8 { background-position: 0 -91px; }
.rt-data .rt-event .rc9, .rt-data .rt-event2 .rc9, .rt-data .rt-event3 .rc9 { background-position: 0 -104px; }
.rt-data .rt-ht { width: 155px; right: 155px; font-weight: bold; text-align: center; max-width: 155px; }
.rt-data .rt-ft { width: 155px; right: 0; font-weight: bold; text-align: center; max-width: 155px; }
.rt-data .rt-ft span, .rt-data .rt-ht span { line-height: normal; }
.rt-data .cancelled span, .rt-data .cancelled span { line-height: inherit; }
.rt-data .cancelled div.rt-ft { width: 310px; max-width: 310px; right: 10px; text-align: center; }
.rt-data .cancelled div.rt-qft { width: 315px; max-width: 315px; right: 10px; text-align: center; }
.rt-data .rt-cc { width: 155px; right: 0; font-weight: normal; text-align: center; }
.rt-data .rt-qt1 { width: 105px; right: 210px; font-weight: bold; text-align: center; }
.rt-data .rt-qt2 { width: 105px; right: 105px; font-weight: bold; text-align: center; }
.rt-data .rt-qft { width: 105px; right: 0; font-weight: bold; text-align: center; }
.rt-data .rt-set { width: 310px; right: 0; font-weight: bold; text-align: center; max-width: 310px; display: inline-block; }
.rt-data .rt-sub { margin-left: 62px; }
.rt-data .rt-sub-or { margin-left: 125px; padding: 0px 0px 5px 10px; }
body.zh-cn .rt-data .rt-sub-or, body.zh-tw .rt-data .rt-sub-or { margin-left: 151px; }
.rt-data .rt-sub-or table td { padding: 5px 0px 5px 10px; }
.rt .e-cancel, .rt-0 .e-cancel, .rt-1 .e-cancel { font-weight: normal; }
/* PCH Styling */
.pch-container { padding: 10px 10px 0 10px; border: 1px solid #909090!important; border-top: none!important; zoom: 1.0; }
.pch-container .pch-item { width: 288px; height: 105px; float: left; position: relative; }
.pch-container .pch-item .pch-icon { width: 77px; height: auto; margin-right: 10px; float: left; }
.pch-container .search-pad-top { margin: 0 10px!important; }
.pch-container .search-pad-content { padding-left: 5px!important; }
.pch-container .search-pad-inner-content { padding-right: 5px!important; text-align: center; }
.pch-container .pch-item .pch-contents { float: left; }
.pch-container .disable-cover { background-color: #fff; width: 288px; height: 105px; top: 0; left: 0; position: absolute; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
/*----------------------------------- dropdown list used by
InfoCentre\BettingInfo\Results.aspx
InfoCentre\BettingInfo\SportsRules.aspx
*/
/* Drop Down Contents */
#dd-sports-menu, #dd-comp-menu, #dd-lang-menu, #dd-ctry-menu, #dd-curr-menu, #dd-sp-menu, #dd-bt-menu { background-color: #fafaf5!important; border: 1px solid #b8b8b6!important; z-index: 1000!important; position: absolute; visibility: hidden; }
#dd-or-menu { background-color: #d1d1d1; z-index: 1000!important; position: absolute; visibility: hidden; border: 1px solid #b8b8b6!important; }
#dd-sports-menu { width: 110px; height: 200px; overflow: auto; overflow-x: hidden; }
#dd-sports-menu .rt-tbl-data { max-height: 250px; overflow: auto; overflow-x: hidden; }
#dd-comp-menu { width: 521px; }
#dd-lang-menu { width: 142px; }
#dd-ctry-menu { width: 142px; }
#dd-curr-menu { width: 67px; }
#dd-sp-menu { width: 520px; }
#dd-bt-menu { width: 180px; }
#dd-bt-menu .rt-tbl-data { max-height: 250px; overflow: auto; overflow-x: hidden; }
ul.sg-dd { margin: 0; padding: 0; list-style: none; display: block; }
ul.sg-dd li { background: #fff; width: 100%; height: 20px!important; padding: 0; display: block!important; clear: both; }
ul.sg-dd li.l0 { background: #fff; }
ul.sg-dd li.l1 { background: #fff; }
ul.sg-dd li a:link, ul.sg-dd li a:visited { height: 20px; padding: 0 5px; color: #2e2e2e; text-decoration: none; line-height: 20px; white-space: nowrap; display: block; }
ul.sg-dd li a:hover, ul.sg-dd li a:active { background-color: #999; color: #fff }
ul.sg-dd li a.active { background-color: #999; color: #fff }
ul.sg-dd li a.inactive { background-color: #fff; color: #999 }
/*--------------------- */
#moreWebLabel div,#moreIpLabel div { clear: both; float: left; margin-top: 2px; }
/* revise the font size for zh */
.confirmCancel { text-decoration: underline; cursor: pointer; }
#ratedx { background: url(../images/UserContents/rated18.jpg) top right no-repeat; padding-right: 42px; width: auto; height: 35px; border: 0px solid #000; float: left; padding-top: 5px; margin-right: 19px; }
div.cancelled { color: #999; }
div.spaceFiveH { height: 5px!important; clear: both!important; }
div.spaceFiveW { width: 92px!important; clear: both!important; }
a.summary { text-decoration: none; }
a.summary:hover { color: #ff9c00; text-decoration: underline; }
#termlink input { width: 13px; height: 14px; vertical-align: middle; position: relative; top: -1px; }
#termlink a { color: #fff; text-decoration: underline; }
#termlink a:hover { color: #ff9900; }
a.hover-tooltip { text-decoration: underline; }
div.danger { color: #f00; }
a.r-help-link { font-size: 0.8em; text-decoration: underline; }
.b { font-weight: bold; }
.u { text-decoration: underline; }
#contact-media p { text-align: left; }
/*SBRulesContents*/
body ,#c div,#c li,#c ul ,#c h2,#c h3 ,#c h4 { font-family: Tahoma; font-size: 11px; color: #333333; }
#c li ,#c p ,#c td ,#c tr { line-height: 22px; font-size: 11px; }
#c ul { margin-left: 10px; padding: 0; margin-bottom: 10px; list-style: disc; }
#c a { text-decoration: underline; }
#c a:link { text-decoration: underline; }
#c a:visited { text-decoration: underline; }
#c a:hover { text-decoration: underline; color: #ff9c00; }
#c h1, #c h2, #c h3,#c h4,#c h5,#c h6 { font-weight: normal; }
#c h2 { font-size: 2em; margin-bottom: 0.75em; }
#c h3 { font-size: 1.5em; line-height: 1em; margin-bottom: 1em; }
#c h4 { font-size: 1.2em; line-height: 1.25em; margin-bottom: 1.25em; }
#c h1 img, #c h2 img, #c h3 img, #c h4 img, #c h5 img, #c h6 img,#c p img, #c p img a { margin: 0; }
#c ul li { margin-left: 40px; }
#c .b { font-weight: bold }
#c .center { text-align: center }
#c .right { text-align: right }
#c .u { text-decoration: underline; }
#c .i { font-style: italic; }
/*SBRulesSelectionsList-none-underline*/
#c .search-pad-content .spr-fields a { text-decoration: none; }
#c .search-pad-content .spr-fields a:link { text-decoration: none; }
#c .search-pad-content .spr-fields a:visited { text-decoration: none; }
#c .search-pad-content .spr-fields a:hover { text-decoration: none; color: #333333;}
/* body.en-US { font-family: ??; font-size: 12px; line-height: 22px; }
body.zh-cn { font-family: Tohoma,; font-size: 12px; line-height: 22px; }
body.vi-vn { font-family: Tohoma,??; font-size: 12px; line-height: 22px; }*/
body.zh-cn #c .maindiv, body.zh-cn #c td, body.zh-cn #c tr, body.zh-cn #c p, body.zh-cn #c h2, body.zh-cn #c h3 { font-family: ËÎÌå; font-size: 12px; line-height: 24px; }
body.zh-tw #c .maindiv, body.zh-tw #c td, body.zh-tw #c tr, body.zh-tw #c p, body.zh-tw #c h2, body.zh-tw #c h3 { font-family: ËÎÌå; font-size: 12px; line-height: 24px; }
body.zh-tw #c li, body.zh-cn #c li { font-family: ËÎÌå; font-size: 12px; }
body.th-th #c .maindiv { font-family: Tahoma; font-size: 11px; line-height: 20px; }
#c .lred { color: #0066CC }
#c .dred { color: #990000 }
#c .lblu { color: #0066CC }
#c .dblu { color: #0A1C5A }
#c .org { color: #ff9200 }
#c .whi { color: #FFFFFF }
#c .lgra { color: #666666 }
#c .numlist { list-style: decimal!important; }
#c .circlelist { list-style: disc!important; }
#c .alpha { list-style: lower-alpha!important; }
#c .upper-alpha { list-style: upper-alpha!important; }
#c li { margin-top: 4px; }
#c .sub { padding: 12px 0px 5px 2px; }
#c .maindiv {
background-image: url(../images/Language/en-US/UserContents/placeholder.png);
background-repeat: no-repeat;
padding-left: 10px;
margin-top: 7px;
width: 600px; }
#c .title { margin-left: 0px; padding: 0; list-style: none; line-height: 20px; }
#c .part { margin-top: 5px; padding: 0; }
#c .part ul { margin-left: 10px; margin-bottom: 15px; padding: 0; }
#c .part ul li { margin-left: 40px; }
#c tr.tabletit { background-color: #CCCCCC; height: 30px; text-align: center; font-weight: bold; }
#c tr.tabledetail { background-color: #F0F0F0; height: 30px; text-align: left; }
#c tr td { padding-left: 7px; padding-right: 7px; }
a.print { background: url(../images/UserContents/icon_printer.jpg) no-repeat 0 0; padding-left: 23px; height: 16px; text-decoration: none; line-height: 16px; display: block }
a.print:hover { background-position: 0 -15px; color:#fc9c00; }
a#aRef { background: url(../images/UserContents/btn_result_refresh.gif) no-repeat 0 0; padding-left: 17px; color: #d2d2d2; text-decoration: none;}
a#aRef:hover { background-position: 0 -14px; color: #ff9c00;}
/*--Profile Start--*/
#content-panel .content .myp-goi { background: url(../images/UserContents/accountProfile_box_02.png) no-repeat -1px 0; overflow:hidden; margin:0 0 0 12px; width:535px; border-left:#dedede 1px solid; border-right:#dedede 1px solid; background-color:#edecec;}
#content-panel .content .how-hi { background: url(../images/UserContents/accountProfile_box_01.png) no-repeat 0 0; display:block; height:7px; margin:0 0 0 12px;}
#content-panel .content .how-i-b { background: url(../images/UserContents/accountProfile_box_03.png) no-repeat 0 0; display:block; height:7px; margin:0 0 0 12px;}