@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:0;}
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:274px; height:65px; margin:5px 5px 6px 11px; background:url(../images/logo_hkjc.png) 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; display:inline; width:130px; 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;}
/** 20101021 new globalLoginControl class starts **/
#topNav #globalLoginControl {position:relative;}
#topNav #globalLoginControl a.login {color:#2A3981; font-weight:700; padding:0 0 0 10px; margin:0 0 0 5px; border-left:1px solid #2A3981;}
/** 20101021 new globalLoginControl class ends**/
#topNav {line-height:14px;}
#topNav input {width:75px; height:14px; color:#868686;}
#topNav input.iconToggle {width:16px; height:17px; margin:0px 0 0 0; line-height:14px;}
#topNav a.login {color:#2A3981; font-weight:700; padding:0 0 0 10px; margin:0 0 0 5px; border-left:1px solid #2A3981;}
#topNav #globalLoginControl a.faq {color:#848484; padding:0 0 0 10px; margin:0 0 0 5px; border-left:1px solid #2A3981;}
#topNav a.help {padding:0;}
#topNav a.help img {margin:0 10px;}
#fontSizeContainer {line-height:150%; text-align:right; height:20px;font-size:11px;}
#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; 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:40px; 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 li a.active img.level2, #mainNav .subNav li a:hover imglevel2 {filter: Alpha(Opacity=100); -moz-opacity: 1.0; opacity: 1.0;}
#mainNav .subNav li a img.level2 {filter: Alpha(Opacity=60); -moz-opacity: 0.6; opacity: 0.6;}
/*#mainNav .subNav .dim li a img {filter: Alpha(Opacity=60); -moz-opacity: 0.6; opacity: 0.6;}
#mainNav .subNav .dim li a.active img, #mainNav .subNav .dim li 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;} /*comment suggested by IT for Web Accessibility*/
#mainNav .nav .content a {float:left;}
/*#mainNav .nav .content a:hover, #mainNav .nav .content a.active {background-position:0 -27px !important;}
#mainNav .nav .content a.entertainment {width:194px; background:url(../images/mainnav_entertainment.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; width:900px; height:26px; padding:9px 20px 0 20px;}
#mainNav .subNav .content ul {margin:9px 0 0 0; padding:0 10px;}
#mainNav .subNav .content ul {margin:0; padding:0; display:block;}
#mainNav .subNav .content ul li {display:inline-block; position:relative; z-index:10; white-space:nowrap;}
#mainNav .subNav .content ul .stroke {padding:0 5px; margin:0; width:1px; color:#AE8701;}
#mainNav .subNav .content ul li {*display:inline;}
/* SQ No.:531519 - Updating the stroke */
#mainNav .subNav .content ul li.stroke {*padding:0 8px;}
#mainNav .subNav .content ul li a {font-size:11px; font-weight:700; color:#AE8701; width:auto;}
#mainNav .subNav .content ul li a:hover {text-decoration:none;}
#mainNav .subNav .content ul li img {vertical-align:top; margin:3px 0;}
#mainNav .subNav .content ul li.last {background:none; padding:0; margin:0;}
#mainNav .subNav .content ul li div.pullmenu {visibility:hidden; width:155px; height:auto; position:absolute; z-index:100; text-align:left; top:18px; 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; padding:0;}
#mainNav .subNav .content ul li div.pullmenu .content dl {margin:5px 0 0 0;}


/* SQ No.:531519 - Updating the white space value*/
#mainNav .subNav .content ul li div.pullmenu .content dl dt {height:auto; padding:0; position:relative;white-space:normal;}
#mainNav .subNav .content ul li div.pullmenu .content dl dt a {display:block; height:auto; color:#003C84; padding:5px 17px 5px 10px; width:118px; background-color:#FFF;white-space:normal;}
#mainNav .subNav .content ul li div.pullmenu .content dl dt a:hover, #mainNav .subNav .content ul li div.pullmenu .content dl dt a.active {color:#FFF; background-color:#003C84; text-decoration:none;}
#mainNav .subNav .content ul li div.pullmenu .content dl dt a img {margin:0;}
/*#mainNav .subNav .content ul li div.pullmenu .content dl dt a:hover, #mainNav .subNav .content ul li div.pullmenu .content dl dt a.active {background:#003C84;}
#mainNav .subNav .content ul li div.pullmenu .content dl dt a.subArrow:hover, #mainNav .subNav .content ul li div.pullmenu .content dl dt a.subArrow.active {background:url(../images/navigation/nav_arrow.gif) no-repeat 100% 50% #003C84;}*/
#mainNav .subNav .content ul li div.pullmenu .content dl dt .subArrow span {background:url(../images/navigation/nav_arrow.gif) no-repeat 100% 0; width:3px; height:6px; margin-top:2px; overflow:hidden; position:absolute; right:12px; 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 #003C84;}
#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.pullmenuLeft div.pullmenu .content div.pullmenu {left:-149px; 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: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:103px; 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; vertical-align:middle; color:#4D1A69; font-size:13px; font-weight:700; min-height: 20px;	height: auto !important; height: 20px; text-transform:uppercase; line-height:13px; overflow:visible;}
#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; font-size:11px; font-weight:700; color:#666;}
#leftNav dd a:hover, #leftNav dd a.active {color:#4D1A69; text-decoration:none;}
#leftNav dd dl {font-size:11px; padding:5px 0; border:none; display:none;}
#leftNav dd dl dd {background:none;}
#leftNav dd dl dd a {color:#333333; padding-top:3px; padding-bottom:3px; font-weight:400;}
#leftNav dd dl dd a:hover, #leftNav dd dl dd a.active {font-weight:700;}
/* Left Nav ends */

