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

#innerContent {font-size:11px; width:920px; padding-right:10px;}
#innerContent h1 {width:auto; background:#4D1A69; padding:7px 10px;}
#innerContent h2 {font-size:11px;}
a.more {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;}
.moreContainer {background:url(../images/dash_1.gif) repeat-x top; padding:7px 0 0 0;}
table {width:100%;}

/* Main Structure starts */
#leftCol {width:610px; float:left;}
#rightCol {width:300px; float:right;/* background:#e9e9e9; min-height:1107px;*/}
#fontSizeContainer {margin:24px 10px 0 0; line-height:150%; text-align:left;}
.separatorV {float:left; height:138px; width:1px; margin:15px 10px 0 10px; overflow:hidden; background:url(../images/dash_4.gif) repeat-y 0 0;}
/* Main Structure ends */

/* Home Bottom Item starts */


.homeItem {float:left; position:relative; width:100%; margin:15px 0 10px 0;}
.homeItem h2 {font-size:11px;}
.homeItem h3 {margin:0 0 10px 0;}
.homeItem div.photo {float:left;}
.homeItem div.detail {margin-left:128px;}
.homeItem div.detail a {color:#000;}
.homeItem div.detail strong {color:#3C1271; margin:0 0 3px 0;}
.homeItem div.detail span {display:block; padding:5px 0 10px;}
.homeItem div.detail a:hover span {text-decoration:underline;}
.homeItem div.detail a.more {display:inline-block; color:#333; background:url(../images/home/btn_more.gif) no-repeat 0 3px; padding:0 0 0 17px; position: absolute; bottom:0; right:0; font-size:10px; line-height:140%;}
/* Home Bottom Item ends */

/* newsBox starts */
#newsBox {height:309px; position:relative; margin-bottom:10px;}
#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:400px; height:55px; color:#FFF; background:#333; padding:7px 10px 5px 10px;}
#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:190px; height:309px; top:0; right:0; background:#EBE2F7; z-index:10;}
#newsBox .rightCol a.more {margin:7px 7px 0 0;}
#newsBox .nav a {display:block; width:170px; 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 .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;}
#newsBox .nav a .txt {float:left; padding:0; margin:0; width:92px; line-height:14px;}
#newsBox .nav a span.arrow {width:7px; height:71px; background:url(../images/home/news_arrow.gif) no-repeat 0 50%; position:absolute; left:-4px; top:0; visibility:hidden; padding:0; display:block; overflow:hidden;}
#newsBox .nav a:hover .arrow, #newsBox .nav a.active .arrow {visibility:visible;}
/* newsBox ends */

/* Fun Facts About Racing starts */
.funFacts .content {padding:10px 0 0 18px; position:relative;}
.funFacts .content img.mainVisual {position: absolute; bottom:0;}
.funFacts .content div {margin:0 0 0 173px;}
.funFacts .content div h2 {margin:0 0 5px 0;}
.funFacts .content div p {padding:0 0 10px 0;}
.funFacts .content div ul {padding:0 0 25px 0;}
.funFacts .content div ul li {float:left; width:45%; padding:0 0 5px 0;}
/* Fun Facts About Racing ends */

/* whatsHot starts */
.whatsHotContainer {width:100%; margin:10px 0 0 0; background:#EBE2F7; font-size:11px;}
.whatsHotContainer h1 {width:auto; background:#244FA1; padding:5px 10px;}
.whatsHotContainer .content {padding:10px;}
.whatsHotContainer .content iframe {float:left;}
div.whatshotItem {width:285px; height:70px; padding:0; float:left; background:#EBE2F7; font-size:11px;}
div.whatshotItem img {float:left; margin:0 10px 0 0;}
div.whatshotItem a {width:185px; float:left; display:block; color:#333; line-height:14px;}
div.whatshotItem a strong{color:#3C1271;}
div.whatsHotStroke {float:left; width:1px; height:70px; margin:0 9px; background-color:#FFF;}
/* whatsHot ends */

/* offer starts */
#offer {width:300px; float:left; margin:10px 0 0 0;}
/* offer ends */

/* Left Inside Column starts */
#leftInside {float:left;width:300px; margin:10px 10px 0 0;}
/* Left Inside Column ends */

/* Latest Mark Six starts */
#latestMarkSix {text-align:center; font-size:14px; font-weight:700; padding:4px 0;}
/* Latest Mark Six ends */

/* At The Racecourses starts */
.racecourses .content {padding:10px;}
.racecourses p {padding-bottom:0;}
.racecourses .moreContainer {background:none;}
/* At The Racecourses ends */

/* Promo Banner starts */
#bannerPromo {padding:1px; background:#E4DCE9; margin-top:1px;}
/* Promo Banner ends */

/* Online Reservation starts */
#btnReservation {margin-bottom:10px;}
/* Online Reservation ends */

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

/* Table Style starts */
.mainTable {border-bottom:1px solid #2F5395;}
.mainTable th {padding:2px 5px 2px 5px; border-bottom:1px solid #2F5395;}
.mainTable td {padding:2px 5px 2px 4px; border-left:#F2F9FD 1px solid; color:#666;}
.mainTable .rowColor {background:#EFEFEF;}
.mainTable th.position {width:25px;}
.mainTable th.number {width:18px; text-align:center;}
.mainTable th.dividends {width:65px;}
.mainTable th.points {width:35px; text-align:center;}
.mainTable th.odds {width:60px; text-align:center;}
.mainTable .center {text-align:center;}
/* Table Style ends */

/* Item starts */
.itemBgColor .content {background:#E5DDEA;}
.itemBorder .content {border:#4D1A69 1px solid; border-top:none; margin:0 0 10px 0;}
.itemBorder h1 {margin:0;}
.itemBorderBottom .content {border-bottom:#4D1A69 2px solid;margin:0 0 10px 0;}
/* Item ends */

/* Special Offer starts */
#special_offer{
	border-bottom:1px solid #d7d7d7;
	border-left:1px solid #d7d7d7;
	border-right:1px solid #d7d7d7;
	width:298px;
	height:150px;
}

#special_offer ul{
	list-style-type:none;
	margin:0px;
	padding:0px 0px 0px 0px;
}
#special_offer li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
}
#special_offer #pic{
	width:100px;
}
#special_offer #so_rightcol{
	width:168px;
	float:right;
	margin-top:-150px;
	margin-left:110px;
	margin-right:10px;
}
/*
html > #special_offer #so_rightcol{
	width:168px;
	float:right;
	margin-left:0px;
	margin-right:10px;
	background-color:#CCC;
}
*/
#special_offer #so_rightcol ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#special_offer #so_rightcol li#title{
	color:#4e1b6a;
	width:168px;
	line-height:16px;
	margin-bottom:5px;
	margin-top:3px;
}
#special_offer #so_rightcol li#title a{
	color:#4e1b6a;
	text-decoration:none;
}
#special_offer #so_rightcol li#title a:hover{
	color:#4e1b6a;
	text-decoration:underline;
}
#special_offer #so_rightcol li#content{
	width:168px;
	height:80px;
	border-bottom:1px solid #d7d7d7;
	margin-bottom:3px;
}
#special_offer #so_rightcol li#more{
	text-align:right;
}
#special_offer #so_rightcol a#viewmore{
	color:#000;
	text-decoration:none;
}
#special_offer #so_rightcol a#viewmore:hover{
	color:#000;
	text-decoration:underline;
}
/* Special Offer end */

/* Video Entry Starts */
#video_entry{
	clear:both;
	width:298px;
	height:470px;
	border:1px solid #d7d7d7;
}
#video_entry h2{
	font-size:11px;
	font-weight:normal;
	text-indent:10px;
	line-height:30px;
}
#video_entry ul{
	list-style-type:none;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
}
#video_entry #videotbn{
	margin-bottom:15px;
}
#video_entry #rightcol{
	float:right;
	width:208px;
	height:65px;
	line-height:18px;
}
#video_entry #rightcol ul{
	list-style-type:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#video_entry #rightcol li#videotitle{
	width:160px;
}
#video_entry #rightcol li#videotitle a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4d1a69;
	text-decoration:none;
}
#video_entry #rightcol li#videotitle a:hover{
	text-decoration:underline;
}
#video_entry #rightcol li#videodate{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	float:right;
	margin-right:10px;
}
#video_entry #rightcol li#videoname{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	margin-right:10px;
}
#video_entry #video_more ul{
	list-style-type:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#video_entry #video_more li#more{
	height:20px;
	padding-top:10px;
	/*border-top:1px dotted #d7d7d7;*/
	background-image: url(/entertainment/common/chinese/images/dash_1.gif);
	background-position:top;
	background-repeat:repeat-x;
}
a.more_url{
background: url("/entertainment/common/chinese/images/home/btn_more.gif") no-repeat;
background-position:left;
color: #333333;
display: block;
font-size: 10px;
margin-left: 130px;
padding: 0px 0px 0px 17px;
}

