@charset "utf-8";

/* the path to csshover3.htc should be relative to web page */
body { behavior:url("/csshover3.htc"); }

/* Global Styles */
body { margin: 0px; padding: 0px; font-size: 13px; }
h1,h2,h3,h4,h5,h6, ol, ul, li, form { padding: 0px; margin: 0px; font-weight: normal; font-style: normal; }
input, textarea, select { font-family: Arial, Helvetica, sans-serif; }
fieldset,img { border: none; }
caption,th { text-align: left; }
.text { font-size: 13px; }
.clear-left	{ clear: left; }
.clear-both	{ clear: both; }
.clear { clear: both; }
.border { border:solid 1px #FF0000; }
.img_border { border: solid 1px #C9C9C9; }
.block { display: block; }
.line { border-top: solid 1px #C9C9C9; }
div.hrStyle {border-top: solid 1px #C9C9C9; border-bottom: solid 1px #FFFFFF; margin: 7px 0 7px 0; }
input.orangeStyle { font-family: Arial, Helvetica, sans-serif; background-image: url("http://rthk.hk/include2010/homepics/images/orangebtnbg.gif"); font-weight: bold; color: #FFFFFF; border-top: solid 1px #ffb653; border-right: solid 1px #fa7c18; border-bottom: solid 1px #fa7c18; border-left: solid 1px #ffb653; margin: 5px 0 2px 0; } 
input.orangeStyle:hover { background-image: url("http://rthk.hk/include2010/homepics/images/orangebtnbg_over.gif");  } 

/* Anchor */
a { color: #FF6600; text-decoration: none; }
a:link	{ color: #FF6600; text-decoration: none; }
a:hover	{ color: #FF6600; text-decoration: underline; }
a.link-back { font-size: 0.85em; padding-left: 8px; margin-left:5px; background: url("http://rthk.hk/include2010/homepics/images/icon_back.gif") center left no-repeat; }
a.link-more { font-size: 0.85em; padding-right: 8px; margin-left:5px; background: url("http://rthk.hk/include2010/homepics/images/icon_more.gif") center right no-repeat; }
a.tv { padding: 2px; padding-right: 24px; margin: 2px 0; margin-right: 10px; background: url("http://rthk.hk/include2010/homepics/images/icon_tv3.gif") 0px 1px no-repeat; }
a.radio { padding: 2px; padding-right: 24px; margin: 2px 0; margin-right: 10px; background: url("http://rthk.hk/include2010/homepics/images/icon_radio.gif") 0px 1px no-repeat; }
a.link-video { padding: 2px; padding-left: 24px; margin: 2px 0; margin-right: 10px; background: url("http://rthk.hk/include2010/homepics/images/btn_video.gif") 0px 1px no-repeat; }
a.link-audio { padding: 2px; padding-left: 24px; margin: 2px 0; margin-right: 10px; background: url("http://rthk.hk/include2010/homepics/images/btn_audio.gif") 0px 1px no-repeat; }
a.link-audio-mp3 {  height:24px; line-height: 24px; display: inline; padding: 5px; padding-left: 40px; margin: 2px 0; margin-right: 0px; background: url("http://rthk.hk/include2010/homepics/images/live_btn_listen_s.gif") 0px 1px no-repeat;}
a.link-video_e { padding: 2px; padding-left: 24px; margin: 2px 0; margin-right: 10px; background: url("http://rthk.hk/include2010/homepics/images/btn_video.gif") 0px 2px no-repeat;}
a.link-audio_e { padding: 2px; padding-left: 24px; margin: 2px 0; margin-right: 10px; background: url("http://rthk.hk/include2010/homepics/images/btn_audio.gif") 0px 2px no-repeat; }
a.link-pdf { padding: 2px; padding-left: 18px; margin: 2px 0; margin-right: 10px; background: url("http://rthk.hk/include2010/homepics/images/icon_pdf.gif") 0px 2px no-repeat; }
a.link-doc { padding: 2px; padding-left: 18px; margin: 2px 0; margin-right: 10px; background: url("http://rthk.hk/include2010/homepics/images/icon_doc.gif") 0px 2px no-repeat; }
a.link-url { padding: 2px; padding-left: 18px; margin: 2px 0; margin-right: 10px; background: url("http://rthk.hk/include2010/homepics/images/icon_url.gif") 0px 2px no-repeat; }
a.link-discuss { padding: 2px; padding-left: 18px; margin: 2px 0; background: url("http://rthk.hk/include2010/homepics/images/icon_discuss.gif") 2px 2px no-repeat; }
a.link-podcast { padding: 2px; padding-left: 18px; margin: 2px 0; background: url("http://rthk.hk/include2010/homepics/images/icon_podcast.gif") -2px 4px no-repeat;  }
a.link-podcast-watch { padding-left: 105px; margin: 2px 0; line-height:31px; display:inline-block; background: url("http://rthk.hk/include2010/homepics/images/icon_podcast_watch.gif") left center no-repeat; }
a.link-podcast-listen { padding-left: 105px; margin: 2px 0; line-height:31px; display:inline-block; background: url("http://rthk.hk/include2010/homepics/images/icon_podcast_listen.gif") left center no-repeat;  }
a.link-poll { padding: 2px; padding-left: 25px; background: url("http://rthk.hk/include2010/homepics/images/icon_vote3.gif") 1px 1px no-repeat; display:block; }
a.link-qa { padding: 2px; padding-left: 28px; background: url("http://rthk.hk/include2010/homepics/images/icon_qa.gif") 1px 1px no-repeat; display:block; }
a.link-email { padding: 2px; padding-left: 20px; margin: 2px 0; margin-right: 10px; background: url("http://rthk.hk/include2010/homepics/images/email.gif") 0px 2px no-repeat; }
a.btn-media { padding: 2px; padding-left: 45px; margin-right: 5px; background: url("http://rthk.hk/include2010/homepics/images/btn_media_s.gif") no-repeat; height: 21px; float: left; }
a.btn-real{ padding: 2px; padding-left: 45px; margin-right: 5px; background: url("http://rthk.hk/include2010/homepics/images/btn_real_s.gif") no-repeat; height: 21px; float: left; }

/* Channer Header*/
#channel-header	{ }
#channel-header	#channel-bar { position: relative; background-color: white; height: 45px; padding-top:5px; overflow: hidden;}
#channel-bar #channel-name { display: block;; float: left; width:140px; }
#channel-bar #channel-live { display: block; float: left; font-size: 13px; width:645px; background: url("http://rthk.hk/include2010/homepics/images/live_bar_bg_r.gif") top right no-repeat; line-height: 40px;}
#channel-bar #channel-btn a { display: block; float: right; width: 145px; height: 0px; background: url("http://rthk.hk/include2010/homepics/images/btn_bookmark.gif") top left no-repeat; padding-top: 40px; overflow: hidden;}
#channel-live ul { list-style-type: none; background: url("http://rthk.hk/include2010/homepics/images/live_bar_bg_l.gif") top left no-repeat; height: 40px; }
#channel-live li { float: left; display: inline-block; list-style: none; height: 40px; }
#channel-live li#live-title { display: inline-block; font-weight: bold; padding: 0 5px 0 15px; }
#channel-live li#live-programme a { display: inline-block; color: #FF6600; font-size: 13px; padding: 0 5px 0 8px; /*background: url("http://rthk.hk/include2010/homepics/images/live_play_icon.gif") 2px 12px no-repeat;*/ }
#channel-live li#live-programme { width: 390px; height: 40px; overflow:hidden; }
#channel-live li#listen-media a { margin: 8px 1px; display: inline-block; padding-top: 1px; /*float: left; width: 40px; height: 0px; padding-top: 40px;  overflow: hidden; background: url("http://rthk.hk/include2010/homepics/images/live_btn_media.gif") center center no-repeat; background-position: 0 9px; */ }
#channel-live li#listen-real a { margin: 8px 1px; display: inline-block; padding-top: 1px; /*float: left; width: 40px; height: 0px; padding-top: 40px; overflow: hidden; background: url("http://rthk.hk/include2010/homepics/images/live_btn_real.gif") center center no-repeat; background-position: 0 9px; */}
#channel-live li#listen-hq a { margin: 8px 1px; display: inline-block; padding-top: 1px;  /*float: left; width: 40px; height: 0px; padding-top: 40px; overflow: hidden; background: url("http://rthk.hk/include2010/homepics/images/live_btn_hq.gif") center center no-repeat; background-position: 0 9px; */ }
#channel-bar #channel-btn-bookmark a { display: block; float: right; width: 145px; height: 0px; background: url("http://rthk.hk/include2010/homepics/images/btn_bookmark.gif") top left no-repeat; padding-top: 40px; overflow: hidden; }
#channel-bar #channel-btn-etvonline a { display: block; float: right; width: 132px; height: 0px; background: url("http://rthk.hk/include2010/homepics/images/btn_etvonline.gif") top left no-repeat; padding-top: 40px; overflow: hidden; }
#channel-bar #channel-btn-archive a { display: block; float: right; width: 145px; height: 0px; background: url("http://rthk.hk/include2010/homepics/images/btn_tv_archive.gif") top left no-repeat; padding-top: 40px; overflow: hidden; }

/* Logo & Banner */
#logobanner { clear: both; display: block; height: 155px; }
#logobanner #channel-logo { float: left; height: 150px; width: 235px; margin-top: 10px; text-align: center; }
#logobanner #channel-banner	{ float: left; height: 150px; width: 635px; margin-left: 20px; margin-top: 10px; }
#logobanner #channel-banner	.desc { display:none; }

/* Layout structure */
/*
#main { width: 875px; clear: both; display: block; padding-left: 20px; padding-right: 20px; background-color: #fff; }
#main { color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; line-height: 1.2em; }
*/
#main-wrapper { position: relative; clear:both; width: 930px; margin: 0px auto 0px auto; }
#main-body { padding: 0 10px; background-color: white; zoom: 1.0; }
#left-column { float: left; width: 235px; display: block; margin-top: 15px; overflow: hidden; font-size: 13px; }
#right-column { float: right; width: 655px; display: block; margin-top: 15px; margin-left: 20px; overflow: hidden;  font-size: 13px; }
#main-wrapper .top { background: url("http://rthk.hk/include2010/homepics/images/main_top.gif") top center no-repeat; height: 15px; overflow: hidden;}

/* channel themed banner */
#main-body.radio1 {}
#main-body.radio2 {}
#main-body.radio3 {}
#main-body.radio4 {}
#main-body.radio5 {}
#main-body.pth {}
#main-body.pau {}
#main-body.ceu {}
#main-body.tv  { margin-top: 0px; }
#main-body.new_rthk { background: #fff url("http://rthk.hk/include2010/homepics/skin/bg_newrthk.jpg") top left repeat-x; padding-top: 120px; }

/* Items Div */
#item-contactus, #item-news, #item-qa, #item-polling, #item-podcast, #item-discuss, #item-album, #item-highlights, 
#item-specials, #item-timetable, #item-dailymusic, #item-general, #item-newsletter, #item-songchart,#item-sharewithfds, #item-tags,
#item-prog-related, #item-prog-blog, #item-prog-discuss, #item-prog-podcast, #item-prog-latestepi, #item-prog-content, #item-prog-archive, #item-prog-polling, #item-prog-qa, #item-prog-more, 
#item-tv-highlights, #item-tv-timetable, #item-tv-timetable-today, #item-tv-schedule, #item-prog-tags,
#item-presenters { display: block; margin-bottom: 13px; border: solid 1px #C9C9C9; }

.content { background-color: #ffffff; padding: 5px 7px 5px 7px; overflow: hidden; }
.content a { font-weight: normal; }
.subheader {  background: url("http://rthk.hk/include2010/homepics/images/subheaderbg.gif"); color: #444444; line-height: 1.4em; font-weight: normal; padding: 3px 5px 3px 15px; overflow: hidden; }
.subheader h2, .subheader h3 { font-size: 1em; font-weight: normal; }
.subheader a { color: #444444; text-decoration: none; font-weight: normal; }
.subheader a:hover { color: #FF6600; text-decoration: underline; }
.subheader a.arrow { background: url("http://rthk.hk/include2010/homepics/images/subheader_arrow.gif") top right no-repeat; padding-right: 16px; display: inline-block; }
.label { font-size: 13px; color: white; background: url("http://rthk.hk/include2010/homepics/images/bg_other_white.gif") top left no-repeat; padding: 2px 2px 2px 18px; margin-top: 5px; }
.others { background-color: #f8f8f8; padding: 7px; overflow: hidden; }
.others ul { margin: 0px; padding: 0px; list-style-type: none; }
.others li { margin: 0px; padding: 0px; line-height: 1.2em; height: 1% !important; }
.others li a { display:block; }

/* Items Div Style 2 */
#item-tv-presenters, #item-r1-presenters, #item-r2-presenters, #item-r3-presenters, #item-r4-presenters, 
#item-r5-presenters, #item-pth-presenters, #item-pau-presenters, #item-ceu-presenters,
#item-newrthk-presenters { display: block; margin-bottom: 13px; }
.contentStyle2 { padding: 10px; }
.subheaderStyle2 { background: #f8f8f8; color: #666666; line-height: 1.4em; font-weight: normal; padding: 4px 4px 4px 10px; overflow: hidden; border: solid 1px #C9C9C9; }
.subheaderStyle2 a { color: #444444; text-decoration: none; font-weight: normal; }
.subheaderStyle2 a:hover { color: #FF6600; text-decoration: underline; }
.subheaderStyle2 a.arrow { background: url("http://rthk.hk/include2010/homepics/images/subheader_arrow.gif") top right no-repeat; padding-right: 16px; display: inline-block; }

/*
#item-tv-presenters .subheaderStyle2, 
#item-r1-presenters .subheader, 
#item-r2-presenters .subheader, 
#item-r3-presenters .subheader, 
#item-r4-presenters .subheader, 
#item-r5-presenters .subheader, 
#item-pth-presenters .subheader, 
#item-pau-presenters .subheader, 
#item-ceu-presenters .subheader, 
#item-newrthk-presenters 
*/

/* Presenters */
#item-presenters  {}
#item-presenters .contentStyle2 {}
#item-presenters #list-photos { list-style-type: none; margin: 0px; padding: 0px; }
#item-presenters #list-photos li { float: left; margin: 1px; text-align:center; vertical-align:middle; width: 100px; height: auto; /* IE6 Hack */_height: 1px; }
#item-presenters #list-photos li a { display: block; overflow: hidden; } 
#item-presenters #list-photos li a img { border: solid 1px #CCCCCC; width: 90px; height: 120px; } /* index page thumbs */
#item-presenters #list-photos li a:hover img{ border: 1px solid #FF6600; }
#item-presenters #list-photos li .name { font-size: .9em; font-weight: normal; height: 1.4em; display:block; text-align: center; margin-top:2px; }
#main-body.radio3 #item-presenters #list-photos li .name { height: 2.6em; } /* double line for caption name */
#main-body.radio4 #item-presenters #list-photos li .name { height: 2.6em; } /* double line for caption name */
#item-presenters .profilePicCol { float:left; width: 150px; padding: 5px; margin-right: 5px; }
#item-presenters .profilePicCol .profilePic img { width: 150px; border: 1px solid #cccccc;  margin-bottom: 5px; }
#item-presenters .profilePicCol .others { padding: 6px 3px; border-bottom: 1px solid #dbdbdb; }
#item-presenters .profileInfoCol { float:left; width: 450px; }
#item-presenters .profileInfoCol .infoGrp  { background: url("http://rthk.hk/include2010/homepics/images/field_bg.gif") center left repeat-x; width: 100%; margin-top: 5px; }
#item-presenters .profileInfoCol .infoGrp span { font-weight: bold; color: #666666; background-color: #f8f8f8; padding: 5px; }
#item-presenters .profileInfoCol .infoTbl { margin: 13px 0px; }
#item-presenters .profileInfoCol .infoTbl td { vertical-align: top; }
#item-presenters .profileInfoCol .label { color: #999999; width: 130px; font-size: .9em; background: none; padding-left: 15px; }
#item-presenters .profileInfoCol .value { color: #333333; font-size: .9em; padding: 3px; }
#item-presenters .profileInfoCol #list-photos { list-style-type: none; margin: 5px 0px; padding: 6px 3px; }
#item-presenters .profileInfoCol #list-photos li { float: left; margin: 3px; text-align:center; vertical-align:middle; width: 105px; }
#item-presenters .profileInfoCol #list-photos li a { display: block; overflow: hidden; } 
#item-presenters .profileInfoCol #list-photos li a img { border: solid 1px #CCCCCC; max-width: 105px; max-height: 105px; height: auto; width: auto; }
#item-presenters .profileInfoCol #list-photos li a img { _width:expression(this.offsetWidth>this.offsetHeight?103:''); _height:expression(this.offsetHeight>this.offsetWidth?105:''); } 
/* IE 6 max-width, max-height hack */
#item-presenters .profileInfoCol #list-photos li a:hover img{ border: 1px solid #FF6600; }

/* Presenters list */
#item-list-presenters {}
#item-list-presenters .subheader { background: #f8f8f8; border: solid 1px #C9C9C9; padding: 5px 5px 5px 10px; }
#item-list-presenters .subheader a {  font-weight: bold; }
#item-list-presenters .content { background: none; margin: 5px 0px; }
#item-list-presenters.threeCol li { width: 66px; font-size: .9em;}
#item-list-presenters.twoCol li { width: 100px; font-size: .9em; }
#item-list-presenters.oneCol li { width: 210px; font-size: .9em;}
#item-list-presenters ul { list-style-type: none; margin: 0px; padding: 0px; }
#item-list-presenters ul li { float: left;  padding: 3px 0px; }

/* Contantus */
#item-contactus { font-size: 1em; font-weight: normal; line-height: 1.4em; }

/* Instant News */
#item-news {}
#item-news #list-news {}
#item-news #list-news a { }
#list-news ul { margin: 0px; padding: 0px; } 
#list-news li { margin: 0px; padding: 0px; list-style-image: url("http://rthk.hk/include2010/homepics/images/icon_news.gif"); margin-left: 15px; color: #636363; }
#item-news #list-news li { padding: 2px 0px; line-height: 1.2em; }
#item-news #list-news li .thread-news {  }
#item-news #list-news li .date-news	{ color: #636363; font-size: 13px; display: inline; }

/* Newsletter */
#item-newsletter { line-height: 1.4em; }
#item-newsletter iframe { height: 110px; }
#item-newsletter input { width: 120px; margin: 2px 0 2px 0; }
#body-newsletter { background-color: #f8f8f8; padding: 5px; font-size:13px; color:#333333; line-height:1.5em; }

/* Tags */
#item-tags { line-height: 1.4em; }
#item-tags .content { padding: 8px; }

/* Instant Q & A */
#item-qa { overflow: hidden; background-color:#eceef5; height: 1%; }
#item-qa  a { color: #36466f; }
#item-qa  a:hover { color: #FF6600; }
#item-qa .subheader { background: url("http://rthk.hk/include2010/homepics/images/subheaderbg_blue2.gif"); }
#item-qa .subheader * { color: #FFFFFF; }
#item-qa .subheader a.arrow { background: url("http://rthk.hk/include2010/homepics/images/subheader_arrow_blue2.gif") top right no-repeat;  }
#item-qa .content { padding: 7px; background-color:#eceef5; }
#item-qa .question { font-weight: bold; line-height: 1.6em; }
#item-qa .period { font-size: 0.9em; color: #FF0000; }
#item-qa .others { background-color:#eceef5; }
#item-qa .label { background: url("http://rthk.hk/include2010/homepics/images/bg_other_blue2.gif") top left no-repeat; }
#item-qa .subheader br { display:none; /* temporary remove break-line */ }

/* Instant Polling */
#item-polling { overflow: hidden; background-color:#f5f7f0; height: 1%; }
#item-polling  a { color: #194f00; }
#item-polling  a:hover { color: #FF6600; }
#item-polling .subheader * { color: #FFFFFF; }
#item-polling .subheader { background: url("http://rthk.hk/include2010/homepics/images/subheaderbg_green3.gif"); }
#item-polling .subheader a { color: #FFFFFF; }
#item-polling .subheader a.arrow { background: url("http://rthk.hk/include2010/homepics/images/subheader_arrow_green3.gif") top right no-repeat;  }
#item-polling .content { padding: 7px; background-color:#f5f7f0; }
#item-polling .question { font-weight: bold; line-height: 1.6em; }
#item-polling .period { font-size: 0.9em; color: #FF0000; }
#item-polling .list-polling { list-style-type: none; }
#item-polling .others { background-color:#f5f7f0; }
#item-polling .label { background: url("http://rthk.hk/include2010/homepics/images/bg_other_green3.gif") top left no-repeat; }
#item-polling .subheader br { display:none; /* temporary remove break-line */ }

/* Discuss Board */
#item-discuss { background-color: #fff4e6; height: 1%; }
#item-discuss  a {color: #a81821; }
#item-discuss  a:hover { color: #FF6600; }
#item-discuss .subheader * { color: #FFFFFF; }
#item-discuss .subheader { background: url("http://rthk.hk/include2010/homepics/images/subheaderbg_red2.gif"); }
#item-discuss .subheader a { color: #FFFFFF; }
#item-discuss .subheader a.arrow { background: url("http://rthk.hk/include2010/homepics/images/subheader_arrow_red2.gif") top right no-repeat; }
#item-discuss .content { background-color: #f7edf0; }
#item-discuss ul#list-board  { list-style-type: none; margin: 0px; padding: 0px; }
#item-discuss #list-board li {  float: left; width:200px; font-weight: normal; margin: 0px; padding: 0px; line-height: 1.2em; }
#item-discuss #list-board li a { overflow: hidden; display:block; }
#item-discuss .subheader br { display:none; /* temporary remove break-line */ }

/* Podcast */
#item-podcast { }
#item-podcast ul#list-podcast { list-style-type: none; margin: 0px; padding: 0px; }
#item-podcast #list-podcast li { float: left; font-weight: normal; margin: 0px; padding: 0px;  }
#item-podcast #list-podcast li a { display: block; overflow: hidden; width:185px; }
#left-column #list-podcast li { width: 225px; }
#item-podcast #list-podcast li a { width: 200px; }

/* Photo Album */
#item-album { }
#item-album .content { padding: 5px; }
#item-album #list-photos { list-style-type: none; margin: 0px; padding: 0px; }
#item-album #list-photos li { float: left; margin: 0px; padding: 2px; text-align:center; vertical-align:middle; width: 120px; height: auto; /* IE6 Hack */_height: 1px; }
#item-album #list-photos li a { display: block; overflow: hidden;  } 
#item-album #list-photos li a img { border: solid 1px #CCCCCC; max-width: 110px; max-height: 110px; }
#item-album #list-photos li a img { _width:expression(this.offsetWidth>this.offsetHeight?110:''); _height:expression(this.offsetHeight>this.offsetWidth?110:''); } /* IE 6 max-width, max-height hack */
#item-album #list-photos li .album-caption { font-size: .9em; width: 118px; font-weight: normal; line-height: 1.4em; margin-right:3px; display:block; }
#left-column #item-album #list-photos li { width: 220px; height: auto; text-align:center; } /* left column handle */
#left-column #item-album #list-photos li a img { border: solid 1px #CCCCCC; width: 160px; height: auto; max-width:none; max-height:none; }
#left-column #item-album #list-photos li .album-caption { font-size: .9em; width: 220px; font-weight: normal; line-height: 1.4em; margin-right:3px; display:block; } /* left column handle */
#item-album .albummenu { padding: 5px 10px; border-bottom: 1px solid #C9C9C9; background-color: #FFFFFF; }
#item-album .albumdesc { padding: 5px 10px; border-bottom: 1px solid #C9C9C9; background-color: #FFFFFF; color:#666666; }

/* Special Webpages */
#item-specials { }
#item-specials ul {list-style-type: none; margin: 0px; padding: 0px; }
#item-specials #list-special { font-size: .95em; }
#item-specials #list-special li { float: left; margin: 0px; padding: 0px; margin-right:2px; }
#item-specials #list-special li a { border: solid 1px #f8f8f8; display: block; color: #333333; font-size: 0.9em; line-height: 1.5em; overflow: hidden; width: 200px; height: 32px; vertical-align: middle; padding: 2px 0 2px 2px; }
#item-specials #list-special li img { float: left; border: 0px; margin-right: 4px; padding: 2px; width: 47px; height: 30px; }
#item-specials #list-special li a:hover { border: solid 1px #DDDDDD; border-bottom: solid 1px #c2c2c2; border-right: solid 1px #c2c2c2; color: #FF6600; text-decoration: none; background-image: url(../homepics/images/bg_speciallist.gif); }
#left-column #list-special li a  { width: 215px; }

/* General e.g. Finemusic */
#item-general {}
#item-general ul, #item-general ol, #item-general li { margin: 0px; padding: 0px; }
#item-general #list-general { list-style-type: none; }
#item-general #list-general li { float: left; }
#item-general #list-general li a { display: block; overflow: hidden; width: 200px; padding: 2px; }

/* Highlights */
#item-highlights {}
#item-highlights .content { padding: 0px; }
/* #item-highlights .highlights-content { width: 100%; overflow: hidden; } */
#item-highlights .whatsup-box { width:613px; padding: 1px; background-color: #FFFFFF; border-top: 1px solid #C9C9C9; display: block;  padding: 10px; }
#item-highlights div.content:first-child { border-top:none; }
#item-highlights .whatsup-box .whatsup-subtitle { font-size: 1.2em; font-weight: bold; line-height: 1.5em; }
#item-highlights .whatsup-box .whatsup-text { color: #333333; font-size: 1em; line-height: 1.4em; }
#item-highlights .whatsup-box .whatsup-pic { float: left; margin: 0px; padding: 2px;  }
#item-highlights .whatsup-box .whatsup-pic img { /* width: 120px; height: 90px; */ overflow:hidden; margin-right: 10px; }

#white.whatsup-box { background-color: #ffffff; background: url("http://rthk.hk/include2010/homepics/images/bg_highlight_white.gif") bottom left repeat-x; }
#white.whatsup-box .whatsup-subtitle, #white.whatsup-box .whatsup-subtitle a { }
#cadetblue.whatsup-box { background-color: #dfe2ed; background: url("http://rthk.hk/include2010/homepics/images/bg_highlight_blue.gif") bottom left repeat-x; }
#cadetblue.whatsup-box .whatsup-subtitle, #cadetblue.whatsup-box .whatsup-subtitle a { color: #378c8c; }
#blue.whatsup-box { background-color: #dfeded; background: url("http://rthk.hk/include2010/homepics/images/bg_highlight_blue2.gif") bottom left repeat-x; }
#blue.whatsup-box .whatsup-subtitle, #blue.whatsup-box .whatsup-subtitle a { color: #586594; }
#red.whatsup-box { background-color: #eedddd; background: url("http://rthk.hk/include2010/homepics/images/bg_highlight_red.gif") bottom left repeat-x; }
#red.whatsup-box .whatsup-subtitle, #red.whatsup-box .whatsup-subtitle a { color: #8c3737; }
#green.whatsup-box { background-color: #e9eddf; background: url("http://rthk.hk/include2010/homepics/images/bg_highlight_green.gif") bottom left repeat-x; }
#green.whatsup-box .whatsup-subtitle, #green.whatsup-box .whatsup-subtitle a { color: #5d8c37; }
#purple.whatsup-box { background-color: #e3dfed; background: url("http://rthk.hk/include2010/homepics/images/bg_highlight_purple.gif") bottom left repeat-x; }
#purple.whatsup-box .whatsup-subtitle, #purple.whatsup-box .whatsup-subtitle a { color: #57378c; }
#yellow.whatsup-box { background-color: #f3f1da; background: url("http://rthk.hk/include2010/homepics/images/bg_highlight_yellow.gif") bottom left repeat-x; }
#yellow.whatsup-box .whatsup-subtitle, #yellow.whatsup-box .whatsup-subtitle a { color: #8c7737; }
#orange.whatsup-box { background-color: #f3e4da; background: url("http://rthk.hk/include2010/homepics/images/bg_highlight_orange.gif") bottom left repeat-x; }
#orange.whatsup-box .whatsup-subtitle, #orange.whatsup-box .whatsup-subtitle a { color: #ca6c2e; }
#pink.whatsup-box { background-color: #fcedf9; background: url("http://rthk.hk/include2010/homepics/images/bg_highlight_pink.gif") bottom left repeat-x; }
#pink.whatsup-box .whatsup-subtitle, #pink.whatsup-box .whatsup-subtitle a { color: #b84c8e; }

/* TV Highlights */
#item-tv-highlights { }
#item-tv-highlights .content { padding: 0px; }
#item-tv-highlights .tvprog-box div1 { border: solid 1px #000; }
#item-tv-highlights .tvprog-box { width: 613px; padding: 0px; background-color: #FFFFFF; border-top: 1px solid #C9C9C9; display: block;  padding: 10px; }
#item-tv-highlights div.content:first-child { border-top:none; }
#item-tv-highlights .tvprog-box .tvprog-title { font-size: 1.2em; font-weight: bold; line-height: 1.5em; }
#item-tv-highlights .tvprog-box .tvprog-desc {  color: #333333; line-height: 1.4em; }
#item-tv-highlights .tvprog-box .tvprog-text {  color: #333333; line-height: 1.4em; }
#item-tv-highlights .tvprog-box .airtime { display: none; clear: both; color:#666666; font-size: .9em; padding-top:3px; }
#item-tv-highlights .tvprog-box .tvprog-pic { float: left; display: block; margin: 0px 8px 5px 0px;  }
#item-tv-highlights .tvprog-box .tvprog-pic img { width: 120px; height: 90px; }
#item-tv-highlights .tvprog-box .tvprog-media { font-size: 13px; margin-left: 15px; }
#item-tv-highlights .tvprog-box .tvprog-media a.link-video { color: #FF6600; }
#item-tv-highlights .tvprog-box .tvprog-media a.link-audio { color: #FF6600; }

#white.tvprog-box { background-color: #ffffff; background: url("http://rthk.hk/include2010/homepics/images/bg_highlight_white.gif") bottom left repeat-x; }
#white.tvprog-box .tvprog-title { }
#cadetblue.tvprog-box { background-color: #dfe2ed; background: url("http://rthk.hk/include2010/homepics/images/bg_highlight_blue.gif") bottom left repeat-x; }
#cadetblue.tvprog-box .tvprog-title, #cadetblue.tvprog-box .tvprog-title a { color: #378c8c; }
#blue.tvprog-box { background-color: #dfeded; background: url("http://rthk.hk/include2010/homepics/images/bg_highlight_blue2.gif") bottom left repeat-x; }
#blue.tvprog-box .tvprog-title, #blue.tvprog-box .tvprog-title a { color: #586594; }
#red.tvprog-box { background-color: #eedddd; background: url("http://rthk.hk/include2010/homepics/images/bg_highlight_red.gif") bottom left repeat-x; }
#red.tvprog-box .tvprog-title, #red.tvprog-box .tvprog-title a { color: #8c3737; }
#green.tvprog-box { background-color: #e9eddf; background: url("http://rthk.hk/include2010/homepics/images/bg_highlight_green.gif") bottom left repeat-x; }
#green.tvprog-box .tvprog-title, #green.tvprog-box .tvprog-title a { color: #5d8c37; }
#purple.tvprog-box { background-color: #e3dfed; background: url("http://rthk.hk/include2010/homepics/images/bg_highlight_purple.gif") bottom left repeat-x; }
#purple.tvprog-box .tvprog-title, #purple.tvprog-box .tvprog-title a { color: #57378c; }
#yellow.tvprog-box { background-color: #f3f1da; background: url("http://rthk.hk/include2010/homepics/images/bg_highlight_yellow.gif") bottom left repeat-x; }
#yellow.tvprog-box .tvprog-title, #yellow.tvprog-box .tvprog-title a { color: #8c7737; }
#orange.tvprog-box { background-color: #f3e4da; background: url("http://rthk.hk/include2010/homepics/images/bg_highlight_orange.gif") bottom left repeat-x; }
#orange.tvprog-box .tvprog-title, #orange.tvprog-box .tvprog-title a { color: #ca6c2e; }
#pink.tvprog-box { background-color: #fcedf9; background: url("http://rthk.hk/include2010/homepics/images/bg_highlight_pink.gif") bottom left repeat-x; }
#pink.tvprog-box .tvprog-title, #pink.tvprog-box .tvprog-title a { color: #b84c8e; }

/* TV Banner */
#tv-banner { width: 630px; margin: 0 auto; margin-bottom:10px; }

/* Timetable */
#item-timetable { height: 1%; }
#item-timetable .content { padding: 0px; }
/* #item-timetable .timetable-content { padding: 0 1px 5px 1px; background: url("http://rthk.hk/include2010/homepics/images/subheaderbg_mainbottom.gif") bottom left no-repeat; } */
#item-timetable .timetable-header { display: block; background-color: #FFFFFF; padding: 5px; border-bottom: solid 1px #C9C9C9; }
#item-timetable .timetable-header .timetable-today { float: left; color: #cc3333; font-size: 15px; font-weight: bold; line-height: 1.4em; padding: 2px 5px; }
#item-timetable .timetable-header .timetable-download { float: left; }
#item-timetable .timetable-header .timetable-otherdays { float: right; }
#item-timetable .timetable-header .timetable-otherdays select { font-size: 12px; color: #333333; }
#item-timetable #timetable-list .current td { background-image: url("http://rthk.hk/include2010/homepics/images/timetablebg_active.gif"); }
#item-timetable #timetable-list table { margin: 0px; padding: 0px; }
#item-timetable #timetable-list td { background-image: url("http://rthk.hk/include2010/homepics/images/timetablebg.gif"); border-bottom: solid 1px #CCCCCC; padding: 4px 0 4px 10px; margin:0px; line-height: 1.4em; }
#item-timetable #timetable-footer { clear: both; color:#666666; padding: 6px 10px 0px 10px; background-color:#FFFFFF; font-size: .9em; }
#item-timetable #timetable-footer a { margin-right: 8px; }
#item-timetable #timetable-footer .label-others { }
/* #item-timetable.full #timetable-footer { display: block; // show only in full mode  }*/

#right-column #item-timetable #timetable-list { clear: both; width:633px; height: 233px; overflow-x: hidden; overflow-y: scroll; background-color: #f1f1f1;  }
#right-column #item-timetable #timetable-list table { width: 633px; }
#right-column #item-timetable.full #timetable-list { clear: both; height: 100%; overflow: visible; }
#right-column #item-timetable .time { width: 80px; padding-left: 15px; }
#right-column #item-timetable .program { width: 270px; padding-left: 10px; }
#right-column #item-timetable .host { width: 245px; padding-left: 10px; padding-right: 15px; }
#right-column #item-timetable a.link-timetable { width: auto; height: 16px; }
#left-column #item-timetable  a.link-timetable { width: 0px; padding-left: 16px; overflow: hidden; height: 16px; }
#left-column #item-timetable #timetable-list { clear: both; width:234px; height: 200px; overflow-x: hidden; overflow-y: scroll; background-color: #f1f1f1; font-size: 0.9em; }
#left-column #item-timetable.full #timetable-list { clear: both; height: 100%; overflow: visible; }
#left-column #item-timetable .time { padding-left: 10px; white-space:nowrap; }
#left-column #item-timetable .program { padding-left: 10px; padding-right: 5px; }
#left-column #item-timetable .host { display: none; }
#left-column #item-timetable .timetable-otherdays select { font-size: 12px; width:100px; }
/* #left-column #item-timetable #timetable-footer .label-others { display:block; // change line  } */
a.link-timetable { float: left; display: block; font-size: 10px; color:#636363; padding: 2px 2px 2px 20px; background: url("http://rthk.hk/include2010/homepics/images/icon_doc.gif") 0 2px no-repeat; margin-left: 2px; }
a.link-timetable:hover { color: #FF6600; text-decoration: underline; }
a.link-timetable2 { position: relative; display: inline-block; font-size: 13px; color: white; line-height:26px; padding: 8px 10px 8px 35px; background: #f7863a url("http://rthk.hk/include2010/homepics/images/icon_timetable2.png") 10px 12px no-repeat; margin-left: 10px; border: none; border-top-left-radius: 3px; border-top-right-radius: 3px; }
a.link-timetable2:hover  { text-decoration: none; background-color: #f99857; }
a.fbutton { background: #ececec 5px 5px no-repeat; display: inline-block; min-width: 110px; text-align: center; text-shadow: 1px 1px #d5d5d5; color: #888888; padding: 5px 10px; border-radius: 3px; margin-right: 5px; }
a.fbutton:hover { background-color: #e3e3e3; text-decoration: none; }
a.fbutton.current  { background-color: #ffc899; color: #d35500; text-shadow: none; font-weight: bold; }
a.daily.fbutton { background-image: url("http://rthk.hk/include2010/homepics/images/icon_daily.png"); padding-left: 25px; }
a.weekly.fbutton { background-image: url("http://rthk.hk/include2010/homepics/images/icon_weekly.png"); padding-left: 25px; }
div.ch-tabs { height: 42px; overflow: hidden; }
div.ch-tabs a { float: left; color: #666666; text-decoration: none; padding: 8px 40px; background-color: #eeeeee; margin-right: 8px; border-top-left-radius: 3px; border-top-right-radius: 3px; line-height: 30px; }
div.ch-tabs a.current { color: #525252; background-color: white; font-weight: bold; }
div.ch-tabs a:hover { background-color: #f5f5f5; }
div.ch-tabs a.current:hover { background-color: white; }
div.timetable-links { position: absolute; top:0px; right: 0px;  }
div.timetable-links a { float: right; margin-left: 8px; }
div.timetable-links label { float: right; font-weight: 13px; line-height: 42px; padding: 0 10px; color: #666666; background: none; }
div.timetable-links a:hover  {  }

/* TV schedule */
#item-tv-schedule { width: 910px; background-color:white; padding:10px; margin-bottom: 0px; border: none; }
#item-tv-schedule .content { padding: 0px; }
#item-tv-schedule #tv-days-list { width: 100%; height: 64px; overflow: hidden; }
#item-tv-schedule .list-days { float: left; width: 840px; height: 64px; overflow: hidden; background-color: #ededed; }
#item-tv-schedule .list-days  a { float: left; width: 99px; padding: 10px; height: 43px; display: block; color: #666666; line-height: 20px; text-decoration: none; text-align: center; border-right: solid 1px #FFF; border-bottom: solid 1px #dbdbdb; }
#item-tv-schedule .list-days a:hover { background-color: #dedcdb; }
#item-tv-schedule .list-days a.current { color: #FFFFFF; font-weight: bold; background: #787878 url('http://rthk.hk/include2010/homepics/images/tab_arrow.png') center bottom no-repeat; pointer-events: none; border-bottom: solid 1px #FFF; }
#item-tv-schedule .list-days a.current.today { color: #FFFFFF; font-weight: bold; font-size: 14px; background: #f28032 url('http://rthk.hk/include2010/homepics/images/tab_arrow.png') center bottom no-repeat; height: 44px; pointer-events: none; border-bottom: solid 1px #FFF;}
#item-tv-schedule .list-days a.today { color: #FF6600; }
#item-tv-schedule .list-days a span { font-weight: bold; font-size: 15px; display: block; }
#item-tv-schedule .scrollable { float:left; /* required settings */ position:relative; overflow: hidden; width: 840px; height: 64px; }
#item-tv-schedule .scrollable .items { /* this cannot be too large  left: -842px; */ width: 20000em; position: absolute; clear: both; }
#item-tv-schedule .items div { float: left; width: 842px; }
#item-tv-schedule a.browse { background: #8e8e8e url('http://rthk.hk/include2010/homepics/images/btn_arrow_days.gif') no-repeat; display:block; width:35px; height:64px; float:left; cursor: pointer; font-size:1px; }
#item-tv-schedule a.right { background-position: -35px -0px; clear: right; margin-right: 0px; }
#item-tv-schedule a.right:hover { background-position: -35px -64px; }
#item-tv-schedule a.right:active { background-position: -35px -128px; }
#item-tv-schedule a.left { margin-left: 0px; }
#item-tv-schedule a.left:hover  { background-position: 0px -64px; }
#item-tv-schedule a.left:active { background-position: 0px -128px; }
#item-tv-schedule a.right.disabled { background-position: -35px -192px; }
#item-tv-schedule a.left.disabled { background-position: 0px -192px; }

#item-tv-schedule .list-schedule { position: relative; overflow-y: scroll; overflow-x: hidden; height: 460px; margin-top: 10px; }
#item-tv-schedule .list-schedule .onair td { background-color: #ffebcf; }
#item-tv-schedule .list-schedule tr { border-bottom: solid 1px #dbdbdb; }
#item-tv-schedule .list-schedule tr:hover { background-color: #f1efee; }
#item-tv-schedule .list-schedule td.separator { text-align: center; color: #858585; font-size: 13px; padding: 8px 0px; background-color: #f7f7f7; }
#item-tv-schedule .prog-time { padding: 15px; width: 130px; }
#item-tv-schedule .prog-pic { display: block; width: 135px; height: 76px; line-height: 0px; /* padding-bottom fix for ie8,9 */ }
#item-tv-schedule .prog-pic img { width: 127px; height: 68px; margin: 4px; padding: 0px; border: none; border-radius: 2px; }
#item-tv-schedule .prog-unit { padding: 15px; padding-bottom: 0px; }
#item-tv-schedule .title { color: #5b5b5b; font-size: 15px; line-height: 1.4em; padding-bottom: 5px; font-weight: bold; width: 580px; }
#item-tv-schedule .title a { font-weight: bold; }
#item-tv-schedule .title.remark { color: #999999; font-weight: normal; font-size: 13px; }
#item-tv-schedule .time { color: #5b5b5b; font-size: 13px; line-height: 1.4em; color: #666666; }

#item-tv-schedule .episode  { color: #5b5b5b; font-size: 13px; font-weight: normal; width: 580px; }
#item-tv-schedule .episode a { font-weight: normal; }
#item-tv-schedule .desc { font-size: 13px; color: #727272; }
#item-tv-schedule #tv-timetable-list { clear: both; }
#item-tv-schedule #tv-timetable-list > table { width: 910px; /* border-left: solid 1px #d9d9d9; */ }

#item-tv-schedule #timetable-legend { padding: 10px; /* background-color: #f5f5f5; */ border-top: solid 1px #dbdbdb; font-size: 13px; color: #545454; line-height: 23px; }
#item-tv-schedule #timetable-legend td img { margin-right: 5px; margin-left: 5px; }
#item-tv-schedule #timetable-remarks { border: solid 1px #C9C9C9; font-size: 13px; color: #545454; line-height: 20px; margin: 0 10px; padding: 8px 10px; background-color: #f7f7f7; border-radius: 3px; margin-bottom: 5px; }
#item-tv-schedule #timetable-footer { clear: both; color:#666666; padding: 10px 0px 0px 0px; background-color:#FFFFFF; /* border-top: solid 1px #C9C9C9; */ }
#item-tv-schedule #timetable-footer a { margin-right: 8px; }
#item-tv-schedule #timetable-footer .label-others { background: url("http://rthk.hk/include2010/homepics/images/arrow_divider.gif") right center no-repeat; display: inline-block; padding-left: 8px; padding-right: 12px; margin-right: 5px; }
.ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

/* Today's TV Timetable (Left Column Only)
#item-tv-timetable-today .content { padding: 0px; }
#item-tv-timetable-today .timetable-header { display: block; background-color: #FFFFFF; padding: 5px; }
#item-tv-timetable-today .timetable-header .timetable-today { float: left; color: #cc3333; font-size: 14px; font-weight: bold; line-height: 20px; }
#item-tv-timetable-today .timetable-header .timetable-download { }
#item-tv-timetable-today .timetable-header .timetable-otherdays { float: right; font-size: 12px; color: #333333; }
#item-tv-timetable-today .timetable-header .timetable-otherdays select { font-size: 12px; width: 90px; }
#item-tv-timetable-today .timetable-header .thisweek { float: left; }
#item-tv-timetable-today  a.link-timetable { width: 0px; padding-left: 16px; overflow: hidden; height: 16px; }
#timetable-list { clear: both; width:218px; overflow-x: hidden; }
#item-tv-timetable-today #timetable-list td { color: #666666; font-size: 12px; padding: 5px; line-height: 1.2em; background: url("http://rthk.hk/include2010/homepics/images/timetablebg.gif") top left repeat-x; border-top: solid 1px #CCCCCC; }
#item-tv-timetable-today #timetable-list .current td { background-image: url("http://rthk.hk/include2010/homepics/images/timetablebg_active.gif"); }
#item-tv-timetable-today #timetable-list .time { padding-left: 10px; width:70px;}
#item-tv-timetable-today #timetable-list .program {  padding-left: 0px; }  */

/* TAB Short clips */
.player-content { position: relative; height: 300px; background: url('http://rthk.hk/include2010/homepics/images/bg_wide_player.png') no-repeat; }
.player-content #player-ad { float:left; width: 427px; height: 236px; overflow:hidden; margin: 35px 0px 0px 15px; display:inline !important; }
.player-content #player-body { position: absolute; left: 50px; top: 0px; padding: 0px; margin: 0px; width: 500px; height: 281px; color: #FFFFFF; overflow: hidden; /* IE6 Hacks */_display:inline !important; }
.player-content #player-body #ply { margin-top: 35px; }
.player-content #player-body #placeholder-tv img { width: 427px; height: 240px; z-index: 10; border: none; }
.player-content #current-prog .prog-title { color: #ff0000; font-size: 28px; font-weight: bold; font-family: 'Microsoft JhengHei','微軟正黑體', 'Arial', 'sans-serif'; max-height: 3.8em; overflow: hidden; }
.player-content #current-prog .epi-title { color: #666666; font-size: 15px; font-weight: bold; margin-top: 10px; max-height: 2.4em; overflow: hidden; }
.player-content #current-prog .time { color: #666666; font-size: 15px; margin-top: 5px; }
.player-content #container_video { width: 500px; height: 281px; background-color: black; }
.player-content #current-prog { position: absolute; z-index: 5; right: 10px; top: 12px; width: 330px; background-color: white; padding:  6px 0px; }
.player-content #next-prog { position: absolute; z-index: 4; width: 350px; right: 0px; bottom: 30px;  }
.player-content #next-prog * { text-align: center; color: #666; font-size: 15px; font-weight: bold; }
.player-content #next-prog .prog-label { width: 100px; padding-right: 20px; }
.player-content #next-prog .prog-title { width: 220px; }
.player-content #next-prog .time { float: right; width: 220px; font-size: 14px; font-weight: normal; }
.player-content #player-body  a { position: relative; text-decoration: none; }
.player-content #player-body .playerframe { position:absolute; z-index: 11; width: 500px; height: 281px; display: block; background: url("http://rthk.hk/include2010/homepics/images/playerframe.png") center center no-repeat; /* ie6 */ _background: url("http://rthk.hk/include2010/homepics/images/playerframe.gif") 0 0 no-repeat; }
.player-content #player-body  img { width: 500px; height: 281px; }
.player-content #player-body .title { position: absolute; z-index: 12; width: 100%; display:block; left: 0px; bottom: 0px; padding: 8px 10px; color: white; font-size: 16px; text-align: left; font-weight: bold; line-height: 20px; background: url("http://rthk.hk/include2010/homepics/images/black_70.png"); _background: url("http://rthk.hk/include2010/homepics/images/black_70.gif"); }
.player-content #player-body .message { position: absolute; z-index: 11; font-weight: bold; height: 100%; line-height: 281px; width: 100%; color: white; font-size: 15px; background: url("http://rthk.hk/include2010/homepics/images/black_50.png"); margin: auto; vertical-align: middle; text-align: center; }

/* TV Player */
#item-tv-player { display: block; border: none; margin-bottom: 13px; }
#item-tv-player #player-menu { clear:both; border-left: solid 1px #C9C9C9; background: url("http://rthk.hk/include2010/homepics/images/bg_prog_menu_empty.gif") bottom left repeat-x; height: 100%; }
#item-tv-player #player-menu ul { list-style-type: none; margin: 0px; height: auto; }
#item-tv-player #player-menu li { float: left; text-align: center; }
#item-tv-player #player-menu li a { display:block; color:#636363; width:305px; padding: 5px; background: url("http://rthk.hk/include2010/homepics/images/bg_prog_menu.gif") top left repeat; border: solid 1px #C9C9C9; border-left: solid 1px #FFFFFF; }
#item-tv-player #player-menu li.current { font-weight: bold; color:#333333; background: url("http://rthk.hk/include2010/homepics/images/bg_white.gif") top left repeat; width:305px; padding: 5px; border: solid 1px #C9C9C9; border-left: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; }
#item-tv-player #player-menu a:hover { color:#FF6600; background: url("http://rthk.hk/include2010/homepics/images/bg_prog_menu_over.gif") top left repeat; }
#item-tv-player #player-content { clear: both; padding: 0px; border: solid 1px #C9C9C9; width: 633px; overflow: hidden; border-top: none; background-color: #FFFFFF;  }
/* TAB Short clips */
#item-tv-player #player-content div {  }
#item-tv-player #player-content #player-ad { float:left; width: 384px; height: 235px; margin: 10px; display:inline !important; }
#item-tv-player #player-content #player-body { float:left; width: 384px; height: 235px; color: #FFFFFF; margin: 10px; /* IE6 Hacks */_display:inline !important; }
#item-tv-player #player-content #player-list { float:left; width: 218px; height: 214px; overflow-x: hidden; overflow-y: scroll; overflow-x: hidden; margin-top: 10px; border: solid 1px #DDDDDD; /* IE6 Hacks */ _display:inline !important; }
#item-tv-player #player-content #player-list ul { list-style-type: none; margin: 0px; padding: 0px; display: block; }
#item-tv-player #player-content #player-list li { float: left; display: block; margin: 0px; padding: 4px; border-bottom: solid 1px #DDDDDD; width: 180px; overflow: hidden; line-height: 1.3em;}
#item-tv-player #player-content #player-list li { padding-left: 25px; background: url("http://rthk.hk/include2010/homepics/images/icon_tv3.gif") 5px 5px no-repeat; }
#item-tv-player #player-content #player-list li.odd { background-color: #f9f9f9; }
#item-tv-player #player-content #player-list li.even { background-color: #ffffff; }
#item-tv-player #player-content #player-list li img { float: left; border: 0px; margin: 2px 5px 2px 0; display:none; }
#item-tv-player #player-content #player-list li a { color: #333333; font-size: 0.9em; display:inline }
#item-tv-player #player-content #player-list li a:hover { color: #FF6600; text-decoration: underline; }

#item-tv-player #player-content #player-list li .icon-url { display:inline-block; padding-left: 20px; background: url("http://rthk.hk/include2010/homepics/images/icon_url.gif") 0px 0px no-repeat; }
/*#item-tv-player #player-content #player-list li .icon-video { padding-left: 20px; background: url("http://rthk.hk/include2010/homepics/images/icon_video.gif") 0px 0px no-repeat; }*/
#item-tv-player #player-content #player-list li .icon-audio { display:inline-block; padding-left: 20px; background: url("http://rthk.hk/include2010/homepics/images/icon_radio3.gif") 0px 0px no-repeat; }

#item-tv-player #player-content #today-highlights { float:left; padding:5px 0px 5px 5px; margin-top:5px; }
#item-tv-player #player-content #today-highlights a { color: #333333; }
#item-tv-player #player-content #today-highlights a:hover { color:#FF6600; }

/* TAB No Webcast */
#item-tv-player #player-content #tv-no-webcast { float:left; color: #FFFFFF; background-color: #000000; width: 384px; height: 236px; margin: 10px; text-align:center; _display:inline; /* IE6 double padding Hacks */}
#item-tv-player #player-content #tv-timetable-today { float: right; width: 218px; padding: 0px; margin: 10px; margin-left: 0; _display:inline; /* IE6 double padding Hacks */}
#item-tv-player #player-content #tv-timetable-today #timetable-head { color: #666666; padding: 0 0 8px 0; }
#item-tv-player #player-content #tv-timetable-today #timetable-list { border: solid 1px #C9C9C9; width: 218px; height: 196px; overflow-y: scroll; overflow-x: hidden; background-color: #f1f1f1; }
#item-tv-player #player-content #tv-timetable-today #timetable-list td { color: #666666; font-size:.9em; padding: 5px; line-height:1.2em; background: url("http://rthk.hk/include2010/homepics/images/timetablebg.gif") top left repeat-x; border-bottom: solid 1px #CCCCCC; }
#item-tv-player #player-content #tv-timetable-today #timetable-list .current td { background-image: url("http://rthk.hk/include2010/homepics/images/timetablebg_active.gif"); }
#item-tv-player #player-content #tv-timetable-today #timetable-list .time { padding-left: 10px; }
#item-tv-player #player-content #tv-timetable-today #timetable-list .program {  padding-left: 0px; }

/* TAB During Webcast */
#item-tv-player #player-content #tv-webcast { float: left; color: #FFFFFF; background-color: #000000; width: 384px; height: 282px; margin: 10px; _display:inline; /* IE6 double padding Hacks */ }
#item-tv-player #player-content #tv-prog-info { float: left; width: 218px; padding: 0px; margin: 10px 0px; _display:inline; /* IE6 double padding Hacks */}
#item-tv-player #player-content #tv-prog-info .subheader { background: url("http://rthk.hk/include2010/homepics/images/subheaderbg.gif"); line-height: 1.4em; padding: 3px 0px 3px 10px; }
#item-tv-player #player-content #tv-prog-info .content { padding:10px; line-height: 1.4em; }
#item-tv-player #player-content #tv-prog-info #prog-head { margin-bottom: 10px; }
#item-tv-player #player-content #tv-prog-info #prog-head .title { font-size: 1.4em; line-height: 1.6em; font-weight: bold; color:#FF0033; }
#item-tv-player #player-content #tv-prog-info #prog-head .title a { color: #FF0033; }
#item-tv-player #player-content #tv-prog-info #prog-head .title a:hover { color: #FF6600; text-decoration: underline; }
#item-tv-player #player-content #tv-prog-info #prog-head .host { font-size: 0.9em; color:#636363; }
#item-tv-player #player-content #tv-prog-info #prog-episode { border: solid 1px #C9C9C9; margin-bottom: 10px; }
#item-tv-player #player-content #tv-prog-info #prog-episode .content { height: 76px; overflow-y:auto; }
#item-tv-player #player-content #tv-prog-info #prog-media { border: solid 1px #C9C9C9; }
#item-prog-main #prog-head { clear:both; background: url("http://rthk.hk/include2010/homepics/images/bg_prog_head.gif") top left repeat; border: solid 1px #C9C9C9; border-top: none; padding: 5px; padding-left: 10px; }

/* R4 Daily Music List */
#item-dailymusic {}
#item-dailymusic .content { padding: 0px; }
#item-dailymusic #dailymusic-header { display: block; background-color: #FFFFFF; padding: 5px; border-bottom: solid 1px #C9C9C9; }
#item-dailymusic #dailymusic-header #dailymusic-today { float: left; color: #cc3333; font-size: 1.2em; font-weight: bold; }
#item-dailymusic #dailymusic-header #dailymusic-otherdays { float: right; }
#item-dailymusic #dailymusic-header #dailymusic-otherdays select { font-size: 12px; color: #333333; width: 10em; }
#item-dailymusic #dailymusic-list { clear: both; width: 633px; height: 205px; overflow-x: hidden; overflow-y: scroll; background-color: #f1f1f1;}
#item-dailymusic #dailymusic-list table { font-size: 0.9em; margin: 0px; padding: 0px; width: 618px; }
#item-dailymusic #dailymusic-list table td { background-image: url("http://rthk.hk/include2010/homepics/images/timetablebg.gif"); border-bottom: solid 1px #CCCCCC; padding: 4px 0px 4px 10px;  margin: 0px; }
#item-dailymusic #dailymusic-list.full { clear: both; height: 100%; overflow: visible; }

/* R2 Song Pop Chart */
#item-songchart { }
#right-column #chinesepop { float: left; width: 295px; padding: 5px 10px 5px 0; margin-right:10px; border-right: solid 1px #DDDDDD; }
#right-column #globalchina { float: left; width: 295px; padding: 5px 5px 5px 0; }
#right-column #intlpop { float: left; width: 295px; padding: 5px 10px 5px 0; margin-right:10px; border-right: solid 1px #DDDDDD;} 
#right-column #jpop { float: left; width: 295px; padding: 5px 5px 5px 0; }
#left-column #chinesepop { padding: 5px 4px 5px 0; } 
#left-column #globalchina { padding: 5px 4px 5px 0; } 
#left-column #intlpop { padding: 5px 4px 5px 0; } 
#left-column #jpop { padding: 5px 4px 5px 0; }
#item-songchart .region { color:#41AA21; font-weight: bold; line-height: 1.5em; }
#item-songchart .region a{ color:#41AA21; font-weight: bold; }
#item-songchart .region a:hover { color:#FF6600; }
#item-songchart .period { font-size: 0.9em; color: #666666; padding-left: 5px; margin: 3px 0px; line-height: 20px; }
#left-column #item-songchart .period { background: url("http://rthk.hk/include2010/homepics/images/bg_songchart_period_left.gif") top left no-repeat; }
#right-column #item-songchart .period { background: url("http://rthk.hk/include2010/homepics/images/bg_songchart_period_right.gif") top left no-repeat; }
#item-songchart .songlist { line-height: 1.5em; }
#item-songchart .songlist ol { margin: 0px; margin-left: 30px; padding: 0px; list-style-position: outside; }
#item-songchart .songlist li { font-size: 0.9em;  margin: 0px; margin-left: -5px; padding: 2px;  }

/* Channel Archive */
#item-ch-archive { /* margin-top: 20px; */ font-size: 13px; }
#item-ch-archive #global-search { border-bottom: solid 1px #CCCCCC; padding-bottom:10px; }
#item-ch-archive #global-search #txt-instr { font-size: .9em; line-height: 1.6em; color:#666666; }
#item-ch-archive #global-search  #fn-bar { padding: 5px 0; }
#item-ch-archive #progs-list { line-height: 1.4em; }
#item-ch-archive #progs-list #title { padding: 10px 0; }
#item-ch-archive #progs-list #options { margin-bottom: 5px; }
#item-ch-archive #progs-list #options label { margin-right: 15px; }
#item-ch-archive #list-cat1 { border-top: solid 1px #C9C9C9; padding-top: 10px; }
#item-ch-archive .orangeStyle { font-size: 1em; }
#item-ch-archive .title { font-weight: bold; font-size: 1.2em; color:#CC0000; padding:5px; margin:10px 0 0px 0; border-bottom: solid 1px #CC0000;  }
#item-ch-archive .time { margin-left:10px; font-size:.9em; }
#item-ch-archive .list-progs { margin: 10px 0; }
#item-ch-archive .red  { color:#FF0000; }
#item-ch-archive .remarks { padding:5px 0; margin-top:5px; }
#item-ch-archive ul.list-progs { list-style-type: none; margin: 0 0 5px 0; padding: 0px; }
#item-ch-archive .list-progs li { margin: 0px; padding: 0px; }
#item-ch-archive .list-progs li.odd  { background-color: #EEEEEE; }
#item-ch-archive .list-progs li.even { background-color: #E1E1E1; }
#item-ch-archive .list-progs li:hover { background-color: #fde0c2; }
#item-ch-archive .list-progs li a { display: inline-block; color:#333333; margin: 0px; margin: 4px 5px; }
#item-ch-archive .list-progs li a:hover { color:#FF6633; text-decoration:underline; }
#item-ch-archive .list-progs li a.tv { padding-left: 23px; background: url("http://rthk.hk/include2010/homepics/images/icon_tv3.gif") center left no-repeat; }
#item-ch-archive .list-progs li a.radio { padding-left: 23px; background: url("http://rthk.hk/include2010/homepics/images/icon_radio3.gif") center left no-repeat; }
#item-ch-archive .list-progs li a.special { padding-left: 23px; background: url("http://rthk.hk/include2010/homepics/images/icon_webpage2.gif") center left no-repeat; }
#item-ch-archive #order-by-name { margin: 10px 0; }
#item-ch-archive #order-by-cat { margin: 10px 0; }
#item-ch-archive #order-by-cat ul { border-top: none; }
#item-ch-archive #order-by-date { margin: 10px 0; }
#item-ch-archive #order-by-date ul { border-top: none; }
#item-ch-archive #order-by-keywords { margin: 10px 0; }
#item-ch-archive #search-date-bar { padding:5px; vertical-align:middle; }
#item-ch-archive #search-date-bar .input { font-size: .85em;}
#item-ch-archive #keyword-bar { padding:5px; background-color: #ffebeb; }
#item-ch-archive #keyword-bar .highlights { color:#CC0000;font-weight: bold;  }
#item-pagenavbar { font-size: 12px; }
#item-pagenavbar select { font-size: 12px; }

/* Share with friends */
#item-sharewithfds {}
#item-sharewithfds .title { padding: 5px; }
#item-sharewithfds .desc { color:#636363; font-size: 0.85em; line-height: 1.6em; display:none;}
#item-sharewithfds ul { list-style-type: none; }
#item-sharewithfds li { padding: 2px; margin: 0px; }
a.icon-email { padding: 2px; padding-left: 25px; background: url("http://rthk.hk/include2010/homepics/images/icon_email.gif") center left no-repeat; margin-right: 10px; }
a.icon-facebook { padding: 2px; padding-left: 25px; background: url("http://rthk.hk/include2010/homepics/images/icon_facebook.gif") center left no-repeat; margin-right: 10px; }
a.icon-msn { padding: 2px; padding-left: 25px; background: url("http://rthk.hk/include2010/homepics/images/icon_msn.gif") center left no-repeat; margin-right: 10px; }
a.icon-google { padding: 2px; padding-left: 25px; background: url("http://rthk.hk/include2010/homepics/images/icon_google.gif") center left no-repeat; margin-right: 10px; }

/* album */
#list-album { width: 600px; margin: 0px auto; padding-top: 15px; }
#list-album ul { list-style-type: none; margin: 0px; padding: 0px; }
#list-album li { float: left; margin: 0px; padding: 0px; text-align: center; width: 120px; height: 120px; }
#list-album li a { width: 100%; height: 100%; display: block; padding: 2px;  /* IE 6 */_padding: 0px; }
#list-album li a:hover img { border: solid 1px #666; background-color: #DDDDDD; }
#list-album li a img { border: solid 1px #C9C9C9; max-width: 110px; max-height: 110px; }
#list-album li a img { _width:expression(this.offsetWidth>this.offsetHeight?110:''); _height:expression(this.offsetHeight>this.offsetWidth?110:''); } /* IE 6 max-width, max-height hack */
#list-album li#current a { /*background-color: #DDDDDD;*/ }
#list-album li#current a img { border: solid 1px #666; }
#nav-album { clear: both; width: 640px; margin: 0 auto; border-top: solid 1px #C9C9C9; padding: 10px 0; height: 20px; }
#nav-album div { float: left; }
#nav-album #nav-pagelist { width: 450px; text-align: center; line-height: 24px; }
#nav-album #nav-pagelist .current { font-weight: bold; padding: 0 2px; }
#nav-album #nav-pagelist a { display: inline-block; padding: 0 2px; }
#nav-album a.btn-album { display: block; height: 0px; padding-top: 18px; width: 41px; overflow: hidden; margin: 3px; }
#nav-album #btn-prevbatch a {background: url("http://rthk.hk/include2010/homepics/images/btn_arrow_prevbatch.gif") top left no-repeat; line-height: 1.4em; }
#nav-album #btn-prevbatch a:hover { background: url("http://rthk.hk/include2010/homepics/images/btn_arrow_prevbatch_over.gif") top left no-repeat; }
#nav-album #btn-prevone a { background: url("http://rthk.hk/include2010/homepics/images/btn_arrow_prev.gif") top left no-repeat; line-height: 1.4em; }
#nav-album #btn-prevone a:hover { background: url("http://rthk.hk/include2010/homepics/images/btn_arrow_prev_over.gif") top left no-repeat; }
#nav-album #btn-nextbatch a { background: url("http://rthk.hk/include2010/homepics/images/btn_arrow_nextbatch.gif") top left no-repeat; line-height: 1.4em; }
#nav-album #btn-nextbatch a:hover { background: url("http://rthk.hk/include2010/homepics/images/btn_arrow_nextbatch_over.gif") top left no-repeat; }
#nav-album #btn-nextone a { background: url("http://rthk.hk/include2010/homepics/images/btn_arrow_next.gif") top left no-repeat; line-height: 1.4em; }
#nav-album #btn-nextone a:hover { background: url("http://rthk.hk/include2010/homepics/images/btn_arrow_next_over.gif") top left no-repeat; }
#pic-album { padding-top: 15px; text-align:center; }
#pic-album .pic img { border: solid 1px #C9C9C9; max-width: 600px; max-height: 600px; }
#pic-album .pic img { _width:expression(this.offsetWidth>this.offsetHeight?600:''); _height:expression(this.offsetHeight>this.offsetWidth?600:''); } /* IE 6 max-width, max-height hack */
#pic-album .caption { text-align: center; padding: 5px 15px 10px 15px; line-height: 1.4em; }
.btn-relatedepi { display: block; height: 0px; padding-top: 18px; width: 77px; overflow: hidden; margin: 3px; background: url("http://rthk.hk/include2010/homepics/images/btn_relatedepi.gif") top left no-repeat; }

/* Radio Channel Index Page */
#all-ch-logos { clear:both; }
#all-ch-logos table td { width: 150px; text-align: center; }
#all-ch-listen { clear:both; margin-top:2px; margin-bottom:2px; }
#all-ch-listen td { width: 150px; padding: 0 1px; }
/*
#all-ch-listen table td { width: 145px; padding: 0px; }
#all-ch-listen span { display: inline-block; margin-left: 2px; width: 61px; height: 20px; background: url("http://rthk.hk/include2010/homepics/images/btn_ch_listen_c_up.gif") 0px 0px no-repeat; }
#all-ch-listen .btn-listen-chi span { margin-left: 3px; background-image: url("http://rthk.hk/include2010/homepics/images/btn_ch_listen_c_over.gif"); }
#all-ch-listen .btn-listen-eng span { margin-left: 3px; background-image: url("http://rthk.hk/include2010/homepics/images/btn_ch_listen_e_over.gif"); }
#all-ch-listen a { display: inline-block; margin-left: 2px; width: 37px; height: 20px; }
#all-ch-listen a.media { background: url("http://rthk.hk/include2010/homepics/images/btn_ch_listen_c_up.gif") -63px 0px no-repeat; }
#all-ch-listen a.real { background: url("http://rthk.hk/include2010/homepics/images/btn_ch_listen_c_up.gif") -103px 0px no-repeat; }
#all-ch-listen a:hover { display: inline-block; width: 37px; height: 20px; background-image: url("http://rthk.hk/include2010/homepics/images/btn_ch_listen_c_over.gif"); }
*/
#all-ch-features { clear:both; }
#all-ch-features table td { font-size: 13px; width: 127px; padding: 10px; background: url("http://rthk.hk/include2010/homepics/images/stroke_left.gif") center left no-repeat; }
#all-ch-features table td.first { background: none; }
#all-ch-features table { border: solid 1px #cccccc; background: url("http://rthk.hk/include2010/homepics/images/bg_all_ch_feature.gif") top left repeat; }
#all-ch-features table a { color:#666666; display:block; text-decoration: none; line-height: 1.6em; }
#all-ch-features table a:hover { color: #FF6600; text-decoration: underline; }

#all-ch-timetable { clear:both; font-size: 13px; }
#all-ch-timetable table { margin-top:10px; border-right: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5;}
#all-ch-timetable table td { width: 145px; padding: 0px; border-left: solid 1px #e5e5e5; }
#all-ch-timetable table h3 { height: 0px; width: 0px; overflow: hidden; position: absolute; } /* hidden text for speech device */
#all-ch-timetable .prog-unit { font-size: 13px; padding: 5px 5px 5px 8px; }
#all-ch-timetable .prog-unit:hover { background-color: #f1f1f1; }
#all-ch-timetable .title { font-size: 13px; line-height: 1.4em; padding-top:2px; }
#all-ch-timetable .time { font-size: 12px; line-height: 1.4em; color: #666666; }
#all-ch-timetable .prog-unit-current { padding: 5px 5px 10px 5px; background-color: #fae0aa; background: url("http://rthk.hk/include2010/homepics/images/bg_current_prog.gif") bottom left repeat-x; }

#all-ch-remarks { color: #999999; padding: 10px 0; }

/* item-categories */
#item-categories {  }
#item-categories h3 { clear: both; display: block; font-weight: bold; font-size: 1.2em; color:#333333; padding-left: 5px;  }
#item-categories ul { list-style-type: none; display: block; margin: 0px; padding: 0px; /*width: 210px; margin-left: 10px;*/ margin-bottom: 20px; }
#item-categories ul li { float: left; margin: 0px; padding: 0px; display:block; }
#item-categories ul li a { color:#666666; display: block; padding: 5px; border-bottom: solid 1px #e1e1e1; width: 230px; }
#item-categories ul li a img { margin-right: 3px; }
#item-categories ul li a:hover { background-color: #EEE; }

/*
#item-categories { background-color: #efefef; padding: 10px; }
#item-categories h3 { clear: both; display: block; font-size: 1.2em; color:#333333; padding-left: 5px;  }
#item-categories ul { list-style-type: none; display: block; margin: 0px; padding: 0px; margin-bottom: 20px; }
#item-categories ul li { float: left; margin: 0px; padding: 0px; border-bottom: solid 1px #fff; }
#item-categories ul li a { color:#666666; display: block; padding: 3px; width: 230px; }
#item-categories ul li a img { margin-right: 3px; }
#item-categories ul li a:hover { background-color: #e2e2e2; }
*/

/* Footer Menu */
#menu-footer { clear:both; text-align: center; color: #156e7d; padding: 5px; font-weight: normal; }
#menu-footer a { color: #156e7d; font-weight: normal; }
#menu-footer a:hover { color: #156e7d; background-color:#FFFF00; }

/* Copyright */
#item-copyright	{ clear: both; text-align: center; color: #333333; font-size: 12px; padding-top: 10px; overflow: hidden; line-height: 20px; background: url("http://rthk.hk/include2010/homepics/images/main_bottom.gif") top center no-repeat; }