/* iframe starts */
.marksixIframe {width:300px; height:0;}
.whatsHotBotIframe {width:285px; 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 */

/* Calendar starts */
.calendar {background:#FFF; position:relative; height:100%;}
.calendar a {cursor:pointer;}
.calendar .month {text-align:center; vertical-align:middle; color:#333; font-size:12px; font-weight:700; padding:5px 0; position:relative; width:100%; height:auto !important; height:16px; min-height:16px;}
.calendar .month img {vertical-align:middle;}
.calendar .month .arrowPrev, .calendar .month .arrowNext {position:absolute; top:6px;}
.calendar .month .arrowPrev {left:40px;}
.calendar .month .arrowNext {right:40px;}
.calendar .month .dim img {filter: Alpha(Opacity=30); -moz-opacity: 0.3; opacity: 0.3;}
.calendar table {width:228px; margin:0 auto;}
.calendar table td {padding:2px 2px 2px 1px; border:#FFF 1px solid; text-align:right; font-size:11px;}
.calendar table td.today {color:#FFF;}
.calendar table td.sun {color:#C80000;}
.calendar table td a {cursor:pointer;}
.calendar table td.active, .calendar table td a:hover {font-weight:700; text-decoration:none;}
.calendar table td .floatRight {width:6px; min-height: 20px; height: auto !important; height:20px;}
.calendar table td .floatRight img {margin:0 0 1px 1px; float:left;}
.choiceMenu {margin:5px 10px 0 10px; background:url(../images/dash_1.gif) repeat-x 0 0; padding:10px 0 5px 0; font-size:10px; color:#838383;}
.choiceMenu ul li input {margin:0 5px 0 0; padding:0; width:13px; height:13px; overflow:hidden;}
.choiceMenu ul li img {margin:4px 5px 0 0; vertical-align:top;}
.choiceMenu ul li {float:left; line-height:120%; padding-bottom:3px;}
.choiceMenu ul li.box {width:30px;}
.choiceMenu ul li.name {/*width:99px;*/width:84px; padding-right:10px;}
.calendarEvents {padding:5px 10px 0 10px; height: 64px; overflow:auto;}
.calendarEvents ul li a {color:#333; display:inline-block; padding:0 0 5px 12px;}
.calendar .eventsPopup {display:block; position:absolute; width:280px; background-color:#FFF; bottom:70px; left:-75px; padding:10px;z-index:1000;}
.calendar .eventsPopup .btnClose {float:right; background:url(../images/icon_close.gif) no-repeat 0 0; width:11px; height:11px; display:block;}
.calendar .eventsPopup .photo {float:left;}
.calendar .eventsPopup .detail {margin-left:110px;}
.calendar .eventsPopup .detail a {float:right;}

.calendar table td a {cursor:pointer;color:#000000;}
.calendar table td.sun a{color:#C80000;}
.calendar table td.today a{color:#FFF;}
/* Calendar ends */


/* Added by DC 24/05/2010 starts */
#mainNav .subNav .content ul.dim li a {color:#C7B163;}
#mainNav .subNav .content ul.dim li a.active {color:#AE8701;}
/* Added by DC 24/05/2010 ends */


/* Added by DC 26/05/2010 starts */
#innerContent  {font-size:90%;}
#innerContent  h1 {padding:7px 10px;}

/* please remove margin-bottom:10px after IWC*/
#innerContent  .content {padding:10px;}
/**SQ 531850 remove the padding-top:10px to 0px
#innerContent  .itemBorder .content {border:#CCC 1px solid; border-top:none; padding:10px 0; margin-bottom:10px;}
**/
#innerContent  .itemBorder .content {border:#CCC 1px solid; border-top:none; padding:0 0; margin-bottom:10px;}
#innerContent  .itemColorBorder .content {border:#4E1B6A 1px solid; border-top:none; padding:10px 0; margin-bottom:10px;}
#innerContent  .promotions .content ul li {float:left; padding:0 0 10px 0;}
#innerContent  .promo3 .content ul {background:url(../images/go-racing/dash_3.gif) repeat-y 50% 0; padding:10px 0 0 0;}
#innerContent  .promo3 .content ul li {width:33.3%;float:left; padding:0 0 10px 0;}
#innerContent  .promo4 .content ul {background:url(../images/go-racing/dash_4.gif) repeat-y 50% 0; padding:10px 0 0 0;}
#innerContent  .promo4 .content ul li {width:25%;}
#innerContent  .promo3short .content ul {background:url(../images/go-racing/dash_3_short.gif) repeat-y 50% 0; padding:3px 0 0 0;}
#innerContent  .promo3short .content ul li {width:33.2%;}
#innerContent  .promo2short .content ul {background:url(../images/go-racing/dash_2.gif) repeat-y 50% 0; padding:3px 0 0 0;}
#innerContent  .promo2short .content ul li {width:50%;}
#innerContent  .promotions .content img {float:left; margin:0 10px; width:60px; height:50px;}
#innerContent  .promotions .content a {color:#333; display:block; line-height:14px; margin:0 10px 0 80px;}
#innerContent  .promotions .content a span {color:#4D1A69; font-weight:700; display:block; padding:0 0 3px 0;}
/**SQ 531844 added 20100709 add padding-left:10px for the content **/
#innerContent  .promo3 .content p, #innerContent  .promo4 .content p, #innerContent  .promo3short .content p, #innerContent .promo2short .content p {padding: 0 10px;} 
/** #leftCol {float:left; width:490px;}**/
/** edited on 20100714 leftCol2 & rightcol2 is for generic template**/
#leftCol {float:left; width:485px;}
#rightCol {float:right; width:270px;}
#leftCol2 {float:left; width:485px;}
#rightCol2 {float:right; width:270px;}
#heroLeft {float:left; width:300px;}
#heroRight {float:right; width:430px; margin-right:20px;}
/** end edited**/
/* please remove margin-bottom:10px after IWC*/
#mainVisual {margin-bottom:10px;}
#mainVisual img {display:block;}
#mainVisual .detail {background:#333333; color:#FFF; padding:7px 10px;}
#mainVisual .detail h3 {color:#FFF; font-size:16px; font-weight:bold; line-height:16px; margin:0 0 4px;}
#mainVisual .detail p {line-height:12px; margin:0; padding:0;}
.moreContainer {background:url(../images/dash_1.gif) repeat-x top; padding:7px 0 0 0; margin:10px 0 0 0;}
#innerContent  .promotions .moreContainer {margin:10px 10px 0 10px;}
#innerContent  .content a.more {float:right; display:block; background:url(../images/home/btn_more.gif) no-repeat 0 0; padding:0 0 0 17px; margin:0 0 0 5px; color:#333; font-size:10px;}
#innerContent  .itemBgColor .content {background:#E5DDEA;}
#innerContent  .itemBgColor .content h2 {font-size:11px;}
/* please remove margin-bottom:10px after IWC*/
#innerContent  #promotionbox {margin-bottom:10px;}
#innerContent  #recalendar .content {padding:0;}
#innerContent  #recalendar .content .calendar table td {font-size:10px; padding-top:1px; padding-bottom:1px;}
#innerContent  #recalendar .calendarEvents {height:80px; padding-top:10px;}
#innerContent  #recalendar .calendarEvents h2 {font-size:11px;}
#innerContent  #recalendar .calendarEvents p {padding:0;}

/* Online Reservation starts */
.rightItem {margin-bottom:10px;}
/* Online Reservation ends */

/* Tourist Corner starts */
#innerContent  #touristCorner .touristCorner .content {padding:10px 10px 0 10px;}
.touristCorner ul li {background:url(../images/entertainment/arrow.gif) no-repeat 5px 6px; padding:0 0 8px 12px;}
.touristCorner ul li a {color:#333;}
/* Tourist Corner ends */

/* Restaurants & Bars starts */
div.indro p {padding:0 10px 15px 0;}
dl.restInfo {padding:10px 10px 0 0; border-top:#CCC 1px solid;}
/** added color on 20100708 **/
dl.restInfo dt {float:left; width:110px; padding:0 15px 15px 0; clear:left; font-weight:700; color:#4d1a69;}
dl.restInfo dd {margin:0 0 0 125px; padding:0 0 15px 0;}
/** end added **/
.infoTable {padding:10px 10px 10px 0;}
.infoTable table {width:100%; border-bottom:#CCC 1px solid;}
/** edited on 20100708 added infoTable2**/
.infoTable2 table {border-bottom:#CCC 1px solid;}
.infoTable th, .infoTable td{padding:10px;}
.infoTable2 th, .infoTable2 td  {padding:5px;}
.infoTable th, .infoTable2 th {font-weight:400; border-bottom:#CCC 1px solid;}
.infoTable th.bold, .infoTable th.bold {font-weight:700; text-align:left; vertical-align:bottom;}
.infoTable td, .infoTable td {border-top:#FFF 1px solid; border-left:#FFF 1px solid; vertical-align:middle; text-align:center;}
.infoTable td.img, .infoTable td.img {border-left:none; padding:0; text-align:left; width:105px;}
.infoTable td.left, .infoTable td.left {text-align:left;}
.infoTable tr.odd td, .infoTable2 tr.odd td {background-color:#EFEFEF;}
.infoTable tr.last td, .infoTable tr.last td {border-bottom:#FFF 1px solid;}
.infoTable p, .infoTable2 p {border-bottom:#CCC 1px solid; padding:10px 0;}
/*** ended edited ***/
.funTitle {padding:10px 10px 10px 0; font-weight:700; color:#4D1A69; font-size:12px;}
.funTitle a {float:right; font-weight:400;}
.iconsContainer {margin:10px 10px 0 0; width:300px;}
.iconsContainer * {float:right;}
.iconsContainer a {margin-left:5px;}
.iconsContainer a.icon {width:16px; display:inline-block;}
.iconsContainer a.icon img {margin-top:2px;}
.genBtn {float:right; display:inline-block; padding:3px 8px 1px 22px; background-repeat:no-repeat; background-position:5px 4px; color:#FFF; height:16px;}
/* Restaurants & Bars ends */

/* newsBox starts */
#newsBox {/*height:309px;*/ position:relative; margin-bottom:10px;}
/* Edited by DC 14/06/2010 starts */
#newsBox.single .rightCol {display:none;}
#newsBox.single .details {width:auto;}
#newsBox .photos {position:relative; height:242px; width:100%; z-index:1;}
#newsBox .photos img {position:absolute; top:0; left:0; display:none;}
#newsBox .details {width:565px; height:55px; color:#FFF; background:#333; padding:7px 10px 5px 10px;}
#newsBox.long .details {width:470px;}
#newsBox.superlong .details {width:700px;}
#newsBox.short .details {width:285px;}
#newsBox.short.single .details {width:auto;}
/* Edited by DC 14/06/2010 ends */
#newsBox .details div {display:none; width:100%;}
#newsBox .details h3 {font-size:16px; font-weight:bold; margin:0 0 4px 0; line-height:16px; color:#FFF;}
#newsBox .details p {padding:0; margin:0; line-height:12px;}
#newsBox .rightCol {position:absolute; width:185px; height:309px; top:0; right:0; background:#EBE2F7; z-index:10;}
#newsBox .rightCol a.more {margin:7px 7px 0 0; float:right; display:block; background:url(../images/home/btn_more.gif) no-repeat; padding:0 0 0 17px; margin-left:5px; color:#333; line-height:110%; font-size:10px;}
#newsBox .nav a {display:block; width:165px; height:63px; padding:8px 6px 0 14px; color:#3F3F3F; cursor:pointer; background:url(../images/home/news_dash.gif) no-repeat bottom center; position:relative;}
#newsBox.noMore .nav a {height:63px; padding:8px 6px 0 14px;}
#newsBox.noMore .nav a .arrow {height:71px;}
#newsBox .nav a:hover, #newsBox .nav a.active {background:#DCC8ED; text-decoration:none;}
#newsBox .nav a .imgContainer {float:left; border:1px solid #EAEAEA; margin:0 10px 0 0;}
#newsBox .nav a .imgContainer img {border:1px solid #FFF; width:60px; height:50px;}
#newsBox .nav a .txt {float:left; padding:0; margin:0; width:89px; line-height:14px;}
#newsBox .nav a .arrow {width:7px; height:71px; background:url(../images/home/news_arrow.gif) no-repeat 0 50%; position:absolute; left:-4px; top:0; visibility:hidden;}
#newsBox .nav a:hover .arrow, #newsBox .nav a.active .arrow {visibility:visible;}
/** added on 20100715**/
.noBox .rightCol {display: none;}
.noBox .details {display: none;}
/** added end **/
h4.dashLine {background:url(../images/dash_2.gif) repeat-x 0 100%;}
h4.tall {padding-bottom:11px;}
.container {padding:0 0 15px 0;}
.container img {float:right; margin:10px 0 0 0;}
.container .detail {float:left; width:460px;}
.container.shortImg .detail {width:540px;}
.container h5 {padding-left:0;}
.conferenceInfo {border:#CCC 1px solid; padding:15px 0; margin:0 0 20px 0; clear:left;}
.conferenceInfo ul {background:url(../images/go-racing/dash_3.gif) repeat-y 50% 0;}
.conferenceInfo ul li {float:left; width:28.3%; padding:0 2.5%;}
.conferenceInfo ul div {font-weight:700; color:#4D1A69; text-align:center; margin:0 0 10px 0; min-height: 50px; height: auto !important; height:50px;}
.conferenceInfo ul div img {margin:0 10px 0 0; vertical-align:middle;}
.conferenceInfo ul h2 {font-size:11px; margin:0 0 5px 0;}
.conferenceInfo ul li dl dt, .conferenceInfo ul li dl dd {margin:0 0 5px 0;}
.conferenceInfo ul li dl dt {float:left; width:35%; color:#707070;}
.conferenceInfo ul li dl dd {float:left; width:60%;}
/* newsBox ends */

/* Charities Trust starts */
#tabMenu {margin:0 0 20px 0; clear:left;}
.col1 #tabNav a {width:770px;}
.col2, .col3, .col4 #tabNav a {width:184px;}
.col5 #tabNav a {width:146px; height:30px}
#innerContent  #tabMenu .content {padding:0;}
#tabNav {border-bottom:#4D1A69 2px solid;}
#tabNav a {float:left; margin-right:2px; padding:2px 2px 1px 2px; text-align:center; background:#E0E0E0; color:#676767;}
#tabNav a.last {margin-right:0;}
#tabNav a:hover, #tabNav a.active {background:#4D1A69; color:#FFF; text-decoration:none;}
/*#tabContent {padding:10px; width:770px;}*/
#tabContent {/*padding:10px;*/ width:740px; padding-left:10px; padding-top:10px; padding-bottom:10px;}
#tabContent h2 {color:#4D1A69; font-size:14px; padding:0 0 8px 0; background-color:#FFF;}
#tabContent div {display:none; background-color:#FFF;}
#tabContent div p.note {padding:0 0 0 12px; font-weight:700;}
#tabContent ul li {background:url(../images/entertainment/arrow.gif) no-repeat 0 6px; padding:0 0 3px 12px;}
.container .detail ul {margin:10px 0 0 0;}
.container .detail ul li {background:url(../images/entertainment/arrow.gif) no-repeat 0 6px; padding:0 0 12px 12px;}
.container .detail ul li a {font-weight:700; color:#4D1A69;}
.container a {color:#4D1A69;}
/* Charities Trust ends */


/** 20100715 for second tabs**/
/* Charities Trust starts */
#tabMenu {margin:0 0 20px 0; clear:left;}
.col4 #tab2Nav a {width:187px;}
#innerContent  #tab2Menu .content {padding:0;}
#tab2Nav {border-bottom:#4D1A69 2px solid;}
#tab2Nav a {float:left; margin-right:2px; padding:2px 2px 1px 2px; text-align:center; background:#E0E0E0; color:#676767;}
#tab2Nav a.last {margin-right:0;}
#tab2Nav a:hover, #tab2Nav a.active {background:#4D1A69; color:#FFF; text-decoration:none;}
#tab2Content {/*padding:10px; */ width:740px;}
#tab2Content h2 {color:#4D1A69; font-size:14px; padding:0 0 8px 0; background-color:#FFF;}
#tab2Content div {display:none; background-color:#FFF;}
#tab2Content div p.note {padding:0 0 0 12px; font-weight:700;}
#tab2Content ul li {background:url(../images/entertainment/arrow.gif) no-repeat 0 6px; padding:0 0 3px 12px;}
/** end added **/

/* Online Reservation starts */
#innerContent  #onlineReservation .content {padding:10px;}
#innerContent  #onlineReservation .content .date, #innerContent  #onlineReservation .content .guest {margin:0 0 10px 0;}
#innerContent  #onlineReservation .content .date *, #innerContent  #onlineReservation .content .guest * {float:left;}
#innerContent  #onlineReservation .content .date span {display:block; width:30px;}
#innerContent  #onlineReservation .content .date input {width:192px; border:#B2B2B2 1px solid; height:14px; font-weight:700;}
#innerContent  #onlineReservation .content .date img {margin:0 0 0 1px;}
#innerContent  #onlineReservation .content .guest span {display:block; width:72px;}
#innerContent  #onlineReservation .content .guest select {width:176px;}
#innerContent  #onlineReservation .content .btnPurple {float:right;}
#innerContent  #onlineReservation .content .calendar {border:#4E1B6A 1px solid; margin:0 0 10px 0; display:none;}
#innerContent  #onlineReservation .content table {width:100%;}
#innerContent  #onlineReservation .content table td {text-align:center;}
#innerContent  #onlineReservation .content table td a {color:#4E1B6A;}
/* Online Reservation ends */
/* Added by DC 26/05/2010 ends */

/*** added on 20100712 ***/
/** go-racing ***/
#innerContent  ul.promotions li {float:left; padding:0 0 10px 0; background-image: none;}
#innerContent  ul.promo4  {background:url(../images/go-racing/dash_4.gif) repeat-y 50% 0; padding:10px 0 0 0;}
#innerContent  ul.promo4  li {width:25%; float:left; padding:0 0 10px 0;}
#innerContent  ul.promotions img {float:left; margin:0 10px; width:60px; height:50px;}
#innerContent  ul.promotions a {color:#333; display:block; line-height:14px; margin:0 10px 0 80px;}
#innerContent  ul.promotions a span {color:#4D1A69; font-weight:700; display:block; padding:0 0 3px 0;}
#innerContent  ul.promo3  {background:url(../images/go-racing/dash_3.gif) repeat-y 50% 0; padding:10px 0 0 0;}
#innerContent  #tab3Content ul.promo3  {background:url(../images/go-racing/dash_5.gif) repeat-y 50% 0; padding:10px 0 0 0;}
#innerContent  #tab4Content ul.promo3  {background:url(../images/go-racing/dash_5.gif) repeat-y 50% 0; padding:10px 0 0 0;}
#innerContent  ul.promo3  li {width:33.3%;}
#innerContent  .promo1 .content ul {padding:10px 0 0 0;}
#innerContent h2 {font-size:11px;}
.racecourse_link {background:url(/entertainment/common/chinese/images/icon_arrow.gif) no-repeat 0 6px; float: left; padding:4px 0 12px 20px; width:150px;}
/** go-racing end**/

/** meetings and functions **/
.menu_title {margin:0; padding:0; padding-top:2px; font-weight:bold;}
/** end add meetings and functions **/

/** equine-hero **/
p.hero_quote {font-size: 16px; padding:15px;}
/** equine-hero end**/

/** tourist **/
#content ul {padding-bottom:10px;}
#content ul li, #leftCol ul li {background:url(../images/entertainment/arrow.gif) no-repeat 0 6px; padding:0 0 5px 12px;}
#content ul.box li {background:none;}
dl.touristInfo {padding:10px 10px 0 0; border-top:#CCC 1px solid;}
dl.touristInfo dt {float:left; width:150px; padding:0 15px 15px 0; clear:left; font-weight:700; color:#4d1a69;}
dl.touristInfo dd {margin:0 0 0 125px; padding:0 0 15px 0;}
/** tourist end**/

/** links **/
#content .iconsContainer  a, a.btnPurple span{color:#FFFFFF; font-weight: normal;}
#content a {color:#4E1B6A;}
.infoTable a, #leftCol a, .racecourse_link a {color:#4E1B6A; font-weight: bold;}
/** end links **/

/*added on 2010-07-13*/
/* for HTML with tab component*/
/* Charities Trust starts */
#charitiestrust {float:left; width:750px; margin:0;}
/**#charitiestrust .content {padding:10px;}**/
#charitiestrust .content {border:#CCC 1px solid; border-top:none; padding:10px; margin-bottom:10px;}
#charitiesNav {border-bottom:#4D1A69 2px solid; font-size:10px; width:586px; margin-bottom:10px;}
#charitiesNav a {float:left; width:141px; margin-right:2px; padding:2px 2px 1px 2px; text-align:center; background:#E0E0E0; color:#4D1A69;}
#charitiesNav a.last {margin-right:0;}
#charitiesNav a:hover, #charitiesNav a.active {background:#4D1A69; color:#FFF; text-decoration:none;}
#charitiesContent {width:586px;}
#charitiesContent div {display:none; background-color:#FFF;}
#charitiesContent div.photo {float:left; display:block;}
#charitiesContent div.detail {margin:0 0 0 380px; display:block;}
#charitiesContent .detail h2 {color:#D9AD00; font-size:13px; padding:0 0 5px 0; background-color:#FFF;}
#charitiesContent .detail ul li {background:url(../images/entertainment/arrow.gif) no-repeat 0 6px; padding:0 0 3px 12px;}
#charitiesContent .detail ul li a {color:#D9AD00;}
/* Charities Trust ends */

/* equine legacy starts*/
.equineFunMain {position:relative;}
.equineFunMain span {display:block; position:absolute; color:#FFF; line-height:15px;}
.beijing span.txt1 {width:230px; top:10px; left:10px;}
.beijing span.txt2 {width:160px; top:115px; right:20px; text-align:right;}
.beijing span.txt3 {width:100px; top:305px; left:90px;}
.beijing span.txt4 {width:155px; top:414px; left:600px;}
.beijing span.txt5 {width:175px; top:675px; left:10px;}
.beijing span.txt6 {width:360px; top:632px; left:215px;}
.beijing span.txt7 {width:220px; top:675px; left:435px;}

.eastAsianGames span.txt1 {width:230px; top:10px; left:145px;}
.eastAsianGames span.txt2 {width:100px; top:305px; left:90px;}
.eastAsianGames span.txt3 {width:155px; top:421px; left:600px;}
.eastAsianGames span.txt4 {width:175px; top:673px; left:10px;}
.eastAsianGames span.txt5 {width:360px; top:613px; left:215px;}
.eastAsianGames span.txt6 {width:220px; top:675px; left:535px;}

.nationalGame span.txt1 {width:250px; top:10px; left:290px;}
.nationalGame span.txt2 {width:110px; top:300px; left:86px;}
.nationalGame span.txt3 {width:155px; top:358px; left:600px;}
.nationalGame span.txt4 {width:360px; top:618px; left:215px;}
.nationalGame span.txt5 {width:200px; top:673px; left:540px;}

.funfest2010 span.txt1 {width:235px; top:10px; left:175px;}
.funfest2010 span.txt2 {width:300px; top:110px; right:20px;}
.funfest2010 span.txt3 {width:100px; top:305px; left:90px;}
.funfest2010 span.txt4 {width:155px; top:414px; left:600px;}
.funfest2010 span.txt5 {width:200px; top:700px; left:10px;}
.funfest2010 span.txt6 {width:360px; top:610px; left:215px;}
.funfest2010 span.txt7 {width:225px; top:675px; left:540px;}

.funfest2008 span.txt1 {width:260px; top:10px; left:215px;}
.funfest2008 span.txt2 {width:100px; top:305px; left:90px;}
.funfest2008 span.txt3 {width:530px; top:482px; left:220px;}
.funfest2008 span.txt4 {width:175px; top:700px; left:10px;}
.funfest2008 span.txt5 {width:360px; top:530px; left:600px;}
.funfest2008 span.txt6 {width:220px; top:675px; left:535px;}

.openday span.txt1 {width:250px; top:10px; left:290px;}
.openday span.txt2 {width:110px; top:300px; left:86px;}
.openday span.txt3 {width:155px; top:375px; left:600px;}
.openday span.txt4 {width:360px; top:630px; left:215px;}
.openday span.txt5 {width:200px; top:673px; left:540px;}
/* equine legacy ends */

/* facilities photos starts */
#newsPhoto img {float:none; margin:0; display:block;}
#newsPhoto .photoMain {width:260px; height:200px; position:relative;}
#newsPhoto .photoMain img {position:absolute; top:0; left:0; width:270px; max-width:270px;}
#newsPhoto .photoMain a {display:none;width:270px; max-width:270px;}
/**#newsPhoto .photoCaption {float:right; background-color:#E9E9E9; color:#666; padding:10px; margin:0 10px 10px 0; width:240px;}**/
#newsPhoto .photoCaption {float:right; background-color:#E9E9E9; color:#666; padding:10px; margin:0 0 10px 0; width:250px;}
#newsPhoto .photoCaption span {float:right;}
#newsPhoto .photoCaption span a {color:#666;line-height: 20px;}
/* facilities photos ends */

/** 20100716 **/
.eventTable{padding:30px 0 0 0;}
.eventTable tr td{padding:10px 0 20px 0;}

/* Charities Trust starts */
#tabMenu {margin:0 0 20px 0; clear:left;}
.col1 #tab3Nav a {width:770px;}
.col2, .col3, .col4 #tab3Nav a {width:184px;}
.col5 #tab3Nav a {width:146px;}
#innerContent  #tab3Menu .content {padding:0;}
#tab3Nav {border-bottom:#4D1A69 2px solid;}
#tab3Nav a {float:left; margin-right:2px; padding:2px 2px 1px 2px; text-align:center; background:#E0E0E0; color:#676767;}
#tab3Nav a.last {margin-right:0;}
#tab3Nav a:hover, #tab3Nav a.active {background:#4D1A69; color:#FFF; text-decoration:none;}
/*#tabContent {padding:10px; width:770px;}*/
#tab3Content {/*padding:10px;*/ width:700px;}
#tab3Content h2 {color:#4D1A69; font-size:14px; padding:0 0 8px 0; background-color:#FFF;}
#tab3Content div {display:none; background-color:#FFF;}
#tab3Content div p.note {padding:0 0 0 12px; font-weight:700;}
#tab3Content ul li {background:url(../images/entertainment/arrow.gif) no-repeat 0 6px; padding:0 0 3px 12px;}
/* Charities Trust ends */

/* Charities Trust starts */
#tabMenu {margin:0 0 20px 0; clear:left;}
.col1 #tab4Nav a {width:770px;}
.col2, .col3, .col4 #tab4Nav a {width:184px;}
.col5 #tab4Nav a {width:146px;}
#innerContent  #tab4Menu .content {padding:0;}
#tab4Nav {border-bottom:#4D1A69 2px solid;}
#tab4Nav a {float:left; margin-right:2px; padding:2px 2px 1px 2px; text-align:center; background:#E0E0E0; color:#676767;}
#tab4Nav a.last {margin-right:0;}
#tab4Nav a:hover, #tab4Nav a.active {background:#4D1A69; color:#FFF; text-decoration:none;}
/*#tabContent {padding:10px; width:770px;}*/
#tab4Content {/*padding:10px;*/ width:700px;}
#tab4Content h2 {color:#4D1A69; font-size:14px; padding:0 0 8px 0; background-color:#FFF;}
#tab4Content div {display:none; background-color:#FFF;}
#tab4Content div p.note {padding:0 0 0 12px; font-weight:700;}
#tab4Content ul li {background:url(../images/entertainment/arrow.gif) no-repeat 0 6px; padding:0 0 3px 12px;}
/* Charities Trust ends */

#content ul.topLink li {background:url(../images/entertainment/arrow_top.gif) no-repeat 0 6px; padding:0 0 5px 12px; float:right;}

/** for generic template **/
#fontSizeContainer2 {line-height:150%; text-align:right; height:20px;font-size:11px;}
#fontSizeContainer2 div {float:right;}
#fontSizeContainer2 div span {float:left; margin-right:10px; color:#999;}
#fontSizeContainer2 a {width:14px; height:14px; display:block; text-indent:-2000px; float:left; border:1px solid #FFF;}
#fontSizeContainer2 a:hover, #fontSizeContainer2 a.active {border:1px solid #0A2773;}
#fontSizeContainer2 a.small {background:url(../images/icon_fontsize_S.gif) no-repeat;}
#fontSizeContainer2 a.medium {background:url(../images/icon_fontsize_M.gif) no-repeat;}
#fontSizeContainer2 a.large {background:url(../images/icon_fontsize_L.gif) no-repeat; margin:0 3px 0 0;}
/** end **/

/** floor plan css**/
.floorPlanContainer {margin:10px 0 0 10px;}
#floorPlanPhoto .photoMain {width:645px; height:350px; position:relative;}
#floorPlanPhoto .photoMain a {display:none;}
#floorPlanPhoto .photoMain img {left:0;position:absolute;top:0;}
#floorPlanPhoto img {display:block;float:none;margin:0;}
#floorPlanPhoto .photoCaption {float:none;margin:5px 0 0;padding:0;width:645px;color:#666666;}
#floorPlanPhoto .photoCaption span a {color:#666666;}
#floorPlanPhoto .photoCaption span {float:right;}
/** ends**/


/*20100806*/
.pagenator {float: right; margin-right: 100px;}
table.giftshop tr {border-bottom:#FFF 1px solid;}

/*20100813*/
#onlineReservationIframe {height:0;}

/*#topNav .searchComponent {display:none;} /*comment this when showing the search bar, otherwise uncomment it*/
/*#searchtext  {display:none;}*/
/*#searchimg  {display:none;}*/


/* Login Name starts */
#hkjc_greeting_name {
     display:inline-block;
     max-width:77px;
     white-space:nowrap;
     overflow:hidden !important;
     text-overflow:ellipsis;
     line-height: 1.5em;
     vertical-align:bottom;
}
/* Login Name ends */