@charset "utf-8";
@import url('radio.css'); 
@import url('tv.css');
@import url('webit.css');

/* =================================================================================================
    MAIN LAYOUT STRUCTURE
================================================================================================= */
#main { clear:both; width: 950px; margin: 0 auto; padding-top: 10px; position: relative; height: 100%; }
#main .left-col { float: left; width: 190px; overflow: hidden; margin-right: 10px; margin-left: 10px; padding-top: 3px; /* ie6 double margin hack */ _display:inline; }
#main .middle-col { float: left; width: 440px; overflow: hidden; margin-right: 0px; padding-top: 3px; /* ie6 double margin hack */ _display:inline; }
#main .right-col { float: right; width: 280px; overflow: hidden; margin-right: 10px; padding-top: 3px;  /* ie6 double margin hack */ _display:inline; }
#main .lower-row { float: left; width: 640px; overflow: hidden; margin-left: 10px; /* ie6 double margin hack */ _display:inline; } /* appears in english homepage only */

/* =================================================================================================
    ITEM RANKNING
================================================================================================= */
#item-home-ranking { /*ie 6*/ _height:0px; }
#item-home-ranking .rank-bottom  a { display: block; height: 136px; background: #fff url("../homepics/images/soha_pic.gif") 0 0 no-repeat; }
.ranking .rank-body { background: white; margin-bottom: 10px; }
.ranking .rank-today { clear: both; display: none; }
.ranking .rank-week { clear: both; display: none; }
.ranking h2 { font-size: 1em; line-height: 1.4em; }

/* item-home-ranking-e */
#item-home-ranking-e   { margin-bottom: 10px; }
#item-home-ranking-e  #hotpic.red  { background: url("../homepics/themes/head_ranking_home_e.jpg"); }
#item-home-ranking-e .rank-bottom a { display: block; height: 120px; background: url("../homepics/images/soha_pic_en.gif"); }

/* Most Click */
.ranking {}
.ranking #hotpic { width: 190px; height: 0px; overflow: hidden; padding-top: 67px; background: url("../homepics/themes/head_ranking_home.jpg") 0 0 no-repeat; }
#item-home-ranking.ranking #hotpic  { background-image: url("../homepics/themes/head_ranking_home.jpg"); }
#item-radio-ranking.ranking #hotpic { background-image: url("../homepics/themes/head_ranking_radio.jpg"); }
#item-tv-ranking.ranking #hotpic  { background-image: url("../homepics/themes/head_ranking_tv.jpg"); }
#item-webit-ranking.ranking #hotpic  { background-image: url("../homepics/themes/head_ranking_webit.jpg") ; }
#item-home-ranking #hotpic { background-image: url("../homepics/themes/head_ranking_home.jpg"); }
#item-radio-ranking #hotpic { background-image: url("../homepics/themes/head_ranking_radio.jpg"); }
#item-tv-ranking #hotpic { background-image: url("../homepics/themes/head_ranking_tv.jpg"); }
#item-webit-ranking #hotpic { background-image: url("../homepics/themes/head_ranking_webit.jpg"); }
#item-webit-ranking-e #hotpic { background-image: url("../homepics/themes/head_ranking_webit_e.jpg"); }

/* Ranking Tab */
.ranking #rank-nav { height: 25px; overflow: hidden; }
.ranking #rank-nav a { float: left; width: 60px; height:0px; padding-top: 25px; line-height: 25px; background: url("../homepics/images/rank_tab.gif") no-repeat; }
#item-home-ranking-e.ranking #rank-nav a { background-image: url("../homepics/images/rank_tab_e_red.png"); /* ie6 */ _background-image: url("../homepics/images/rank_tab_e_red.gif"); }
#item-home-ranking.ranking #rank-nav a { background-image: url("../homepics/images/rank_tab_red.png"); /* ie6 */ _background-image: url("../homepics/images/rank_tab_red.gif"); }
#item-tv-ranking.ranking #rank-nav a { background-image: url("../homepics/images/rank_tab_orange.png"); /* ie6 */ _background-image: url("../homepics/images/rank_tab_orange.gif"); }
#item-radio-ranking.ranking #rank-nav a { background-image: url("../homepics/images/rank_tab_blue.png"); /* ie6 */ _background-image: url("../homepics/images/rank_tab_blue.gif"); }
#item-webit-ranking.ranking #rank-nav a { background-image: url("../homepics/images/rank_tab_green.png"); /* ie6 */ _background-image: url("../homepics/images/rank_tab_green.gif");}
#item-webit-ranking-e.ranking #rank-nav a { background-image: url("../homepics/images/rank_tab_e_green.png"); /* ie6 */ _background-image: url("../homepics/images/rank_tab_e_green.gif"); }

