div#logo object
{
	width : 250px;
	height : 120px;
	margin-left : 20px;
}

body
{
    margin-left: 0px;
    margin-top: 0px;
    background-color: #ffffff;
    background-image: url(images/theme01.jpg);
    background-repeat: no-repeat;
    font-size: 12px;
    font-family: Arial, 新細明體;
}


.wptitlebar_center
{
    background-image: url(images/bar_center.gif);    
    background-repeat:no-repeat;
    padding:0px;
    border: 0px;    
    vertical-align:top;
    height:11px;
    font-size:0px;
    color:#5165d6;  
    filter:alpha(opacity=40); 
/*  background-color:Transparent;
*/
}

.wptitlebar_leftside
{
    background-image: url(images/bar_side.gif);  
    background-repeat:no-repeat;
    padding:0px;
    border: 0px;    
    vertical-align:top;
    height:11px;
    font-size:0px;
    color:#5165d6;
    filter:alpha(opacity=40); 
/*  background-color:Transparent;
*/

}

.wptitlebar_rightside
{
    background-image: url(images/bar_side.gif);  
    background-repeat:no-repeat;
    padding:0px;
    border: 0px;   
    vertical-align:top;
    height:11px;
    font-size:0px;
    color:#5165d6;
    filter:alpha(opacity=40); 
/*  background-color:Transparent;
*/

}

.NoPadding
{
    padding: 0px !important;
}

.pollbar
{
    background-color: red;
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ABD1F3,endColorStr=#2094FA);
    font-size: 10px;
}

.currentgadget
{
    background-color:White;
    position: absolute;
	top: 162px;
    left: 130px;
    width:200px;  
    z-index: 100;  
    filter: alpha(opacity=80);
}

.promotebar
{
    background-color:Yellow;
    position: absolute;
	top: 22px;
    left: 0px;
    
}

#photogallerydiv
{       
    position: absolute;
	top: 190px;
    left: 7px;
    z-index: 50;  
}

.copyright
{
    color: #cccccc;
    font-size: 12px;
}

.copyright_link
{
    font-size: 12px;
    text-decoration: none;
	color: #cccccc;
}

a.copyright_link:link
{
    color: #cccccc;
    text-decoration: none;
}

a.copyright_link:visited
{
    color: #cccccc;
    text-decoration: none;
}

a.copyright_link:hover
{
    color: #ffffff;
    text-decoration: underline;
}

a.copyright_link:active
{
    color: #cccccc;
    text-decoration: none;
}

.logon_txt
{
    font-family: "Verdana" , "Arial" , "Helvetica" , "sans-serif";
    font-size: 10pt;
}
a.logon_link
{
    color: #666666;
    text-decoration: underline;
}
a.logon_link:hover
{
    color: #000000;
    text-decoration: underline;
}
.logon_txt_small
{
    font-family: "Verdana" , "Arial" , "Helvetica" , "sans-serif";
    font-size: 9pt;
    line-height: 15pt;
}
.logon_txt_tiny
{
    font-family: "Verdana" , "Arial" , "Helvetica" , "sans-serif";
    font-size: 8.5pt;
    line-height: 12pt;
}
.logon_toggle_txt
{
    font-family: "Arial" , "Helvetica" , "sans-serif";
    font-size: 10pt;
}
.logon_txt_medium
{
    font-family: "Verdana" , "Arial" , "Helvetica" , "sans-serif";
    font-size: 12pt;
}

a:link
{
    color: #336699; text-decoration: none;
}
a:visited
{
    color: #336699; text-decoration: none;
}
a:hover
{
    color: #31892D; text-decoration: none;
}
a:active
{
    color: #336699;
}

#content
{
}

#top
{
    text-align: right;
    left: 0px;
    top: 0px;
    height: 319px;
    width: 980px;
    background-image: url(images/top01.jpg);
    background-repeat: no-repeat;
    
}

#user
{
    margin: -200px 0px 0px 120px;
    width: 800px;
    poisition: absolute;
    line-height: 26px;
    padding-bottom: 0px;
}
#user img
{
    vertical-align: middle;
    margin-right: 2px;
    margin-left: 2px;
}


#wrap
{
    poisition: relative;
    width: 960px;
}

#colL
{
    position: absolute;
    left: 10px;
    width: 220px;
    top: 200px;
}
#colM
{
    position: absolute;
    margin-left: 240px;
    width: 500px;
    top: 160px;
}

#colR
{
    position: absolute;
    margin-left: 750px;
    width: 220px;
    top: 155px;
}

#footer
{
    position: relative;
    background-color: #cccccc;
    width: 980px;
}

	
#news
{
    padding: 10px;
}

.news1
{
    border-right: dashed 1px #7c7c7c;
    width: 230px;
    float: left;
}

.news2
{
    margin-left: 240px;
}

#racecard
{
}


.bar
{
    width: 480px;
    height: 30px;
    background-image: url(images/bar_horse.gif);
    background-repeat: no-repeat;
    text-align: right;
}

#album
{
    width: 220px;
    height: 250px;
    background-image: url(images/album_bg.gif);
    background-repeat: no-repeat;
    text-align: center;
}

.albumPhoto
{
    padding: 15px 10px 0px 10px;
}

.albumCell
{
    background-image: url(images/album_cell.gif);
}

.notesCell
{
    background-image: url(images/notes_bg.gif);
}

.footballBar
{
    width: 465px;
    height: 24px;
    background-image: url(images/bar_football.gif);
    text-align: right;
    padding-right: 15px;
    background-repeat: no-repeat;
}