/* Video Entry Ends*/

/* Blog Entry Starts */
#blog_entry{
	clear:both;
	width:298px;
	height:auto;
	border:1px solid #d7d7d7;
}
#blog_entry h2{
	font-size:11px;
	font-weight:normal;
	text-indent:10px;
	line-height:30px;
}
#blog_entry ul{
	list-style-type:none;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
}
#blog_entry #blogtbn{
	margin-bottom:15px;
}
#blog_entry #rightcol{
	float:right;
	width:208px;
	height:65px;
}
#blog_entry #rightcol ul{
	list-style-type:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#blog_entry #rightcol li#blogtitle{
	width:150px;
}
#blog_entry #rightcol li#blogtitle a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4d1a69;
	text-decoration:none;
}
#blog_entry #rightcol li#blogtitle a:hover{
	text-decoration:underline;
}
#blog_entry #rightcol li#blogdate{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	float:right;
	margin-right:10px;
}
#blog_entry #rightcol li#blogger{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}
#blog_entry #blog_more ul{
	list-style-type:none;
	margin:0px 10px 0px 10px;
	padding:0px 0px 0px 0px;
}
#blog_entry #blog_more li#more{
	height:20px;
	padding-top:10px;
	/*border-top:1px dotted #d7d7d7;*/
	background-image: url(/entertainment/common/chinese/images/dash_1.gif);
	background-position:top;
	background-repeat:repeat-x;
}
/* Blog Entry Ends*/