/* Chinese Version */
.ranking #rank-nav a#today { background-position: 0px 0px; }
.ranking #rank-nav a#today:hover { background-position: 0px -25px; }
.ranking #rank-nav a#today.current { background-position: 0px -50px; }
.ranking #rank-nav a#today.current:hover { background-position: 0px -50px; }
.ranking #rank-nav a#thisweek { background-position: -60px 0px; }
.ranking #rank-nav a#thisweek:hover { background-position: -60px -25px; }
.ranking #rank-nav a#thisweek.current { background-position: -60px -50px; }
.ranking #rank-nav a#thisweek.current:hover { background-position: -60px -50px; }

/* Billgual Version */
.ranking #rank-nav-bi { height: 25px; overflow: hidden; }
.ranking #rank-nav-bi a { float: left; width: 90px; height:0px; line-height: 20px; padding-top:25px; background: url("../homepics/images/rank_tab_bi.gif") no-repeat; }
.ranking #rank-nav-bi.orange a { background-image: url("../homepics/images/rank_tab_bi_orange.png"); /* ie 6 */ _background-image: url("../homepics/images/rank_tab_bi_orange.gif"); }
.ranking #rank-nav-bi a#today { background-position: 0px 0px; }
.ranking #rank-nav-bi a#today:hover { background-position: 0px -25px; }
.ranking #rank-nav-bi a#today.current { background-position: 0px -50px; }
.ranking #rank-nav-bi a#today.current:hover { background-position: 0px -50px; }
.ranking #rank-nav-bi a#thisweek { background-position: -90px 0px; }
.ranking #rank-nav-bi a#thisweek:hover { background-position: -90px -25px; }
.ranking #rank-nav-bi a#thisweek.current { background-position: -90px -50px; }
.ranking #rank-nav-bi a#thisweek.current:hover { background-position: -90px -50px; }

