@charset "utf-8";

/* item prog hosts */
#item-prog-presenters { display: block; margin-bottom: 13px; border: solid 1px #C9C9C9; }
#item-prog-presenters .content { padding: 10px; padding-right: 0px; padding-bottom: 0px; }
#item-prog-presenters ul.list-host { list-style: none; margin: 0px; padding: 0px; }
#item-prog-presenters ul.list-host li { float: left; margin: 0px; padding: 0px; overflow: hidden; width: 82px; margin-right: 10px; margin-bottom: 8px; }
#item-prog-presenters ul.list-host li a { color: #333333; display: block; text-align: center; width: 100%; line-height: 20px; }
#item-prog-presenters ul.list-host li a:hover { color: #FF3300; } 
#item-prog-presenters ul.list-host li img { width: 82px; height: 109px; vertical-align: middle; margin-right: 10px; }

/* item prog tags list */
#item-prog-tags-list { margin-bottom: 13px; }
#item-prog-tags-list #order-by-cat { margin: 0px; }
#item-prog-tags-list .title { background: #e5e5e5 url('http://programme.rthk.hk/homepics/images/bg_prog_menu.gif') repeat-x; border: solid 1px #C9C9C9; border-bottom: none; color: #333333; font-weight: bold; margin: 0px; padding: 5px 10px; font-size: 1.2em; }
#item-prog-tags-list .content { background: #f8f8f8; border: solid 1px #C9C9C9; color: #555555; font-size: 1.2em; font-weight: bold; height: auto; line-height: 1.6em; padding: 0px; }
#item-prog-tags-list .keyword { background-color: #FFF; font-weight: bold; color: #4d794b; font-size: .9em; line-height: 1.3em; padding: 8px 10px; }
#item-prog-tags-list ul.list-progs { list-style: none; padding: 0px 10px; }
#item-prog-tags-list .list-progs li { list-style: none; margin: 0px; padding: 0px; }
#item-prog-tags-list .list-progs li.odd { background-color: #e1e7e2; border-top: solid 1px #f8f8f8; padding: 15px; }
#item-prog-tags-list .list-progs li.even { background-color: #e2e2e2; border-top: solid 1px #f8f8f8; padding: 15px; }
#item-prog-tags-list .list-progs li a { color: #666666; display: inline; text-decoration: none; margin-right: 5px; }
#item-prog-tags-list .list-progs li a:hover { clear: both; color: #FF6633 !important; text-decoration: underline; }
#item-prog-tags-list .list-progs li a.tv { background: url("http://rthk.hk/include2010/homepics/images/icon_tv3.gif") center left no-repeat; padding-left: 23px; }
#item-prog-tags-list .list-progs li a.radio { background: url("http://rthk.hk/include2010/homepics/images/icon_radio3.gif") center left no-repeat; padding-left: 23px; }
#item-prog-tags-list .list-progs li a.special { background: url("http://rthk.hk/include2010/homepics/images/icon_webpage2.gif") center left no-repeat; padding-left: 23px; }
#item-prog-tags-list .list-progs table td { vertical-align: top; padding: 10px; }
#item-prog-tags-list .tag-pic { width: 100px; margin-right: 10px; float: left; }
#item-prog-tags-list .tag-box { width: 530px; float: left; /* required for IE */ #float: none; }
#item-prog-tags-list .tag-title  { line-height: 1.4em; /* required for IE */ #display: inline-block; }
#item-prog-tags-list .tag-title a { color: #343434 !important; font-weight: bold; }
#item-prog-tags-list .tag-desc { display: block; color: #343434; font-size: 13px; }
#item-prog-tags-list .tag-tag { background: url('http://rthk.hk/special/collage/img/tag.gif') 2px 8px no-repeat; padding-left: 20px; padding-top: 3px; line-height: 1.2em; /* required for IE */ #display: inline-block; }
#item-prog-tags-list .tag-tag a { border-right: solid 1px #cccccc; padding-right: 5px; font-size: 13px; }
#item-prog-tags-list .tag-listen { float: right; margin-left: 10px; margin-bottom: 45px; }
#item-prog-tags-list .tag-listen  a.media { display: block; width: 64px; padding-top: 35px; height: 0px; overflow: hidden; background: url("http://rthk.hk/include2010/homepics/images/btn_media_real.png") 0 0 no-repeat; }
#item-prog-tags-list .tag-listen  a:hover.media { background-position: 0 -35px; }

/* item prog collage */
#item-prog-collage { font-size: 13px; margin-bottom: 5px; margin-left: 20px; margin-right: 20px; }
#item-prog-collage .item-prog-collage-item { display: inline; height: 600px; margin-right: 20px; width: 200px; }

/* item prog collage tag */
#home-prog-collage-tag { background: url('http://rthk.hk/special/collage/img/tag.gif') 3px 2px no-repeat; clear: both; padding-left: 20px; color: #0a6b71; font-size: 12px; margin-top: 5px; }
#home-prog-collage-tag a { clear: both; /* color: #0a6b71; */ text-decoration: none; }
#home-prog-collage-tag a:hover { clear: both; /* color: #0a6b71; */text-decoration: underline;  }

.collagephoto { overflow: hidden; border: 1px solid #C9C9C9; padding: 5px; background-color: white; }
.collagedesc { position: relative; background: #dddddd url('http://rthk.hk/special/collage/img/back.jpg'); border: 0px solid #a1a1a1; color: #343434; display: block; width: 197px; height: 100px; width: 197px; }
.collagedesc:hover { background: #dde5d6 url('http://rthk.hk/special/collage/img/back_over.jpg'); text-decoration: none !important; }
.collagedesc_title { padding: 5px 8px; }
.collagedesc_title  a { color: #456c64 !important; font-weight: bold; line-height: 17px; }
.collagedesc_detail { color: #505050; margin-top: 5px; overflow: hidden; }
.collagedesc_date { color: #6a6a6a; font-size: 11px; position: absolute; bottom: 5px; right: 10px; text-align: right; }

.home-prog-collage-detail { border: 1px solid #eeeeee; background-image: url('http://rthk.hk/special/collage/img/desc_back.gif'); clear: both; min-height: 185px; padding: 10px;  }
.home-prog-collage-title { clear: both; color: #343434; font-size: 13px; font-weight: bold; }
.home-prog-collage-highlighttitle { clear: both; color: #910000; font-size: 15px; font-weight: bold; }
/* .home-prog-collage-desc { clear: both; background-color: #d0d0d0; color: #343434; font-size: 13px; } */