@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 {font-size:11px;}

h1 {padding:4px 10px; color:#FFF; font-size:11px; margin-bottom:2px;}
h1.image {padding:6px 10px; margin-bottom: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;}


/* Main Structure starts */
#mainContainer {width:964px; font-size:105%; position:relative; margin:0 auto;}
#header {height:73px; clear:both;}
#logo {display:block; width:171px; height:50px; margin:13px; 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;}
#content {float:left; width:770px;}
#twoColumn {margin-bottom:10px; 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;}
#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; padding:0 0 0 45px; height:40px;}
#ewinContainer a {display:block; background:url(../images/arrow_1.gif) no-repeat 0 4px; padding:0 0 0 9px; color:#7B7135; line-height:120%;}
/* 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;}
#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 {display:inline-block; height:27px; text-indent:-2000px; background-repeat:no-repeat; 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 * {line-height:12px; overflow:hidden; height:12px;}
#mainNav .subNav .content ul {margin:12px 0 0 0; padding:0;}
#mainNav .subNav .content ul li {border-right:1px solid #AE8701; padding:0 12px 0 0; margin:0 12px 0 0; height:12px; display:inline;}
#mainNav .subNav .content ul li img {vertical-align:top;}
#mainNav .subNav .content ul li.last {border:none; padding:0; margin:0;}
/* Main Nav ends */

/* SEO starts */
#seo {width:100%; min-width:941px; clear:both; font-size:11px;}
#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:1.1em; 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 {height:63px; margin:20px 0; background:url(../images/rgp_text.gif) no-repeat;}
#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;}
/* Left Nav ends */

/* iframe starts */
.dividendsIframe, .standingsIframe, .meetingreminderIframe, .topplayersIframe {width:300px; height:0;}
/* iframe ends */

/* Pulldown Nav starts */
#pulldownNav {color:#666; padding:0 0 10px 0; font-weight:700;}
#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 */

/* 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 td {background:#D9EDF9;}
.mainTable th.matchNo {width:60px;}
.mainTable th.league {width:30px; text-align:center;}
.mainTable th.startTime {width:100px; text-align:center;}
.mainTable a {color:#2F5395;}
.mainTable .center {text-align:center;}
/* Table Style ends */