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

html, body {margin:0; padding:0; border:0; width:100%; height:100%; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:85%; color:#000; line-height:140%; background:#FFF; background-repeat:repeat-x; background-position:0 89px;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
img {border:0;}
ul {list-style:none; margin:0; padding:0;}
h1, h2, h3, h4 {padding:0; margin:0;}
p {padding:0 0 20px 0; margin:0;}
dl, dt, dd {padding:0; margin:0;}
table, tr, th, td {margin:0; padding:0; border:0; outline:0; vertical-align:top;}
input, select, textarea {font-size:11px; font-family:Arial, Verdana, Helvetica, sans-serif;}

h1 {padding:4px 10px; color:#FFF; font-size:11px; margin-bottom:2px;}
h1.image {padding:6px 10px; margin-bottom:0;}
h1.large {font-size:15px; line-height:160%; vertical-align:middle;}
h1 span {font-size:11px; font-weight:400; float:right;}
h1 span select {margin-top:2px;}
h2 {font-size:12px;}
h2.grey {font-size:11px; color:#333; font-weight:400; background-color:transparent; border:none; padding:0 0 12px 0;}
h3 {font-size:1.0em; line-height:170%;}
.floatLeft {float:left !important;}
.floatRight {float:right !important;}
.clearfix {display: inline-block;}
.clearfix:after {content: " "; display: block; height: 0; clear: both; font-size: 0; visibility: hidden;}
.clearfix {display: block;}
a.btn {float:left; display:block; height:19px; color:#FFF; font-weight:bold; padding:2px 17px 0 20px; position:relative; margin-right:3px;}
a.btn span {display:block; width:3px; height:21px; position:absolute; right:-3px; top:0;}
a.btn:hover {color:#FFCC00; text-decoration:none;}
.chinese {font-size:12px !important;}


/* Main Structure starts */
#mainContainer {width:964px; font-size:105%; position:relative; margin:0 auto;}
#header {height:73px; clear:both;}
#logo {display:block; margin:13px; /*width:171px; height:50px; background:url(../images/logo_hkjc.gif) no-repeat; text-indent:-2000px;*/ float:left;}
#contentContainer {/*position:relative;*/margin:12px 0 0 0;}
#contentContainer .shadowL, #contentContainer .shadowR {width:11px; height:124px; float:left;}
#contentContainer .shadowL {background:url(../images/content_shadow_L.png) no-repeat;}
#contentContainer .shadowR {background:url(../images/content_shadow_R.png) no-repeat;}
#innerContent {width:930px; background:#FFF; float:left; padding:10px 0px 20px 10px; min-height:415px;}
/*#contentContainer .content .navBg {width:920px; height:23px; background:#204A88; margin:0 10px;}
#innerContent {position:relative;}*/
#leftNav {float:left; width:140px; margin-right:10px;}
.full #content {width:920px;}
#content {float:left; width:770px;}
#twoColumn {background:url(../images/bg_content.gif) repeat-y 0 0;}
#leftContent {float:left; width:490px; margin-right:10px;}
#leftContent p {color:#666; line-height:170%;}
#rightContent {float:left; width:270px; font-size:11px;}
#rightContent #rightInnerContent {padding:10px;}
#twoColumnShort {margin-bottom:10px; background:url(../images/bg_content_short.gif) repeat-y 0 0;}
#twoColumnShort #leftContent {width:550px;}
#twoColumnShort #rightContent {width:210px;}
/* Main Structure ends */

/* Header starts */
#header .nav {font-size:11px; color:#848484; line-height:100%; float:right; vertical-align:bottom; margin:22px 25px 0 0; position:relative;}
#header .nav div {float:left;}
#topNav {margin:20px 5px 0 0;}
#topNav a {color:#848484; padding:5px 0 0 0; display:inline-block;}
#topNav a.lang {color:#2A3981; padding:0 0 0 10px; margin:0 10px 0 10px; border-left:1px solid #2A3981; height:11px;}
#fontSizeContainer {line-height:150%; text-align:right; height:20px; font-size:12px;}
#fontSizeContainer div {float:right;}
#fontSizeContainer div span {float:left; margin-right:10px; color:#999;}
#fontSizeContainer a {width:14px; height:14px; display:block; text-indent:-2000px; float:left; border:1px solid #FFF;}
#fontSizeContainer a:hover, #fontSizeContainer a.active {border:1px solid #0A2773;}
#fontSizeContainer a.small {background:url(../images/icon_fontsize_S.gif) no-repeat;}
#fontSizeContainer a.medium {background:url(../images/icon_fontsize_M.gif) no-repeat;}
#fontSizeContainer a.large {background:url(../images/icon_fontsize_L.gif) no-repeat; margin:0 3px 0 0;}
#ewinContainer {background:url(../images/icon_ewin.gif) no-repeat 0 1px; padding:0 0 0 45px; height:45px; position:relative;}
#ewinContainer a {display:block; background:url(../images/arrow_1.gif) no-repeat 0 4px; padding:0 0 0 9px; color:#7B7135; line-height:120%;}
#ewinContainer .ewin {position:absolute; width:39px; height:45px; left:0; top:0; padding:0; background:none;}
/* Header ends */

/* Main Nav starts */
#mainNav {clear:both;}
#mainNav .nav {height:27px;}
#mainNav .nav .content, #mainNav .subNav .content {width:940px; height:100%; float:left;}
#mainNav .shadowL, #mainNav .shadowR {width:12px; height:100%; float:left;}
#mainNav .nav .content {background:#FFF;}
#mainNav .nav .shadowL {background:url(../images/mainnav_shadow_TL.png) no-repeat;}
#mainNav .nav .shadowR {background:url(../images/mainnav_shadow_TR.png) no-repeat;}
#mainNav .subNav {height:35px; position:relative; z-index:1000;}
#mainNav .subNav .dim a img {filter: Alpha(Opacity=60); -moz-opacity: 0.6; opacity: 0.6;}
#mainNav .subNav .dim a.active img, #mainNav .subNav .dim a:hover img {filter: Alpha(Opacity=100); -moz-opacity: 1.0; opacity: 1.0;}
#mainNav .subNav .dim div img {filter: Alpha(Opacity=100); -moz-opacity: 1.0; opacity: 1.0;}
#mainNav .subNav .content {background:url(../images/subnav_bg.gif) repeat-x #D9DEE6;}
#mainNav .subNav .shadowL {background:url(../images/mainnav_shadow_L.png) repeat-y;}
#mainNav .subNav .shadowR {background:url(../images/mainnav_shadow_R.png) repeat-y;}
#mainNav .shadowB {width:940px; height:5px; background:url(../images/mainnav_shadow_B.png) repeat-x; margin:0 auto; overflow:hidden;}
#mainNav .nav .content a {height:27px; background-repeat:no-repeat; overflow:hidden;}
#mainNav .nav .content a img {float:left;}
/*#mainNav .nav .content a:hover, #mainNav .nav .content a.active {background-position:0 -27px !important;}
#mainNav .nav .content a.leisure {width:194px; background:url(../images/mainnav_leisure.gif);}
#mainNav .nav .content a.racing {width:133px; background:url(../images/mainnav_racing.gif);}
#mainNav .nav .content a.football {width:107px; background:url(../images/mainnav_football.gif);}
#mainNav .nav .content a.membership {width:130px; background:url(../images/mainnav_membership.gif);}
#mainNav .nav .content a.charities {width:187px; background:url(../images/mainnav_charities.gif);}
#mainNav .nav .content a.corporate {width:189px; background:url(../images/mainnav_corporate.gif);}*/
#mainNav .subNav .content {text-align:center;}
#mainNav .subNav .content ul {margin:9px 0 0 0; padding:0;}
#mainNav .subNav .content ul li {background:url(../images/mainnav_stroke.gif) no-repeat 100% 50%; padding:0 22px 0 0; margin:0 21px 0 0; height:12px; display:inline; position:relative; z-index:10;}
#mainNav .subNav .content ul li img {vertical-align:top; margin-top:1px;}
#mainNav .subNav .content ul li.last {padding:0; margin:0; background:none;}
#mainNav .subNav .content ul li div.pullmenu {visibility:hidden; width:155px; height:auto; position:absolute; z-index:100; text-align:left; top:23px; left:-19px;}
#mainNav .subNav .content ul li div.pullmenu .shadowL {background:url(../images/pullnav_shadow_L.png) repeat-y; width:4px;}
#mainNav .subNav .content ul li div.pullmenu .shadowR {background:url(../images/pullnav_shadow_R.png) repeat-y; width:6px;}
#mainNav .subNav .content ul li div.pullmenu .shadowB {background:url(../images/pullnav_shadow_B.png) no-repeat; width:155px; height:9px;}
#mainNav .subNav .content ul li div.pullmenu .content {width:145px; background:none; text-align:left; height:auto; border-top:#AE8701 2px solid; background-color:#FFF;}
#mainNav .subNav .content ul li div.pullmenu .content dl {margin:5px 0 0 0;}
#mainNav .subNav .content ul li div.pullmenu .content dl dt {height:auto; padding:0; display:inline; position:relative;}
#mainNav .subNav .content ul li div.pullmenu .content dl dt a {display:block; width:145px; height:auto;}
#mainNav .subNav .content ul li div.pullmenu .content dl dt a img {margin-top:0;}
#mainNav .subNav .content ul li div.pullmenu .content dl dt .subArrow span {background:url(../images/navigation/nav_arrow.gif) no-repeat 100% 0; width:9px; height:6px; margin-top:2px; overflow:hidden; position:absolute; right:6px; top:8px; display:block;}
#mainNav .subNav .content ul li div.pullmenu .content dl dt .subArrow:hover span, #mainNav .subNav .content ul li div.pullmenu .content dl dt .subArrow.active span {background:url(../images/navigation/nav_arrow_over.gif) no-repeat 100% 0 #5990F0;}
#mainNav .subNav .content ul li div.pullmenu .content dl dd {background:url(../images/navigation/dash.gif) no-repeat 50% 0; height:1px; margin:1px 0; overflow:hidden;}

#mainNav .subNav .content ul li div.pullmenu .content div.pullmenu {left:141px; top:0;}
#mainNav .subNav .content ul li div.pullmenu .content div.pullmenu .content {border:none;}
#mainNav .subNav .content ul li div.pullmenu .content div.pullmenu .content dl {margin:0;}
/* Main Nav ends */

/* SEO starts */
#seo {width:100%; min-width:941px; clear:both; font-size:12px;}
#seo .content {width:941px; margin:0 auto; min-height:50px; padding:20px 0;}
#seo .content div {float:left; width:1px; margin:0 12px; min-height:156px;}
#seo .content dl {float:left; width:136px; min-height:156px;}
#seo .content dl.last {margin-right:0; padding-right:0; background:none;}
#seo .content dl dt, #seo .content dl dd {margin:0;}
#seo .content dl dt {font-size:12px; font-weight:bold; margin:0 0 5px 0; line-height:110%; min-height:30px;}
#seo .content dl dd {margin:0 0 5px 0;}
#seo .content a {display:block; width:100%;}
/* 6 Columns */
#seo.sixCol .content dl {width:136px;}
/* 5 Columns */
#seo.fiveCol .content dl {width:168px;}
/* 4 Columns */
#seo.fourCol .content dl {width:216px;}
/* SEO ends */

/* Footer starts */
#footer {width:964px; margin:0 auto; clear:left; font-size:11px;}
#footer .rgp {margin:20px 0;}
#footer .rgp .ifha {width:51px; height:49px; background:url(../images/icon_ifha.gif) no-repeat; float:right; margin:7px 0;}
#footer .nav {color:#CCC; clear:both; margin:0 0 10px 0;}
#footer .nav .content {float:left;}
#footer .nav .content a {margin:0 3px;}
#footer .nav .content a.first {margin-left:0;}
#footer .nav .copyright {float:right;}
/* Footer ends */

/* Left Nav starts */
#leftNav div {display:none;}
#leftNav dt {padding:0 0 4px 4px; height:25px; line-height:25px; overflow:hidden; vertical-align:middle;}
#leftNav dt span {width:1px; height:1px; display:inline-block;}
#leftNav dd {background:url(../images/dash_1.gif) bottom repeat-x;}
#leftNav dd.last {background:none;}
#leftNav dd a {width:auto; display:block; padding:10px 5px;}
#leftNav dd dl {font-size:11px; padding:0 0 5px 0; border:none; display:none;}
#leftNav dd dl dd {background:none;}
#leftNav dd dl dd a {color:#333333; padding-top:5px; padding-bottom:5px;}
/* Left Nav ends */

/* iframe starts */
.livecentreIframe, .fixtureIframe, .leaguetableIframe, .marksixIframe, .bannerpromoIframe, .blogsIframe, .votingIframe {width:300px; height:0;}
.matchInfoIframe {width:100%; height:0;}
.whatsHotBotIframe {width:285px; height:0;}
.blogsIframe {float:left;}
/* iframe ends */

/* Pulldown Nav starts */
#pulldownNav {color:#666; padding:0 0 10px 0; font-weight:700; font-size:12px;}
#pulldownNav select {color:#666; width:100px; height:19px; font-size:11px; vertical-align:middle; margin:0 10px 0 3px;}
#pulldownNav select.last {margin-right:0; width:250px;}
/* Pulldown Nav ends */

/* Tab Nav starts */
#tabNav {margin-bottom:10px; height:21px; font-size:11px;}
#tabNav a {margin-right:3px; float:left; display:inline-block; text-align:center; background:url(../images/football/bg_tab_l.gif) no-repeat 0 0; color:#666; text-decoration:none;}
#tabNav a span {display:inline-block; width:72px; height:18px; background:url(../images/football/bg_tab_r.gif) no-repeat 100% 0; padding:3px 5px 0 5px; cursor:pointer;}
#tabNav a:hover, #tabNav a.active {background:url(../images/football/bg_tab_l_over.gif) no-repeat 0 0; color:#FFF; font-weight:700;}
#tabNav a:hover span, #tabNav a.active span {background:url(../images/football/bg_tab_r_over.gif) no-repeat 100% 0;}
#summaryNav {float:left; background:url(../images/football/bg_tab_l.gif) no-repeat 0 0;}
#summaryNav div {float:left; width:430px; height:18px; padding-top:3px; background:url(../images/football/bg_tab_r.gif) no-repeat 100% 0;}
#summaryNav a {background:url(../images/football/bg_tab_stroke.gif) no-repeat 100% 4px; width:107px; margin:0;}
#summaryNav a:hover, #summaryNav a.active {background:url(../images/football/bg_tab_stroke.gif) no-repeat 100% 4px; color:#666; text-decoration:underline;}
#summaryNav a.last {background:none;}
/* Tab Nav ends */

/* Scroll bar starts */
#galleriesThumbContainer, #expertThumbContainer {padding:8px 5px; background:#DAE4C5; position:relative;}
#galleriesThumb, #expertThumb {height:85px; overflow:hidden; width:auto; position:relative;}
#galleriesThumb div, #expertThumb div {position:absolute;}
#galleriesThumb a {float:left; display:block; width:129px; border:#DAE4C5 3px solid;}
#galleriesThumb a:hover, #galleriesThumb a.active {border:#333 3px solid;}
#scrollbar {height:10px;}
#scrollbar .Scrollbar-Track {background-color:#333; width:auto; height:10px; position: relative; overflow:hidden; cursor:pointer;}
#scrollbar .Scrollbar-Track div {width:114px; height:10px; position: absolute; top:0; cursor: pointer; overflow:inherit;}
/* Scroll bar ends */

/* Table Style starts */
.mainTable {width:100%; border-bottom:1px solid #568400;}
.mainTable th {color:#666; padding:8px 15px 8px 15px; font-weight:normal; text-align:left; border-bottom:1px solid #568400;}
.mainTable td {padding:3px 15px 3px 14px; border-left:#FFF 1px solid; color:#333;}
.mainTable .rowColor {background:#EFEFEF;}
.mainTable th.matchNo {width:60px;}
.mainTable th.league {width:30px; text-align:center;}
.mainTable th.startTime {width:100px; text-align:center;}
.mainTable th.rank {width:30px;}
/*.mainTable th.team {width:120px;}*/
.mainTable th.last90days {border-bottom:#CCC 1px solid; text-align:center;}
.mainTable th.opponent {width:88px;}
.mainTable th.stopTime {width:85px; text-align:center;}
.mainTable th.odds {width:65px; text-align:center;}
.mainTable th.calculator {width:68px; background:#FFCC00; text-align:center;}
.mainTable th.winPercent {width:65px;}
.mainTable th.matchPlayed {width:65px;}
.mainTable .center {text-align:center;}
/* Table Style ends */

/* Share style starts */
.genBtn {float:right; display:inline-block; padding:3px 8px 1px 22px; background-repeat:no-repeat; background-position:5px 4px; color:#FFF; height:16px;}
.dashRight {background:url(../images/dash_3.gif) repeat-x 0 0; margin-top:10px; padding:10px 8px 0 8px;}
ul.genList li {background: url(../images/point.gif) no-repeat 2px 7px; padding:0 0 5px 15px;}
ul.genList li a {color:#497100;}
.caption {color:#666666; padding:10px 10px 0 10px;}
.rightGreenContainer {color:#FFF; position:relative; background:url(../images/football/right_green_bg_T.gif) no-repeat; padding:10px 10px 7px 10px; margin:0 0 3px 0; width:230px;}
.rightGreenContainer .bot {background:url(../images/football/right_green_bg_B.gif) no-repeat; height:3px; overflow:hidden; bottom:-3px; left:0; position:absolute; width:250px;}
#pageNumContainer {background:url(../images/dash_3.gif) repeat-x 0 0; margin-top:10px; padding:5px 0 0 0; text-align:right; color:#999;}
#pageNumContainer a {color:#999; margin:0 5px;}
#pageNumContainer a:hover, #pageNumContainer a.active {color:#568400; text-decoration:none;}
#pageNumContainer a.active {font-weight:bold;}
#pageNumContainer a.arrowL {margin-right:0;}
#pageNumContainer a.arrowR {margin-left:0;}
.iconsContainer * {float:right;}
.iconsContainer a {margin-left:5px;}
.iconsContainer a.icon {width:16px; display:inline-block;}
.iconsContainer a.icon img {margin-top:2px;}
/* Share style ends */

/* Search starts */
.searchHeader {background:url(../images/dash_2.gif) repeat-x 0 100%; height:27px; margin-bottom:1px; padding:3px 0 0 5px;}
.searchForm {background:#568400; padding:5px 8px; color:#FFF; font-size:11px; font-weight:700; text-align:right; height:20px;}
.searchForm input, .searchForm select {color:#666; float:left; margin-right:5px;}
.searchForm input {width:185px; height:13px;}
.searchForm select {width:100px; height:19px;}
.searchForm a {float:left; background: url(../images/football/btn_search_green.gif) no-repeat 0 0; color:#FFF; width:56px; height:18px; display:inline-block;text-align:center; padding-top:1px;}
.searchForm span {float:right; display:inline-block; margin-top:1px;}
.searchResult {padding:15px 10px; background:url(../images/dash_1.gif) repeat-x 0 100%; font-size:11px; color:#666;}
.searchResult h2 {padding:0 0 5px 0; background:none; border:none; font-size:11px;}
.searchResult p {padding:0 0 5px 0;}
.searchResult p span {color:#0552E1;}
.searchPage .pagenator {margin-top:15px; text-align:center;}
/* Search ends */