/* 2007-11-15 200705.css */ body{margin:0;padding:0;font-family:"Arial","新細明體","細明體","MingLiU","PMingLiU";font-size:80%;text-align:center;color:#666;} select{font-size:0.8em;font-size/**/:100%;} h1,h2,h3,h4,h5,h6,ul,li,ol,form,p,strong,th,td,input,fieldset{margin:0;padding:0;list-style:none;font-weight:normal;font-size:100%;} fieldset{border:none;} em,cite{font-style:normal;} img{border:none;} fieldset,legend{border:solid 0px white;margin:0;padding:0;} legend{display:none} input,input[type=checkbox] label{width:auto;display:inline;cursor:hand;cursor:pointer} input[type=text]{font-family:"Verdana";} input[type=radio]{width:2em;position:relative;top:.2em} input.input_on_error{background:#89827E;color:white;} th,td{font-size:0.8em;font-size:100%;vertical-align:top} /* by Benny:Change Font Size to 100% */ a{color:#00b;text-decoration:none} a:hover{color:#f03;text-decoration:underline} /*gerenic class*/ div.hd h2{background-repeat:no-repeat;background-position:right top;} div.hd h2 span{display:none;} div.ft{background-repeat:no-repeat;clear:both;} div.ft div{background-repeat:no-repeat;background-position:right top;} .date{font-family:arial;} div.date{clear:both;margin-left:40px;display:block;position:relative;margin-top:-15px;} strong{font-weight:bold;} /* containers */ #ctnr_bd{width:750px;margin:auto;clear:both;} #ctnr_bd_full{width:100%;margin:auto 10px;clear:both;} body.index #ctnr_bd{width:900px;} /*== type 1:single column ==*/ #c1_main{text-align:left;} /** fix for overture in subcat **/ #c1_main_bd table,#c1_main_bd td{width:100%;} #c1_main_bd #search_result_content td,#c1_main_bd #search_result_title td,#c1_main_bd #category_list td,#c1_main_bd #category_allcat td,#c1_main_bd #category_subcat td, #c1_main_bd #latest_blog_list td, #c1_main_bd #blog_buzz_list td,#c1_main_bd #feature_trackback_list td,#c1_main_bd #feature_star_list td {width:auto;} /*== type 2a:2 columns left sub ==*/ #c2a_main{width:100%;float:left;margin:0 0 0 0px;} #c2a_main_bd{margin/**/:/**/0 165px 0 0;*margin :0;} #c2a_pri{width:100%;float:right;margin:0 -165px 0 0;margin/**/:/**/0 -165px 0 0;text-align:left;} #c2a_pri_bd{text-align:left;} #c2a_sec{float:left;width:165px;text-align:left;word-wrap:break-word;} #c2a_sec_bd{margin:0 13px 0 0;} /*== type 2b:2 columns right sub ==*/ #c2b_main{width:100%;float:left;margin:0 0 0 -165px;} #c2b_main_bd{margin:0 0 0 165px;} #c2b_sec{float:right;width:165px;text-align:left;word-wrap:break-word;} #c2b_sec_bd{margin:0 0 0 13px;} #c2b_pri{width:100%;float:left;margin:0 -165px 0 0;margin/**/:/**/0 -330px 0 0;text-align:left;} #c2b_pri_bd{text-align:left;} #c2b_pri[id]{margin:0 -165px 0 0;} body.index #c2b_main{width:100%;float:left;margin:0 0 0 -315px;} body.index #c2b_main_bd{margin:0 0 0 315px;} body.index #c2b_sec{float:right;width:315px;text-align:left;word-wrap:break-word;} body.index #c2b_sec_bd{margin:0 0 0 13px;} body.index #c2b_pri{width:100%;float:left;margin:0 -315px 0 0;margin/**/:/**/0 -315px 0 0;text-align:left;} body.index #c2b_pri_bd{text-align:left;} body.index #c2b_pri[id]{margin:0 -315px 0 0;} /*== type 3:3 columns ==*/ #c3_main{width:100%;float:left;margin:0 0 0 -165px;} #c3_main_bd{margin:0 0 0 165px;} #c3_trd{float:right;width:165px;text-align:left;word-wrap:break-word;} #c3_trd_bd{margin:0 0 0 13px;} #c3_pri{width:100%;float:right;margin:0 -165px 0 0;margin/**/:/**/0 -330px 0 0;text-align:left;} #c3_pri_bd{text-align:left;margin:0 165px 0 0;*margin:0 330px 0 0;} /* rel pos:fix for 800x600 */ #c3_sec{float:left;width:165px;text-align:left;word-wrap:break-word;} #c3_sec_bd{margin:0 13px 0 0;} #c3_pri[id]{margin:0 -165px 0 0;} /* Corners [http://ue.corp.yahoo.com/brewster/] */ /* generic container formatting */ u,b,u i,b i{display:block;font-size:0;line-height:0;margin:0;height:5px;position:relative} u{width:100%;top:-1px;right:-1px} u i{width:5px;left:-2px} b{clear:both;width:100%;bottom:-1px;right:-1px} b i{width:5px;left:-2px} /* box,corners */ .box{background:#fff;border:1px solid #cccccc} .box u i{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/box_nw.gif) no-repeat top left} .box u{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/box_ne.gif) no-repeat top right} .box b i{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/box_sw.gif) no-repeat bottom left;} .box b{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/box_se.gif) no-repeat bottom right} #setting_menu .box .bd, #setup_success .hd .box .titlebar,#setup_success .bd .box .hd h3, #setup_blog .hd .box .titlebar,#setup_blog .bd .box .hd h3, #setup_personal .hd .box .titlebar,#setup_personal .bd .box .hd h3, #setup_blast .hd .box .titlebar,#setup_blast .bd .box .hd h3, #customize_layout .hd .box .titlebar,#customize_layout .bd .box .hd h3, #setup_photo .hd .box .titlebar,#setup_photo .bd .box .hd h3,#setup_photo .bd .bd .hd h4, #customize_package .hd .box .titlebar, #customize_diy .hd .box .titlebar, #customize_theme .hd .box .titlebar, #folder_checklist .hd .box .titlebar,#folder_checklist .bd .box .hd h3, #folder_manage_list .hd .box .titlebar,#folder_manage_list .bd .box .hd h3, #folder_edit .hd .box .titlebar,#folder_edit .bd .box .hd h3, #album_checklist .hd .box .titlebar,#album_checklist .bd .box .hd h3, #album_manage_list .hd .box .titlebar,#album_manage_list .bd .box .hd h3, #album_edit .hd .box .titlebar,#album_edit .bd .box .hd h3, #gallery_list .hd .box .titlebar, #subscribe_checklist .hd .box .titlebar,#subscribe_checklist .bd .box .hd h3, #subscribe_folder .hd .box .titlebar,#subscribe_folder .bd .box .hd h3, #subscribe_folder_edit .hd .box .titlebar,#subscribe_folder_edit .bd .box .hd h3, #subscribe_folder_add .hd .box .titlebar,#subscribe_folder_add .bd .box .hd h3, #blacklist .hd .box .titlebar,#blacklist .bd .box .hd h3,#friendlist .hd .box .titlebar,#friendlist .bd .box .hd h3, #invite_form .hd .box .titlebar, #invite_form .bd .box .hd h3, #statistics_list .hd .box .titlebar,#statistics_list .bd .box .hd h3, #subscriber_list .titlebar,#subscriber_list h3 {margin:0 4px;border:1px solid #fff} /* rounded corner */ /* new fix for IE 7 */ .rc{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/rc_nw.gif) left bottom no-repeat;padding:0 0 0 5px;} .rc div{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/rc_ne.gif) right bottom no-repeat;height:5px;font-size:0} .rc_bd{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/rc_w.gif) repeat-y;padding:0 0 0 5px;} .rc_bd div.rc_bc{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/rc_e.gif) right top repeat-y;padding:0 5px 0 0;min-width:80px;word-wrap:break-word;} .rc_ft{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/rc_sw.gif) left top no-repeat;padding:0 0 0 5px;} .rc_ft div{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/rc_se.gif) right top no-repeat;min-height:5px;height:auto !important;*height:5px;font-size:0} div.rc:after{content:".";display:block;font-size:0;line-height:0;height:0;clear:both;visibility:hidden;} /* title bar */ .hd .titlebar{clear:both;} .hd .titlebar .hd h2{font-size:15px;font-weight:bold;padding:4px;} .hd .titlebar:after{content:".";display:block;font-size:0;line-height:0;height:0;clear:both;visibility:hidden;} /* folder bar / info bar */ .folderbar,.infobar{clear:both;margin:0;} .folderbar .hd,.infobar .hd{clear:none;margin:0;float:left;position:relative;} .folderbar .hd span.folder,.infobar .hd span.action{ display:block;padding:10px;background:transparent url() top left no-repeat; position:relative;top:-2px;*top:0; } .folderbar .bd,.infobar .bd{clear:none;float:right;position:relative;text-align:right;margin-right:.2em;margin-top:.8em;} html>body .infobar .ft{height:.1em;} div.folderbar:after, div.infobar:after{content:".";display:block;font-size:0;line-height:0;height:0;clear:both;visibility:hidden;} /* action bar */ .actionbar{clear:both;margin:0;} .actionbar .hd{clear:none;margin:0;float:left;} .actionbar .hd h2{ padding:.8em 0 .1em .5em;font-weight:bold;background:transparent url() top left no-repeat; position:relative; top:-2px;*top:-4px; } .actionbar .hd a{ display:block;padding:.8em 0 .1em .5em;font-weight:normal; position:relative; top:-2px;*top:-4px; } .actionbar .bd{clear:none;float:right;text-align:right;margin-right:.2em;margin-top:.3em;} div.actionbar:after{content:".";display:block;font-size:0;line-height:0;height:0;clear:both;visibility:hidden;} /* form button - save/cancel / pic edit */ .okbtn,.cancelbtn{margin:0 5px;} .okbtn{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_ok_l.gif) no-repeat;} .okbtn input{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_ok_r.gif) no-repeat;} .cancelbtn{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_cancel_l.gif) no-repeat;} .cancelbtn input{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_cancel_r.gif) no-repeat;} .pebtn{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_pedit_l.gif) no-repeat;} .pebtn button{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_pedit_r.gif) no-repeat;} .okbtn,.cancelbtn,.pebtn{text-align:right !important;cursor:pointer;cursor:hand;} .okbtn input,.cancelbtn input,.pebtn button{color:#666;height:22px;font-family:Verdana;margin:.2em 0 0 0;cursor:pointer;cursor:hand;background-position:right top;background-color:transparent;border:solid 0 white;font-size:12px;padding:3px 6px 4px 6px;text-align:right} .okbtn[class],.cancelbtn[class],.pebtn[class]{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_bg_moz.gif) repeat-x;} .okbtn[class] input,.cancelbtn[class] input,.pebtn[class] button{height:auto;background:transparent;border:ridge 2px #fff;padding:1px 6px 1px 6px;border-top:solid 1px #ccc;border-left:solid 1px #ccc;-moz-border-radius:5px;color:#666} .okbtn[class]:hover input,.cancelbtn[class]:hover input,.pebtn[class]:hover button{color:black;border-top:solid 1px #aaa;border-left:solid 1px #aaa;} /* form button - edit */ .ebtn{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_edit_l.gif) no-repeat;text-align:right !important;cursor:pointer;cursor:hand;} .ebtn button{color:#666;height:22px;font-family:Verdana;margin:.2em 0 0 .2em;cursor:pointer;cursor:hand;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_edit_r.gif) no-repeat;background-position:right top;background-color:transparent;border:solid 0 white;font-size:12px;padding:0 3px 4px 3px;text-align:center} .ebtn[class]{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_bg_moz.gif) repeat-x;} .ebtn[class] button{height:auto;background:transparent;border:ridge 2px #fff;padding:1px 3px 1px 3px;border-top:solid 1px #cccccc;border-left:solid 1px #cccccc;-moz-border-radius:5px;color:#666} .ebtn[class]:hover button{color:black;border-top:solid 1px #aaaaaa;border-left:solid 1px #aaaaaa;} /* form button - actionbar - post/delete */ .pbtn{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_edit_l.gif) no-repeat;} .pbtn button{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_edit_r.gif) no-repeat;} .delbtn{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_del_l.gif) no-repeat;} .delbtn button{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_del_r.gif) no-repeat;} .pbtn,.delbtn{text-align:right !important;cursor:pointer;cursor:hand;} .pbtn button,.delbtn button{color:#666;height:22px;font-family:Verdana;margin:.2em 0 0 .2em;cursor:pointer;cursor:hand;background-position:right top;background-color:transparent;border:solid 0 white;font-size:12px;padding:0 3px 4px 3px;text-align:center} .pbtn[class],.delbtn[class]{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_bg_moz.gif) repeat-x;} .pbtn[class] button,.delbtn[class] button{height:auto;background:transparent;border:ridge 2px #fff;padding:1px 3px 1px 3px;border-top:solid 1px #ccc;border-left:solid 1px #ccc;-moz-border-radius:5px;color:#666} .pbtn[class]:hover button,.delbtn[class]:hover button{color:black;border-top:solid 1px #aaa;border-left:solid 1px #aaa;} /* form button - clear */ .clrbtn{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_del_l.gif) no-repeat;text-align:right !important;cursor:pointer;cursor:hand;} .clrbtn button{color:#666;height:22px;font-family:Verdana;margin:.2em 0 0 .2em;cursor:pointer;cursor:hand;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_del_r.gif) no-repeat;background-position:right top;background-color:transparent;border:solid 0 white;font-size:12px;padding:0 3px 4px 3px;text-align:center} .clrbtn[class]{background:url(btn_bg_moz.gif) repeat-x;} .clrbtn[class] button{height:auto;background:transparent;border:ridge 2px #fff;padding:1px 3px 1px 3px;border-top:solid 1px #cccccc;border-left:solid 1px #ccc;-moz-border-radius:5px;color:#666} .clrbtn[class]:hover button{color:black;border-top:solid 1px #aaaaaa;border-left:solid 1px #aaa;} /* form button - actionbar - post/delete */ .pbtn button,.delbtn button,.ebtn button,.clrbtn button{padding:3px 0 4px 13px;} /* form button - blacklist */ .blbtn{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_del_l.gif) no-repeat;text-align:right !important;cursor:pointer;cursor:hand;} .blbtn button{color:#666;height:22px;font-family:Verdana;margin:.2em 0 0 .2em;cursor:pointer;cursor:hand;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_del_r.gif) no-repeat;background-position:right top;background-color:transparent;border:solid 0 white;font-size:12px;padding:0 3px 4px 3px;text-align:center} .blbtn[class]{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_bg_moz.gif) repeat-x;} .blbtn[class] button{height:auto;background:transparent;border:ridge 2px #fff;padding:1px 3px 1px 3px;border-top:solid 1px #cccccc;border-left:solid 1px #ccc;-moz-border-radius:5px;color:#666} .blbtn[class]:hover button{color:black;border-top:solid 1px #aaa;border-left:solid 1px #aaa;} /* graphic link - 4.1.4 edit */ div.editbtn{display:inline;*font-size:10px;*margin-right:-7px;} div.editbtn a{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_edit.gif) no-repeat;display:inline-block;min-width:15px;min-height:15px;} div.editbtn a span{visibility:hidden;} div.editbtn[class] a{display:inline;text-decoration:none;font-size:0;} div.editbtn[class] a span{position:relative;visibility:visible;} div.editbtn[class] a span:before{content:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_edit.gif);width:13px;height:13px;vertical-align:middle;} /* graphic link - delete */ div.deletebtn{font-size:85%;margin:2px 0 2px 0;display:inline;} div.deletebtn a{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_del_article.gif) no-repeat;display:inline-block;*width:48px;*height:22px;min-width:48px;min-height:22px;} div.deletebtn a span{visibility:hidden;} div.deletebtn[class] a{display:inline;text-decoration:none;color:#b7edf1;font-size:1px;} div.deletebtn[class] a span{visibility:visible;} div.deletebtn[class] a span:before{content:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_del_article.gif);width:48px;height:22px;} /* graphic link - 4.1.2 info */ div.infobtn{display:inline;margin:2px 0;*margin-right:-2px;} div.infobtn a{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/info.gif) no-repeat;display:inline-block;margin-top:4px;} div.infobtn a span{visibility:hidden;} div.infobtn[class] a{background:#fff;display:inline;text-decoration:none;color:#b7edf1;font-size:1px;} div.infobtn[class] a span{position:relative;top:6px;visibility:visible;} div.infobtn[class] a span:before{content:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/info.gif);width:13px;height:13px;vertical-align:middle;} /* blog title:graphic link - post/upload image/subscribe/set layout,greeting:myblog */ div.invitebtn,div.postbtn,div.ulimgbtn,div.addfriendbtn,div.scbtn,div.relationshipbtn,div.slbtn,div.myblogbtn,div.createblogbtn{display:inline;} div.invitebtn a span,div.postbtn a span,div.ulimgbtn a span,div.addfriendbtn a span,div.scbtn a span,div.relationshipbtn a span,div.slbtn a span,div.myblogbtn a span,div.createblogbtn a span{visibility:hidden;} div.invitebtn a,div.postbtn a,div.ulimgbtn a,div.slbtn a,div.myblogbtn a,div.createblogbtn a{display:inline-block;margin:0 8px 0 0;*margin-right:10px;*width:76px;*height:22px;min-width:76px;min-height:22px;} div.addfriendbtn a{display:inline-block;margin:0 8px 0 0;*margin-right:10px;*width:112px;*height:22px;} div.scbtn a{display:inline-block;margin:0 8px 0 0;*margin-right:10px;*width:112px;*height:22px;} div.relationshipbtn{display:inline-block;margin:0 8px 0 0;*margin-right:10px;*width:140px;*height:22px;} div.createblogbtn a{*width:115px;*height:31px;} div.invitebtn[class] a,div.postbtn[class] a,div.ulimgbtn[class] a,div.addfriendbtn[class] a,div.scbtn[class] a,div.relationship[class] a,div.slbtn[class] a,div.myblogbtn[class] a,div.createblogbtn[class] a{display:inline;text-decoration:none;font-size:0;} div.invitebtn[class] a span,div.postbtn[class] a span,div.ulimgbtn[class] a span,div.addfriendbtn[class] a span,div.scbtn[class] a span,div.relationshipbtn[class] a span,div.slbtn[class] a span,div.myblogbtn[class] a span,div.createblogbtn[class] a span{position:relative;top:0;visibility:visible;} div.invitebtn a{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_invite.gif) no-repeat;min-width:72px;min-height:22px;} /*edit for acquire */ div.postbtn a{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_postblog.gif) no-repeat;} div.ulimgbtn a{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_ulimg.gif) no-repeat;} div.addfriendbtn a{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/add_friend_butt1.gif) no-repeat;} div.scbtn a{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_subscribe.gif) no-repeat;} div.relationshipbtn a{width:13px;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/relationshipbtn.gif) right no-repeat;} div.slbtn a{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_setlayout.gif) no-repeat;margin:0;} div.myblogbtn a{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_myblog.gif) no-repeat;} div.createblogbtn a{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_createblog.gif) no-repeat;} div.invitebtn[class] a span:before{content:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_invite.gif);width:76px;height:22px;vertical-align:middle;} /*edit for acquire */ div.postbtn[class] a span:before{content:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_postblog.gif);width:76px;height:22px;vertical-align:middle;} div.ulimgbtn[class] a span:before{content:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_ulimg.gif);width:76px;height:22px;vertical-align:middle;} div.addfriendbtn[class] a span:before{content:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/add_friend_butt1.gif);width:112px;height:22px;vertical-align:middle;} div.scbtn[class] a span:before{content:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_subscribe.gif);width:112px;height:22px;vertical-align:middle;} div.relationshipbtn[class] a span:before{content:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/relationshipbtn.gif);width:112px;height:22px;vertical-align:middle;} div.slbtn[class] a span:before{content:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_setlayout.gif);width:76px;height:22px;vertical-align:middle;} div.myblogbtn[class] a span:before{content:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_myblog.gif);width:76px;height:22px;vertical-align:middle;} div.createblogbtn[class] a span:before{content:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_createblog.gif);width:115px;height:31px;vertical-align:middle;} /* graphic link - profile image */ div.profileimgbtn{font-size:85%;margin:2px 0 2px 0;display:inline;} div.profileimgbtn a{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_profileimg.gif) no-repeat;display:inline-block;margin:0 8px 10px 0;*margin-right:10px;*width:102px;*height:22px;} div.profileimgbtn a span{visibility:hidden;} div.profileimgbtn[class] a{display:inline;text-decoration:none;color:#b7edf1;font-size:0;} div.profileimgbtn[class] a span{position:relative;top:0;visibility:visible;} div.profileimgbtn[class] a span:before{content:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_profileimg.gif);width:102px;height:22px;vertical-align:middle;} /* graphic link - profile */ div.profilebtn{font-size:85%;margin:2px 0 2px 0;display:inline;} div.profilebtn a{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_profile.gif) no-repeat;display:inline-block;margin:0 8px 5px 0;*margin-right:10px;*width:102px;*height:22px;} div.profilebtn a span{visibility:hidden;} div.profilebtn[class] a{display:inline;text-decoration:none;color:#b7edf1;font-size:0;} div.profilebtn[class] a span{position:relative;top:0;visibility:visible;} div.profilebtn[class] a span:before{content:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_profile.gif);width:102px;height:22px;vertical-align:middle;} /* graphic link - profile add frd*/ div.backhomtbtn{} div.backhomtbtn a.backtomyblog{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_back_to_home.gif) no-repeat; height:25px; width:100px; margin:0px auto 5px auto; display:block;} div.backhomtbtn a.backtomyblog span{position:absolute; visibility:hidden;} div.addfrdbtn{font-size:85%;margin:2px 0 2px 0;display:inline;} div.addfrdbtn a{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_add_blog_frd.gif) no-repeat;display:inline-block;margin-bottom:5px;*width:102px;*height:22px;} div.addfrdbtn a span{visibility:hidden;} div.addfrdbtn[class] a{display:inline;text-decoration:none;color:#b7edf1;font-size:0;} div.addfrdbtn[class] a span{position:relative;top:0;visibility:visible;} div.addfrdbtn[class] a span:before{content:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_add_blog_frd.gif);width:102px;height:22px;vertical-align:middle;} /* graphic link - subscribe 20070420*/ div.subscribebtn{font-size:85%;margin:2px 0 2px 0;display:inline;} div.subscribebtn a{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_subscribe2.gif) no-repeat;display:inline-block;margin-bottom:10px;*width:102px;*height:22px;} div.subscribebtn a span{visibility:hidden;} div.subscribebtn[class] a{display:inline;text-decoration:none;color:#b7edf1;font-size:0;} div.subscribebtn[class] a span{position:relative;top:0;visibility:visible;} div.subscribebtn[class] a span:before{content:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_subscribe2.gif);width:102px;height:22px;vertical-align:middle;} /* graphic link - comment */ div.commentbtn{font-size:85%;margin:2px 0;display:inline;} div.commentbtn a{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_comment.gif) no-repeat !important;display:inline-block;margin:4px 8px 0 0;*width:72px;*height:22px;} div.commentbtn a span{visibility:hidden;} div.commentbtn[class] a{background:#fff;display:inline;text-decoration:none;color:#b7edf1;font-size:0;} div.commentbtn[class] a span{position:relative;top:6px;visibility:visible;} div.commentbtn[class] a span:before{content:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_comment.gif);width:72px;height:22px;vertical-align:middle;} /* graphic link - trackback (fixed) */ div.trackbackbtn{font-size:85%;margin:2px 0 2px 0;display:inline;} div.trackbackbtn a{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_trackback.gif) no-repeat !important;display:inline-block;margin:4px 8px 0 0;*width:72px;*height:22px;} div.trackbackbtn a span{visibility:hidden;} div.trackbackbtn[class] a{background:#fff;display:inline;text-decoration:none;color:#b7edf1;font-size:0;} div.trackbackbtn[class] a span{position:relative;top:6px;visibility:visible;} div.trackbackbtn[class] a span:before{content:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_trackback.gif);width:72px;height:22px;vertical-align:middle;} div.email2freind{font-size:85%;margin:2px 0 2px 0;display:inline;} div.email2freind a{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/email_friend_butt.gif) no-repeat;display:inline-block;margin:4px 4px 0 0;*width:84px;*height:22px;} div.email2freind a span{visibility:hidden;} div.email2freind[class] a{background:#fff;display:inline;text-decoration:none;color:#b7edf1;font-size:0;} div.email2freind[class] a span{position:relative;top:6px;visibility:visible;} div.email2freind[class] a span:before{content:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/email_friend_butt.gif);width:84px;height:22px;vertical-align:middle;} /* graphic link - add folder */ div.addfolderbtn{font-size:85%;margin:2px 0 2px 0;display:inline;} div.addfolderbtn a{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_addfolder.gif) no-repeat;display:inline-block;margin:0 8px 0 0;*margin-right:10px;*width:95px;*height:18px;} div.addfolderbtn a span{visibility:hidden;} div.addfolderbtn[class] a{background:#fff;display:inline;text-decoration:none;color:#b7edf1;font-size:0;} div.addfolderbtn[class] a span{position:relative;top:0;visibility:visible;} div.addfolderbtn[class] a span:before{content:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_addfolder.gif);width:95px;height:18px;vertical-align:middle;} /* graphic link - rss */ div.rssbtn{font-size:85%;margin:2px 0 2px 0;display:inline;*margin-right:-2px;} div.rssbtn a{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/rss.gif) no-repeat;margin-top:4px} div.rssbtn a span{visibility:hidden;} div.rssbtn[class] a{background:#b7edf1;display:inline;text-decoration:none;color:#b7edf1;font-size:1px;} div.rssbtn[class] a span{position:relative;top:6px;visibility:visible;} div.rssbtn[class] a span:before{content:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/rss.gif);width:13px;height:13px;vertical-align:middle;} /* graphic link - show module/hide module */ div.smbtn,div.hmbtn{display:block;} div.smbtn{margin-bottom:1.5em;} div.smbtn a span,div.hmbtn a span{visibility:hidden;} div.smbtn a,div.hmbtn a{display:inline-block;*width:76px;*height:22px;} div.smbtn a{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_sm.gif) no-repeat;} div.hmbtn a{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_hm.gif) no-repeat;} div.smbtn[class] a,div.hmbtn[class] a{background:#fff;display:inline;text-decoration:none;font-size:0;} div.smbtn[class] a span,div.hmbtn[class] a span{position:relative;top:0;visibility:visible;} div.smbtn[class] a span:before,div.hmbtn[class] a span:before{width:76px;height:22px;vertical-align:middle;} div.smbtn[class] a span:before{content:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_sm.gif);} div.hmbtn[class] a span:before{content:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_hm.gif);} /* css link */ .reportbtn,.addlist_btn,.delete_blog_btn,.blacklist_blog_btn,.edit_blog_btn,.gbmsg_btn,.slideshow_btn, .ss_first,.ss_play,.ss_stop,.ss_last,.ss_repeat {*font-size:85%;*height:1.5em;text-align:center;padding:1px 5px 0 5px;text-decoration:none;margin-left:5px} .reportbtn,.addlist_btn,.delete_blog_btn,.edit_blog_btn,.blacklist_blog_btn,.gbmsg_btn,.slideshow_btn{display:inline;} .reportbtn,.addlist_btn,.delete_blog_btn,.blacklist_blog_btn{background-color:#FFC4E1;color:#595959;border-top:1px solid #ccc;border-right:2px solid #999;border-bottom:2px solid #999;border-left:1px solid #ccc;} .edit_blog_btn{background-color:#E0E0C2;color:#595959;border-top:1px solid #ccc;border-right:2px solid #999;border-bottom:2px solid #999; border-left:1px solid #ccc;} .gbmsg_btn,.slideshow_btn{background-color:#D4D0C8;color:#000;border-top:1px solid #fff;border-right:2px solid #404040;border-bottom:2px solid #404040; border-left:1px solid #fff;} .ss_first,.ss_play,.ss_stop,.ss_last,.ss_repeat{display:inline;background-color:#f3f3f3;padding:0 .8em;border:2px outset #fff;border-color:#fff #ccc #ccc #fff;} @media all{.ss_first,.ss_play,.ss_stop,.ss_last,.ss_repeat{height:0;padding:.2em .8em;}} .reportbtn a,.addlist_btn a,.delete_blog_btn a,.blacklist_blog_btn a,.edit_blog_btn a,.gbmsg_btn a,.slideshow_btn a,.edit_blog_btn a, .ss_first a,.ss_play a,.ss_stop a,.ss_last a,.ss_repeat a{color:#333;text-decoration:none;} /* graphic link - edit_blog_btn/delete_blog_btn/reportbtn/blacklist_blog_btn */ div.edit_blog_btn,div.delete_blog_btn,div.reportbtn,div.addlist_btn,div.blacklist_blog_btn,div.im_online,div.im_offline{display:inline;padding:0;border:0;background:none;margin:0} div.edit_blog_btn a span,div.delete_blog_btn a span,div.reportbtn a span,div.addlist_btn a span,div.blacklist_blog_btn a span,div.im_online a span,div.im_offline a span{visibility:hidden;} div.edit_blog_btn a,div.delete_blog_btn a,div.reportbtn a,div.addlist_btn a,div.blacklist_blog_btn a,div.im_online a,div.im_offline a{display:inline-block;margin:0 8px 0 0;} div.edit_blog_btn[class] a,div.delete_blog_btn[class] a,div.reportbtn[class] a,div.addlist_btn[class] a,div.blacklist_blog_btn[class] a,div.im_online[class] a,div.im_offline[class] a{display:inline;text-decoration:none;font-size:0;} div.edit_blog_btn[class] a span,div.delete_blog_btn[class] a span,div.reportbtn[class] a span,div.addlist_btn[class] a span,div.blacklist_blog_btn[class] a span,div.im_online[class] a span,div.im_offline[class] a span{position:relative;top:0;visibility:visible;} div.edit_blog_btn a{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_edit_article.gif) no-repeat;display:inline-block;margin:0 8px 0 0;*margin-right:10px;*width:48px;*height:22px;} div.delete_blog_btn a{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_del_article.gif) no-repeat;display:inline-block;margin:0 8px 0 0;margin-right:0;*width:48px;*height:22px;} div.reportbtn a{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_report.gif) no-repeat;display:inline-block;margin:0 8px 0 0;margin-right:0;*width:48px;*height:22px;} div.addlist_btn a{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/add_friend_butt2.gif) no-repeat;display:inline-block;margin:0 8px 0 0;margin-right:0;*width:117px;*height:22px;} div.blacklist_blog_btn a{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_blist.gif) no-repeat;display:inline-block;margin:0 8px 0 0;margin-right:0;*width:84px;*height:22px;} div.edit_blog_btn[class] a span:before{content:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_edit_article.gif);width:48px;height:22px;vertical-align:middle;} div.delete_blog_btn[class] a span:before{content:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_del_article.gif);width:48px;height:22px;vertical-align:middle;} div.reportbtn[class] a span:before{content:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_report.gif);width:48px;height:22px;vertical-align:middle;} div.addlist_btn[class] a span:before{content:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/add_friend_butt2.gif);width:117px;height:22px;vertical-align:middle;} div.blacklist_blog_btn[class] a span:before{content:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_blist.gif);width:84px;height:22px;vertical-align:middle;} /* JW fix for firefox showing span text of icons in guestbook page */ .titlebar .hd div.addlist_btn[class] a span,.titlebar .hd div.blacklist_blog_btn[class] a span{background:transparent;display:inline;text-decoration:none;font-size:0;} .hd .addlist_btn ,.hd .blacklist_blog_btn{*margin-right:5px;} /* graphic link - IM Offline/Online */ div.im_online,div.im_offline{font-size:0;} div.im_online a{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/ym_online.gif) no-repeat;display:inline-block;*width:16px;*height:14px;} div.im_online[class] a span:before{content:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/ym_online.gif);width:16px;height:14px;} div.im_offline a{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/ym_offline.gif) no-repeat;display:inline-block;*width:16px;*height:14px;} div.im_offline[class] a span:before{content:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/ym_offline.gif);width:16px;height:14px;} /* Buttons - button menu */ button.menubutton{border-style:outset; border-width:2px;margin-right:.5em;} button.menubutton{padding:0;cursor:pointer;cursor:hand;} html>body button.menubutton{padding:.2em .8em;line-height:150%;height:1.8em;} @media all{html>body button.menubutton{height:auto;display:inline;}} button.menubutton{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/downplain_1.gif) no-repeat 100% 50%;*background-position:90% 50%;padding-right:20px;} /* Button menus */ .buttonmenu{top:0;left:0;z-index:2;position:absolute;visibility:hidden;border-style:solid;border-width:1px;} .buttonmenu strong{display:none;} .buttonmenu ul{margin:0;list-style:none;border-width:1px;border-style:solid;padding:.5em;width:80px;*width:120px;min-width:80px} .buttonmenu li{padding:.25em;border-width:1px;border-style:solid;cursor:hand;cursor:pointer;min-width:80px} .buttonmenu li.hover,#movemenu li.hover{width:100%;min-width:80px} @media all{html>body .buttonmenu li.hover,html>body #movemenu li.hover{width:auto;}} .buttonmenu li a,.buttonmenu li a:hover{text-decoration:none;} html>body .buttonmenu ul{float:left;} @media all{html>body .buttonmenu ul{float:none;width:auto;}} html>body .buttonmenu li{float:left;display:block;clear:both;white-space:nowrap;} @media all{html>body .buttonmenu li{float:none;clear:none;display:list-item;width:auto;}} #movemenu li{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/perc1.gif) left center no-repeat;margin:0;cursor:pointer;cursor:hand;padding:.25em .25em .25em 2em;white-space:nowrap;} html>body #movemenu li{padding-left:20px;} /* Button bars */ .buttonmenu li a,.buttonmenu li a:hover{color:#333;} /* Buttons */ button,.button,.inputbutton,button.menubutton,button.hasdefaultstate {background-color:#E6E6E6;border-color:#FFF #C1C1C1 #C1C1C1 #FFF;color:#333;} a.button:visited{color:#333;} div.globalbuttonbar span.last a,div.globalbuttonbar span.last span{border-color:#94c8de;} div.globalbuttonbar span.last{background-color:#f0f7f9;} /* Button Menus */ .buttonmenu{border-color:#C1C1C1;background-color:#f6f6f6;min-width:5em;} .buttonmenu li,#movemenu li{border-color:#f6f6f6;} .buttonmenu li.hover,#movemenu li.hover,.buttonmenu li:hover,#movemenu li:hover{background-color:#E6E6E6;border-color:#C1C1C1;} /* Button menus */ #mh_myblog .buttonmenu{top:0;left:0;z-index:2;position:absolute;visibility:hidden;border-style:solid;border-width:1px;} #mh_myblog .buttonmenu strong{display:none;} #mh_myblog .buttonmenu ul{margin:0;list-style:none;border-width:1px;border-style:solid;padding:.5em;width:80px;*width:108px;min-width:80px} #mh_myblog .buttonmenu li{padding:.25em;border-width:1px;border-style:solid;cursor:hand;min-width:80px} #mh_myblog .buttonmenu li.hover{width:100%;min-width:80px} @media all{html>body #mh_myblog .buttonmenu li.hover{width:auto;}} #mh_myblog .buttonmenu li a,#mh_myblog .buttonmenu li a:hover{text-decoration:none;} html>body #mh_myblog .buttonmenu ul{float:left;} @media all{html>body #mh_myblog .buttonmenu ul{float:none;width:auto;}} html>body #mh_myblog .buttonmenu li{float:left;display:block;clear:both;white-space:nowrap;} @media all{html>body #mh_myblog .buttonmenu li{float:none;clear:none;display:list-item;width:auto;}} /* Button bars */ #mh_myblog .buttonmenu li a,#mh_myblog .buttonmenu li a:hover{color:#fff;} /* Button Menus */ #mh_myblog .buttonmenu{border-color:#C1C1C1;background-color:#939393;width:5em;} #mh_myblog .buttonmenu li{border-color:#f6f6f6;} #mh_myblog .buttonmenu li.hover,#mh_myblog .buttonmenu li:hover{background-color:#E6E6E6;border-color:#C1C1C1;} #mh_myblog .buttonmenu select{margin:0;border-width:1px;border-style:solid;padding:.5em;width:80px;*width:108px;min-width:80px} #mh_myblog .buttonmenu option{display:block;padding:.25em;border-width:1px;border-style:solid;cursor:hand;cursor:pointer;min-width:80px} #mh_myblog .buttonmenu option.hover{width:100%;min-width:80px} @media all{html>body #mh_myblog .buttonmenu option.hover{width:auto;}} #mh_myblog .buttonmenu option a,#mh_myblog .buttonmenu option a:hover{text-decoration:none;} html>body #mh_myblog .buttonmenu select{float:left;} @media all{html>body #mh_myblog .buttonmenu select{float:none;width:auto;}} html>body #mh_myblog .buttonmenu option{float:left;display:block;clear:both;white-space:nowrap;} @media all{html>body #mh_myblog .buttonmenu option{float:none;clear:none;display:list-item;width:auto;}} /* Button bars - customized*/ #mh_myblog .buttonmenu option a,#mh_myblog .buttonmenu option a:hover{color:#fff;} /* Button Menus - customized*/ #mh_myblog .buttonmenu{border-color:#C1C1C1;background-color:#939393;width:5em;} #mh_myblog .buttonmenu option{border-color:#f6f6f6;} #mh_myblog .buttonmenu option.hover,#mh_myblog .buttonmenu option:hover{background-color:#E6E6E6;border-color:#C1C1C1;} /* note */ .note{display:inline;padding-left:.5em;} /* toggling */ .toggle_item{overflow:hidden;*position:relative} .toggle_item.visible .bd{display:block;} .toggle_item.invisible .bd{display:none;} .toggle_item a.norgie{float:left; width:12px;overflow:hidden;} .toggle_item.visible .hd a.norgie{background:url('http://hk.l.yimg.com/hk.yimg.com/i/blog/norgie_close.gif') no-repeat;*background-position:100% 100%;} .toggle_item.invisible .hd a.norgie{background:url('http://hk.l.yimg.com/hk.yimg.com/i/blog/norgie_open.gif') no-repeat;*background-position:100% 100%;} .toggle_item .hide{display:none;} .toggle_item p,.toggle_item a.norgie{position:relative} /* Back to myblog */ span.backmyblog{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/back.gif) no-repeat;padding:0 5px 0 15px} /* User */ span.user{padding:0 0 0 15px;background/**/:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/user.gif) 0% 0% no-repeat;} div.user{padding:0 0 0 15px;background/**/:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/user.gif) 0% 10% no-repeat;} /* Photo */ div.photo{padding:0 0 0 15px;background/**/:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/photo.gif) 0% 50% no-repeat;} /* Article */ div.article{padding:0 0 0 15px;background/**/:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/article.gif) 0% 50% no-repeat;} /* classify */ span.cat{padding:0 0 0 20px;background/**/:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/classify.gif) 0% 60% no-repeat;} /* private */ span.private{padding:0 15px 0 0px;background/**/:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/private.gif) 100% 0% no-repeat;} div.private{display:inline;font-size:0;line-height:13px;width:20px;height:20px;} div.private{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/private.gif) no-repeat;display:inline;} div.private span{visibility:hidden;} div.private[class]{display:inline;text-decoration:none;font-size:0;} div.private[class] span{position:relative;visibility:visible;} div.private[class] span:before{content:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/private.gif);width:13px;height:13px;vertical-align:middle;} /* Breadcrumb */ #breadcrumb{text-align:left;margin:0 0 2px 0;clear:both;padding:0 0 3px 0;} #breadcrumb span{margin:0 3px 0 3px;width:12px;text-align:center;} /* pagination .pagination{border-top:1px solid #cbcbcb;}*/ .pagination .total{top:2px;} /* warning in setting pages */ #warning{padding:15px 0 0 20px;background/**/:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/warning.gif) 0% 80% no-repeat;color:#f00;font-weight:bold;font-size:120%} /* message */ #message{padding:15px 0 0 20px;background/**/:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/message.gif) 0% 80% no-repeat;color:#f00;font-weight:bold;font-size:120%} /* Upload gallery Pop up*/ div#gallery_popup{*width:585px} #gallery_popup{margin-bottom:10px;} #gallery_popup .hd .titlebar{background:#b7edf1;*height:1em;} #gallery_popup .hd .titlebar .bd{background:#b7edf1;border-bottom:0;padding-top:5px;} #gallery_popup .hd .titlebar .ft{background:#b7edf1;} #gallery_popup .bd{background:#fff;border-bottom:1px dotted #ccc;padding-bottom:5px;} #gallery_popup .bd .titlebar .bd{border-bottom:0} #gallery_popup .ft{background:#fff;} #gallery_popup .bd table{width:100%;} #gallery_popup .bd td{width:33%;text-align:center;padding:10px;} #gallery_popup .bd td img,#gallery_popup .bd input{*display:block;} #gallery_popup .bd input[type=checkbox]{width:100%;height:2em} #gallery_popup .bd{text-align:right;} #gallery_popup .ft .pagination{margin-top:0;padding-top:22px;padding-bottom:10px;} /* Photo Preview */ div#photo_popup{*width:585px} #photo_popup{margin-bottom:10px;} #photo_popup .hd{text-align:right;} #photo_popup .bd,#photo_popup .ft{background:#fff;text-align:center} /* post preview */ #post_preview{margin-bottom:10px;} #post_preview .hd .titlebar{background:#b7edf1;*height:1em;} #post_preview .hd .titlebar .bd{background:#b7edf1;border-bottom:0;padding-top:5px;} #post_preview .hd .titlebar .ft{background:#b7edf1;} #post_preview .bd{background:#fff;border-bottom:1px dotted #ccc;padding-bottom:5px;} #post_preview .bd .titlebar .bd{border-bottom:0} #post_preview .ft{background:#fff;text-align:center;} #post_preview .bd .c_post_preview .titlebar{*height:.1em;background:#fff;*margin-bottom:-1em;border-bottom:0} #post_preview .bd .c_post_preview .titlebar .bd{*height:2em;*padding-top:.3em} #post_preview .bd .c_post_preview .titlebar .hd a{padding:0; position:relative;top:-8px;} #post_preview .bd .c_post_preview .hd .folderbar{background:#fff;*height:1em;} #post_preview .bd .c_post_preview .bd{background:#fff;padding:0 .5em} #post_preview .bd .c_post_preview .bd img{margin-bottom:20px;} #post_preview .bd .c_post_preview .bd p{line-height:1.5em;padding-bottom:1em;} /* empty content */ .empty_content{padding:10px;} /* footnote */ #footnote{clear:both;*height:1px;margin:0;text-align:left;padding-left:13px;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/greeting_li.gif) 0 5px no-repeat;} .footnotes{clear:both;*height:1px;margin-left:8px;margin:3px 0px 2px 8px;text-align:left;padding-left:13px;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/greeting_li.gif) 0 5px no-repeat;} /************************************MODULES********************************************/ /* MASTHEAD */ html>body #mh_myblog{padding-top:13px;height:15px;border:1px solid transparent} /* fix for hidden masthead */ #mh_myblog{font-size:12px;color:#fff;margin:0 auto 5px auto;background:#217866;padding::0 5px 0 5px;display:block;text-align:left;width:100%;} #mh_myblog a,#mh_myblog a:hover{color:#fff;} #mh_myblog .mhsch{margin:8px 5px 0 0;float:right;} html>body #mh_myblog .mhsch{margin-top:-3px;} #mh_myblog .mhuser{font-size:100%;text-decoration:none;margin:0 5px 0 0;position:relative;top:-3px} html>body #mh_myblog .mhuser{margin-top:-10px;float:left;} #mh_myblog div.mhlogo{display:inline;} #mh_myblog div.mhlogo a span{visibility:hidden;} #mh_myblog div.mhlogo a{display:inline-block;margin:0 8px 0 0;*margin-right:10px;*width:139px;*height:25px;} #mh_myblog div.mhlogo[class] a{background:transparent;display:inline;text-decoration:none;font-size:0;} #mh_myblog div.mhlogo[class] a span{position:relative;top:0;visibility:visible;} #mh_myblog div.mhlogo a{background:url(http://hk.yimg.com/i/header/mh_blogsv7.gif) no-repeat;} #mh_myblog div.mhlogo[class] a span:before{content:url(http://hk.yimg.com/i/header/mh_blogsv7.gif);width:139px;height:25px;vertical-align:middle;} #mh_myblog .mhuser img{margin:3px 5px 3px 0;} #mh_myblog .mhuser strong{font-family:verdana;font-size:11px;font-weight:bold;} div#mh_myblog:after{content:".";display:block;font-size:0;line-height:0;height:0;clear:both;visibility:hidden;} #mh_myblog p,#mh_myblog q{display:inline} #mh_myblog p{padding:0 5px;} #mh_myblog q{font-weight:normal;quotes:"" "";} #mh_myblog button.menubutton{height:20px;border-style:outset; border-width:2px;margin-right:.5em;font-size:12px} @media all{#mh_myblog button.menubutton{position:relative;}} #mh_myblog button.menubutton{padding:0;cursor:pointer;cursor:hand;} html>body #mh_myblog button.menubutton{padding:0 .8em;height:1.3em;} @media all{html>body #mh_myblog button.menubutton{height:auto;position:relative;display:inline;}} #mh_myblog button.menubutton{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/menu_down.gif) no-repeat 100% 50%;*background-position:90% 50%;padding-right:10px;} #mh_myblog button.menubutton{background-color:#999;border-color:#fff;color:#fff;} #mh_myblog div.myblogbtn a{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_mh_myblog.gif) left bottom no-repeat;margin-right:0} #mh_myblog div.myblogbtn[class] a span:before{content:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/btn_mh_myblog.gif);width:73px;height:17px;vertical-align:bottom;} /* music player */ #musplayer{text-align:right;margin-bottom:5px;} /* M02 blog title */ #blog_title{width:100%;overflow:hidden;} #blog_title .bd{background:#c6ebff;text-align:left;padding:5px 0;} #blog_title .bd h2{display:inline;font-size:120%;position:relative;padding:0 10px;} #blog_title .bd .editbtn{margin-left:5px;} #blog_title .bd .blog_titlebar .bd{background:none;} /* S 20070503 JW */ #blog_title .bd .pic_container{margin-left:auto;margin-right:auto;text-align:center;width:100%;overflow:hidden;} /* E 20070503 JW */ /*#blog_title>.rc_bd>.rc_bc>.hd{display:none;}*//* JW for IE7 doctype fix*/ .blog_titlebar{clear:both;} .blog_titlebar .hd{padding:0 10px 10px 10px;clear:none;margin:0;float:left;position:relative;top:.5em} #blog_title .rc_bd .rc_bc .bd .blog_titlebar .hd{display:inline;} #blog_title .rc_bd .rc_bc .bd .blog_titlebar .hd p{display:inline;} .blog_titlebar .bd{clear:none;float:right;position:relative;} /* M03 blast bubble */ div#blast{*width:400px} #blast{margin:0;position:relative;top:-15px;left:-10px;min-width:350px;width:50%} #blast .bd{background:#fff;padding:5px;line-height:1.5em;} #blast .tail{display:block;clear:none;*float:left;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/blast_tail.gif) no-repeat;width:12px;height:9px;position:absolute;*position:relative;top:32px;*top:29px;left:-10px;*left:-14px;*margin-right:-10px;z-index:10;} #blast div.leavemsg{display:inline;margin-left:10px} #c2b_main #blast{left:245px;*left:195px;} #c2b_main #blast .tail{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/blast_tail_flip.gif) no-repeat;float:right;left:347px;*left:-1px;} /* Winamp Player */ /* M04 profile_highlight */ #profile_highlight{margin-bottom:10px;text-align:center;} #profile_highlight .bd{padding-top:5px;} #profile_highlight .thumbnail{margin-bottom:.5em;} #profile_highlight .thumbnail img{margin:5px 2px 0 0;*margin:2px 2px 0 0} #profile_highlight .nickname,#profile_highlight .zodiac{padding-bottom:.5em} #profile_highlight .addfrdbtn,#profile_highlight .subscribebtn{padding-bottom:.5em} /* M05.5 feature_link JW to fix legacy dirty update */ #photo_mod,#photo_mod .bd #photo_mod{margin-bottom:10px;} #photo_mod .bd .titlebar{background:#c6ebff;*height:1em;} /* M06 calendar */ #calendar .titlebar .hd a,#calendar .titlebar .bd a{display:inline;padding:0;top:0;left:0;text-decoration:none;font-weight:bold;} #calendar .titlebar .bd a{font-size:100%;color:#666} #calendar .titlebar .bd a:hover{text-decoration:underline} #calendar .titlebar .hd div.prevbtn a{background-position:90% 30%;*background-position:90% 50%;} #calendar .titlebar .hd div.nextbtn a{background-position:10% 30%;*background-position:10% 50%;} #calendar .bd table{clear:both;border-collapse:collapse;width:100%;} #calendar .bd th,#calendar .bd td{vertical-align:top;text-align:center;font-size:70%;padding:.1em} #calendar .bd th,#calendar .bd strong,#calendar .bd em{font-weight:bold;} #calendar .bd th{padding:.5em 0 .3em 0} #calendar .bd strong{color:#F44900;text-decoration:underline;} div.prevbtn,div.nextbtn{display:inline;} div.prevbtn a{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/arrow_prev.gif) 90% 50% no-repeat;} div.prevbtn a span,div.nextbtn a span{visibility:hidden;} div.nextbtn a{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/arrow_next.gif) 10% 50% no-repeat;} #calendar .titlebar .bd div.prevbtn a,#calendar .titlebar .bd div.nextbtn a{width:1em} /* M07 folder/M08 article new/M09 comment new */ #folder .hd .titlebar .bd,#article_new .hd .titlebar .bd,#comment_new .hd .titlebar .bd{background:none;padding:0} #folder .bd ul li,#article_new .bd ul li,#comment_new .bd ul li{_font-size:90%;padding:.2em .5em .2em 1.5em;background:url('http://hk.l.yimg.com/hk.yimg.com/i/blog/bullet.gif') .6em .7em no-repeat ;} #article_new .ft,#comment_new .ft{background:#fff;text-align:right;} #article_new div.more,#comment_new div.more{text-align:right;padding:.8em .5em 0 0;} #article_new .more span,#comment_new .more span {*display:block;*width:6em;background/**/:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/arrow_more.gif) 0% 48% no-repeat;cursor:pointer;cursor:hand;padding-left:15px} /* M10 subscribe link / category */ #subscribe_link{margin-bottom:10px;} #subscribe_link .hd .titlebar .bd{background:none;padding:0} #subscribe_link .bd{background:#fff;padding-top:.5em;} /*#subscribe_link .bd .toggle_item{padding-bottom:.5em}*/ #subscribe_link .bd ul li{padding:.2em .5em .2em 1.5em;background:url('http://hk.l.yimg.com/hk.yimg.com/i/blog/bullet.gif') .6em .7em no-repeat ;} #subscribe_link .ft{background:#fff;} /* M11 statistic */ #statistic .hd .titlebar .bd{background:none;Xpadding:0} #statistic .bd ul li{padding:.2em .5em;} #statistic ul.anchorstat{border-top:1px dotted #ccc;} /* M12 rss output */ #rss_output .bd a{display:block;padding:0 0 0 30px;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/rss.gif) 0% 70% no-repeat;margin:0 0 0 5px;} /* M13 update date */ #update_date .bd .date{display:block;padding:1em 0 .5em 2em;background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/update_img.gif) 5% 70% no-repeat;font-size:85%;font-family:Verdana;} /* M14 update date :add for Acquire*/ #search_module .bd{padding:5px;} #search_module .bd .date{display:block;padding:1em 0 .5em 2em;background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/update_img.gif) 5% 70% no-repeat;font-size:85%;font-family:Verdana;} #search_module input.textfield{width:85px;} /* M15 update date :add for Acquire*/ #buddy{margin-bottom:10px;} #buddy .hd .titlebar{background:#EBEBEB;*height:1em;} #buddy .bd{padding:5px;background:#fff;color:#666;} #buddy .bd ul li{padding:.2em 0em;list-style:disc;margin-left:1.5em;} #buddy .more{text-align:right} #buddy_list{padding:5px;} #buddy_list .hd{color:#666;} #buddy_list .toright{color:#666;} #buddy_list #breadcrumb{padding-top:5px;padding-left:5px;} #buddy_list p{padding-left:5px;color:#666;} #buddy_list h3{background:#c1c1c1;margin-left:5px;margin-right:5px;padding:5px;} #buddy_list table{border-collapse:collapse;border:1px solid #e6e6e6;width:553px;margin-left:5px;} #buddy_list th,#friendlist .bd #friendlist_list td{vertical-align:top;padding:10px;border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6;} #buddy_list th{background:#f3f3f3;border-right:1px solid #e6e6e6;} #buddy_list tbody th,#friendlist .bd #friendlist_list tbody td{background:#fff;} #buddy_list table col.c1{width:50px;text-align:center;} #buddy_list table col.c2{width:290px;text-align:left;} #buddy_list table col.c3{width:120px;text-align:left;} #buddy_list table col.c4{width:150px;text-align:left;} #buddy_list tbody th{vertical-align:top;padding:2px;} #buddy_list td{text-align:center;border:1px solid #e6e6e6;padding-top:5px;} /* M19 photo highlight */ #c2a_main div#photo_highlight,#c2b_main div#photo_highlight{*width:585px} #photo_highlight .ft div.more{text-align:right;padding:.8em .5em .5em 0;border-top:1px dotted #ccc;} #photo_highlight .ft .more span {background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/arrow_more.gif) 0% 48% no-repeat;cursor:pointer;cursor:hand;padding-left:15px} #photo_highlight .bd table{width:100%;} #photo_highlight .bd td{width:25%;text-align:center;padding:10px;} #photo_highlight .bd td img{display:block;margin-bottom:10px;} /* M20 subscribe highlight */ #c2a_main div#subscribe_highlight,#c2b_main div#subscribe_highlight{*width:585px;} #subscribe_highlight .hd .titlebar .bd{background:#c6ebff;} #subscribe_highlight .bd .c_subscribe .titlebar{background:#fff;padding:0} #subscribe_highlight .bd .c_subscribe .titlebar .hd a{padding:0;font-size:100%} #subscribe_highlight .bd .c_subscribe .folderbar{position:relative;top:-10px} #subscribe_highlight .bd .c_subscribe .folderbar .hd{margin:0 5px 5px 0;} #subscribe_highlight .hd .folderbar{*margin-top:-10px} html>body #subscribe_highlight .hd .folderbar .hd{top:-10px;} #subscribe_highlight .bd td{border-bottom:1px dotted #ccc;border-right:1px solid #ccc;} #subscribe_highlight .bd td p{line-height:1.5em;margin:.5em} #subscribe_highlight .bd .c_subscribe .bd div{display:block;text-align:right;padding:.5em;} #subscribe_highlight .bd table{width:100%;border-collapse:collapse;margin-bottom:-1px; border-bottom:1px solid #fff} #subscribe_highlight .bd td{width:25%;} #subscribe_highlight .bd .c_subscribe .titlebar{*height:.1em;background:#fff;border-bottom:0} /* Acquire related_blog */ #related_blog{margin-top:10px;} #c2a_main div#related_blog,#c2b_main div#related_blog{*width:585px} #related_blog .hd .titlebar .bd{background:#c6ebff;} #related_blog .bd .c_subscribe .titlebar{background:#fff;padding:0} #related_blog .bd .c_subscribe .titlebar .hd a{padding:0;font-size:100%} #related_blog .bd .c_subscribe .folderbar{position:relative;top:-10px} #related_blog .bd .c_subscribe .folderbar .hd{margin:0 5px 5px 0;} #related_blog .hd .folderbar{*margin-top:-10px} html>body #related_blog .hd .folderbar .hd{top:-10px;} #related_blog .bd td{border-bottom:1px dotted #ccc;border-right:1px solid #ccc;} #related_blog .bd td p{line-height:1.5em;margin:.5em} #related_blog .bd .c_subscribe .bd div{display:block;text-align:right;padding:.5em;} #related_blog .bd table{width:100%;border-collapse:collapse;margin-bottom:-1px; border-bottom:1px solid #fff} #related_blog .bd td{width:25%;} #related_blog .bd .c_subscribe .titlebar{*height:.1em;background:#fff;border-bottom:0} /* M25 setting_menu [http://ue.corp.yahoo.com/brewster/cgibullets/] */ #setting_menu .bd{font-size:120%;} #setting_menu .bd ul{background:#DBF6F8;} #setting_menu .bd ul li.current{background:#b7edf1;} #setting_menu .bd ul .current ul{background:#b7edf1;} #setting_menu .bd ul li{padding:6px;border-bottom:1px solid #fff;} #setting_menu .bd ul li strong{font-weight:bold;padding:2px 6px;display:block;} #setting_menu .bd ul li li{*font-size:90%;padding:2px 2px 2px 20px;*padding:0 2px 0 20px;border-bottom-width:0;background:url('http://hk.l.yimg.com/hk.yimg.com/i/blog/bullet.gif') .6em .7em no-repeat ;} #setting_menu .bd ul li li a{height:0.8em;padding:4px 0 0 0px;} #setting_menu[id] .bd ul li a{height:auto;} /* M46 customize nav bar */ #customize_nav_bar ul{margin:0 .5em;background:#efefef;border-bottom:1px solid #ccc;height:3em;*height:3.2em;} #customize_nav_bar li{display:inline;font-size:120%;} #customize_nav_bar li a,#customize_nav_bar li strong{margin:0 0 0 6px;padding:8px 8px 4px 8px;border:1px solid #ccc;text-decoration:none;background:#F2F7FB;color:#808080;} #customize_nav_bar li a:link,#customize_nav_bar li strong:link{color:#cccccc;} #customize_nav_bar li a:hover,#customize_nav_bar li strong:hover{background:#fff;} #customize_nav_bar li a{position:relative;border-bottom:none !important;top:1.15em;*top:1em;} #customize_nav_bar li strong{position:relative;border-bottom:none !important;top:1em;*top:1.05em;} #customize_nav_bar li strong{background:white;color:#666;font-weight:bold;border-top:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #fff !important;} /* M52 search box */ #sb{padding:5px 0 5px 10px;height:34px;margin:10px 0 10px 0;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/sb_bg.gif) left bottom no-repeat;} #sb .sb_hd{float:left;position:relative;top:10px;*top:0} #sb .sb_bd{float:right;width:100px;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/sb_seperator.gif) left bottom no-repeat;position:relative;top:10px;*top:0} #sb form{padding:0 0px 3px 0;display:inline;} #sb[id] form{font-size:95%;} #sb .tbox{width:180px;margin:0 3px;} #sb .btn{border:outset 2px #dedede;background:#dedede;padding-top:2px;height:1.8em;margin:0 3px;cursor:pointer;font-size:12px;} #sb a{color:#fff;margin-left:10px} body.index #sb{background-image:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/sb_bg_hp.gif);} /* M106 ad match */ #yschsec h2{font:normal 90% verdana;text-align:right;margin-bottom:5px;} #yschsec h2 a{color:#afafaf;} #yschsec ul,#yschsec li{margin:0;list-style:none;} #yschsec ul{padding:5px;border:1px solid #bec5c9;margin-left:5px;} #yschsec li{text-align:left;width:100%;margin-bottom:12px;line-height:1.5em;color:#000;cursor:pointer;cursor:hand;} #yschsec li a{display:block;color:#00f} #yschsec li em{display:block;color:#77c;} /* Rich Text Editor */ /* RTE */ #rteClrPlt{border:#737373 solid 1px;width:170px; height:168px; visibility:hidden; position:absolute; } #rteSmiley{ visibility:hidden; position:absolute; } #rteEdit{ width:100%; } #rteCnt{ height:154px; * height:147px; width:100%; } #rteFlush,#rteList{ visibility:hidden; position:absolute; background-color:#fff; border:#737373 solid 1px; width:110px; } #rteList{ width:130px; } #rteFlush tr td,#rteList tr td{ font:11px Verdana; } #rteToolbar{ background:#d7d7d7 url(http://us.i1.yimg.com/us.yimg.com/i/us/cmty/toolbar_gradient.gif) repeat-x top; border-left:solid 1px #fff; border-top:solid 1px #fff; } #post_rte_create #caption,#post_draw_create #caption{ border:0 solid red; text-align:right; position:relative; top:10px; *top:5px; } #post_rte_create #caption input,#post_draw_create #caption input{ position:absolute; top:0; *position:auto; *margin-top:0; } #post_rte_create #caption div,#post_draw_create #caption div{ float:none; } #post_rte_create #caption div span,#post_draw_create #caption div span{ margin-top:-2px; *margin-top:4px; float:left; } #post_rte_create #caption div span label,#post_draw_create #caption div span label{ position:absolute; *position:auto; left:20px; *top:-7px; top:2px; cursor:hand;cursor:pointer; } .rteContainer{ border:1px solid #b3b3b3; float:left; width:100%; margin-bottom:5px; } /* obnoxious mystery margin error in IE. has to do with floats. */ #rte{ float:left; width:100%; margin:0 0 -10px 0; } html>body #rte{float:none;} #post_rte_create .btn,#post_rte_create .over,#post_rte_create .down{display:block;float:left;padding:3px;} html>body #post_rte_create .btn{padding:2px;border:1px solid transparent;} #post_rte_create .over{padding:2px;border-width:1px;border-style:solid;border-color:#fff #b3b3b3 #b3b3b3 #fff;} #post_rte_create .down{padding:2px;border-width:1px;border-style:solid;border-color: #b3b3b3 #fff #fff #b3b3b3;} #post_rte_create .sep{float:left;border-width:1px;border-style:solid;border-color:#bbb #fff #fff #bbb; height:20px;margin-top:4px;} /* privacy control in article page */ .privacy{position:relative;background:f6f6f6;color:#333;padding:10px;} .privacy label{cursor:hand;cursor:pointer} /* apply rte styles */ .c_article_single p,.c_article_list_summary p,.c_article_list_full p{position:relative;} /* bug fix */ .c_article_list_summary strong,.c_article_list_full strong,.c_article_single strong, .article_comment strong,.article_trackback strong, .photo_comment strong,.photo_trackback strong, .c_gbmsg strong,.c_post_preview strong,.article_comment strong {font-weight:bold;} .c_article_list_full em,.c_article_list_summary em,.c_article_list_summary em,.c_article_single em, .article_comment em,.article_trackback em, .photo_comment em,.photo_trackback em, .c_gbmsg em,.c_post_preview em,.article_comment em {font-style:italic} .c_article_list_full cite,.c_article_list_summary cite,.c_article_list_full cite, .c_article_single cite ,.article_trackback cite,.photo_comment cite,.photo_trackback cite, .c_gbmsg cite,.c_post_preview cite,.article_comment cite {text-decoration:underline;font-style:normal;} /************************************MOCK UPS********************************************/ /* 1.1.1 - My Blog Frontpage(Author)/1.1.2 - My Blog Frontpage(Visitor) */ #c2a_main div#m_article_list_mix,#c2b_main div#m_article_list_mix, #c2a_main div#m_article_list_summary,#c2b_main div#m_article_list_summary, #c2a_main div#m_article_list_full,#c2b_main div#m_article_list_full, #c2a_main div#m_article_single,#c2b_main div#m_article_single {*width:585px} #m_article_list_mix,#m_article_list_summary,#m_article_list_full,#m_article_single,#m_article_list_mix #article_single {margin-bottom:10px;} #m_article_list_mix #article_single .bd p{position:relative;} /*#m_article_list_mix .hd .titlebar .bd,#m_article_list_summary .hd .titlebar .bd,#m_article_list_full .hd .titlebar .bd,#m_article_single .hd{background:#c6ebff;}*/ #m_article_list_mix .bd .c_article_list_full .titlebar, #m_article_list_mix .bd .c_article_list_summary .titlebar, #m_article_list_summary .bd .c_article_list_summary .titlebar, #m_article_list_full .bd .c_article_list_full .titlebar, #m_article_single .bd .c_article_single .titlebar {*height:.1em;background:#fff;*margin-bottom:-.5em;border-bottom:0} #m_article_list_mix .bd .c_article_list_full .titlebar .bd, #m_article_list_mix .bd .c_article_list_summary .titlebar .bd, #m_article_list_summary .bd .c_article_list_summary .titlebar .bd, #m_article_list_full .bd .c_article_list_full .titlebar .bd, #m_article_single .bd .c_article_single .titlebar .bd {*height:0;*padding-top:0} #m_article_list_mix .bd .c_article_list_full .titlebar .hd a, #m_article_list_mix .bd .c_article_list_summary .titlebar .hd a, #m_article_list_summary .bd .c_article_list_summary .titlebar .hd a, #m_article_list_full .bd .c_article_list_full .titlebar .hd a, #m_article_single .bd .c_article_single .titlebar .hd a {padding:0; position:relative;top:3px;left:-3px;} #m_article_list_mix .folderbar, #m_article_list_mix .folderbar, #m_article_list_summary .folderbar, #m_article_list_full .folderbar, #m_article_single .folderbar {background:#fff;*padding-top:.3em;*height:1em;} /* JW fix for content overlap */ #m_article_single .c_article_single .bd b{height:auto;} .c_article_list_full .bd,.c_article_list_summary .bd,.c_article_single .bd {background:#fff;padding:0 .5em} #m_article_list_mix .bd .c_article_list_full .bd img, #m_article_list_mix .bd .c_article_list_summary .bd img, #m_article_list_summary .bd .c_article_list_summary .bd img, #m_article_list_full .bd .c_article_list_full .bd img, #m_article_single .bd .c_article_single .bd img {margin-bottom:20px;} #m_article_list_mix .bd .c_article_list_full .bd p img, #m_article_list_mix .bd .c_article_list_summary .bd p img, #m_article_list_summary .bd .c_article_list_summary .bd p img, #m_article_list_full .bd .c_article_list_full .bd p img, #m_article_single .bd .c_article_single .bd p img {margin-bottom:0;} #m_article_list_mix .bd .c_article_list_full .bd p, #m_article_list_mix .bd .c_article_list_summary .bd p, #m_article_list_summary .bd .c_article_list_summary .bd p, #m_article_list_full .bd .c_article_list_full .bd p, #m_article_single .bd .c_article_single .bd p {line-height:1.5em;padding-bottom:1em;} #m_article_list_mix .ft,#m_article_list_summary .ft,#m_article_list_full .ft,#m_article_single .ft{background:#fff;} /* #m_article_single .ft .toggle_item .hd{margin:0 .5em 0em .5em;padding:.5em 0 .5em .5em;} #m_article_single .ft .toggle_item .bd{border-top:1px dotted #ccc;margin:0 .5em 0em .5em;padding:.5em 0 .5em .5em;} */ #m_article_single .c_article_single .ft{text-align:right;} #m_article_single .c_article_single .ft p{text-align:left;padding-left:.5em} #m_article_single .c_article_single .ft .trackbackbtn{margin-right:.5em} #m_article_single .c_article_single .ft .email2freind{margin-right:.5em} #m_article_single .c_article_single .ft .pagination{text-align:right;padding:0;margin-top:10px;} #m_article_single .c_article_single label{cursor:hand;cursor:pointer} #m_article_single .ft #post_rte_create{background:#f6f6f6;} #m_article_single .ft #post_rte_create .action{text-align:right;margin:2em 0 0 0;} /*#m_article_single .ft .toggle_item .hd{margin:0 .5em 0em 0em;padding:.5em 0 .5em .5em;} #m_article_single .ft .toggle_item .bd{background:transparent;border-top:1px dotted #ccc;margin:0 .5em 0em .5em;padding:.5em 0 .5em .5em;}*/ #m_article_list_mix .bd .c_article_list_full .ft .feedback, #m_article_list_mix .bd .c_article_list_summary .ft .feedback, #m_article_list_summary .c_article_list_summary .ft .feedback, #m_article_list_full .c_article_list_full .ft .feedback {text-align:right;border-bottom:1px dotted #ccc;margin:0 .5em 0em .5em;padding:.5em 0 .5em .5em;position:relative;} #m_article_list_mix .bd .c_article_list_full .ft .feedback{border:0} #m_article_list_mix .bd .c_article_list_full .ft .feedback a, #m_article_list_mix .bd .c_article_list_summary .ft .feedback a, #m_article_list_summary .c_article_list_summary .ft .feedback a, #m_article_list_full .c_article_list_full .ft .feedback a {display:inline-block;font-size:120%;*font-size:110%;} #m_article_list_mix .bd .c_article_list_full .ft .feedback span, #m_article_list_mix .bd .c_article_list_summary .ft .feedback span, #m_article_list_summary .c_article_list_summary .ft .feedback span, #m_article_list_full .c_article_list_full .ft .feedback span{border-right:solid 1px #000;padding:0 5px;} #m_article_list_mix .ft div.more, #m_article_list_summary .ft div.more, #m_article_list_full .ft div.more, #m_article_single .ft div.more {text-align:right;padding:.8em .5em .5em 0;} *html #m_article_list_full .more span, *html #m_article_list_summary .more span, *html #m_article_list_mix .more span, *html #m_article_single .more span {*display:block;*width:6em;background/**/:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/arrow_more.gif) 0% 48% no-repeat;cursor:pointer;cursor:hand;padding-left:15px} /* c_article_list_summary */ .c_article_list_summary .article_summary{*height:.1em;} /* bug fix:removed *margin-top:15px;*/ .c_article_list_summary .article_summary .thumbnail{float:left} .c_article_list_summary .article_summary .thumbnail img{margin-right:5px} .c_article_list_summary .article_summary p{line-height:1.5em;} /* article single */ #m_article_single #post_rte_create input.active{display:none;} /* article_comment/article_trackback */ #article_comment p b{height:auto;} #m_article_single #article_comment,#m_article_single #article_trackback, #photo_enlarge #photo_comment,#photo_enlarge #photo_trackback{padding:10px;color:#00b;} #m_article_single #article_comment.visible .bd,#m_article_single #article_trackback.visible .bd, #photo_enlarge #photo_comment.visible .bd,#photo_enlarge #photo_trackback.visible .bd{display:block;} #m_article_single #article_comment.invisible .bd,#m_article_single #article_trackback.invisible .bd, #photo_enlarge #photo_comment.invisible .bd,#photo_enlarge #photo_trackback.invisible .bd{display:none;} #m_article_single span.norgie,#photo_enlarge span.norgie{*background-position:0;padding-left:15px;cursor:hand;cursor:pointer;} #m_article_single #article_comment.visible span.norgie,#m_article_single #article_trackback.visible span.norgie, #photo_enlarge #photo_comment.visible span.norgie,#photo_enlarge #photo_trackback.visible span.norgie{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/norgie_close.gif) 0 2px no-repeat;*background-position:0 0} #m_article_single #article_comment.invisible span.norgie,#m_article_single #article_trackback.invisible span.norgie, #photo_enlarge #photo_comment.invisible span.norgie,#photo_enlarge #photo_trackback.invisible span.norgie{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/norgie_open.gif) 0 2px no-repeat;*background-position:0 0} #article_comment .detail:after,#article_trackback .detail:after, #photo_comment .detail:after,#photo_trackback .detail:after {content:".";display:block;font-size:0;line-height:0;height:0;clear:both;visibility:hidden;} .article_comment,.article_trackback,.photo_comment,.photo_trackback{border-bottom:1px dotted #ccc;padding:10px;} .article_comment .thumbnail,.article_trackback .thumbnail, .photo_comment .thumbnail,.photo_trackback .thumbnail {float:left;position:relative;} .article_comment .thumbnail img,.article_trackback .thumbnail img, .photo_comment .thumbnail img,.photo_trackback .thumbnail img{margin-right:5px} .article_comment .detail,.article_trackback .detail,.photo_comment .detail,.photo_trackback .detail{clear:right;margin:0;} .article_comment .detail .info,.article_trackback .detail .info,.photo_comment .detail .info,.photo_trackback .detail .info{clear:none;margin:0;float:left;*height:2em;position:relative} .article_comment .detail .action,.article_trackback .detail .action, .photo_comment .detail .action,.photo_trackback .detail .action {clear:none;float:right;text-align:right;position:relative;*top:-2px} html>body .article_comment .detail .action,.article_trackback .detail .action,.photo_comment .detail .action,.photo_trackback .detail .action{position:relative;left:.7em;} .article_comment .reportbtn,.article_comment .addlist_btn,.article_trackback .reportbtn,.article_trackback .addlist_btn,.photo_comment .reportbtn,.photo_comment .addlist_btn,.photo_trackback .reportbtn,.photo_trackback .addlist_btn{margin-right:5px;} .article_comment .detail:after,.article_trackback .detail:after,.photo_comment .detail:after,.photo_trackback .detail:after{content:".";display:block;font-size:0;line-height:0;height:0;clear:both;visibility:hidden;} .article_comment p,.article_trackback p,.photo_comment p,.photo_trackback p{clear:both;margin:0 0 10px 40px;line-height:1.5em;/**height:1px;by Benny:fix article comment problem*/} /* bug fix on article comment for new grid */ .info_clear{clear:both;display:block;padding-top:3px;*padding-top:0;padding-bottom:5px;} /* article/photo comment listing */ #c2a_main div#comment_listing,#c2b_main div#comment_listing{*width:585px} #comment_listing{margin-bottom:10px;} #comment_listing .bd .titlebar{*height:.1em;background:#fff;*margin-bottom:-.5em;border-bottom:0} #comment_listing .bd .titlebar .hd a{padding:0; position:relative;top:3px;left:-3px;} #comment_listing .folderbar{background:#fff;*padding-top:.3em;*height:1em;} #comment_listing .bd .bd{background:#fff;padding:0 .5em} #comment_listing .bd .article_comment,#comment_listing .bd .photo_comment{margin:10px;} /* article/photo trackback listing */ #c2a_main div#trackback_listing,#c2b_main div#trackback_listing{*width:585px} #trackback_listing{margin-bottom:10px;} #trackback_listing .bd .titlebar{*height:.1em;background:#fff;*margin-bottom:-.5em;border-bottom:0} #trackback_listing .bd .titlebar .hd a{padding:0; position:relative;top:3px;left:-3px;} #trackback_listing .folderbar{background:#fff;*padding-top:.3em;*height:1em;} #trackback_listing .bd .bd{background:#fff;padding:0 .5em} #trackback_listing .bd .article_trackback,#trackback_listing .bd .photo_trackback{margin:10px;} /* 1.1.3/1.1.4/1.1.5 - Message by Folder/Message by Date/Article list all - in time sequence */ #c2a_main div#archive_list_summary,#c2b_main div#archive_list_summary{*width:585px} #archive_list_summary .bd .c_article_list_summary .titlebar {*height:.1em;background:#fff;*margin-bottom:-1em;border-bottom:0} #archive_list_summary .bd .c_article_list_summary .titlebar .bd {*height:0;*padding-top:0;background:none;} #archive_list_summary .bd .c_article_list_summary .titlebar .hd a {padding:0; position:relative;top:-5px;} #archive_list_summary .bd .c_article_list_summary .hd .folderbar {background:#fff;*height:1em;} #archive_list_summary .bd .c_article_list_summary .bd{padding:0 10px} #archive_list_summary .bd .c_article_list_summary .bd img{margin-bottom:20px;} #archive_list_summary .bd .c_article_list_summary .bd p{line-height:1.5em;padding-bottom:1em;} #archive_list_summary .ft{background:#fff;} #archive_list_summary .c_article_list_summary .ft .feedback{text-align:right;border-bottom:1px dotted #ccc;margin:0;padding:10px;position:relative;} #archive_list_summary .c_article_list_summary .ft .feedback a{display:inline-block;} #archive_list_summary .c_article_list_summary .ft .feedback span{border-right:solid 1px #000;padding:0 5px;} #archive_list_summary .ft .pagination{margin-top:0;padding-top:22px;padding-bottom:10px;*width:100%} /* 1.2.1/1.2.3/2.2.1/8.5.1 - Compose blog article in HTML editor/Compose blog article in Doodle editor/Compose Guestbook message in HTML editor/Report User */ #c2a_main div#post_gb,#c2b_main div#post_gb{*width:585px} /*#post_rte .hd,#post_rte .bd,#post_draw .hd,#post_draw .bd,#post_gb .hd,#post_gb .bd,#report_abuse .hd,#report_abuse .bd{background:#fff} for bug 1532406*/ #post_rte .hd h2,#post_draw .hd h2,#post_gb .hd h2,#report_abuse .hd h2{background:#b7edf1;padding:.5em;} #report_abuse .hd h2{background:#ffc4e1;} #post_rte .bd em,#post_draw .bd em,#post_gb .bd label em,#report_abuse .bd em{font-family:Verdana;font-size:12px;color:#F44900;} #post_draw .bd strong{color:#F44900;} #report_abuse .bd strong{color:#F44900;} #post_rte .ft p,#post_draw .ft p,#post_gb .ft p,#report_abuse .ft p{background:#fff;padding:1em .5em;text-align:center;border:1px solid #b7edf1;border-width:0 1px 1px 1px;} #post_gb .ft p,#report_abuse .ft p{border:0} #post_rte .hd ul,#post_draw .hd ul{background:#efefef;border-bottom:1px solid #b7edf1;height:3em;*height:3.2em;} #post_rte .hd li,#post_draw .hd li{display:inline;font-size:120%;} #post_rte .hd li a,#post_rte li strong,#post_draw .hd li a,#post_draw li strong {margin:0 0 0 6px;padding:8px 8px 4px 8px;border:1px solid #ccc;text-decoration:none;background:#F2F7FB;color:#808080;} #post_rte .hd li a:link,#post_rte li strong:link,#post_draw .hd li a:link,#post_draw li strong:link{color:#ccc;} #post_rte .hd li a:hover,#post_rte li strong:hover,#post_draw .hd li a:hover,#post_draw li strong:hover{background:#fff;} #post_rte .hd li a,#post_draw .hd li a{position:relative;border-bottom:none !important;top:1.15em;*top:1em;} #post_rte .hd li strong,#post_draw .hd li strong{position:relative;border-bottom:none !important;top:1em;*top:1.05em;} #post_rte .hd li strong,#post_draw .hd li strong{background:white;color:#666;font-weight:bold;border-top:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #fff !important;} #post_rte .bd #post_rte_create .hd,#post_draw .bd #post_draw_create .hd{padding:.5em .5em 0 .5em;text-align:right;} #post_rte .bd #post_rte_create .info,#post_draw .bd #post_draw_create .info{border:1px solid #e6e6e6;border-width:1px 1px 0 1px;padding:.5em} #post_rte .bd #post_rte_create .bd .info,#post_draw .bd #post_draw_create .bd .info{border-width:1px 1px 0 1px;text-align:right} #post_rte .bd #post_rte_create .bd,#post_draw .bd #post_draw_create .bd{padding:0 6px 6px 6px;} #post_rte .bd #post_rte_create table .hd,#post_draw .bd #post_draw_create table .hd{text-align:left} #post_rte #post_rte_create,#post_draw #post_draw_create{border:1px solid #b7edf1;border-width:0 1px;} #post_rte #post_rte_create .bd,#post_draw #post_draw_create .bd{padding:6px;} #post_rte #post_rte_create table,#post_draw #post_draw_create table,#post_gb #post_rte_create table,#report_abuse #abuse_report table {border-collapse:collapse;border:1px solid #e6e6e6;width:100%;} #post_rte #post_rte_create th,#post_rte #post_rte_create .bd td, #post_draw #post_draw_create th,#post_draw #post_draw_create .bd td, #post_gb #post_rte_create th,#post_gb #post_rte_create .bd td, #report_abuse #abuse_report th,#report_abuse #abuse_report .bd td{ vertical-align:top; text-align:left; padding:10px; border-bottom:1px solid #e6e6e6; } #post_rte #post_rte_create th,#post_draw #post_draw_create th,#post_gb #post_rte_create th,#report_abuse #abuse_report th{ text-align:right; background:#f3f3f3; border-right:1px solid #e6e6e6; width:20%; font-size:100%; } #post_rte #post_rte_create th{width:15%} #post_rte #post_rte_create label,#post_draw #post_draw_create label,#post_gb #post_rte_create label{font-weight:normal;cursor:pointer;cursor:hand} #post_rte #post_rte_create input#title,#post_rte #post_rte_create input#blog_quote, #post_draw #post_draw_create input#title,#post_draw #post_draw_create input#blog_quote{width:30em;} #report_abuse #abuse_report textarea{display:block} #post_rte #rteEdit,#post_rte #rteCnt{height:507px;*height:500px;} #post_gb #post_rte_create .action{text-align:right;margin:2em 0 0 0;} /* 2.1.1 - Guestbook message */ #c2a_main div#gb_msg, #c2b_main div#gb_msg {*width:585px} #gb_msg{margin-bottom:10px;} #gb_msg .hd .titlebar{*height:1em;} #gb_msg .hd .titlebar .bd{background:#b7edf1;border-bottom:0;padding:3px 0 6px 0;} #gb_msg .bd{padding:6px;} #gb_msg .bd .titlebar .bd{background:#fff;} #gb_msg .bd .c_gbmsg .hd .titlebar{*height:.1em;background:#fff;border-bottom:0} #gb_msg .bd .c_gbmsg .hd .titlebar .hd{*height:2em;padding:.3em 0 0 .5em;border:0} #gb_msg .bd .c_gbmsg .hd .titlebar .hd a{font-size:100%;display:inline;padding:0;top:0} #gb_msg .bd .c_gbmsg .hd .titlebar .bd{top:-.5em} #gb_msg .bd .c_gbmsg .bd .gbmsg{*height:.1em;border-bottom:1px dotted #ccc;padding-bottom:5px;} #gb_msg .bd .c_gbmsg .bd .gbmsg .thumbnail{float:left} #gb_msg .bd .c_gbmsg .bd .gbmsg .thumbnail img{margin-right:5px} #gb_msg .bd .c_gbmsg .bd .gbmsg em{color:#f60} div.gbmsg:after{content:".";display:block;font-size:0;line-height:0;height:0;clear:both;visibility:hidden;} #gb_msg .ft{background:#fff;} #gb_msg .bd .titlebar .ft{background:none} #gb_msg .ft .pagination{margin-top:0;padding-top:22px;padding-bottom:10px;} /* 2.3.1 Comment List */ #c2a_main div#comment_list, #c2b_main div#comment_list {*width:585px} #comment_list{margin-bottom:10px;} #comment_list .hd .titlebar{background:#b7edf1;*height:1em;} #comment_list .hd h2{padding:.5em;} #comment_list .hd ul{background:#fff;border-bottom:1px solid #e6e6e6;height:3em;*height:3.2em;} #comment_list .hd li{display:inline;font-size:120%;} #comment_list .hd li a,#comment_list li strong {margin:0 0 0 6px;padding:8px 8px 4px 8px;border:1px solid #c0c0c0;text-decoration:none;background:#F2F7FB;color:#ccc;} #comment_list .hd li a:link,#comment_list li strong:link{color:#ccc;} #comment_list .hd li a:hover,#comment_list li strong:hover{background:#fff;} #comment_list .hd li a{position:relative;border-bottom:none !important;top:1.15em;*top:1em;} #comment_list .hd li strong{position:relative;border-bottom:none !important;top:1em;*top:1.05em;} #comment_list .hd li strong{background:white;color:#666;font-weight:bold;border-top:1px solid #e6e6e6;border-right:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-bottom:1px solid #fff !important;} #comment_list .bd .infobar{border:1px solid #e6e6e6;border-width:0 1px 1px 1px;} #comment_list .bd .infobar em{color:#f00} #comment_list .sort#on a{padding-right:20px;} #comment_list .sort.asc#on a{background:transparent url(http://hk.yimg.com/i/icon/16/sort_asc.gif) center right no-repeat;cursor:hand;} #comment_list .sort.des#on a{background:transparent url(http://hk.yimg.com/i/icon/16/sort_dsc.gif) center right no-repeat;cursor:hand;} #comment_list .bd,#comment_list .ft{background:#fff;} #comment_list .ft .pagination{margin-top:0;padding-top:22px;padding-bottom:10px;} #comment_list table{border-collapse:collapse;border:1px solid #e6e6e6;width:100%;border-top:0} #comment_list th,#comment_list td{vertical-align:top;padding:10px;border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6;} #comment_list th{background:#f3f3f3;border-right:1px solid #e6e6e6;} #comment_list tbody th,#comment_list tbody td{background:#fff;} #comment_list table col.c1{width:120px;} #comment_list table col.c2{width:;} #comment_list table col.c3{width:120px;} #comment_list table#datatable col.c1{width:50px;text-align:center;} #comment_list table#datatable col.c2{width:120px;text-align:left;} #comment_list table#datatable col.c3{width:290px;text-align:left;} #comment_list table#datatable col.c4{width:150px;text-align:left;} #comment_list tbody th{vertical-align:top;padding:2px;} /* 3.1.1 - folder checklist / 8.1.0 - subscribe checklist / 8.1.1 - subscribe folder */ div#folder_checklist,div#subscribe_checklist,div#subscribe_folder{*width:585px} #folder_checklist .hd .titlebar,#subscribe_checklist .hd .titlebar,#subscribe_folder .hd .titlebar{background:#b7edf1;} #folder_checklist #breadcrumb{margin:10px 0 0 10px} #folder_checklist .bd #folder_list,#subscribe_checklist .bd #subscribe_add,#subscribe_folder .bd #subscribe_add{margin-top:10px} #folder_checklist .bd #folder_list,#subscribe_checklist .bd #subscribe_add,#subscribe_folder .bd #subscribe_add,#subscribe_folder .bd #folder_setup{margin-bottom:10px;} #folder_checklist .bd h3,#subscribe_checklist .bd h3,#subscribe_folder .bd h3{background:#dbf6f8;padding:.5em;position:relative} #folder_checklist .ft p,#subscribe_checklist .ft p,#subscribe_folder .ft p{text-align:center;} #folder_checklist .bd table,#subscribe_checklist .bd table,#subscribe_folder .bd table{width:100%} #folder_checklist .bd #folder_list .bd,#subscribe_checklist .bd #subscribe_clist .bd,#subscribe_folder .bd #folder_setup .bd{padding:0 5px;} #folder_checklist .bd #folder_list table,#subscribe_checklist .bd #subscribe_clist table,#subscribe_folder .bd #folder_setup .bd table{border-collapse:collapse;border:1px solid #e6e6e6;} #folder_checklist .bd #folder_list th,#folder_checklist .bd #folder_list td, #subscribe_checklist .bd #subscribe_clist th,#subscribe_checklist .bd #subscribe_clist td, #subscribe_folder .bd #folder_setup .bd th,#subscribe_folder .bd #folder_setup .bd td {vertical-align:top;padding:10px;border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6;} #folder_checklist .bd #folder_list th,#subscribe_checklist .bd #subscribe_clist th,#subscribe_folder .bd #folder_setup .bd th{background:#f3f3f3;border-right:1px solid #e6e6e6;} #folder_checklist .bd #folder_list tbody th,#folder_checklist .bd #folder_list tbody td, #subscribe_checklist .bd #subscribe_clist tbody th,#subscribe_checklist .bd #subscribe_clist tbody td, #subscribe_folder .bd #folder_setup .bd td {background:#fff;} #folder_checklist .bd #folder_list table col.c1,#subscribe_checklist .bd #subscribe_clist table col.c1{width:50px;text-align:center;} #folder_checklist .bd #folder_list table col.c2,#subscribe_checklist .bd #subscribe_clist table col.c2{width:220px;text-align:left;} #folder_checklist .bd #folder_list table col.c3,#subscribe_checklist .bd #subscribe_clist table col.c3{width:150px;text-align:left;} #subscribe_checklist .bd #subscribe_clist table col.c4{width:140px;text-align:center;} #folder_checklist .bd #folder_list tbody th,#subscribe_checklist .bd #subscribe_clist tbody th{vertical-align:top;padding:2px;} #folder_checklist .bd #folder_list tbody tr.noselected th,#folder_checklist .bd #folder_list tbody tr.noselected td, #subscribe_checklist .bd #subscribe_clist tbody tr.noselected th,#subscribe_checklist .bd #subscribe_clist tbody tr.noselected td, #subscribe_folder .bd #folder_setup tbody tr.noselected th,#subscribe_folder .bd #folder_setup tbody tr.noselected td {background:#fff;} #folder_checklist .bd .actionbar,#subscribe_checklist .bd .actionbar{*height:.1em;border-bottom:0;background:#f3f3f3} #folder_checklist .bd .actionbar .hd,#subscribe_checklist .bd .actionbar .hd{padding:.5em 0 0 0;} #folder_checklist .bd .actionbar .hd,#folder_checklist .bd .actionbar .bd, #subscribe_checklist .bd .actionbar .hd,#subscribe_checklist .bd .actionbar .bd {border:0;background:#f3f3f3} #folder_checklist .bd .actionbar .hd span,#subscribe_checklist .bd .actionbar .hd span{height:1.5em;border-right:solid 1px #000;padding:0 5px;cursor:hand;cursor:pointer;} #subscribe_checklist .bd #subscribe_add .bd th{width:24%;*width:15%;text-align:right;padding-right:10px;padding-top:5px;padding-bottom:5px;} #subscribe_checklist input[type=text]{width:16em;} #subscribe_checklist .bd #subscribe_add .bd input{width:25%} #subscribe_checklist .bd #subscribe_add .bd input#remark{width:60%} #subscribe_checklist #breadcrumb{margin:10px 0 0 10px} #subscribe_checklist #subscribe_clist{margin-bottom:10px} #subscribe_folder .bd #subscribe_add .bd th{width:27%;*width:25%;text-align:right;padding-right:10px;padding-top:5px;padding-bottom:5px;} #subscribe_folder input[type=text]{width:16em;} #subscribe_folder .bd #subscribe_add .bd input{width:70%} #subscribe_folder .bd #folder_setup .bd th{vertical-align:top;padding:5px;} #subscribe_folder .bd #folder_setup .bd table col.c1{width:80%;text-align:left} #subscribe_folder .bd #folder_setup .bd table col.c2{width:20%;text-align:center} #subscribe_folder .bd #folder_setup .bd input{height:1.5em} /* 3.1.2 - Manage Folder / 3.1.3 - Edit Folder / 3.2.2 - Manage Album / 3.2.3 - Edit Album */ div#folder_manage_list,div#folder_edit,div#album_manage_list,div#album_edit{*width:585px} #folder_manage_list .hd .titlebar,#folder_edit .hd .titlebar,#album_manage_list .hd .titlebar,#album_edit .hd .titlebar{background:#b7edf1;} #folder_manage_list .bd #folder_add,#folder_edit .bd #folder_setup,#album_manage_list .bd #album_add,#album_edit .bd #album_setup{margin-top:10px} #folder_manage_list .bd #folder_add,#folder_manage_list .bd #folder_setup,#folder_edit .bd #folder_setup#folder_manage_list .bd #folder_add,#folder_manage_list .bd #folder_setup,#folder_edit .bd #folder_setup, #album_manage_list .bd #album_add,#album_manage_list .bd #album_setup,#album_edit .bd #album_setup {margin-bottom:10px;} #folder_manage_list .bd #folder_add .bd .info{border-bottom:1px dotted #ccc;margin:0 .5em .5em .5em;padding:.5em 0 .5em .5em;} #folder_manage_list .bd h3,#folder_edit .bd h3,#album_manage_list .bd h3,#album_edit .bd h3{background:#dbf6f8;padding:.5em;position:relative} #folder_manage_list .ft p,#folder_edit .ft p,#album_manage_list .ft p,#album_edit .ft p{text-align:right;padding-right:.5em} #folder_manage_list .bd table,#folder_edit .bd table,#album_manage_list .bd table,#album_edit .bd table{width:100%} #folder_manage_list .ft p,#folder_edit .ft p,#album_manage_list .ft p,#album_edit .ft p{text-align:center;} #folder_manage_list .bd #folder_add .bd th,#album_manage_list .bd #album_add .bd th{width:27%;*width:25%;text-align:right;padding-right:10px;} #folder_manage_list .bd #folder_add .bd th,#folder_manage_list .bd #folder_add .bd td, #album_manage_list .bd #album_add .bd th,#album_manage_list .bd #album_add .bd td {padding-top:5px;padding-bottom:5px;} #folder_manage_list input[type=text],#folder_edit input[type=text], #album_manage_list input[type=text],#album_edit input[type=text] {width:16em;} #folder_manage_list .bd #folder_add .bd input, #album_manage_list .bd #album_add .bd input {width:70%} #folder_manage_list .bd #folder_setup .bd,#folder_edit .bd #folder_setup .bd, #album_manage_list .bd #album_setup .bd,#album_edit .bd #album_setup .bd {padding:0 5px;} #folder_manage_list .bd #folder_setup table, #album_manage_list .bd #album_setup table {border-collapse:collapse;border:1px solid #e6e6e6;} #folder_manage_list .bd #folder_setup th,#folder_manage_list .bd #folder_setup td, #folder_edit .bd #folder_setup th,#folder_edit .bd #folder_setup td, #album_manage_list .bd #album_setup th,#album_manage_list .bd #album_setup td, #album_edit .bd #album_setup th,#album_edit .bd #album_setup td {vertical-align:top;padding:10px;border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6;} #folder_edit .bd #folder_setup th,#folder_edit .bd #folder_setup td, #album_edit .bd #album_setup th,#album_edit .bd #album_setup td {border-bottom:1px solid #e6e6e6;border-right:0;} #folder_manage_list .bd #folder_setup th,#album_manage_list .bd #album_setup th {background:#f3f3f3;border-right:1px solid #e6e6e6;} #folder_manage_list .bd #folder_setup tbody th,#folder_manage_list .bd #folder_setup tbody td, #folder_edit .bd #folder_setup tbody th,#folder_edit .bd #folder_setup tbody td, #album_manage_list .bd #album_setup tbody th,#album_manage_list .bd #album_setup tbody td, #album_edit .bd #album_setup tbody th,#album_edit .bd #album_setup tbody td{background:#fff;} #folder_manage_list .bd #folder_setup table col.c1,#folder_edit .bd #folder_setup table col.c1, #album_manage_list .bd #album_setup table col.c1,#album_edit .bd #album_setup table col.c1{width:40%;text-align:left;} #folder_manage_list .bd #folder_setup table col.c2,#folder_edit .bd #folder_setup table col.c2, #album_manage_list .bd #album_setup table col.c2,#album_edit .bd #album_setup table col.c2{width:40%;text-align:left;} #folder_manage_list .bd #folder_setup table col.c3,#folder_edit .bd #folder_setup table col.c3, #album_manage_list .bd #album_setup table col.c3,#album_edit .bd #album_setup table col.c3{width:20%;text-align:center;} #folder_manage_list .bd #folder_setup .bd table tr.draft td,#folder_manage_list .bd #folder_setup .bd table tr.trash td, #album_manage_list .bd #album_setup .bd table tr.draft td,#album_manage_list .bd #album_setup .bd table tr.trash td{padding-right:15px;} #folder_manage_list .bd #folder_setup tbody th,#album_manage_list .bd #album_setup tbody th{vertical-align:top;padding:2px;} #folder_manage_list .bd #folder_setup .bd input,#folder_edit .bd #folder_setup .bd input, #album_manage_list .bd #album_setup .bd input,#album_edit .bd #album_setup .bd input{height:1.5em} /* 3.2.1 - album checklist */ div#album_checklist{*width:585px} #album_checklist .hd .titlebar{background:#b7edf1;} #album_checklist .bd #album_list{margin-top:10px} #album_checklist .bd #album_list{margin-bottom:10px;} #album_checklist .bd h3{background:#dbf6f8;padding:.5em;position:relative} #album_checklist .ft p{text-align:right;padding-right:.5em} #album_checklist .bd #breadcrumb{margin:10px} #album_checklist .bd #album_list .bd{padding:0 5px;} #album_checklist .bd table{width:100%;} #album_checklist .bd td{width:33%;text-align:center;padding:10px;} #album_checklist .bd td img,#album_checklist .bd input{*display:block;} #album_checklist .bd input[type=checkbox]{width:100%;height:2em} #album_checklist .bd .actionbar{*height:.1em;border-bottom:0;background:#f3f3f3} #album_checklist .bd .actionbar .hd{padding:.5em 0 0 0;} #album_checklist .bd .actionbar .hd,#album_checklist .bd .actionbar .bd{border:0;background:#f3f3f3} #album_checklist .bd .actionbar .hd span{height:1.5em;border-right:solid 1px #000;padding:0 5px;cursor:hand;cursor:pointer;} /* 4.1.1 - Upload profile photo */ div#setup_photo{*width:585px;} #setup_photo .hd .titlebar{background:#00ab85;color:#fff} #setup_photo .bd #photo_setup{margin-top:10px} #setup_photo .bd #photo_setup{margin-bottom:10px;} #setup_photo .bd h3{background:#dbf6f8;padding:.5em;font-size:120%;*font-size:110%} #setup_photo .bd label em{font-family:Verdana;font-size:12px;color:#F44900;} #setup_photo .ft p{text-align:center;padding-right:.5em} #setup_photo .bd #photo_setup .bd .pri{*width:165px;float:left;} #setup_photo .bd #photo_setup .bd .sec{margin:0 0 0 220px;} #setup_photo .bd #photo_setup .bd .trd{border-top:1px solid #cbcbcb;margin:20px 5px -6px 5px;clear:both;-moz-border-radius:6px} #setup_photo .bd #photo_setup .bd .pri .box{margin-left:1em;} #setup_photo .bd #photo_setup .bd table{width:100%} #setup_photo .bd #photo_setup .bd select{width:20em;} #setup_photo .bd #photo_setup .bd input[type=text]{width:25em;} #setup_photo .bd #photo_setup .bd .info{border-bottom:1px dotted #ccc;margin:0 .5em .5em .5em;padding:.5em 0 .5em .5em;} #setup_photo .bd #photo_setup .bd #profile_highlight{text-align:left} #setup_photo .bd #photo_setup .bd #profile_highlight .hd h4{background:#b7edf1;padding:.5em;font-weight:bold;font-size:120%;text-align:center} #setup_photo .bd #photo_setup .bd #profile_highlight .hd{margin-bottom:.5em} #setup_photo .bd #photo_setup .bd #profile_highlight .bd{padding-left:.5em;background:#fff} #setup_photo .bd #photo_setup .bd #profile_highlight .thumbnail{text-align:left} #setup_photo .bd #photo_setup .bd #profile_highlight .thumbnail img{margin:5px 7.5px 0 0;*margin:2px 7.55px 0 0} #setup_photo .bd #photo_setup .bd .sec td{text-align:center;padding-bottom:1em;} #setup_photo .bd #photo_setup .bd .sec img{display:block;margin:3px 20px;} #setup_photo .bd #photo_setup .bd .trd .ulimg_setup{clear:both;height:4.5em;*height:4em;padding:5px 0} #setup_photo .bd #photo_setup .bd .trd .ulimg_setup{border-bottom:1px dotted #ccc;} #setup_photo .bd #photo_setup .bd .ulimg_setup .pri{width:80px;float:left;text-align:center;} #setup_photo .bd #photo_setup .bd .ulimg_setup .sec{margin:.5em 0 0 6em;*margin:.5em 0 0 80px; text-align:left;} #setup_photo .bd #photo_setup .bd .ulimg_setup .sec span{display:block} #setup_photo .bd #photo_setup .bd .ulimg_setup .sec p{margin:.3em 0 0 1.5em} #setup_photo .bd #photo_setup .bd .ulimg_setup .sec .ulbtn{display:inline} #setup_photo .bd #photo_setup .bd .ulimg_setup .pri h4{background:#efefef;padding:1.5em .5em;} /* 4.1.2 - Setup blog info */ div#setup_blog{*width:585px} #setup_blog .titlebar{background:#00ab85;color:#fff} #setup_blog #blog_setup{margin-top:10px} #setup_blog #blog_setup,#setup_blog #blast_setup{margin-bottom:10px;} #setup_blog #blog_setup .note{display:block;margin:0;padding:0} #setup_blog #blog_setup .info{border-bottom:1px dotted #ccc;margin:0 .5em .5em .5em;padding:.5em 0 .5em .5em;} #setup_blog h3{background:#dbf6f8;margin:0;padding:.5em;font-size:120%} #setup_blog .ft{margin-bottom:10px;} #setup_blog .hd .titlebar .ft{margin-bottom:0} #setup_blog .ft p{text-align:center;padding-right:.5em} #setup_blog .bd table{width:100%} #setup_blog .bd em{font-family:Verdana;font-size:12px;color:#F44900;} #setup_blog .bd textarea{display:block} #setup_blog #blog_setup th{width:27%;*width:25%;text-align:right;padding-right:10px;padding-left:0;} #setup_blog #blog_setup th,#setup_blog #blog_setup td{padding-top:5px;padding-bottom:5px;} #setup_blog input[type=text]{width:16em;} #setup_blog #blog_setup input{width:70%} #setup_blog #blog_setup ul.vertical_setting,#setup_blog #blog_setup ul.vertical_setting li{margin:0;padding:0;} #setup_blog #blog_setup ul.vertical_setting li{float:left;*position:relative;*top:-5px;margin-right:10px} #setup_blog #blog_setup ul:after{content:".";display:block;font-size:0;line-height:0;height:0;clear:both;visibility:hidden;} #setup_blog #blog_setup li input{width:auto;} #setup_blog #blog_setup li p input{width:30%;} #setup_blog #blog_setup h4{font-weight:bold;display:inline;margin-right:5px;} #setup_blog #blog_setup td div,#setup_blog #blog_setup li{margin:10px 0} /* 4.1.3 - Setup personal info */ div#setup_personal{*width:585px} #setup_personal .hd .titlebar{background:#00ab85;color:#fff} #setup_personal .bd h3{background:#dbf6f8;padding:.5em;font-size:120%} #setup_personal .ft p{text-align:center;padding-right:.5em} #setup_personal .bd table{width:100%} #setup_personal .bd em{font-family:Verdana;font-size:12px;color:#F44900;} #setup_personal .bd #personal_setup{margin-top:10px} #setup_personal .bd #personal_setup,#setup_personal .bd #setup_introduction{margin-bottom:10px;} #setup_personal .bd #personal_setup .bd table{width:100%;border-collapse:collapse;border:5px solid #fff;border-width:0 5px;} #setup_personal .bd #personal_setup .bd table.interest{*width:95%;} #setup_personal .bd #personal_setup .bd th{width:25%;*width:22%;text-align:right;padding-right:10px;padding-left:0;} #setup_personal .bd #personal_setup .bd th,#setup_personal .bd #personal_setup .bd td{padding:5px 0;} #setup_personal .bd #personal_setup .bd .info{border-bottom:1px dotted #ccc;margin:0 .5em .5em .5em;padding:.5em 0 .5em .5em;} #setup_personal .bd #personal_setup .bd .other input{width:5em;margin-right:.2em;} #setup_personal .bd #personal_setup .bd .other .note{padding-left:4em;} #setup_personal .bd #personal_setup .bd select{width:20em;} #setup_personal .bd #personal_setup .bd .bday select{width:5em;} #setup_personal .bd #personal_setup .bd .firstname input,#setup_personal .bd #personal_setup .bd .lastname input,#setup_personal .bd #personal_setup .bd .nickname input,#setup_personal .bd #personal_setup .bd .org_6 input,#setup_personal .bd #personal_setup .bd .org_7 input ,#setup_personal .bd #personal_setup .bd .otherinter input,#setup_personal .bd #personal_setup .bd .movie input,#setup_personal .bd #personal_setup .bd .music input,#setup_personal .bd #personal_setup .bd .book input,#setup_personal .bd #personal_setup .bd .tv input{width:21em;} #setup_personal .bd #personal_setup .bd .firstname .last input,#setup_personal .bd #personal_setup .bd .lastname .last input,#setup_personal .bd #personal_setup .bd .last .nickname input{width:auto;} #setup_personal .bd #personal_setup .bd .gender li{display:inline} #setup_personal .bd #personal_setup .bd .email th,#setup_personal .bd #personal_setup .bd .msg th{border-right:1px solid #fff} #setup_personal .bd #personal_setup .bd .email th, #setup_personal .bd #personal_setup .bd .email td, #setup_personal .bd #personal_setup .bd .msg th, #setup_personal .bd #personal_setup .bd .msg td {background:#DBF6F8;border-bottom:1px solid #fff;padding:5px} #setup_personal .bd #personal_setup .bd td.last{background:#efefef;border-bottom:1px solid #fff;padding:5px} #setup_personal .bd #personal_setup .bd .interest input,#setup_personal .bd #personal_setup .bd .other input,#setup_personal .bd #personal_setup .bd .last input{margin-right:.2em;} #setup_personal .bd #setup_introduction .bd .info{padding:.5em 0 .5em 1em;} #setup_personal .bd #setup_introduction .bd fieldset{margin:0 0 1em 1em;} #setup_personal .ft{margin-bottom:10px;*margin-bottom:0;} /* 4.1.4 - Profile View */ #c2a_main div#profile_info,#c2b_main div#profile_info{*width:585px;} #profile_info .bd{padding-top:4px;} #profile_info .bd .titlebar{*height:1em;} #profile_info .bd .titlebar .bd{padding-top:0;} #profile_info .bd #blog_profile,#profile_info .bd #personal_profile,#profile_info .bd #introduction_profile{margin-bottom:10px;} #profile_info .bd #blog_profile .bd,#profile_info .bd #personal_profile .bd,#profile_info .bd #introduction_profile .bd{background:#fff;} #profile_info .bd #introduction_profile .bd{border:1px solid #e6e6e6;} #profile_info .bd #introduction_profile .bd p{line-height:1.5em;margin:.5em;} #profile_info .bd #introduction_profile .titlebar .bd{border:0} #profile_info table{border-collapse:collapse;border:1px solid #e6e6e6;width:100%;} #profile_info th,#profile_info .bd td{vertical-align:top;text-align:left;padding:10px 5px 10px 10px;border-bottom:1px solid #e6e6e6;} #profile_info th{text-align:right;background:#F3F3F3;border-right:1px solid #e6e6e6;width:6em;} #profile_info .bd #personal_profile .bd td{width:15em;} #profile_info .bd #personal_profile .bd td.limit{text-align:center;width:auto;padding-top:20px;padding-bottom:20px;} #profile_info .bd #personal_profile .bd th{border-left:1px solid #e6e6e6;} #personal_profile .limit{text-align:right;} /* 4.1.5 - Setup blast info */ div#setup_blast{*width:585px} #setup_blast .hd .titlebar{background:#00ab85;color:#fff} #setup_blast .bd #blast_setup{margin-top:10px} #setup_blast .bd #blast_setup{margin-bottom:10px;} #setup_blast .bd h3{background:#dbf6f8;padding:.5em;font-size:120%} #setup_blast .ft p{text-align:center;padding-right:.5em} #setup_blast .bd table{width:100%} #setup_blast em{font-family:Verdana;font-size:12px;color:#F44900;} #setup_blast .bd #blast_setup .bd th{width:34%;*width:25%;text-align:right;padding-right:10px;padding-left:100px;*padding-left:60px;} #setup_blast .bd #blast_setup .bd th,#setup_blast .bd #blast_setup .bd td{padding-top:5px;padding-bottom:5px;} #setup_blast input[type=text]{width:16em;} #setup_blast .bd #blast_setup .bd input{width:70%} #setup_blast .bd #blast_setup .bd .info{border-bottom:1px dotted #ccc;margin:0 .5em .5em .5em;padding:.5em 0 .5em .5em;} /* 4.2.1 - Customize layout */ div#customize_layout{*width:585px} #customize_layout .hd .titlebar{background:#00ab85;color:#fff} #customize_layout .bd select{vertical-align:top} #customize_layout .bd h3{padding:.5em;font-size:120%} #customize_layout .ft{margin-bottom:10px;} #customize_layout .hd .titlebar .ft{margin-bottom:0} #customize_layout .ft p{text-align:center;padding-right:.5em} #customize_layout label{cursor:hand;cursor:pointer} #customize_layout #col_setup{margin-top:10px} #customize_layout #col_setup,#customize_layout #module_setup,#customize_layout #new_setup,#customize_layout #img_setup,#customize_layout #mus_setup,#customize_layout #friend_setup {margin-bottom:10px;} #customize_layout #col_setup .bd div{display:inline;float:left;width:185px;*width:190px;height:130px;*height:135px;margin-top:.5em;text-align:center;} #customize_layout #col_setup .bd div.layout_2a{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/layout2a.gif) 50% 100% no-repeat;} #customize_layout #col_setup .bd div.layout_2b{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/layout2b.gif) 50% 100% no-repeat;} #customize_layout #col_setup .bd div.layout_3{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/layout3.gif) 50% 100% no-repeat;} #customize_layout #col_setup .bd input{width:2em} #customize_layout #col_setup .ft{display:block;clear:both;height:0;line-height:0;font-size:0;overflow:hidden;} #customize_layout #new_setup .bd span{margin:10px;display:block;} #customize_layout #new_setup .bd div{display:inline;float:left;width:185px;*width:190px;height:20px;text-align:center;padding-top:9em} #customize_layout #new_setup .bd div.article_list_full{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/article_list_full.gif) 50% 10% no-repeat;} #customize_layout #new_setup .bd div.article_list_summary{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/layout2a.gif) 50% 10% no-repeat;} #customize_layout #new_setup .bd div.article_list_mix{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/article_list_mix.gif) 50% 10% no-repeat;} #customize_layout #new_setup .bd div.article_list_full span,#customize_layout .bd #new_setup .bd div.article_list_summary span,#customize_layout .bd #new_setup .bd div.article_list_mix span {display:block;margin-top:120px;} #customize_layout #new_setup .ft{display:block;clear:both;height:0;line-height:0;font-size:0;overflow:hidden;padding:0;margin:0} #customize_layout #module_setup table{width:100%;} #customize_layout #module_setup td{vertical-align:middle;padding:5px 0;} #customize_layout #module_setup .hd{position:relative;} #customize_layout #module_setup .bd{padding:5px 5px 0 5px;} #customize_layout #module_setup .bd select{width:220px;} #customize_layout #module_setup .bd option.border{background:lightblue;} #customize_layout #module_setup div.moveup{padding:1.3em 0 3em 0;background/**/:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/icon_up.gif) top center no-repeat;} #customize_layout #module_setup div.movedown{padding:0 0 1.3em 0;background/**/:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/icon_down.gif) bottom center no-repeat;} #customize_layout #img_setup .bd div{display:inline;float:left;width:250px;*width:270px;margin:.5em;} #customize_layout #img_setup .bd input{width:2em} #customize_layout #img_setup .ft{display:block;clear:both;height:0;line-height:0;font-size:0;overflow:hidden;} #customize_layout #mus_setup .visible{display:block} #customize_layout #mus_setup .invisible{display:none} #customize_layout #mus_setup #add_player div{display:inline;float:left;width:250px;*width:270px;margin:.5em;} #customize_layout #mus_setup #add_mus{clear:both;padding:2px 10px 10px 10px;margin:0 10px;background:#eee} #customize_layout #mus_setup #add_mus div{margin:5px;} #customize_layout #mus_setup #add_mus label{margin-right:2em;} #customize_layout #mus_setup #add_mus div label{margin-right:0} #customize_layout #mus_setup #add_mus input#mussrc{width:20em;} #customize_layout #mus_setup .ft{display:block;clear:both;height:0;line-height:0;font-size:0;overflow:hidden;} /* 4.2.2 - Customize theme */ div#customize_theme{*width:585px} #customize_theme .hd .titlebar{background:#00ab85;color:#fff} #customize_theme .ft{margin-bottom:10px;} #customize_theme .hd .titlebar .ft{margin-bottom:0} #customize_theme .ft p{text-align:center;padding-right:.5em} #customize_theme .bd #theme_setup{margin-top:10px} #customize_theme .bd #theme_setup{margin-bottom:10px;} #customize_theme .bd #theme_setup .bd table{width:100%;} #customize_theme .bd #theme_setup .bd th,#customize_theme .bd #theme_setup .bd td{width:25%;text-align:center} #customize_theme .bd #theme_setup .bd input{margin-bottom:5px;} #customize_theme .bd #theme_setup .bd .filter{text-align:right;border-bottom:1px dotted #ccc;margin:0 .5em .5em .5em;padding:.5em 0 .5em .5em;} #customize_theme .bd #theme_setup .bd .filter a{display:inline-block;} #customize_theme .bd #theme_setup .bd .filter span{border-right:solid 1px #000;padding:0 5px;} /* 4.2.3 - Customize color */ div#customize_diy{*width:585px} #customize_diy .hd .titlebar{background:#00ab85;color:#fff} #customize_diy .bd h3{background:#dbf6f8;margin:.5em;padding:.5em;font-size:120%} #customize_diy .bd .bd input[type=text]{width:10em;} #customize_diy .bd .bd input[type=file]{width:5em;} #customize_diy .bd #diy_setup{margin-top:10px} #customize_diy .bd #diy_setup{margin-bottom:10px;} #customize_diy .bd #diy_setup .bd .info{margin:0 .5em;padding:.5em 0 0 .5em;} #customize_diy .bd #background_setup .bd select{width:10em;} #customize_diy .bd #background_setup .bd p em{color:#95B370} #customize_diy .bd #background_setup .bd .bgcolor_setup,#customize_diy .bd #background_setup .bd .bgimg_setup, #customize_diy .bd #title_setup .bd .bgcolor_setup,#customize_diy .bd #title_setup .bd .bgimg_setup, #customize_diy .bd #sec_setup .bd .bgcolor_setup,#customize_diy .bd #pri_setup .bd .bgcolor_setup {height:7em;margin:0 .5em;padding-left:140px} #customize_diy .bd #title_setup .bd .bgcolor_setup{height:9em} #customize_diy .bd #background_setup .bd .bgimg_setup, #customize_diy .bd #title_setup .bd .bgimg_setup{border-top:1px solid #ccc} #customize_diy .bd #background_setup .bd .color_picker, #customize_diy .bd #title_setup .bd .color_picker, #customize_diy .bd #sec_setup .bd .color_picker, #customize_diy .bd #pri_setup .bd .color_picker {cursor:hand;*width:20px;*height:18px;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/color_picker.gif) no-repeat;display:inline;padding:0 10px 5px 10px;} #customize_diy .bd #background_setup .bd .bgcolor_setup{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/bg_color.gif) 5% 10% no-repeat;} #customize_diy .bd #background_setup .bd .bgimg_setup{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/bg_img.gif) 5% 60% no-repeat;} #customize_diy .bd #title_setup .bd .bgcolor_setup{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/title_color.gif) 5% 10% no-repeat;} #customize_diy .bd #title_setup .bd .bgimg_setup{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/title_img.gif) 5% 60% no-repeat;} #customize_diy .bd #sec_setup .bd .bgcolor_setup{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/sec_color.gif) 5% 10% no-repeat;} #customize_diy .bd #pri_setup .bd .bgcolor_setup{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/pri_color.gif) 5% 10% no-repeat;} #customize_diy .bd #background_setup .bd .bgimg_setup .pri, #customize_diy .bd #title_setup .bd .bgimg_setup .pri {width:80px;*width:90px;float:left;padding-top:2.5em;} #customize_diy .bd #background_setup .bd .bgimg_setup .sec, #customize_diy .bd #title_setup .bd .bgimg_setup .sec {margin:0 0 0 70px;*margin:0 0 0 90px; text-align:left;padding-top:1.5em} #customize_diy .bd #background_setup .bd .bgcolor_setup input, #customize_diy .bd #title_setup .bd .bgcolor_setup input, #customize_diy .bd #sec_setup .bd .bgcolor_setup input, #customize_diy .bd #pri_setup .bd .bgcolor_setup input {margin-top:1em;} #customize_diy .bd #background_setup .bd .bgimg_setup .sec span, #customize_diy .bd #title_setup .bd .bgimg_setup .sec span{display:block} #customize_diy .bd #title_setup .bd .bgimg_setup .sec .ulbtn{display:inline} #customize_diy .bd .bd input.color_display,#customize_diy .bd .bd input[readonly]{width:20px;} html>body #customize_diy #myLayer1,#customize_diy #myLayer2,#customize_diy #myLayer3,#customize_diy #myLayer4,#customize_diy #myLayer5,#customize_diy #myLayer6,#customize_diy #myLayer7 {left:690px} #customize_diy .ft{margin-bottom:10px;} #customize_diy .hd .titlebar .ft{margin-bottom:0} #customize_diy .ft p{text-align:center;padding-right:.5em} /* 4.2.4 - Customize background */ div#customize_package{*width:585px} #customize_package .hd .titlebar{background:#00ab85;color:#fff} #customize_package .ft{margin-bottom:10px;} #customize_package .hd .titlebar .ft{margin-bottom:0} #customize_package .ft p{text-align:center;padding-right:.5em} #customize_package .bd #package_setup{margin-top:10px} #customize_package .bd #package_setup{margin-bottom:10px;} #customize_package .bd #package_setup .bd{padding-left:4em;} #customize_package .bd #package_setup .bd .pri{width:220px;float:left;text-align:center;} #customize_package .bd #package_setup .bd .sec{margin:0 0 0 250px;padding:1em 1em 0 3em;background:transphttp://hk.l.yimg.com/hk.yimg.com/i/blog/om/i/blog/arrow_preview.gif) 0% 60% no-repeat;} #customize_package .bd #package_setup .bd fieldset{margin:1em 0 0 0;} #customize_package .bd #package_setup .bd legend,#customize_package .bd #package_setup .bd h4 {display:block;text-align:center;font-size:120%;} #customize_package .bd #package_setup .bd select{width:18em;} #customize_package .bd #package_setup .bd .sec #preview{position:relative;width:200;height:270;overflow:visible;} #customize_package .bd #package_setup .bd .sec #preview #preview_bg{position:absolute;left:0;top:0;z-index:1;} #customize_package .bd #package_setup .bd .sec #preview #preview_skin{position:absolute;left:16px;top:7px;z-index:2;width:200px;height:270px;} /* 4.3 - Setup success */ div#setup_success{*width:585px} #setup_success .hd .titlebar{background:#b7edf1;} #setup_success .bd #success_setup{margin-top:10px;margin-bottom:10px;} #setup_success .bd #success_setup strong{color:#f00;font-weight:bold;display:block;text-align:center;padding-top:70px;backghttp://hk.l.yimg.com/hk.yimg.com/i/blog/om/i/blog/success.gif) 50% 0% no-repeat;} #setup_success .bd #success_setup p{text-align:center;padding:10px} #setup_success .bd h3{background:#dbf6f8;padding:.5em;font-size:120%} #setup_success .ft{text-align:center;padding-right:.5em} /* setting pages */ #setup_personal .ft div.back, #setup_blog .ft div.back, #setup_photo .ft div.back, #setup_blast .ft div.back, #customize_layout .ft div.back, #customize_diy .ft div.back, #customize_package .ft div.back, #customize_theme .ft div.back, #folder_manage_list .ft div.back, #album_manage_list .ft div.back, #folder_checklist .ft div.back, #album_checklist .ft div.back, #subscribe_checklist .ft div.back, #subscribe_folder .ft div.back, #blacklist .ft div.back, #friendlist .ft div.back, #statistics_list .ft div.back, #subscriber_list div.back, #invite_form .ft div.back, #setup_success .ft div.back {float:right;position:relative;top:5px} div.back:after{content:".";display:block;font-size:0;line-height:0;height:0;clear:both;visibility:hidden;} #setting_menu .bd ul{background:#f1f1f1;} #setting_menu .bd ul li.current,#setting_menu .bd ul .current ul{background:#acf1e1;} /* headers */ #setup_photo .hd .titlebar,#setup_blog .hd .titlebar,#setup_personal .hd .titlebar,#setup_blast .hd .titlebar, #customize_layout .hd .titlebar,#customize_theme .hd .titlebar,#customize_diy .hd .titlebar,#customize_package .hd .titlebar, #folder_manage_list .hd .box .titlebar,#folder_checklist .hd .box .titlebar, #album_manage_list .hd .box .titlebar,#album_checklist .hd .box .titlebar, #subscribe_folder .hd .box .titlebar,#subscribe_checklist .hd .box .titlebar, #blacklist .hd .box .titlebar,#friendlist .hd .box .titlebar,#statistics_list .hd .box .titlebar,#subscriber_list .titlebar,#invite_form .hd .box .titlebar, #setup_success .hd .titlebar, #setup_photo .bd #photo_setup .bd #profile_highlight .hd h4 {background:#00ab85;color:#fff} #setup_photo .bd h3,#setup_blog .bd h3,#setup_personal .bd h3,#setup_blast .bd h3, #customize_layout .bd h3,#customize_diy .bd h3, #folder_manage_list .bd .box .hd h3,#folder_checklist .bd .box .hd h3, #album_manage_list .bd .box .hd h3,#album_checklist .bd .box .hd h3, #subscribe_folder .bd .box .hd h3,#subscribe_checklist .bd .box .hd h3, #blacklist .bd .box .hd h3,#friendlist .bd .box .hd h3,#statistics_list .bd .box .hd h3,#subscriber_list h3,#invite_form .bd .box .hd h3, #setup_success .bd h3 {background:#c1c1c1;} /* 5.2.1/5.2.2/8.6.1 - Photo gallery for Author/Photo gallery for Visitor / Subscribe list*/ #c2a_main div#gallery_list,#c2b_main div#gallery_list, #c2a_main div#subscribe_list,#c2b_main div#subscribe_list {*width:585px} #gallery_list,#subscribe_list{margin-bottom:10px;} #gallery_list .hd .titlebar,#subscribe_list .hd .titlebar{height:2.5em;*height:1em;} #gallery_list .hd .titlebar .hd h2,#subscribe_list .hd .titlebar .hd h2{ padding:.8em 1em .1em .5em;height:1.5em; font-weight:bold;background:transparent url() top left no-repeat; position:relative;display:inline;} html>body #gallery_list .hd .titlebar .hd h2,html>body #subscribe_list .hd .titlebar .hd h2{top:3px} #gallery_list .hd .titlebar .hd select,#subscribe_list .hd .titlebar .hd select{margin-top:5px;*margin:0 0 5px 0;} #gallery_list .hd .titlebar .bd,#subscribe_list .hd .titlebar .bd{background:#b7edf1;border-bottom:0;padding-top:5px;} #gallery_list .hd .titlebar .ft{background:#b7edf1;} #gallery_list .hd .titlebar .bd{border-bottom:0;margin-top:.2em;*margin-top:.5em} #gallery_list .bd{background:#fff;padding-bottom:5px;} #gallery_list .bd table{width:100%;} #gallery_list .bd td{width:33%;text-align:center;padding:10px;overflow:hidden;word-break:break-all;} #gallery_list .bd td img,#gallery_list .bd input{display:block;} #gallery_list .bd input[type=checkbox]{width:100%;height:2em} #gallery_list .hd .titlebar {height:auto;} #gallery_list .bd td img{margin:0 auto;} #gallery_list .bd .actionbar .bd {float:right; width:auto;} #gallery_list .bd .actionbar,#subscribe_list .bd .actionbar{height:1.5em;border-bottom:0;background:#f3f3f3;} html>body #gallery_list .bd .actionbar{height:3em} html>body #subscribe_list .bd .actionbar{height:3em} #subscribe_list .bd .actionbar{background:#fff} #gallery_list .bd .actionbar .hd,#subscribe_list .bd .actionbar .hd{padding:1em 0 0 0;background:#f3f3f3} #subscribe_list .bd .actionbar .hd{background:#fff} #gallery_list .bd .actionbar .hd,#gallery_list .bd .actionbar .bd{border:0;background:#f3f3f3} #subscribe_list #gallery_list .bd .actionbar .bd{background:#fff} #gallery_list .bd .actionbar .hd span,#subscribe_list .bd .actionbar .hd span{height:1.5em;border-right:solid 1px #000;padding:0 5px;cursor:hand;cursor:pointer;} #subscribe_list .bd .actionbar .ft{padding:0 0 .5em 0;} #subscribe_list .bd{padding:5px;background:#fff} #subscribe_list .bd p{margin-top:10px;} #subscribe_list table{border-collapse:collapse;border:1px solid #e6e6e6;} #subscribe_list th,#subscribe_list td{vertical-align:top;padding:10px;border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6;} #subscribe_list th{background:#F3F3F3;border-right:1px solid #e6e6e6;} #subscribe_list tbody th,#subscribe_list tbody td{background:#fff;} #subscribe_list table col.c1{width:2%;} #subscribe_list table col.c2{width:5%;} #subscribe_list table col.c3{width:250px;} #subscribe_list table col.c4{width:140px;} #gallery_list .ft,#subscribe_list .ft{background:#fff;} #gallery_list .ft .pagination{margin-top:0;padding-top:22px;padding-bottom:10px;} /* 5.2.3 - View photo enlarged */ #c2a_main div#photo_enlarge,#c2b_main div#photo_enlarge{*width:585px} #photo_enlarge .hd .titlebar .bd{background:#c6ebff;border-bottom:0;padding:3px 0 6px 0;} #photo_enlarge .bd{padding:10px 10px 0 10px;} #photo_enlarge .bd #breadcrumb{position:relative;} #photo_enlarge .bd .c_photo_enlarge .titlebar{*height:.1em;background:#fff;border-bottom:0} #photo_enlarge .bd .c_photo_enlarge .titlebar .bd{*height:2em;*padding-top:.3em;background:#fff;} #photo_enlarge .bd .c_photo_enlarge .titlebar .hd a{padding:0; position:relative;top:-6px;*top:-4px;} #photo_enlarge .bd .actionbar .ft{padding:0 0 .5em 0;} #photo_enlarge .bd .c_photo_enlarge .hd .folderbar{*height:1em;} #photo_enlarge .bd .c_photo_enlarge .hd .folderbar .bd{margin-top:0;} #photo_enlarge .bd .c_photo_enlarge .hd .actionbar .reportbtn{*height:.1em;} #photo_enlarge .bd .c_photo_enlarge .bd{padding:0 .5em;text-align:center;} #photo_enlarge .bd .c_photo_enlarge .bd img{margin-bottom:20px;} #photo_enlarge .bd .c_photo_enlarge .bd p{line-height:1.5em;padding-bottom:1em;} #photo_enlarge .bd .c_photo_enlarge .bd #edit_title{margin-top:1em} #photo_enlarge .bd,#photo_enlarge .ft{background:#fff} /* #photo_enlarge .ft .toggle_item .hd{margin:0 .5em 0em 0em;padding:.5em 0 .5em .5em;} #photo_enlarge .ft .toggle_item .bd{background:transparent;border-top:1px dotted #ccc;margin:0 .5em 0em .5em;padding:.5em 0 .5em .5em;} */ #photo_enlarge .c_photo_enlarge .ft{text-align:right;} #photo_enlarge .c_photo_enlarge .ft p{text-align:left;padding-left:.5em} #photo_enlarge .c_photo_enlarge .ft .pagination{text-align:right;margin-top:0;padding-top:22px;padding-bottom:10px;position:relative;} #photo_enlarge .ft #post_rte_create{background:#f6f6f6;} #photo_enlarge .ft #post_rte_create .action{text-align:right;margin:2em 0 0 0;} #photo_enlarge .ft div.more {text-align:right;padding:.8em .5em .5em 0;} *html #photo_enlarge .more span {*display:block;*width:6em;background/**/:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/arrow_more.gif) 0% 48% no-repeat;cursor:pointer;cursor:hand;padding-left:15px} /* 5.2.4 - View slideshow */ #c2a_main div#gallery_slideshow, #c2b_main div#gallery_slideshow {*width:585px} #gallery_slideshow .hd .titlebar{*height:1em;} #gallery_slideshow{margin-bottom:10px;} #gallery_slideshow .bd{padding:10px;} #gallery_slideshow .bd #breadcrumb{position:relative;} #gallery_slideshow .bd #slideshow_ctnr{height:500px;text-align:center;} #gallery_slideshow .bd #slideshow_ctnr .actionbar{text-align:center;margin:10px;} #gallery_slideshow .bd #slideshow_ctnr .actionbar div{display:inline;margin:0 5px;*height:2em} /* 5.3.1 - Photo upload from pc / 5.3.2 - Photo upload from gallery */ #upload_browse .hd,#upload_activex .hd,#upload_gallery .hd, #upload_browse .bd,#upload_activex .bd,#upload_gallery .bd, #upload_browse .ft,#upload_activex .ft,#upload_gallery .ft{background:#fff;} #upload_browse .bd #browse_upload,#upload_activex .bd #activex_upload, #upload_browse .bd #browse,#upload_activex .bd #activex, #upload_gallery .bd #gallery_upload{background:#fff;} #upload_browse .hd h2,#upload_activex .hd h2,#upload_gallery .hd h2{background:#b7edf1;padding:.5em;font-weight:bold;} #upload_browse .ft p,#upload_activex .ft p,#upload_gallery .ft p{padding:1em .5em;text-align:center;border:1px solid #e6e6e6;border-width:0 1px 1px 1px;} #upload_browse em,#upload_activex em{font-family:Verdana;font-size:12px;color:#F44900;} #upload_browse .hd ul,#upload_activex .hd ul,#upload_gallery .hd ul{background:#efefef;border-bottom:1px solid #e6e6e6;height:3em;} #upload_browse .hd li,#upload_activex .hd li,#upload_gallery .hd li{display:inline;} #upload_browse .hd li a,#upload_browse li strong,#upload_activex .hd li a,#upload_activex li strong, #upload_gallery .hd li a,#upload_gallery li strong {margin:0 0 0 6px;padding:8px 8px 4px 8px;border:1px solid #ccc;text-decoration:none;background:#F2F7FB;color:#808080;} #upload_browse .hd li a:link,#upload_browse li strong:link,#upload_activex .hd li a:link,#upload_activex li strong:link, #upload_gallery .hd li a:link,#upload_gallery li strong:link{color:#cccccc;} #upload_browse .hd li a:hover,#upload_browse li strong:hover,#upload_activex .hd li a:hover,#upload_activex li strong:hover, #upload_gallery .hd li a:hover,#upload_gallery li strong:hover{background:#fff;} #upload_browse .hd li a,#upload_activex .hd li a, #upload_gallery .hd li a{position:relative;border-bottom:none !important;top:1.2em;*top:1.1em;} #upload_browse .hd li strong,#upload_activex .hd li strong, #upload_gallery .hd li strong{position:relative;border-bottom:none !important;top:1.25em;*top:1.15em;} #upload_browse .hd li strong,#upload_activex .hd li strong, #upload_gallery .hd li strong{background:white;color:#666;font-weight:bold;border-top:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #fff !important;} #upload_browse .bd #browse_upload .hd,#upload_activex .bd #activex_upload .hd, #upload_browse .bd #browse .hd,#upload_activex .bd #activex .hd {text-align:right;} #upload_browse .bd #browse_upload .hd,#upload_activex .bd #activex_upload .hd, #upload_gallery .bd #gallery_upload .hd {padding:.5em .5em 0 .5em;border:1px solid #e6e6e6;border-width:0 1px;} #upload_browse .bd #browse_upload .bd,#upload_activex .bd #activex_upload .bd, #upload_gallery .bd #gallery_upload .bd {padding:0 6px 0px 6px;border:1px solid #e6e6e6;border-width:0 1px;} #upload_browse .bd #browse_upload .info,#upload_activex .bd #activex_upload .info, #upload_browse .bd #browse .info,#upload_activex .bd #activex .info {border:1px solid #e6e6e6;border-width:1px 1px 0 1px;padding:.5em} #upload_browse .bd #browse_upload .bd .info,#upload_activex .bd #activex_upload .bd .info, #upload_browse .bd #browse .bd .info,#upload_activex .bd #activex .bd .info{border-width:0 1px;text-align:right} #upload_browse table,#upload_activex table{border-collapse:collapse;border:1px solid #e6e6e6;width:100%;} #upload_browse th,#upload_browse td,#upload_activex th,#upload_activex td{vertical-align:top;padding:5px 10px;border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6;} #upload_browse td,#upload_activex td{width:auto} #upload_browse th,#upload_activex th{background:#F3F3F3;border-right:1px solid #e6e6e6;} #upload_browse #browse_upload table col.c1,#upload_activex #activex_upload table col.c1{width:140px;text-align:right} #upload_browse #browse_upload col.c2{width:235px;} #upload_browse #browse_upload col.c3{width:235px;} #upload_browse #browse_upload table col.c4{width:40px;} #upload_browse #browse table col.c1,#upload_activex #activex table col.c1{width:85px;text-align:right} #upload_browse table col.c2{width:260px;} #upload_browse table col.c3{width:260px;} #upload_browse table col.c4{width:30px;} #upload_browse table#setting,#upload_activex table#setting{border-top:0} #upload_browse table#album col.c2,#upload_browse table#setting col.c2, #upload_activex table#album col.c2,#upload_activex table#setting col.c2, #upload_activex #activex table col.c2{width:580px;} #upload_activex #activex_upload table col.c2{width:550px;} #upload_browse .bd #browse_upload table#album #new_album .hd, #upload_browse .bd #browse table#album #new_album .hd, #upload_activex .bd #activex table#album #new_album .hd{text-align:left;padding-left:0} #upload_browse .bd #browse_upload input{width:18em;} #upload_browse .bd #browse input{width:20em;} #upload_browse .bd #browse_upload table#album input ,#upload_browse .bd #browse_upload #setting input, #upload_browse .bd #browse table#album input ,#upload_browse .bd #browse #setting input{width:auto;} #upload_gallery .bd #gallery_upload .bd table{width:100%;border-collapse:collapse;border:1px solid #e6e6e6;border-top:0;border-bottom:1px dotted #ccc;} #upload_gallery .bd #gallery_upload .bd th,#upload_gallery .bd #gallery_upload .bd td{width:25%;text-align:center;padding-bottom:10px;} #upload_gallery .bd #gallery_upload .bd .filter{text-align:right;padding:.5em;border:1px solid #e6e6e6;border-width:1px 1px 0 1px} #upload_gallery .bd td img,#upload_gallery .bd input{display:block;} #upload_gallery .bd #gallery_upload .ft{margin-top:0;border:1px solid #e6e6e6;border-width:0 1px 1px 1px} #upload_gallery .bd #gallery_upload .ft .pagination{margin-top:0;margin-left:6px;margin-right:6px;padding:2em 0;border:1px solid #e6e6e6;border-width:0 1px} /* Main Index */ .img_ctnr{*width:1px;border:1px solid #cbcbcb;padding:2px;margin:0 5px 5px 0;text-align:center;} .blog_topic_mod .btm_hd{clear:both;*height:1px} .blog_topic_mod .btm_hd .hd{clear:none;float:left;width:100%;} .blog_topic_mod .btm_hd h3{color:#000;font-weight:bold;font-size:120%;margin:5px 0 0 0;padding:5px 0 5px 25px;background:#EAEAEA url(http://hk.l.yimg.com/hk.yimg.com/i/blog/blog_topic.gif) 10px 10px no-repeat;border:1px solid #efefef;border-width:1px 1px 0 1px;} .blog_topic_mod .btm_hd .bd{color:#666;clear:none;float:right;position:relative;top:12px;right:5px;} .blog_topic_mod .btm_hd:after{content:".";display:block;font-size:0;line-height:0;height:0;clear:both;visibility:hidden;} #greeting{width:585px;text-align:right;margin-bottom:10px;} #greeting .g_hd{float:left;width:225px;text-align:left} #greeting #greeting_profile{*height:110px;border:1px solid #57a0b7;padding:5px 0 5px 10px;} #greeting table{margin-top:5px;} #greeting h2{display:inline;font-size:120%;color:#666;font-weight:bold;margin-right:5px} #greeting ul{margin-top:5px} #greeting li{line-height:1.5em;} #greeting #greeting_login{height:135px} #greeting #greeting_unlogin{height:135px} #greeting div#greeting_login:after{content:".";display:block;font-size:0;line-height:0;height:0;clear:both;visibility:hidden;} #greeting #greeting_unlogin li{padding-left:13px;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/greeting_li.gif) 0 8px no-repeat;} #greeting .g_hd .rc{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/rc_nw_greeting.gif) left bottom no-repeat;} #greeting .g_hd .rc div{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/rc_ne_greeting.gif) right bottom no-repeat;} #greeting .g_hd .rc_bd{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/rc_w_greeting.gif) repeat-y;} #greeting .g_hd .rc_bd div.rc_bc{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/rc_e_greeting.gif) right top repeat-y;} #greeting .g_hd .rc_ft{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/rc_sw_greeting.gif) left top no-repeat;} #greeting .g_hd .rc_ft div{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/rc_se_greeting.gif) right top no-repeat;} #greeting #announcement{display:block;text-align:center;} #greeting div.createblogbtn{width:100%;text-align:right;} #feature_blog{margin-bottom:10px;*width:585px;} #feature_blog .titlebar{background:#f4fbbd;color:#7f9f0f;*height:1em;} #feature_blog .titlebar .hd h2{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/blog_main_tit.gif) 5px 13px no-repeat;padding-left:20px;} #feature_blog .titlebar .bd{font-size:85%;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/om/i/blog/arrow_more.gif) no-repeat ;} #feature_blog .fb_bd{margin-bottom:-1px;overflow:hidden;} #feature_blog table{border-collapse:collapse;width:100%;position:relative;right:-2px;} #feature_blog td{width:50%;padding:5px;border-right:1px dotted #ccc;border-bottom:1px dotted #ccc;} #feature_blog .article_summary{margin:5px;*height:1px;} #feature_blog .thumbnail{float:left;width:110px;text-align:center} #feature_blog p{line-height:1.5em;} #feature_blog .article_summary h2{font-size:120%} #feature_blog .more span {*display:block;*width:4em;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/arrow_more.gif) 0% 48% no-repeat;cursor:pointer;cursor:hand;padding-left:15px} #feature_blog:after{content:".";display:block;font-size:0;line-height:0;height:0;clear:both;visibility:hidden;} #announce{margin-bottom:10px;width:585px;text-align:right;} #announce .a_hd{float:left;width:160px;text-align:left;padding-right:10px;} html>body #announce .a_hd{width:155px} html>body #announce .a_bd{margin-left:160px;} #announce #announcement{padding:5px 5px 5px 50px;font-size:120%;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/announcement.gif) 5px 10px no-repeat;} #announce h2{color:#71a4c1;font-weight:bold;margin:0 5px;*margin:5px} #announce p{font-size:85%;margin-top:5px} #announce .a_hd .rc{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/rc_nw_greeting.gif) left bottom no-repeat;} #announce .a_hd .rc div{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/rc_ne_greeting.gif) right bottom no-repeat;} #announce .a_hd .rc_bd{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/rc_w_greeting.gif) repeat-y;} #announce .a_hd .rc_bd div.rc_bc{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/rc_e_greeting.gif) right top repeat-y;} #announce .a_hd .rc_ft{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/rc_sw_greeting.gif) left top no-repeat;} #announce .a_hd .rc_ft div{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/rc_se_greeting.gif) right top no-repeat;} #vert_buzz{clear:both;padding-bottom:10px;display:block;} #vert_buzz ul li{list-style-type:disc;margin-left:20px;} #buzz_blog{float:left;margin-right:10px;width:287px;*margin-bottom:10px;} #buzz_blog .titlebar{background:#c6ebff;color:#7f9f0f;*height:1em;} #buzz_blog .titlebar .bd{font-size:85%;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/om/i/blog/arrow_more.gif) no-repeat ;} #buzz_blog .more span {*display:block;*width:4em;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/arrow_more.gif) 0% 48% no-repeat;cursor:pointer;cursor:hand;padding-left:15px} #buzz_user{float:left; width:288px;*margin-bottom:10px;} #buzz_user .titlebar{background:#c6ebff;color:#7f9f0f;*height:1em;} #buzz_user .titlebar .bd{font-size:85%;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/om/i/blog/arrow_more.gif) no-repeat ;} #buzz_user .more span {*display:block;*width:4em;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/arrow_more.gif) 0% 48% no-repeat;cursor:pointer;cursor:hand;padding-left:15px} #feature_photo{margin-bottom:10px;*width:585px;} #feature_photo .titlebar{background:#f4fbbd;color:#7f9f0f;*height:1em;} #feature_photo .titlebar .hd h2{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/blog_main_tit.gif) 5px 13px no-repeat;padding-left:20px;} #feature_photo .titlebar .bd{font-size:85%;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/om/i/blog/arrow_more.gif) no-repeat ;} #feature_photo .thumbnail{height:115px} #feature_photo table{width:100%;} #feature_photo td{width:25%;text-align:center;padding:10px;} #feature_photo .more span {*display:block;*width:4em;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/arrow_more.gif) 0% 48% no-repeat;cursor:pointer;cursor:hand;padding-left:15px} #latest_doodle{margin-bottom:10px;*width:585px} #latest_doodle .titlebar{background:#c6ebff;color:#176489;*height:1em;} #latest_doodle .titlebar .bd{font-size:85%;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/om/i/blog/arrow_more.gif) no-repeat ;} #latest_doodle .thumbnail{height:85px} #latest_doodle table{width:100%;background:#c6ebff;} #latest_doodle td{width:25%;text-align:center;border:5px solid #c6ebff;border-top:0;padding:10px;background:#fff} #latest_doodle .more span {*display:block;*width:4em;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/arrow_more.gif) 0% 48% no-repeat;cursor:pointer;cursor:hand;padding-left:15px} #latest_doodle .img_ctnr{margin:0;} #latest_blog{margin-bottom:10px;*width:585px} #latest_blog .titlebar{background:#c6ebff;color:#176489;*height:1em;} #latest_blog .titlebar .bd{font-size:85%;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/om/i/blog/arrow_more.gif) no-repeat ;} #latest_blog .bn_bd{margin-bottom:-1px;} #latest_blog table{margin-top:4px;border-collapse:collapse;width:100%;} #latest_blog table col.c1{width:70%;} #latest_blog table col.c2{width:30%;} #latest_blog td{vertical-align:top;padding:10px;color:#999;border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6;} #latest_blog h3{font-size:120%;} #latest_blog p{margin-top:10px;color:#666;word-wrap:break-word;width:30em ;overflow:hidden;} #latest_blog .img_ctnr{padding:0;margin:0 10px 0 0;float:left;} #latest_blog .more span {*display:block;*width:4em;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/arrow_more.gif) 0% 48% no-repeat;cursor:pointer;cursor:hand;padding-left:15px} #latest_blog div.user{background:none;padding:0;} #blog_rank{margin-bottom:10px;*width:585px} #ranktabs{margin-top:12px;display:block;width:585px;} #ranktabs td{width:170px;border-bottom:1px solid #93A6B5;border-right:1px solid #ADBDCA;border-top:1px solid #ADBDCA;text-align:center;line-height:24px;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/ranking_tab_off.gif) repeat-x;} #ranktabs td.first{border-left:1px solid #93A6B5;} #ranktabs td.last{width:342px;border-right:0;border-top:0;background:url()} #ranktabs td a{color:#020204;} #ranktabs td.on{clear:both;color:#CD6601;border-top:1px solid #93A6B5;border-bottom:0;border-right:1px solid #93A6B5;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/ranking_tab_on.gif) repeat-x;} #rank_info{border:1px solid #93A6B5;border-top:0;padding:7px;} #rank_info #ranklisting{border:0;} #rank_info .thumbnail{float:left;width:135px;} #rank_info .desc{float:left;width:280px;} #rank_info .related_num{float:left;width:90px;text-align:center;} #rank_info .nickname{float:center;text-align:center;} #rank_info td{padding-top:5px;padding-bottom:5px;} #rank_info tr.divider td{line-height:1px;padding:0;margin:0;background:#E6E6E6;} #blogbuzz{clear:both;margin-bottom:10px;margin-top:10px} /* require top margin b4 adbn_lrec added*/ #blogbuzz .titlebar{background:#c6ebff;color:#176489;*height:1em;} #blogbuzz .titlebar .bd{font-size:85%;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/om/i/blog/arrow_more.gif) no-repeat ;} #blogbuzz .bb_bd{padding:15px 5px;*padding:5px} html>body #blogbuzz .bb_bd{height:50px;} #blogbuzz ul{float:left;margin:0 0 10px 0;} #blogbuzz li{line-height:1.5em;padding-left:10px;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/topicbuzz_li.gif) left center no-repeat;} #blogbuzz .more span {*display:block;*width:4em;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/arrow_more.gif) 0% 48% no-repeat;cursor:pointer;cursor:hand;padding-left:15px} /* tabs */ div#blogbuzz_tabs{border-bottom:2px solid #71a4c1} #blogbuzz_tabs a{ height:20px; margin-right:10px; padding:3px 8px; background:#e3e3e3 url(http://hk.l.yimg.com/hk.yimg.com/i/blog/blogbuzz_tab_off.gif) no-repeat top center; } html>body #blogbuzz_tabs a{position:relative;top:-3px;} #blogbuzz_tabs a:hover{color:#f03;} #blogbuzz_tabs a:link,#blogbuzz_tabs a:visited{color:#666;} #blogbuzz_tabs a.on{background:#71a4c1 url(http://hk.l.yimg.com/hk.yimg.com/i/blog/blogbuzz_tab_on.gif) no-repeat top center;} #blogbuzz_tabs a.on:link,#blogbuzz_tabs a.on:visited{color:#fff} #topicbuzz{margin-bottom:10px;} #topicbuzz .titlebar{background:#c6ebff;color:#176489;*height:1em;} #topicbuzz .titlebar .bd{font-size:85%;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/om/i/blog/arrow_more.gif) no-repeat ;} html>body #topicbuzz .tb_bd{height:6em;} #topicbuzz ul{float:left;width:10em;margin:10px 0px 10px 10px;} #topicbuzz li{line-height:1.5em;padding-left:13px;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/topicbuzz_li.gif) 0 8px no-repeat;} #topicbuzz:after,#topicbuzz .tb_bd:after{content:".";display:block;font-size:0;line-height:0;height:0;clear:both;visibility:hidden;} #topicbuzz .more span {*display:block;*width:4em;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/arrow_more.gif) 0% 48% no-repeat;cursor:pointer;cursor:hand;padding-left:15px} #verticals{margin-bottom:10px;} #verticals .titlebar{background:#FDDCA6 url(http://hk.l.yimg.com/hk.yimg.com/i/blog/vertical_module_head.jpg) no-repeat;color:#993300;*height:1em;} #verticals .titlebar .bd{font-size:85%;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/om/i/blog/arrow_more.gif) no-repeat ;} #verticals .ftb_bd{color:#000000;background-color:#E9E9E9;font-size:14px;padding:5px 5px 5px 10px;margin-top:1px;margin-bottom:1px;} #verticals .tb_bd{height:9.2em; background-color:#F3F3F3;} #verticals ul{float:left;width:146px;vertical-align:top;} #verticals li{border-bottom:1px solid #E0E0E0;font-size:16px;vertical-align:top;padding:2px 2px 2px 42px;} #verticals ul.left li{border-bottom:1px solid #E0E0E0;border-right:1px solid #E0E0E0;} #verticals li.icon_music{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/icon_music.gif) no-repeat;} #verticals li.icon_movie{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/icon_movie.gif) no-repeat;} #verticals li.icon_travel{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/icon_travel.gif) no-repeat;} #verticals li.icon_art{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/icon_artrs.gif) no-repeat;} #verticals li.icon_pet{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/icon_pet.gif) no-repeat;} #verticals li.icon_relationship{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/icon_relationship.gif) no-repeat;} #verticals li.icon_family{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/icon_family.gif) no-repeat;} #verticals li.icon_food{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/icon_food.gif) no-repeat;} #verticals li.icon_entertainment{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/icon_entertainment.gif) no-repeat;} #verticals li.icon_popcult{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/icon_popcult.gif) no-repeat;} #verticals:after,#verticals .tb_bd:after{content:".";display:block;font-size:0;line-height:0;height:0;clear:both;visibility:hidden;} #verticals .more span {*display:block;*width:6em;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/arrow_more.gif) 0% 48% no-repeat;cursor:pointer;cursor:hand;padding-left:15px} #category_link{margin-bottom:10px;} #category_link .titlebar{background:#c6ebff;color:#176489;*height:1em;} #category_link .titlebar .bd{font-size:85%;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/om/i/blog/arrow_more.gif) no-repeat ;} #category_link .cl_bd{font-size:120%;} html>body #category_link .cl_bd{height:60px;} #category_link ul{margin:5px 0 5px 20px;} #category_link li{line-height:1.2em;padding-left:13px;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/bullet.gif) 0 8px no-repeat;} #category_link .toggle_item{color:#00b;cursor:hand;cursor:pointer;padding:5px 10px;background:#f3f3f3;border-top:1px solid #fff;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-left:1px solid #fff;} #category_link .toggle_item.visible ul{display:block;} #category_link .toggle_item.invisible ul{display:none;} #category_link span.norgie{*background-position:0;padding-left:15px;} #category_link .toggle_item.visible span.norgie{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/norgie_close.gif) 0 2px no-repeat;} #category_link .toggle_item.invisible span.norgie{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/norgie_open.gif) 0 2px no-repeat;} #category_link .toggle_item .hide{display:none;} #category_link #clist_left{float:left;width:140px;} #category_link #clist_right{float:right;width:150px;text-align:left;} #category_link:after{content:".";display:block;font-size:0;line-height:0;height:0;clear:both;visibility:hidden;} #related_info{margin-bottom:10px;} #related_info .titlebar{font-size:85%;background:#c6ebff;color:#176489;*height:1em;} #related_info .titlebar .bd{font-size:85%;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/om/i/blog/arrow_more.gif) no-repeat ;} #related_info .cl_bd{font-size:90%;padding-top:5px;} #related_info ul{margin:5px 0 5px 20px;} #related_info li{line-height:1.2em;padding-left:13px;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/bullet.gif) 0 8px no-repeat;} #related_info .toggle_item{color:#00b;cursor:hand;cursor:pointer;padding:5px 10px;background:#f3f3f3;border-top:1px solid #fff;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-left:1px solid #fff;} #related_info .toggle_item.visible ul{display:block;} #related_info .toggle_item.invisible ul{display:none;} #related_info span.norgie{*background-position:0;padding-left:15px;} #related_info .toggle_item.visible span.norgie{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/norgie_close.gif) 0 2px no-repeat;} #related_info .toggle_item.invisible span.norgie{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/norgie_open.gif) 0 2px no-repeat;} #related_info .toggle_item .hide{display:none;} #related_info #clist_left{float:left;width:140px;} #related_info #clist_right{float:right;width:150px;text-align:left;} #related_info:after{content:".";display:block;font-size:0;line-height:0;height:0;clear:both;visibility:hidden;} #feature_trackback{margin-bottom:10px;} #feature_trackback .titlebar{background:#c6ebff;color:#176489;*height:1em;} #feature_trackback .titlebar .bd{font-size:85%;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/om/i/blog/arrow_more.gif) no-repeat ;} #feature_trackback .ft_bd{margin-bottom:-1px;} html>body #feature_trackback .ft_bd{height:260px;} #feature_trackback p{margin-top:10px;color:#666} #feature_trackback .img_ctnr{padding:0;margin:0 10px 0 0;float:left;} #feature_trackback .more span {*display:block;*width:4em;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/arrow_more.gif) 0% 48% no-repeat;cursor:pointer;cursor:hand;padding-left:15px} #feature_trackback div.user{background:none;padding:0;} #feature_trackback .blog_topic_mod{margin-bottom:10px;border-bottom:1px solid #efefef} #feature_trackback .trackback_detail{float:left;width:180px;*height:1px;} #feature_trackback .trackback_detail h3{font-size:120%} #feature_trackback .trackback_detail a,#feature_trackback .trackback_detail p {display:block;margin:10px 0 0 10px;} #feature_trackback .trackback_detail span.date{display:block;margin:0 0 0 10px;color:#999} #feature_trackback .trackback_blogger{float:right;width:100px;height:110px;*height:95px;} #feature_trackback .img_ctnr{margin:10px 5px 10px 10px;} #feature_trackback .user{margin:10px 10px 10px 0;} #feature_trackback .topic_trackback{height:110px;*height:80px;border:1px solid #efefef;border-bottom-style:dotted;border-width:0 1px 1px 1px;} #feature_trackback .topic_trackback:after{content:".";display:block;font-size:0;line-height:0;height:0;clear:both;visibility:hidden;} #feature_trackback .btm_bd{margin-bottom:-1px} #feature_star{margin-bottom:10px;} #feature_star .titlebar{background:#c6ebff;color:#176489;*height:1em;} #feature_star .titlebar .bd{font-size:85%;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/om/i/blog/arrow_more.gif) no-repeat ;} #feature_star .titlebar .bd{font-size:85%;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/om/i/blog/arrow_more.gif) no-repeat ;} #feature_star .img_ctnr{border:0;padding:0;margin:0 0 3px 0;} #feature_star table{width:100%;} #feature_star td{width:50%;text-align:center;padding:5px 0;} #feature_star .more span {*display:block;*width:4em;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/arrow_more.gif) 0% 48% no-repeat;cursor:pointer;cursor:hand;padding-left:15px} #help{margin-bottom:10px;} #help .titlebar{background:#e1e1e1;color:#666;*height:1em;} #help .titlebar .bd{font-size:85%;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/om/i/blog/arrow_more.gif) no-repeat ;} #help .h_bd{padding:10px;font-size:120%;} #help ul{margin-bottom:10px} #help li{float:left;width:33%} html>body #help li{margin-right:10px;} #help:after,#help .h_bd:after{content:".";display:block;font-size:0;line-height:0;height:0;clear:both;visibility:hidden;} /* Listing from index */ #feature_blog_list{margin-bottom:10px;} #feature_blog_list .titlebar{background:#f4fbbd;color:#7f9f0f;*height:1em;} #feature_blog_list .titlebar .hd h2{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/blog_main_tit.gif) 5px 13px no-repeat;padding-left:20px;} #feature_blog_list table{border-collapse:collapse;width:100%;} #feature_blog_list tr{background:#fff;} #feature_blog_list td{*border-bottom:1px dashed #ddd;} #feature_blog_list tr.odd{background:#f5f5f5;} #feature_blog_list tr+tr,#feature_blog_list tr+tr+tr+tr,#feature_blog_list tr+tr+tr+tr+tr+tr,#feature_blog_list tr+tr+tr+tr+tr+tr+tr+tr,#feature_blog_list tr+tr+tr+tr+tr+tr+tr+tr+tr+tr{background:#f5f5f5;} #feature_blog_list tr+tr+tr,#feature_blog_list tr+tr+tr+tr+tr,#feature_blog_list tr+tr+tr+tr+tr+tr+tr,#feature_blog_list tr+tr+tr+tr+tr+tr+tr+tr+tr{background:#fff;} #feature_blog_list .article_summary{*height:1px;} #feature_blog_list .thumbnail{float:left;width:120px;text-align:center;border-right:1px dotted #ccc;margin-right:10px;} #feature_blog_list .img_ctnr{*margin:10px 0;} #feature_blog_list .article_summary h2{margin:10px 0 0 0;font-size:120%} #feature_blog_list p{line-height:1.5em;margin-left:0} #feature_blog_list .fbl_ft{*margin-top:-15px;} #feature_photo_list{margin-bottom:10px;} #feature_photo_list .titlebar{background:#f4fbbd;color:#7f9f0f;*height:1em;} #feature_photo_list .titlebar .hd h2{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/blog_main_tit.gif) 5px 13px no-repeat;padding-left:20px;} #feature_photo_list .thumbnail{height:115px} #feature_photo_list table{width:100%;} #feature_photo_list td{width:25%;text-align:center;padding:10px;border-bottom:1px dotted #ccc;} #feature_photo_list .fpl_ft{margin-top:-3px;} #latest_doodle_list{margin-bottom:10px;} #latest_doodle_list .titlebar{background:#c6ebff;color:#176489;*height:1em;} #latest_doodle_list .thumbnail{height:115px} #latest_doodle_list table{width:100%;background:#c6ebff;} #latest_doodle_list td{width:25%;text-align:center;border:5px solid #c6ebff;border-top:0;padding:10px 5px;background:#fff} #latest_doodle_list .img_ctnr{margin:0;} #latest_blog_list{margin-bottom:10px;} #latest_blog_list .titlebar{background:#c6ebff;color:#176489;*height:1em;} #latest_blog_list table{margin-top:4px;border-collapse:collapse;width:100%;} #latest_blog_list table col.c1{width:70%;} #latest_blog_list table col.c2{width:30%;} #latest_blog_list td{vertical-align:top;padding:10px;color:#999;border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6;} #latest_blog_list h3{font-size:120%;} #latest_blog_list p{margin-top:10px;color:#666} #latest_blog_list .img_ctnr{padding:0;margin:0 10px 0 0;float:left;} #latest_blog_list div.user{background:none;padding:0;} #blog_buzz_list{margin-bottom:10px;} #blog_buzz_list .titlebar{background:#c6ebff;color:#176489;*height:1em;} #blog_buzz_list #blogbuzz_tabs{margin:10px 10px 0 10px;} #blog_buzz_list .update{float:right;} #blog_buzz_list .update .date{padding:1em 0 .5em 2em;background/**/:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/update_img.gif) 5% 70% no-repeat;} #blog_buzz_list .update .date em{font-size:85%;font-family:Verdana;} #blog_buzz_list .bbl_hd:after{content:".";display:block;font-size:0;line-height:0;height:0;clear:both;visibility:hidden;} #blog_buzz_list .bbl_bd{padding:0 10px 10px 10px;} #blog_buzz_list .bbl_bd table{*width:96.3%;border-collapse:collapse;border:1px solid #efefef;} #blog_buzz_list th{padding:5px;background:#f5f5f5;border-right:1px solid #efefef;} #blog_buzz_list td{vertical-align:top;padding:10px;border-bottom:1px solid #efefef;border-right:1px dotted #efefef;} #blog_buzz_list td p{word-wrap:break-word;width:15em ;overflow:hidden} #blog_buzz_list table col.c1{width:3em;text-align:center;} #blog_buzz_list table col.c4{width:5em;text-align:center} #blog_buzz_list tbody td div{text-align:right;margin-top:5px} #blog_buzz_list h3{margin-bottom:5px;font-size:120%;} #blog_buzz_list .bbl_ft{margin-top:0;padding-bottom:10px;} #blog_buzz_list .img_ctnr{padding:0;margin:0 5px 0 0;float:left;} #blog_buzz_list div.user{background:none;padding:0;text-align:left} #topic_buzz_list{margin-bottom:10px;} #topic_buzz_list .titlebar{background:#c6ebff;color:#176489;*height:1em;} #topic_buzz_list .titlebar .hd h2{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/blog_main_tit.gif) 5px 13px no-repeat;padding-left:20px;} #topic_buzz_list .tbl_bd{height:1px;background:#f3f3f3} html>body #topic_buzz_list .tbl_bd{height:40em;} #topic_buzz_list ul{float:left;width:9em;margin:10px 0 10px 15px;} #topic_buzz_list li{font-size:120%;line-height:1.5em;padding-left:10px;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/topicbuzz_li.gif) 0 15px no-repeat;} #topic_buzz_list:after,#blogbuzz .page:after{content:".";display:block;font-size:0;line-height:0;height:0;clear:both;visibility:hidden;} #feature_trackback_list{margin-bottom:10px;} #feature_trackback_list .titlebar{background:#c6ebff;color:#176489;*height:1em;} #feature_trackback_list .titlebar .hd h2{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/blog_main_tit.gif) 5px 13px no-repeat;padding-left:20px;} #feature_trackback_list .titlebar .bd{font-size:85%;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/om/i/blog/arrow_more.gif) no-repeat ;} #feature_trackback_list p{margin-top:10px;color:#666} #feature_trackback_list .img_ctnr{padding:0;margin:0 10px 0 0;float:left;} #feature_trackback_list .more {float:right;} #feature_trackback_list div.user{background:none;padding:0;} #feature_trackback_list .blog_topic_mod{margin-bottom:10px;border-bottom:1px solid #efefef;} #feature_trackback_list .trackback_detail{float:left;width:400px;*height:1px;} #feature_trackback_list .trackback_detail a,#feature_trackback_list .trackback_detail p {display:block;margin:10px 0 0 25px;} #feature_trackback_list .trackback_detail span.date{display:block;margin:0 0 0 25px;} #feature_trackback_list .trackback_blogger{float:right;width:135px;height:100px;*height:95px;border-left:1px solid #efefef;} #feature_trackback_list .img_ctnr{margin:10px 5px 10px 5px;} #feature_trackback_list .user{margin:10px 10px 10px 0;} #feature_trackback_list .topic_trackback{height:100px;*height:80px;border:1px solid #efefef;border-bottom-style:dotted;border-width:0 1px 1px 1px;} #feature_trackback_list .topic_trackback:after{content:".";display:block;font-size:0;line-height:0;height:0;clear:both;visibility:hidden;} #feature_trackback_list .btm_hd h3{font-size:120%;height:20px;} #feature_trackback_list .btm_hd .bd{top:10px} #feature_trackback_list .btm_hd .title{float:left;} #feature_trackback_list .btm_hd .more{float:right;margin-right:5px;} #trackback_list{margin-bottom:10px;} #trackback_list .titlebar{background:#c6ebff;color:#176489;*height:1em;} #trackback_list .titlebar .hd h2{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/blog_main_tit.gif) 5px 13px no-repeat;padding-left:20px;} #trackback_list .titlebar .bd{font-size:85%;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/om/i/blog/arrow_more.gif) no-repeat ;} #trackback_list h3{font-size:120%} #trackback_list p{margin-top:10px;color:#666} #trackback_list .img_ctnr{padding:0;margin:0 10px 0 0;float:left;} #trackback_list div.user{background:none;padding:0;} #trackback_list .blog_topic_mod{margin-bottom:10px;border-bottom:1px solid #efefef;} #trackback_list .trackback_detail{float:left;width:400px;*height:1px;} #trackback_list .trackback_detail a,#trackback_list .trackback_detail p {display:block;margin:10px 0 0 25px;} #trackback_list .trackback_detail span.date{display:block;margin:0 0 0 25px;} #trackback_list .trackback_blogger{float:right;width:135px;height:100px;*height:95px;border-left:1px solid #efefef;} #trackback_list .img_ctnr{margin:10px 5px 10px 5px;} #trackback_list .user{margin:10px 10px 10px 0;} #trackback_list .topic_trackback{height:100px;*height:80px;border:1px solid #efefef;border-bottom-style:dotted;border-width:0 1px 1px 1px;} #trackback_list .topic_trackback:after{content:".";display:block;font-size:0;line-height:0;height:0;clear:both;visibility:hidden;} #trackback_list .btm_bd{margin-bottom:-1px} #feature_star_list{margin-bottom:10px;} #feature_star_list .titlebar{background:#c6ebff;color:#176489;*height:1em;} #feature_star_list .titlebar .hd h2{background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/blog_main_tit.gif) 5px 13px no-repeat;padding-left:20px;} #feature_star_list table{margin-top:4px;border-collapse:collapse;width:100%;} #feature_star_list table col.c1{width:70%;} #feature_star_list table col.c2{width:30%;} #feature_star_list td{vertical-align:top;padding:10px;color:#999;border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6;} #feature_star_list h3{font-size:120%;} #feature_star_list p{margin-top:10px;color:#666} #feature_star_list .img_ctnr{padding:0;margin:0 10px 0 0;float:left;} #feature_star_list div.user{background:none;padding:0;} #category_allcat .titlebar,#category_subcat .titlebar,#category_list .titlebar{background:#c6ebff;color:#176489;*height:1em;} #category_allcat table,#category_subcat table{margin-top:10px;} #category_allcat td,#category_subcat td{text-align:left;vertical-align:top;padding:5px 15px;width:33%;} #category_list table{margin-top:4px;border-collapse:collapse;border:1px solid #e6e6e6;width:100%;} #category_list th,#category_list td{vertical-align:top;padding:10px;border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6;} #cateagory_list th{background:#f3f3f3;border-right:1px solid #e6e6e6;} #category_list table col.c1{width:3em;} #category_list table col.c2{width:68%;} #category_list table col.c3{width:30em;} #category_list tbody th{vertical-align:top;padding:2px;} /* 6.2.4/7.1.1/7.1.2/7.1.3 - Checklist of the most popular posting / Search results - title/content/photo */ #search_result_title,#search_result_content,#search_result_photo{margin-bottom:10px;} #search_result_title .titlebar,#search_result_content .titlebar,#search_result_photo .titlebar{background:#c6ebff;color:#176489;*height:1em;} .search_title table,.search_content table,.search_photo table{width:100%} #search_result_title table,#search_result_content table,#search_result_photo table {margin-top:4px;border-collapse:collapse;border:1px solid #e6e6e6;width:100%;} #search_result_title th,#search_result_title td, #search_result_content th,#search_result_content td, #search_result_photo th,#search_result_photo td {vertical-align:top;padding:10px;border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6;} #search_result_photo td{width:25%;text-align:center;} #search_result_title th,#search_result_content th,#search_result_photo th,#search_result_photo th {background:#f3f3f3;border-right:1px solid #e6e6e6;} #search_result_photo table, #search_result_photo th,#search_result_photo td, #search_result_photo th,#search_result_photo th{border:0} #search_result_photo .thumbnail{height:115px} #search_result_photo .user{text-align:left;margin-top:3px;} #search_result_title table col.c1,#search_result_content table col.c1{width:2%;} #search_result_title table col.c2,#search_result_content table col.c2{width:5%;} #search_result_title table col.c3,#search_result_content table col.c3{width:250px;} #search_result_title table col.c4,#search_result_content table col.c4{width:140px;} #search_result_title tbody th,#search_result_content tbody th,#search_result_photo tbody th {vertical-align:top;padding:2px;} #search_result_title h3,#search_result_content h3,#search_result_photo h3{margin-bottom:10px;font-size:120%;*font-size:110%;} #search_result_title .srchinfo,#search_result_content .srchinfo,#search_result_photo .srchinfo{margin:10px 5px;} #search_result_title .srchinfo strong,#search_result_title .srchinfo em, #search_result_content .srchinfo strong,#search_result_content .srchinfo em, #search_result_photo .srchinfo strong,#search_result_photo .srchinfo em {color:#f00} #search_result_title .srchinfo em,#search_result_content .srchinfo em,#search_result_photo .srchinfo em{font-weight:bold} #search_result_title td p,#search_result_content td p{width:250px;overflow:hidden} /* fix for long url in ff */ /* 8.2.1 - Manage blacklist */ div#blacklist{*width:585px} #blacklist .hd .titlebar{background:#b7edf1;} #blacklist .bd #blacklist_add,#blacklist .bd #blacklist_list{margin-top:10px} #blacklist .bd #blacklist_add,#blacklist .bd #blacklist_list{margin-bottom:10px;} #blacklist .bd h3{background:#dbf6f8;padding:.5em;position:relative} #blacklist .ft p{text-align:center;} #blacklist .bd table{width:100%} #blacklist .bd #blacklist_add .bd th{width:27%;*width:25%;text-align:right;padding-right:10px;} #blacklist .bd #blacklist_add .bd th{padding-top:5px;padding-bottom:5px;} #blacklist input[type=text]{width:16em;} #blacklist .bd #blacklist_add .bd input{width:60%} #blacklist .bd #blacklist_list .bd .info{border-bottom:1px dotted #ccc;margin:0 .5em .5em .5em;padding:.5em 0 .5em 0em;position:relative} #blacklist .bd #blacklist_list .bd{padding:0 5px;} #blacklist .bd #blacklist_list table{border-collapse:collapse;border:1px solid #e6e6e6;} #blacklist .bd #blacklist_list th,#blacklist .bd #blacklist_list td{vertical-align:top;padding:10px;border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6;} #blacklist .bd #blacklist_list th{background:#f3f3f3;border-right:1px solid #e6e6e6;} #blacklist .bd #blacklist_list tbody th,#blacklist .bd #blacklist_list tbody td{background:#fff;} #blacklist .bd #blacklist_list table col.c1{width:50px;text-align:center;} #blacklist .bd #blacklist_list table col.c2{width:290px;text-align:left;} #blacklist .bd #blacklist_list table col.c3{width:120px;text-align:left;} #blacklist .bd #blacklist_list table col.c4{width:150px;text-align:left;} #blacklist .bd #blacklist_list tbody th{vertical-align:top;padding:2px;} /* Start:Acquire(friendlist) */ div#friendlist{*width:585px} #friendlist #breadcrumb{margin:10px 0 0 10px} #friendlist .hd .titlebar{background:#b7edf1;} #friendlist .bd #friendlist_add,#friendlist .bd #friendlist_list{margin-top:10px} #friendlist .bd #friendlist_add,#friendlist .bd #friendlist_list{margin-bottom:10px;} #friendlist .bd h3{background:#dbf6f8;padding:.5em;position:relative} #friendlist .ft p{text-align:center;} #friendlist .bd table{width:100%} #friendlist .bd #friendlist_add .bd th{width:27%;*width:25%;text-align:right;padding-right:10px;} #friendlist .bd #friendlist_add .bd th{padding-top:5px;padding-bottom:5px;} #friendlist input[type=text]{width:16em;} #friendlist .bd #friendlist_add .bd input{width:60%} #friendlist .bd #friendlist_list .bd .info{border-bottom:1px dotted #ccc;margin:0 .5em .5em .5em;padding:.5em 0 .5em 0em;position:relative} #friendlist .bd #friendlist_list .bd{padding:0 5px;} #friendlist .bd #friendlist_list table{border-collapse:collapse;border:1px solid #e6e6e6;} #friendlist .bd #friendlist_list th,#friendlist .bd #friendlist_list td{vertical-align:top;padding:10px;border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6;} #friendlist .bd #friendlist_list th{background:#f3f3f3;border-right:1px solid #e6e6e6;} #friendlist .bd #friendlist_list tbody th,#friendlist .bd #friendlist_list tbody td{background:#fff;} #friendlist .bd #friendlist_list table col.c1{width:50px;text-align:center;} #friendlist .bd #friendlist_list table col.c2{width:290px;text-align:left;} #friendlist .bd #friendlist_list table col.c3{width:120px;text-align:left;} #friendlist .bd #friendlist_list table col.c4{width:150px;text-align:left;} #friendlist .bd #friendlist_list tbody th{vertical-align:top;padding:2px;} #friendlist .bd #friendlist_list .fdlist_sub{font-size:11px;*font-size:10px;*padding-top:2px;} /* End:Acquire(friendlist) */ /* Start:Acquire(friend list admin)*/ #datatable col.c11{width:50px;text-align:center;vertical-align:top;} #datatable col.c12{width:120px;text-align:left;vertical-align:top;} #datatable col.c13{width:290px;text-align:left;vertical-align:top;} #datatable col.c14{width:150px;text-align:left;vertical-align:top;} #datatable col.c21{width:80px;text-align:center;vertical-align:top;} #datatable col.c22{width:110px;text-align:left;vertical-align:top;} #datatable col.c23{width:150px;text-align:left;vertical-align:top;} #datatable col.c24{width:270px;text-align:left;vertical-align:top;} /* End :Acquire(friend list admin)*/ /* 8.3.1 - Author tracking statistics */ div#statistics_list{*width:585px} #statistics_list .hd .titlebar{background:#b7edf1;} #statistics_list .bd h3{background:#dbf6f8;padding:.5em;position:relative} #statistics_list .ft p{text-align:right;padding-right:.5em} #statistics_list #checklist_statistics{margin-top:10px} #statistics_list #checklist_statistics{margin-bottom:10px;} #statistics_list #checklist_statistics .info{border-bottom:1px dotted #ccc;margin:0 .5em .5em .5em;padding:.5em 0 .5em .5em;} #statistics_list table th{width:10em;text-align:left;padding:.5em 1em} #statistics_list table td{width:;padding:.5em} /* statistic - subscriber list */ div#subscriber_list{*width:585px} #subscriber_list h3{padding:.5em;position:relative} #subscriber_list table{width:98%;margin:5px;border-collapse:collapse;border:1px solid #e6e6e6;} #subscriber_list th,#subscriber_list td {vertical-align:top;padding:10px;border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6;} #subscriber_list th{background:#f3f3f3;border-right:1px solid #e6e6e6;} #subscriber_list tbody th,#subscriber_list .bd tbody td{background:#fff;} #subscriber_list tbody th{vertical-align:top;padding:2px;} #subscriber_list table col.c1{width:50%;text-align:left;} #subscriber_list table col.c2{width:30%;text-align:left;} #subscriber_list table col.c3{width:20%;text-align:center;} #subscriber_list .img_ctnr{padding:0;margin:0 10px 0 0;float:left;} #subscriber_list div.user{background:none;padding:0;} #subscriber_list .sl_bd{margin-top:10px;margin-bottom:10px;} #subscriber_list .sl_ft p{text-align:right;padding-right:.5em} /* 8.4.1 - Invite friends to view my blog */ div#invite_form{*width:585px} #invite_form .hd .titlebar{background:#b7edf1;} #invite_form .bd #form_invite{margin-top:10px} #invite_form .bd #form_invite{margin-bottom:10px;} #invite_form .bd h3{background:#dbf6f8;padding:.5em;position:relative} #invite_form .ft p{text-align:center;} #invite_form .bd table{width:100%} #invite_form .bd em{font-family:Verdana;font-size:12px;color:#F44900;} #invite_form .bd #form_invite .bd th{width:27%;*width:25%;text-align:right;padding-right:10px;} #invite_form .bd #form_invite .bd th,#invite_form .bd #blog_setup .bd td{padding-top:5px;padding-bottom:5px;} #invite_form input[type=text]{width:16em;} #invite_form .bd #form_invite .bd input{width:70%} #invite_form .bd #form_invite .bd p input{width:auto;margin-right:5px;} #invite_form .bd #form_invite .bd .info{border-bottom:1px dotted #ccc;margin:0 .5em .5em .5em;padding:.5em 0 .5em .5em;} #invite_form .bd #form_invite .bd .note{padding:5px 0;line-height:1.5em;} #invite_form .bd #form_invite .bd .note a{display:block} /* 9 - email */ #blog_email .hd,#blog_email_done .hd,#blog_create .hd,#blog_create_done .hd{background:#fff} #blog_email .hd h2,#blog_email_done .hd h2,#blog_create .hd h2,#blog_create_done .hd h2{background:#dbf6f8;padding:.5em;font-weight:bold;font-size:120%;} #blog_email .ft p,#blog_email_done .ft p,#blog_create .ft p,#blog_create_done .ft p{padding:1em .5em;text-align:center;} #blog_email .bd,#blog_email_done .bd,#blog_create .bd,#blog_create_done .bd{background:#fff} #blog_email .bd #email_blog,#blog_email_done .bd #email_blog,#blog_create .bd #create_blog,#blog_create_done .bd #create_blog{background:#fff;padding:6px 6px 0 6px} #blog_email .bd #email_blog .hd,#blog_email_done .bd #email_blog .hd,#blog_create .bd #create_blog .hd,#blog_create_done .bd #create_blog .hd {padding:.5em .5em 1.5em .5em;} #blog_create_done .bd #create_blog .hd{padding:5px;} #blog_email .bd #email_blog .hd #warning,#blog_email_done .bd #email_blog .hd #warning,#blog_create .bd #create_blog .hd #warning,#blog_create_done .bd #create_blog .hd #warning {padding-top:0} #blog_email .bd #email_blog .hd #warning,#blog_email_done .bd #email_blog .hd #warning,#blog_create .bd #create_blog .hd #warning,#blog_create_done .bd #create_blog .hd #warning{color:#666} #blog_email_done .bd #email_blog .hd #warning{padding-left:0} #blog_email_done .bd #email_blog .hd #warning{background:none;} #blog_email .bd #email_blog .bd,#blog_email_done .bd #email_blog .bd,#blog_create .bd #create_blog .bd,#blog_create_done .bd #create_blog .bd{padding:0 6px 6px 6px;} #blog_email .bd #email_blog .bd p,#blog_email_done .bd #email_blog .bd p,#blog_create .bd #create_blog .bd p,#blog_create_done .bd #create_blog .bd p{line-height:1.5em;margin-bottom:1em} #blog_email .bd #email_blog .bd strong,#blog_create .bd #create_blog .bd strong,#blog_create_done .bd #create_blog .bd strong{color:#F44900;} #blog_create_done .bd #create_blog .bd em,#blog_email_done .bd #email_blog .bd strong{color:#666;font-weight:bold;font-size:120%;} #blog_create_done .bd #create_blog .bd em{display:block;margin:1.5em 0;} #blog_create_done .bd #create_blog .bd strong{display:block;margin:1.5em 0} #blog_create_done .bd #create_blog .bd li{list-style:disc;margin-left:3em;line-height:1.5em} #blog_email .bd #email_blog input,#blog_create .bd #create_blog input{width:20em;} #blog_email .ft,#blog_email_done .ft,#blog_create .ft,#blog_create_done .ft{background:#fff;} #blog_email_done .ft div,#blog_create_done .ft div{display:inline;} /* ad */ #ad_n{margin-bottom:15px;} #ad_banner{margin-left:15px;} #ad_match{width:200px;padding-left:15px} #ad_lrec{background:#f3f3f3;margin-left:10px;} #promo_text{margin-bottom:5px;white-space:nowrap;color:White;} #promo_text h3{display:inline;font-size:100%;} #promo_text a{margin:0 3px 0 3px;white-space:nowrap;} #adbn_se{border:1px solid #9c9a9c;} #adbn_lrec{*height:270px;} /* fix for date movie 20060315 */ #promo_text strong{font-weight:bold;} /* fix bug */ /* overture */ #ov_side_ctnr{width:180px;} body.blog_my #ov_side_ctnr, body.blog_archives_folder #ov_side_ctnr,body.blog_archives_date #ov_side_ctnr,body.blog_archives_all #ov_side_ctnr, body.guestbook #ov_side_ctnr,body.post_gb #ov_side_ctnr,body.comment_list #ov_side_ctnr, body.profile_view #ov_side_ctnr,body.gallery #ov_side_ctnr,body.photo_big #ov_side_ctnr, body.slideshow #ov_side_ctnr,body.subscribe_list #ov_side_ctnr, body.comment_listing #ov_side_ctnr,body.trackback_listing #ov_side_ctnr {width:150px} body.blog_my #ov_side_ctnr em, body.blog_archives_folder #ov_side_ctnr em,body.blog_archives_date #ov_side_ctnr em,body.blog_archives_all #ov_side_ctnr em, body.guestbook #ov_side_ctnr em,body.post_gb #ov_side_ctnr,body.comment_list #ov_side_ctnr em, body.profile_view #ov_side_ctnr em,body.gallery #ov_side_ctnr em,body.photo_big #ov_side_ctnr em, body.slideshow #ov_side_ctnr em,body.subscribe_list #ov_side_ctnr em, body.comment_listing #ov_side_ctnr em,body.trackback_listing #ov_side_ctnr em {width:120px} /*Search inside blog:cnt_searchin.html,mod_search_photo.html :edit for Acquire */ .multi-col{zoom:1;clear:both;} .multi-col:after{content:".";clear:both;display:block;height:0;visibility:hidden;} /*Search inside blog:cnt_searchin.html,mod_search_photo.html */ #ysearchin .mhd h3 span{margin:0 5px;font-size:107%;} #ysearchin hr{border:0;border-top:1px dashed #CCC;height:0;} #ysearchin .pricol{float:left;} #ysearchin .seccol{float:right;} #ysearchin .pricol em{font-size:122%;font-weight:bold;font-style:normal;margin:0 5px 0 0;} #ysearchin .pricol strong{color:red;font-weight:bold;} #ysearchin ul.list-photo{zoom:1;margin:5px 0 15px;} #ysearchin .list-photo li{float:left;text-align:center;width:24%;height:170px;margin:0;overflow:hidden;} #ysearchin .list-photo li.firstcol{clear:both;} #ysearchin .list-photo li h4{font-size:122%;margin:5px 0;} #ysearchin cite{display:block;clear:both;text-align:right;font-style:normal;} #ysearchin q{color:red;} #ysearchin .list-photo li.firstcol{clear:both;} #ysearchin dl.list-article{clear:both;margin:10px 0 0 10px;} #ysearchin .list-article dt .pricol{font-size:122%;} #ysearchin .list-article dt .seccol{font-size:85%;color:#666;padding:5px 0 0;} #ysearchin .list-article dd{margin:10px 0 10px 1em;} #ysearchin .list-article dd img{float:left;margin:0 10px 0 0;} #ysearchin .lock_art{background:url(../yimg/private_ico.gif) 100% 30% no-repeat;padding:0 15px 0 0;} #ysearchin .lock_photo{background:url(../yimg/private_ico.gif) 0 30% no-repeat;padding:0 0 0 15px;} #ysearchin b{color:red;font-weight:normal;} #ysearchin a b{color:red;text-decoration:underline;font-weight:normal;} #ymodsearch .textfield{width:80px;} #ymodsearch .submit{width:40px;} #ymodsearch label{font-size:85%;} #ymodlogin .textfield{width:80px;} #ymodlogin label{display:block;font-size:92%;padding:0 0 5px 0;} #ymodlogin label.submit{text-align:right;font-size:100%;} #ymodlogin input.submit{width:40px;} #ymodlogin ul{margin:10px 0;} #ymodlogin li{line-height:2em;font-size:92%;} .modlogo{margin-top:10px;} .modlogo img{vertical-align:middle;margin-right:5px;} .modlogo a,.modlogo a:link,.modlogo a:hover,.modlogo a:visited{text-decoration:none;font-weight:bold;color:black;font-size:92%;} #video_upload_help{text-align:left;color:#000000;} #video_upload_help .title{font-size:18px;font-weight:bold;} #video_upload_help .color1{color:#808000;} #video_upload_help .color2{color:#800000;} #video_upload_help .color3{color:#800080;} #video_upload_help .color4{color:#666699;} #video_upload_help #steps{margin-left:15px;} #video_upload_help .attach{margin-left:30px;} input.w100{width:260px !important;} input.w50{width:15px !important;} div.toleft{float:left;} div.toright{float:right;} div.btm10{padding-bottom:20px;} div.right5{padding-right:5px;} /* Start:RTE CSS */ #rteFontFace,#rteFontSize{ visibility:hidden; position:absolute; background-color:#fff; border:#737373 solid 1px; width:110px; } #rteFontSize ul,#rteFontFace ul{list-style:none;margin:0;padding:0;align:right;} #rteFontSize ul li a,#rteFontFace ul li a{padding-left:5px;display:block;text-decoration:none;color:black;} #rteFontSize ul li a:hover,#rteFontFace ul li a:hover{background-color:#ddd;} /* End:RTE CSS */ input.blog_tags{width:400px;} input.blog_quote{width:400px;} div.profilePV{margin-top:10px;margin-left:5px;} .reading_priv{padding-right:1em;} /* Blog Posted tagging */ .tag_dottedline{border-top:1px dotted #ccc;padding-top:5px;} .tag_dottedline2{border-bottom:1px dotted #ccc;padding-top:5px;} .tag_dottedline .tag_content{margin:0 0 0 5px;float:left;} .tag_dottedline .feedback,.tag_dottedline2 .feedback{text-align:right;} .win_close{float:right;padding-top:5px;padding-right:5px;} .edit_preview_personal_setting{padding-left:5em;} #sb .sb_md1{float:left;position:relative;margin-left:20px;top:10px;*top:2;width:10px;height:21px;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/hottopic_left_bg.gif)} #sb .sb_md2{float:left;position:relative;padding-top:3px;top:10px;*top:2;height:21px;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/hottopic_mid_bg.gif) repeat-x;} #sb .sb_md2 .hotkey{font-size:95%;position:relative;top:2px;} #sb .sb_md2 a{color:#0703D4;} #sb .sb_md3{float:left;position:relative;top:10px;*top:2;width:10px;height:21px;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/hottopic_right_bg.gif)} .tag .feedback{float:right} #archive_list_summary .tag{position:relative;top:-15px;} #archive_list_summary .tag_content,#archive_list_summary .feedback{padding-top:4px;} #adbn div{margin-bottom:10px;} /* JW blog announcement 20070309 */ #blog_announce{margin-bottom:10px;} #blog_announce .rc{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/ann_nw.gif) no-repeat scroll left bottom} #blog_announce .rc div{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/ann_ne.gif) no-repeat scroll right bottom} #blog_announce .rc_bd{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/ann_w.gif) repeat-y scroll 0%} #blog_announce .rc_bc{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/ann_e.gif) repeat-y scroll right top} #blog_announce .rc_ft{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/ann_sw.gif) no-repeat scroll left top} #blog_announce .rc_ft div{background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/ann_se.gif) no-repeat scroll right top} #blog_announce .hd,#blog_announce .bd,#blog_announce .ft{background:#fff;} #blog_announce .bd{height:46px;} #blog_ann_icon{width:52px;height:46px !important;background:url(http://hk.l.yimg.com/hk.yimg.com/i/blog/ann_icon.gif) no-repeat;position:relative;float:left;} #blog_ann_content{width:470px;height:36px;*height:40px;margin:0 10 0 10;padding-top:4px;color:#000000;font-size:12px;line-height:18px;position:relative;float:left;overflow:hidden;} #blog_ann_close{width:41px;height:22px;position:relative;float:left;top:18px;} #blog_announce .rc_bd .bd:after{content:".";display:block;height:0;clear:both;visibility:hidden;} /* JW for revamp on blast */ .yui-t4 #blast{left:262px;top:-5px;*left:205px;*top:-5px;} .yui-t4 #blast .tail{left:347px;top:35px;*top:23px;*left:-2px;float:right;background:transparent url(http://hk.l.yimg.com/hk.yimg.com/i/blog/blast_tail_flip.gif) no-repeat scroll 0%;} .mod_150 .hd .hd, .mod_150 .hd .bd,/* by Benny:Fix calendar */ .mod_150 .bd .hd{font-size:12.5px;*font-size:12px;} #dialogue-mask{z-index:20000;background:#000000;width:100%;height:100%;position:absolute;top:0;left:0;display:none;opacity:0.0;filter:alpha(opacity:0);} #dialogue-container{z-index:15000;position:relative;margin-left:auto;margin-right:auto;} #mask{z-index:10000;width:100%;height:100%;background:#000000;position:absolute;top:0;left:0;opacity:0.5;filter:alpha(opacity:50);} #overlay{display:none;position:absolute;top:0;left:0;z-index:99999;width:100%;} .no_border div.rc{display:none;} .no_border div.rc_ft{display:none;} .no_border div.rc_bd{background:none;padding:0;} .no_border div.rc_bc{background:none;padding:0;} .mod-edit-bar a.mod_close_btn{display:none;} #blog_title .mod-edit-bar a.mod_edit_btn{display:block;} #mod_bookmark .mod-edit-bar a.mod_edit_btn{display:block;} #mod_bookmark .mod-edit-bar span.sep{display:block;} #mod_bookmark .mod-edit-bar a.mod_close_btn{display:block;} #mod_bookmark .mod-edit-bar a.mod_edit_btn{display:block;font-size:13px;}