.border
{
    border-width: 1px;
    border-style: solid;
    border-color: #7c7c7c;
}

.calendar
{
    text-align: center;
    vertical-align: top;
    background: #e8e9ea;
	text-align: center;
}

.calendarBg
{
    background-image: url(images/calendar_bg.gif);
    text-align: center;
    color: #FFFFFF;
}

.calendar_dayheader
{
    background-color:#1f74b7;
    color:White;
}

.calendar_today
{
	background-color:#ffcc99;
	color:Black;
	font-weight : bold;
	text-align: center;
}

.calendar_title
{
	background-color:#1f465d;
	color:White;
	font-weight : bold;
}

.red
{
    color: #CC0000;
}


.cell
{
    background: #e8e9ea url(images/racecard_bg.gif) no-repeat bottom;
}

.line2
{
    line-height: 20px;
}

.bg
{
    filter: alpha(opacity=40);
}

.pollingBarBg
{
    background-color:#ffffff;
}

.morningBg
{
    width: 200px;
    border-width: 1px;
    border-top-width: 0px;
    border-style: solid;
    border-color: #7c7c7c;
    background: #E8E9EA url(images/morning_bg.gif) no-repeat right bottom;
}

.roundTop
{
    width: 100%;
    height: 10px;
    background-image: url(images/bar_shadow.gif);
    background-color: #FFFFFF;
    filter: alpha(opacity=40);
}

.title
{
    border-top: dashed 1px #7c7c7c;
    border-bottom: dashed 1px #7c7c7c;
    padding: 8px 15px 5px 15px;
}

.subTitle
{
    border-bottom: dashed 1px #7c7c7c;
    padding: 8px 15px 5px 15px;
}

.sideBox
{
    width: 200px;
    border-width: 1px;
    border-top-width: 0px;
    border-style: solid;
    border-color: #7c7c7c;
    background-color: #FFFFFF;
}

.sideGreyBox
{
    width: 200px;
    border-width: 1px;
    border-top-width: 0px;
    border-style: solid;
    border-color: #7c7c7c;
    background: #e8e9ea url(images/favoritegroup_pic.gif) no-repeat right bottom;
}

.sideGreenBox
{
    width: 200px;
    border-width: 1px;
    border-top-width: 0px;
    border-style: solid;
    border-color: #7c7c7c;
    background: #FFFFFF url(images/tv_bg.gif) no-repeat right bottom;
}

.grey
{
    color: #929292;
}

.contentBox
{
    width: 480px;
    border-width: 1px;
    border-top-width: 0px;
    border-style: solid;
    border-color: #7c7c7c;
    background-color: #ffffff;
}

.roundBox
{
    height: 1px;
    overflow: hidden;
    background-color: #FFFFFF;
    filter: alpha(opacity=40);
}

.r1
{
    margin: 0 11px;
}
.r2
{
    margin: 0 8px;
}
.r3
{
    margin: 0 6px;
}
.r4
{
    margin: 0 5px;
}
.r5
{
    margin: 0 4px;
}
.r6
{
    margin: 0 3px;
}
.r7
{
    margin: 0 2px;
}
.r8
{
    margin: 0 1px;
}
.r9
{
    margin: 0 1px;
}
.r10
{
    margin: 0 0px;
}

.title{
	border-top:dashed 1px #7c7c7c;
	padding:4px 2px 2px 12px
	}


.footballBar1{
width:465px;
height:24px;
background-image:url(images/bar_fb_fixture.gif);
text-align:right;
padding-right:5px;
padding-top:5px;
background-repeat:no-repeat;
}

.redText{
color:#CC0000;
text-align:center
}


.videozone
{
    position: absolute;
    top: 160px;
    left: 747px;
}

#promotion
{
	/*margin:0px 0px 10px 115px;
	width:375px;
	line-height:22px;
    */	
    position: absolute;
	top: 155px;
    left: 322px;	
	width:375px;
	line-height:17px;
}

#topbar
{
position:absolute;
border: 1px #888888;
padding: 2px;
background-color: #ffffff;
width: 600px;
visibility: hidden;
filter:alpha(opacity=75);
z-index: 100;
}

#blackText{
color:#000000;
text-align:center
}

.wptitlebar_leftside span, .wptitlebar_center span, .wptitlebar_rightside span
{
display : none;
}

.dragWebPartCls
{
    border: dotted 1px #660066;
}

/*
handling HKSCS for CH
*/
/* ====== START ====== */
/* myhkjccp/comparerace.aspx */
table#tblCompareRace,
/* myhkjccp/editnote.aspx */
table#notesTitle,
/* myhkjccp/eightpassrace.aspx */
/* myhkjccp/racecard.aspx */
/* myhkjccp/superracecard.aspx */
a.rc_2_link,
a.bg1_rc_4_link,
/* myhkjccp/mostvisithorses.aspx */
/* myhkjccp/racingreminder.aspx */
div#divFavHorses table,
table#tblFavHorse,
/* myhkjccp/mynote.aspx */
/* myhkjccp/racinggamehotpick.aspx */
div.sideBox table, 
div.contentBox table,
/* myhkjccp/racinganalysis.aspx */
div.panRacingAnalysis,
/* myhkjc/EditFavoritySelect.aspx */
/* myhkjc/EditFavoritySelectConfirm.aspx */
#JTHPanel table,
/* myhkjc/MyFavoriteJockey.aspx */
/* myhkjc/MyFavoriteHorse.aspx */
/* myhkjc/MyFavoriteTrainer.aspx */
div.sideBox table
table select,
#DataListHorse a
{
    font-family: MingLiU;
}
/* ====== END ====== */