/* Rank Item Background */
.ranking a.rankItem { display: block; position: relative; background: url("../homepics/images/bg_rank_default.gif") top left no-repeat; height: 35px; padding-top: 10px; padding-left: 55px; width: 135px; }
.ranking a.rankItem:hover { text-decoration:none; color: #000000; }

#item-home-ranking  a.rankItem { background-image: url("../homepics/images/bg_rank_red.gif"); }
#item-home-ranking-e  a.rankItem { background-image: url("../homepics/images/bg_rank_red.gif"); }
#item-radio-ranking  a.rankItem { background-image: url("../homepics/images/bg_rank_blue.gif"); }
#item-tv-ranking a.rankItem { background-image: url("../homepics/images/bg_rank_orange.gif"); }
#item-webit-ranking a.rankItem { background-image: url("../homepics/images/bg_rank_green.gif"); }
#item-webit-ranking-e a.rankItem { background-image: url("../homepics/images/bg_rank_green.gif"); }

.ranking .rank-prog-ch { display: block; position: absolute; top: 10px; right: 5px; }
.ranking .rank-prog-type { display: block; position: absolute; top: 10px; right: 5px; }
.ranking .rank-prog-name { display: block; font-weight: bold; color:#333333; height: 20px; font-size: .8em; line-height: 1.4em; overflow: hidden; position: relative; }
.ranking .rank-prog-name-title { white-space: nowrap; position: absolute; }
.ranking .rank-prog-date { display: block; font-weight: normal; color: #808080; width: 90px; font-size: .6em; line-height: 1em; overflow: hidden; }
.ranking .rank-bottom { clear:both; }

#item-home-rank-panels .rank-prog-name { width: 105px; }
#item-home-rank-panels-e .rank-prog-name { width: 105px; }
#item-radio-rank-panels .rank-prog-name { width: 105px; }
#item-tv-rank-panels .rank-prog-name { width: 125px; }
#item-webit-rank-panels .rank-prog-name { width: 125px; }
#item-webit-rank-panels-e .rank-prog-name { width: 125px; }

/* Ranking Order */
.no1 a.rankItem .rank-prog-date { color: white; }
.no1 a.rankItem { background-position: 0px 0px; }
.no2 a.rankItem { background-position: 0px -45px; }
.no3 a.rankItem { background-position: 0px -90px; }
.no4 a.rankItem { background-position: 0px -135px; }
.no5 a.rankItem { background-position: 0px -180px; }
.no6 a.rankItem { background-position: 0px -225px; }
.no7 a.rankItem { background-position: 0px -270px; }
.no8 a.rankItem { background-position: 0px -315px; }
.no9 a.rankItem { background-position: 0px -360px; }
.no10 a.rankItem { background-position: 0px -405px; }

.no1 a.rankItem:hover { background-position: -190px 0px; }
.no2 a.rankItem:hover { background-position: -190px -45px; }
.no3 a.rankItem:hover { background-position: -190px -90px; }
.no4 a.rankItem:hover { background-position: -190px -135px; }
.no5 a.rankItem:hover { background-position: -190px -180px; }
.no6 a.rankItem:hover { background-position: -190px -225px; }
.no7 a.rankItem:hover { background-position: -190px -270px; }
.no8 a.rankItem:hover { background-position: -190px -315px; }
.no9 a.rankItem:hover { background-position: -190px -360px; }
.no10 a.rankItem:hover { background-position: -190px -405px; }

/* =================================================================================================
    ITEM HOME VIDEO NEWS
================================================================================================= */
#item-home-videonews { padding: 10px 10px 10px 10px; background: url("../homepics/images/top_440.png") 0 0 no-repeat; /* ie6 _background: url("../homepics/images/top_440.gif") 0 0 no-repeat; */ }
#item-home-videonews .banner { }
#item-home-videonews table { width: 420px; }
#item-home-videonews #home-placeholder  { position: relative; width: 420px; height: 255px; margin-bottom: 1px; background-color: #333333; margin-bottom: 1px; /* ie6 double margin hack */ _display:inline; /* WARMING! No overflow declare here, it will make jwplayer crash!!! */ }
#item-home-videonews #home-placeholder a { position: relative; cursor: hand; margin-right: 0px; }
#item-home-videonews #home-placeholder tr { width: 420px; }
#item-home-videonews #home-placeholder  img { z-index: 10; height: 255px; max-width: 420px; /* IE 6 */ _width: 420px; }
#item-home-videonews #home-placeholder .title { position: absolute; z-index: 12; left: 0px; bottom: 0px; padding: 8px 10px; width: 400px; display:block; color: white; font-size: 16px; text-align: left; font-weight: bold; line-height: 20px; background: url("../homepics/images/black_70.png"); _background: url("../homepics/images/black_70.gif"); }
#item-home-videonews #home-placeholder .black { display: none; }
#item-home-videonews #home-placeholder a span.playerframe { position:absolute; z-index: 11; width: 440px; height: 248px; display: block; background: url("../homepics/images/playerframe.png") 0 0 no-repeat; /* ie6 */ _background: url("../homepics/images/playerframe.gif") 0 0 no-repeat; }
#item-home-videonews .thumbnails a { position: relative; cursor:hand; display: block; margin-right: 3px;}
#item-home-videonews .thumbnails a img { width: 138px; height: 79px; }
#item-home-videonews .thumbnails a .thumbframe { position:absolute; width: 138px; height: 79px; display: block; background: url("../homepics/images/videoframe_144x81.png") 0 0 no-repeat; /* ie6 */ _background: url("../homepics/images/videoframe_144x81.gif") 0 0 no-repeat;}
#item-home-videonews .thumbnails a:hover .thumbframe { background-image: none; }
#item-home-videonews .thumbnails .current .thumbframe { background-image: url("../homepics/images/videoframe_144x81_on.png") !important; _background-image: url("../homepics/images/videoframe_144x81_on.gif") !important;}
#item-home-videonews .banner { padding-top: 5px; padding: 0px; background: url("../homepics/images/top_440.png") top left no-repeat; }
#item-home-videonews .bottom { padding-top: 0px; width: 100%; background: url("../homepics/images/bottom_440.png") bottom left no-repeat; }

div.more { clear:both; text-align: right; font-size: 10px; }
div.more a { color:#ff0066; background: url("../homepics/images/arrow_news.gif") center right no-repeat; padding-right: 10px; }

/* item-home-videonews-e */
#item-home-videonews-e { padding: 10px 10px 0px 10px; background: url("../homepics/images/top_440.png") 0 0 no-repeat; /* ie6 */ _background: url("../homepics/images/top_440.gif") 0 0 no-repeat; }
#item-home-videonews-e .desc { clear:both; font-size: .8em; padding: 6px 0px; padding-bottom: 0px; }
#item-home-videonews-e .more { font-size: 11px; padding-bottom: 5px; }
#item-home-videonews-e .topicbox { float: left; position: relative; width: 420px; height: 255px; overflow: hidden; text-align: center; margin-bottom:0; margin-right: 3px; background: #333333; }
#item-home-videonews-e .topicbox img { z-index: 10; height: 255px; max-width: 420px; /* IE 6 */ _width: 420px; }
#item-home-videonews-e .topicbox .title { position: absolute; z-index: 12; left: 0px; bottom: 0px; padding: 8px 10px; width: 400px; display:block; color: white; font-size: 16px; text-align: left; font-weight: bold; line-height: 20px; background: url("../homepics/images/black_70.png"); _background: url("../homepics/images/black_70.gif");}
#item-home-videonews-e .topicbox .black { display: none; }

/*
#item-home-videonews #home-placeholder { position: relative; width: 40px; height: 267px; margin-bottom: 1px; background-color: #333333;  }
#item-home-videonews #home-placeholder a { position: relative; cursor:hand; margin-right: 4px; }
#item-home-videonews #home-placeholder  img { position:absolute; z-index: 10; max-width: 440px; max-height: 267px; }
#item-home-videonews #home-placeholder span.title { position:absolute; z-index: 13; left: 10px; top: 240px; color: white; font-size: 16px; font-weight: bold; line-height: 18px; }
#item-home-videonews #home-placeholder .black { position: absolute; z-index: 12; left: 0px; top: 227px; width: 440px; height: 40px; display:block; background: url("../homepics/images/black_70.png"); _background: url("../homepics/images/black_70.gif"); }
#item-home-videonews #home-placeholder a span.playerframe { position:absolute; z-index: 11; width: 440px; height: 248px; display: block; background: url("../homepics/images/playerframe.png") 0 0 no-repeat; _background: url("../homepics/images/playerframe.gif") 0 0 no-repeat; }

#item-home-videonews .thumbnails a { position: relative; cursor:hand; display: block; margin-right: 4px; }
#item-home-videonews .thumbnails a img { width: 144px; height: 81px; }
#item-home-videonews .thumbnails a .thumbframe { position:absolute; height: 81px; width: 144px; display: block; background: url("../homepics/images/videoframe_144x81.png") 0 0 no-repeat; _background: url("../homepics/images/videoframe_144x81.gif") 0 0 no-repeat;}
#item-home-videonews .thumbnails a:hover .thumbframe { background-image: none; }
#item-home-videonews .thumbnails .current .thumbframe { background-image: url("../homepics/images/videoframe_144x81_on.png") !important; _background-image: url("../homepics/images/videoframe_144x81_on.gif") !important;}
#item-home-videonews .banner { padding-top: 5px; padding: 0px; background: url("../homepics/images/top_440.png") top left no-repeat; }
#item-home-videonews .bottom { padding-top: 0px; width: 100%; background: url("../homepics/images/bottom_440.png") bottom left no-repeat; }
*/
/* item-home-videonews-e 
#item-home-videonews-e { background: white; }
#item-home-videonews-e .desc { clear:both; font-size: .8em; padding: 6px 10px; padding-bottom: 0; }
#item-home-videonews-e .more { font-size: 11px; margin-right:10px; padding-bottom: 5px; }
#item-home-videonews-e .topicbox { float: left; position: relative; width: 440px; height: 267px; overflow: hidden; text-align: center; margin-bottom:0; margin-right: 3px; background: #333333; }
#item-home-videonews-e .topicbox img { z-index: 10; max-width: 440px; max-height: 267px; }
#item-home-videonews-e .topicbox span.title { position:absolute; z-index: 13; left: 10px; top: 240px; color: white; font-size: 16px; font-weight: bold; line-height: 18px; }
#item-home-videonews-e .topicbox .black { position: absolute; z-index: 12; left: 0px; top: 227px; width: 440px; height: 40px; display:block; background: url("../homepics/images/black_70.png"); _background: url("../homepics/images/black_70.gif"); }
*/

/* =================================================================================================
    ITEM HOME TODAY NEWS
================================================================================================= */
#item-home-todaynews { position: relative; background: #fff url("../homepics/images/dot_line.gif") top left repeat-x; height: 185px; /*ie 6 _height:0px; */}
#item-home-todaynews h2 { padding: 0px 8px; font-size: 16px; font-weight: bold; line-height: 38px; }
ul.list-newsthread { padding: 0; margin:0; }
ul.list-newsthread li { padding: 0; margin:0; list-style-image: url("../homepics/images/arrow_news.gif"); margin-left: 30px; }
ul.list-newsthread li img { vertical-align:text-bottom; }
ul.list-newsthread li a { color: #333333; font-size: .8em; line-height: 18px; }
ul.list-newsthread li .time { display:inline-block; color: #999999; font-size: 10px; padding-left: 4px; padding-right: 4px; line-height: 18px; }
#item-home-todaynews div.more { font-size: .8em; position: absolute; right: 10px; bottom: 5px; }

/* item-home-todaynews-e */
#item-home-todaynews-e { position: relative; padding: 8px; margin-bottom: 10px; background: #fff url("../homepics/images/dot_line.gif") top left repeat-x; /*ie 6*/ _height:0px; }
#item-home-todaynews-e h2 { font-size: 16px; font-weight: bold; line-height: 1.5em; }
#item-home-todaynews-e  ul.newsthread { line-height: 25px; }
#item-home-todaynews-e div.more { font-size: 11px; position: absolute; right: 10px; bottom: 5px; }
/* =================================================================================================
    ITEM HOME FEATURE NEWS
================================================================================================= */
#item-home-featurenews { margin-bottom: 10px; background: #fff url("../homepics/images/dot_line.gif") top left repeat-x; width: 440px; overflow: hidden; position:relative; }
#item-home-featurenews h2 { padding: 0px 8px; font-size: 16px; font-weight: bold; line-height: 38px; }
#item-home-featurenews .content { height: 100px; width: 460px; }
#item-home-featurenews .topicbox { width: 145px; height: 90px; float: left; position: relative; overflow: hidden; margin-bottom: 10px; margin-right: 4px; }
#item-home-featurenews .topicbox img { width: 145px; }
#item-home-featurenews .topicbox span.title { position:absolute; left: 0px; bottom: 0px; padding: 4px 5px; width: 135px; color: white; font-size: .8em; font-weight: bold; background: url("../homepics/images/black_70.png"); _background: url("../homepics/images/black_70.gif"); }
/*#item-home-featurenews .topicbox span.title { position:absolute; left: 5px; bottom: 0px; width: 145px; color: white; font-size: .8em; font-weight: bold; } */
/* #item-home-featurenews .topicbox span.black { position:absolute; left: 0px; bottom:0px; width: 145px; height: 40px; display:block; background: url("../homepics/images/black_70.png"); _background: url("../homepics/images/black_70.gif"); }*/

/* item-home-highlights */
#item-home-highlights-wrapper { /* ie 6 */ _height:0px; z-index: 1; }
/* root element for single scroll */
#item-home-highlights { background:white; position:relative; overflow:hidden; width: 280px; height: 275px; float:left; }
/* root element for the scroll pics */
.item-home-highlights-panels { width:20000em; position:absolute; clear:both; }
/* single scroll item */
.item-home-highlights-panels div { float:left; cursor:pointer; width: 280px; margin:0px; }
#item-home-highlights .banner { width:280px; height:240px; overflow: hidden; }
#item-home-highlights .desc { width: 260px; text-align: center; color:#4d4d4d; font-size: .8em; line-height: 1.4em; padding: 0px 10px 5px 10px; }
#item-home-highlights-navi { clear: both; background: white; padding-bottom: 5px; }
#item-home-highlights-navi ul { margin:0 auto; padding:0px; height: 16px; list-style-type: none; }
#item-home-highlights-navi li { margin:0px; padding:0px; float: left; }
/* items inside navigator */
#item-home-highlights-navi a { width:16px; height:16px; padding: 0px; margin:0px; background:url("../homepics/images/nav_dot.gif") 0 0 no-repeat; display:block; }
/* mouseover state */
#item-home-highlights-navi a:hover { background-position:0px -16px; }
/* active state (current page state) */
#item-home-highlights-navi a.active { background-position:0px -32px; }
#item-home-highlights-wrapper .bottom { height: 10px; }

/* =================================================================================================
    ITEM HOME TAGS
================================================================================================= */
#item-home-tags { margin-bottom: 10px; /*ie 6*/ _height:0px; }
#item-home-tags h2 { padding: 0px; font-weight: bold; font-size: 1em; }
#item-home-tags .list-tags { height: 184px; overflow: hidden; }
.list-tags { padding: 0px 12px 8px 12px; background-color: #efbeb9; }
.list-tags ul li { display: inline-block; list-style-type: none; }
.list-tags a { color: #8e4547; padding-right: 5px; line-height: 1.2em; }
.list-tags .size1 { font-size: 1.6em; }
.list-tags .size2 { font-size: 1.4em; }
.list-tags .size3 { font-size: 1.2em; }
.list-tags .size4 { font-size: 1.0em; }
.list-tags .size5 { font-size: 0.8em; }

/* item-home-tags-e */
#item-home-tags-e { margin-bottom: 10px; /*ie 6*/ _height:0px; }
#item-home-tags-e h2 { padding: 0px; font-weight: bold; font-size: 1em; }
#item-home-tags-e .list-tags a { color: #8e4547; padding-right: 5px; line-height: 1.2em; }
#item-home-tags-e .list-tags .size1 { font-size: 1.6em; }
#item-home-tags-e .list-tags .size2 { font-size: 1.3em; }
#item-home-tags-e .list-tags .size3 { font-size: 1.0em; }
#item-home-tags-e .list-tags .size4 { font-size: 0.7em; }
#item-home-tags-e .list-tags .size5 { font-size: 0.6em; }

/* =================================================================================================
    ITEM RTHK HIGHLIGHTS
================================================================================================= */
#item-rthk-highlights { background-color: #f1f1f1; /*ie 6*/ _height:0px; }
#item-rthk-highlights .subheader { padding: 0px; font-weight: bold; font-size: 1em; }
#item-rthk-highlights .content { }
#item-rthk-highlights .content img { float: right; /* height: 65px; */ }
#item-rthk-highlights .content a { display: block; color: #4e4e4e; padding: 8px 8px; font-size: 13px; line-height: 1.3em; }

/* item-rthk-highlights */
#item-rthk-highlights-wrapper { /* ie 6 */ _height:0px; z-index: 1; }
/* root element for single scroll */
#item-rthk-highlights { position:relative; overflow: hidden; width: 280px; height: 75px; float: left; }
/* root element for the scroll pics */
.item-rthk-highlights-panels { width: 20000em; position:absolute; clear:both; }
/* single scroll item */
.item-rthk-highlights-panels .banner { float:left; cursor:pointer; width: 280px; margin:0px; }

#item-rthk-highlights-navi { clear: both; background: #f1f1f1; padding-bottom: 5px; margin-bottom: 10px; }
#item-rthk-highlights-navi  ul { margin: 0 auto; padding: 0px; height: 16px; list-style-type: none; }
#item-rthk-highlights-navi  li { margin: 0px; padding:0px; float: left; }
/* items inside navigator */
#item-rthk-highlights-navi  a { width: 16px; height: 16px; padding: 0px; margin: 0px; background:url("../homepics/images/nav_dot.gif") 0 0 no-repeat; display:block; }
/* mouseover state */
#item-rthk-highlights-navi  a:hover { background-position:0px -16px; }
/* active state (current page state) */
#item-rthk-highlights-navi  a.active { background-position:0px -32px; }
#item-rthk-highlights-wrapper .bottom { height: 10px; } 

/* =================================================================================================
    ITEM PODCAST
================================================================================================= */
#item-podcast { padding: 10px 10px 5px 10px; /*ie 6*/ _height:0px;  }
#item-podcast .content { background: #ededed url("../homepics/images/bg_greybox.gif") bottom left repeat-x; padding: 9px 9px 0px 9px; border: 1px solid #fff; }
#item-podcast ul { list-style-type: none;  }
#item-podcast ul li { position: relative;  float: left; width: 100px; height: 130px; margin: 0 10px; /* ie6 double margin hack */ _display:inline; }
#item-podcast ul li a { display: block; color: #666666; }
#item-podcast ul li a img { /* hide img underline in FF */ border: none; vertical-align: middle; }
#item-podcast ul li img { margin: 14px 14px 8px 14px; width: 70px; height: 70px; }
#item-podcast ul li span.frame { width: 100px; height: 85px; position: absolute; top: 7px; left: 0px; z-index: 1; display: block; background: url("../homepics/images/round_100x85.png") 0 0 no-repeat; /* ie6 */_background: url("../homepics/images/round_100x85.gif") 0 0 no-repeat; }
#item-podcast ul li span.title { display: block; color: #666666; font-size: .8em; padding-right: 5px; text-align: center; }

/* =================================================================================================
    ITEM TRAFFIC
================================================================================================= */
#item-traffic { padding: 0px 10px 5px 10px; /*ie 6*/ _height: 0px; }
#item-traffic .content { background: #ededed url("../homepics/images/bg_greybox.gif") bottom left repeat-x; padding: 10px 10px 0px 10px; border: 1px solid #fff; }
#item-traffic .time { display: block; color: #666666; font-size: .6em; line-height: 1.4em; margin-bottom: 2px;}
#item-traffic .text a { display: block; color: #333333; font-size: .8em; line-height: 1.4em; margin-bottom: 10px; }

/* =================================================================================================
    ITEM Q AND A
================================================================================================= */
#item-qa { padding: 0px 10px 5px 10px; /*ie 6*/ _height:0px; }
#item-qa .content { background: #ededed url("../homepics/images/bg_greybox.gif") bottom left repeat-x; padding: 10px 10px 0px 10px; border: 1px solid #fff; }
#item-qa span { display: block; margin-bottom: 5px; }
#item-qa a { }
#item-qa a.title { font-size: .8em; line-height: 1.2em; }
#item-qa a.ch { display: inline-block; font-size: .8em; color: #666666; border-left: solid 1px #cccccc; padding-left: 8px; margin-left: 8px; }

/* =================================================================================================
    ITEM POLLING
================================================================================================= */
#item-polling { padding: 0px 10px 5px 10px;  /*ie 6*/ _height:0px; }
#item-polling .content { background: #ededed url("../homepics/images/bg_greybox.gif") bottom left repeat-x; padding: 10px 10px 5px 10px; border: 1px solid #fff; }
#item-polling span { display: block; margin-bottom: 5px; }
#item-polling a.title { font-size: .8em; line-height: 1.2em; }
#item-polling a.ch { display: inline-block; font-size: .8em; color: #666666; border-left: solid 1px #cccccc; padding-left: 8px; margin-left: 8px; }

/* =================================================================================================
    ITEM FORUM
================================================================================================= */
#item-forum { padding: 0px 10px 5px 10px; /*ie 6*/ _height:0px; }
#item-forum .content { background: #ededed url("../homepics/images/bg_greybox.gif") bottom left repeat-x; padding: 10px 10px 5px 10px; border: 1px solid #fff; }
#item-forum span { display: block; margin-bottom: 5px; background: url("../homepics/images/icon_discuss.gif") 0px 0px no-repeat; padding-left: 20px; }
#item-forum a.title { font-size: .8em; line-height: 1.4em; }
#item-forum a.ch { display: inline-block; font-size: .8em; color: #666666; border-left: solid 1px #cccccc; padding-left: 8px; margin-left: 8px; }

/* =================================================================================================
    ITEM HOME TV PROG (ENGLISH)
================================================================================================= */
#item-tvprog-e { float: left; width: 280px; /*ie 6*/ _height:0px;  margin-bottom: 10px; }
#item-tvprog-e h2 { font-size: 16px; font-weight: bold; line-height: 1.5em; }
#item-tvprog-e .subheader { background: url("../homepics/images/top_280.png") top left no-repeat; padding: 10px; padding-bottom: 8px; }
#item-tvprog-e .content { background: url("../homepics/images/dot_line.gif") bottom left repeat-x; padding-bottom: 1px; } 
#item-tvprog-e .bottom { background: url("../homepics/images/bottom_280.png") bottom left no-repeat; padding-bottom: 18px; width: 100%; } 
#item-tvprog-e .prog-item  { background: #fff url("../homepics/images/dot_line.gif") top left repeat-x; padding-top: 1px; height: 58px; overflow: hidden; }
#item-tvprog-e .prog-item a { height: 58px; }
#item-tvprog-e .prog-item a:hover { background-color: #eeeeee; color: #333333; }
#item-tvprog-e .prog-item  .pic { float: left; width: 103px; height: 58px; overflow: hidden; background-color: #cccccc; }
#item-tvprog-e .prog-item  .pic img { max-width: 103px; /* IE 6 */ _width: 103px; }
/*
#item-tvprog-e .prog-item  .title { float: right; padding: 10px 5px 0px 5px; width: 160px; white-space: nowrap; color: #333333; font-weight: bold; font-size: .9em; line-height: 1.4em;}
#item-tvprog-e .prog-item  .time { float: right; padding: 0px 5px 0px 5px; width: 160px; color: #999999; font-weight: normal; font-size: .75em; line-height: 1.4em; }
*/
#item-tvprog-e .prog-item  .name { top:10px; left:10px; display: block; font-weight: bold; color:#333333; height: 20px; font-size: .9em; line-height: 1.4em; width: 160px; overflow: hidden; position: relative; }
#item-tvprog-e .prog-item  .title { white-space: nowrap; position: absolute; }
#item-tvprog-e .prog-item  .time { top:10px; left:10px; display: block; font-weight: normal; color: #808080; font-size: .75em; line-height: 1.4em; overflow: hidden; position:relative; }

/* =================================================================================================
    ITEM HOME RADIO 3 (ENGLISH MAINPAGE)
================================================================================================= */
#item-home-r3-highlights { float: left; width:315px; overflow: hidden; margin-right: 10px; margin-bottom: 10px; _display:inline; }
#item-home-r3-highlights h2 { font-size: 16px; font-weight: bold; line-height: 1.5em; }
#item-home-r3-highlights .bottom { background: url("../homepics/images/bottom_315.png") bottom left no-repeat; padding-bottom: 10px; width: 100%; } 
#item-home-r3-highlights .subheader { background: url("../homepics/images/top_315.png") top left no-repeat; padding: 10px; padding-bottom: 8px; }
#item-home-r3-highlights .content { width: 100%; background: url("../homepics/images/bottom_315.png") bottom left no-repeat; }
#item-home-r3-highlights .feature { width: 100%; height: 120px; overflow: hidden; padding-top: 1px; background: url("../homepics/images/dot_line.gif") top left repeat-x; }
#item-home-r3-highlights .feature a { color:#ff0066; }
#item-home-r3-highlights .feature  .pic { display: block; width: 120px; height: 120px; overflow: hidden; float: left; background-color: #cccccc; }
#item-home-r3-highlights .feature  .pic img { min-height: 120px; /* IE 6 */ _height: 120px; _width: 120px; }
#item-home-r3-highlights .feature  .title { display: block; width: 165px; float: right; line-height: 1.2em; color: #3c8221; font-size: .8em; font-weight: bold; padding: 10px 15px 0px 15px; }
#item-home-r3-highlights .feature  .desc { display: block; width: 165px; /*height: 55px; overflow: hidden; */ float: right; color: #333333; font-size: .75em; font-weight: normal; line-height: 1.4em; padding: 3px 15px 10px 15px; }
#item-home-r3-highlights .others { clear:both; padding: 10px; padding-top:8px; background: url("../homepics/images/dot_line.gif") top left repeat-x; }
#item-home-r3-highlights .others ul { list-style-type: none; margin:0px; padding: 0px; margin-left:5px; height: 56px; }
#item-home-r3-highlights .others ul li { margin:0px; padding: 0px; height: 20px; overflow: hidden; background: url("../homepics/images/list_arrow.gif") center left no-repeat; padding-left: 12px; }
#item-home-r3-highlights .others ul li a { font-size: .7em; color: #ff0066; line-height: 1.1em; white-space: nowrap;}

/* =================================================================================================
    ITEM HOME RADIO 4 (ENGLISH MAINPAGE)
================================================================================================= */
#item-home-r4-highlights { float: left; width:315px; overflow: hidden; margin-right: 0px; margin-bottom: 10px; _display:inline;  }
#item-home-r4-highlights h2 { font-size: 16px; font-weight: bold; line-height: 1.5em; }
#item-home-r4-highlights .bottom { background: url("../homepics/images/bottom_315.png") bottom left no-repeat; padding-bottom: 10px; width: 100%; } 
#item-home-r4-highlights .subheader { background: url("../homepics/images/top_315.png") top left no-repeat; padding: 10px; padding-bottom: 8px; }
#item-home-r4-highlights .content { width: 100%; background: url("../homepics/images/bottom_315.png") bottom left no-repeat; }
#item-home-r4-highlights .feature { width: 100%; height: 120px; overflow: hidden; padding-top: 1px; background: url("../homepics/images/dot_line.gif") top left repeat-x; }
#item-home-r4-highlights .feature a { color:#ff0066; }
#item-home-r4-highlights .feature  .pic { display: block; width: 120px; height: 120px; overflow: hidden; float: left; background-color: #cccccc; }
#item-home-r4-highlights .feature  .pic img { min-height: 120px; /* IE 6 */ _height: 120px; _width: 120px; }
#item-home-r4-highlights .feature  .title { display: block; width: 165px; float: right; line-height: 1.2em; color: #3c8221; font-size: .8em; font-weight: bold; padding: 10px 15px 0px 15px; }
#item-home-r4-highlights .feature  .desc { display: block; width: 165px; /*height: 55px; overflow: hidden; */ float: right; color: #333333; font-size: .75em; font-weight: normal; line-height: 1.4em; padding: 3px 15px 10px 15px; }
#item-home-r4-highlights .others { clear:both; padding: 10px; padding-top:8px; background: url("../homepics/images/dot_line.gif") top left repeat-x; }
#item-home-r4-highlights .others ul { list-style-type: none; margin:0px; padding: 0px; margin-left:5px; height: 56px; }
#item-home-r4-highlights .others ul li { margin:0px; padding: 0px; height: 20px; overflow: hidden; background: url("../homepics/images/list_arrow.gif") center left no-repeat; padding-left: 12px; }
#item-home-r4-highlights .others ul li a { font-size: .7em; color: #ff0066; line-height: 1.1em; white-space: nowrap;}

/* For Newsletter Subscrible Form */
#item-home-r4-highlights .subscribe { width: 100%; height: 120px; overflow: hidden; padding-top: 1px; background: url("../homepics/images/dot_line.gif") top left repeat-x; }
#item-home-r4-highlights .subscribe a { color:#ff0066; }
#item-home-r4-highlights .subscribe .pic { display: block; width: 90px; height: 120px; overflow: hidden; float: left; }
#item-home-r4-highlights .subscribe .pic img { min-height: 120px; /* IE 6 */ _height: 120px; _width: 120px; }
#item-home-r4-highlights .subscribe .text { display: block; width: 225px; float: right; color: #333333; }
#item-home-r4-highlights .subscribe iframe { background-color: white; }