html * { font-family:Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-indent: 0; list-style: none; }
body, div, p, span, ul, li, img, form, input, select,h1,h2,h3,h4,h5, dl, dt, dd, th,tr,td { margin: 0; padding: 0; text-indent: 0; list-style: none; }
/* --- [ contents ] --- */
#show-content { float: left; clear: none; display: inline; width: 630px; }
#show-content h1 { font-size: 18px; color: #666; }
#show-content .entry_title_edit { width:400px; height:20px; font-size:16px; font-weight:bold; margin:0 15px 0 8px; border:1px solid #62D1FE; color:#32455B; }
#show-content #preview { width: 490px; height: 375px; position: relative; display:inline-block; }
#show-content #preview #preview-overlay-photo,
#show-content #preview #preview-overlay-site,
#show-content #preview #preview-overlay-book { position: absolute; top: 0; left: 0; width: 630px; height: 368px; border: solid 1px #CCC; }
#show-content #preview #preview-overlay-photo a { width: 163px; height: 112px; display: block; margin: 119px auto 0; background: url(/images/overlay-photo.png) center center no-repeat; behavior: url(/css/new/iepngfix.htc);}
#show-content #preview #preview-overlay-site a { width: 163px; height: 112px; display: block; margin: 119px auto 0; background: url(/images/overlay-website.png) center center no-repeat; behavior: url(/css/new/iepngfix.htc);}
#show-content #preview #preview-overlay-book a { width: 163px; height: 112px; display: block; margin: 119px auto 0; background: url(/images/overlay-book.png) center center no-repeat; behavior: url(/css/new/iepngfix.htc);}
#show-content #preview #preview-content { width: 630px; height: 350px; overflow: hidden; background:#f1f1f1; text-align:center; padding:10px 0;}
#show-content #preview #preview-content .imageContainer { margin:0 auto;}
#show-content #preview #preview-content img#image-preview { /*width: 490px;*/ height:350px; }
#show-content #preview #preview-content iframe { border: none;}
#show-content #preview #preview-content #note-top { width: 490px; height: 20px; background: url(/images/new_subdomain/show-note-bg_01.jpg) no-repeat left top;}
#show-content #preview #preview-content #note-main { width: 450px; height: 310px; background: url(/images/new_subdomain/show-note-bg_02.jpg) repeat-y left top; padding: 0 20px;}
#show-content #preview #preview-content #note-main #nm-head { font-size: 18px; font-weight: bold; color: #666;}
#show-content #preview #preview-content #note-main #nm-text { font-size: 14px; color: #666; margin-top: 10px;}
#show-content #preview #preview-content #note-bottom { width: 490px; height: 20px; background: url(/images/new_subdomain/show-note-bg_03.jpg) no-repeat left top;}
#show-content #preview-controls { margin: 0 auto; padding: 5px; width: 620px; height: 40px; background: #ffffff; border: solid 1px #cccccc; float:left; }
#show-content #preview-controls .pcontrol { height: 40px; display: inline; float: left; clear: none; }
/* -- rating -- */
#show-content #preview-controls .controls { width:415px; float:left; }
#show-content #preview-controls .controls .top_controls { width:100%; float:left; margin-top:-5px;}
#show-content #preview-controls .controls .top_controls a { font-size:10px; color:#666666; }
#show-content #preview-controls .controls .bottom_controls { width:100%; float:left; }
#show-content #preview-controls .controls .bottom_controls .contributor { font-size:12px; width:245px; float:left; }
#show-content #preview-controls .controls .bottom_controls .contributor .mini-avatar { width:14px; height:14px; }
#show-content #preview-controls .controls .bottom_controls .contributor .mini-avatar img { width:14px; }
#ps-report { display: inline; height: 22px; position: relative; font-size:11px; margin-top:10px; float:left;}
#ps-report a { cursor: pointer;}
#ps-report em { font-style: normal; display: inline-block; float: left; height: 22px; width: 50px; padding-top: 3px; color: #666; font-weight: bold; text-align: right; }
#ps-report b { display: inline-block; float: left; height: 22px; width: 15px; padding-top: 3px; text-align: left; }
#ps-report b img { behavior: url(/css/new/iepngfix.htc); }
#ps-report a.selected em { background: url(/images/new_subdomain/report-bg_01.png) left top no-repeat; }
#ps-report a.selected b { background: url(/images/new_subdomain/report-bg_02.png) left top no-repeat; }
#ps-report #report-select { position: absolute; z-index: 100; top: 0; left: 0; width: 150px; height: auto; margin-top: 17px;}
#ps-report #report-select ul { margin: 0; padding: 0; list-style-type: none; display: block; width: 150px; background: url(/images/new_subdomain/report-bg_03.png) left top no-repeat; behavior: url(/css/new/iepngfix.htc);}
#ps-report #report-select ul a { display: block; width: 138px; border-left: solid 1px #DDD; border-right: solid 1px #DDD; padding: 5px 5px; background-color: #FFF; color: #666; }
#ps-report #report-select ul li:first-child a { border: none; background: none transparent;}
#ps-report #report-select #report-footer { width: 150px; height: 5px; overflow: hidden; background: url(/images/new_subdomain/report-bg_04.png) left top no-repeat; behavior: url(/css/new/iepngfix.htc);}
#report_result { font-size:11px; font-weight:bold; text-align:center; width:100%; float:left; }
#show-content #pc-rating { width: 100%; font-size: 12px; font-weight: bold; display:inline-block; }
#show-content #pc-rating #entry-rating-label { display: inline; float: left; margin-top: 13px;}
#show-content #pc-rating #entry-average-votes { display: inline; float: left; margin-top: 13px; margin-left: 5px;}
#show-content #pc-rating #entry-total-votes { display: inline; float: left; font-size: 10px; margin-top: 14px; margin-left: 5px;}
#entry-rating, #entry-rating ul li a { background: url(/images/new_subdomain/rating/rates2.gif) repeat-x left -100px; }
#entry-rating { width: 85px; height: 19px; background-position: left top; position: relative; display: inline-block; float: left; margin-top: 5px; margin-top: 10px; margin-left: 5px; }
#entry-rating ul { margin: 0; padding: 0; list-style-type: none; }
#entry-rating ul li { display: inline; }
#entry-rating ul li a { position: absolute; top: 0; left: 0; height: 19px; display: block;}
#entry-rating ul li a:hover { background-position: left bottom;}
#entry-rating ul li a#entry-rate1 { width: 17px; z-index: 106; }
#entry-rating ul li a#entry-rate2 { width: 34px; z-index: 105; }
#entry-rating ul li a#entry-rate3 { width: 51px; z-index: 104; }
#entry-rating ul li a#entry-rate4 { width: 68px; z-index: 103; }
#entry-rating ul li a#entry-rate5 { width: 85px; z-index: 102; }
#entry-rating ul li a#current-entry-rate { background-position: left bottom; width: 0px; z-index: 101; }
/* -- share -- */
#show-content #preview-controls #pc-share { width: 50px; height: 40px; margin-right: 5px; font-size: 11px; position: relative; }
#show-content #preview-controls #pc-share a#pc-share-link { display: block; cursor: pointer;}
#show-content #preview-controls #pc-share a#pc-share-link:hover { text-decoration: none; }
#show-content #preview-controls #pc-share a#pc-share-link em { width: 38px; height: 27px; padding-top: 13px; float: left; display: inline-block; font-style: normal; font-weight: bold; color: #666; text-align: center; background: none;}
#show-content #preview-controls #pc-share a#pc-share-link b { width: 12px; height: 40px; float: left; display: inline-block; background: none;}
#show-content #preview-controls #pc-share a#pc-share-link b img { margin-top: 15px; behavior: url(/css/new/iepngfix.htc);}
#show-content #preview-controls #pc-share a#pc-share-link.selected em { background: url(/images/new_subdomain/entry-share-top_01.png) top left no-repeat;}
#show-content #preview-controls #pc-share a#pc-share-link.selected b { background: url(/images/new_subdomain/entry-share-top_02.png) top left no-repeat;}
#show-content #preview-controls #pc-share #pc-shares { position: absolute; z-index: 100; top: 0; left: 0; width: 120px; height: 20px; margin-top: 27px; margin-left: -2px; padding: 5px 10px; overflow: hidden; background: url(/images/new_subdomain/entry-share-buttons.png) top left no-repeat; behavior: url(/css/new/iepngfix.htc);}
#show-content #preview-controls #pc-share #pc-shares a { cursor: pointer; }
/* -- full screen -- */
#show-content #preview-controls #pc-screen { width: 90px; margin-right: 10px; }
#show-content #preview-controls #pc-screen a { display: inline-block; margin-top: 12px; font-size: 11px; font-weight: bold; color: #666}
#show-content #preview-controls #pc-screen a:hover { text-decoration: none; }
/* -- entry controls -- */
#show-content #preview-controls #pc-entry { overflow: visible; float:right;}
#show-content #preview-controls #pc-entry .arrow_description { float:left; font-size:12px; color:#666666; width:30px; }
#show-content #preview-controls #pc-entry .arrow_left { text-align:left; padding:5px 0 0 10px; }
#show-content #preview-controls #pc-entry .arrow_right { text-align:right; padding:5px 10px 0 0; }
#show-content #preview-controls #pc-entry .arrow_description .arrow_text { font-weight:bold; }
#show-content #preview-controls #pc-entry img { float: left; display: inline-block; margin-top: 5px; width: 23px; height: 33px; behavior: url(/css/new/iepngfix.htc);}
#show-content #preview-controls #pc-entry #pc-separator { width: 1px; height: 45px; margin: -2px 5px 0; display: inline-block; float: left; background: url(/images/new_subdomain/control-separator.png) left top repeat-x; behavior: url(/css/new/iepngfix.htc);}
/* --- [ subcontrols ] --- */
#show-content #preview-subcontrols { margin: 0 auto; width: 100%; font-size: 11px; text-align: left; float:left; padding-top:10px; }
#show-content #ps-views { float: right; display: inline-block; color: #666; height: 30px; line-height: 30px; font-weight:normal;}
#show-content #preview-subcontrols #ps-source {float: left; display: inline-block; height: 30px; line-height: 30px; }
#show-content #preview-subcontrols #ps-source a { color: #02c8f2;}
/* --- [ comments ] --- */
#show-content #comments { margin: 0 auto; width: 490px; margin-top: 25px; }
#show-content #comments #add-comment { width: 490px; height: 125px; }
#show-content #comments #add-comment #ac-user { width: 52px; float: left; display: inline-block; text-align: center;}
#show-content #comments #add-comment #ac-user #ac-thumb { width:46px; height:46px; overflow:hidden; }
#show-content #comments #add-comment #ac-user #ac-thumb a { width:46px; height:46px; overflow:hidden; }
#show-content #comments #add-comment #ac-user #ac-thumb img { border: solid 3px #62D1FE; width: 46px; font-size: 10px; }
#show-content #comments #add-comment #ac-user #ac-name { font-size: 11px; font-weight: bold; color: #13BADD; line-height: 13px;}
.ac-text { width: 430px; float: left; display: inline-block; margin-left: 8px;}
.ac-text .rb-cont { width: 430px; height: 90px; background: url(/images/new_subdomain/new-comment-bubble.jpg) left top no-repeat;}
.ac-text .rb-cont textarea { margin-top: 5px; margin-left: 25px; width: 400px; height: 80px; border: none; background: none;}
.ac-text .ac-submit { float: right; border: none; background: none; width: 71px; height: 22px; background: url(/images/new_subdomain/submit.jpg) left top no-repeat; }
.ac-text .image_submit { float:right; margin-top:2px; }
.ac-text .comment-rate { display: inline-block; width: 95px; height: 19px; position: relative; margin-left: 25px;}
.review_error { display:inline-block; color:#FF9900; font-weight:bold; text-align:center; font-size:12px; float:left; width:100%; }
.comment-rate ul, .comment-rate ul li a { background: url(/images/new_subdomain/rating/rates.gif) repeat-x left -1000px;}
.comment-rate ul { margin: 0; padding: 0; list-style-type: none; display: inline-block; width: 95px; height: 19px; background-position: left top;}
.comment-rate ul li { display: inline; }
.comment-rate ul li a { display: inline-block; position: absolute; top: 0; left: 0; height: 19px;}
.comment-rate ul li a:hover { background-position: left bottom;}
.comment-rate ul li a.comment-rate1 { width: 19px; z-index: 56;}
.comment-rate ul li a.comment-rate2 { width: 38px; z-index: 55;}
.comment-rate ul li a.comment-rate3 { width: 57px; z-index: 54;}
.comment-rate ul li a.comment-rate4 { width: 76px; z-index: 53;}
.comment-rate ul li a.comment-rate5 { width: 95px; z-index: 52;}
.comment-rate ul li a.current-comment-rate { z-index: 51; background-position: left bottom;}
.ac-text .comment-tags-cont { display: inline-block; float: right; margin-right: 50px; height: 19px; position: relative; line-height:22px;}
.ac-text .comment-tags-cont label { font-size: 11px; font-weight: bold;}
.ac-text .comment-tags-cont input { width: 150px; height: 12px; font-size: 10px; border: dotted 1px #999; font-weight: bold;}
.ac-text .comment-tags-cont #comment-tag-suggest { position: absolute; top: 0; left: 0; z-index: 200; width: 148px; margin-top: 17px; margin-left: 35px; background: #FFF; border: dotted 1px #AAA; border-top:none; }
.ac-text .comment-tags-cont #comment-tag-suggest ul { padding: 0; margin: 0; list-style-type: none;}
.ac-text .comment-tags-cont #comment-tag-suggest ul li a { font-size: 11px; font-weight: bold; color: #666; display: block; width: 138px; padding: 2px 5px; }
.ac-text .comment-tags-cont #comment-tag-suggest ul li a:hover { background-color: #F6F6F6}
#show-content #comments #user-comments {}
#show-content #comments #user-comments .comment { border-bottom: dashed 1px #999; padding: 10px 0; font-size: 12px; }
#show-content #comments #user-comments .comment #comment-count { font-size: 14px; font-weight: bold; color:#333;}
#show-content #comments #user-comments .comment .cuser { width: 52px; display:inline-block; float: left; margin-right: 10px;}
#show-content #comments #user-comments .comment .cuser a { color: #41c8e4; font-weight: bold;}
#show-content #comments #user-comments .comment .ctext { width: 410px; display:inline-block; float: left; color: #333; text-align: left;}
#show-content #comments #comment-note { text-align: center; font-size: 13px; color: #666; margin: 15px 0;}
#show-content #comments #comment-note a { color: #5F93C3; }
#show-content #comments #comment-note h4 { font-size: 16px; margin: 10px 0; color: #333;}
/* --- [ sidebar ] --- */
#sidebar { float: left; clear: none; display: inline; width: 250px; margin: 0 20px; }
#sidebar .box-header { text-align: left; }
#sidebar .box-header img { width: 15px; height: 15px; margin-top: 3px; margin-left: 7px; behavior: url(/css/new/iepngfix.htc);}
#sidebar .box-content { padding: 0px;}
#sidebar .related-content { width: 248px; height: 50px; background-color: #FFF; padding: 3px 0; margin: 0 1px 1px; background: url(/images/new_subdomain/related-bg.jpg) left bottom repeat-x #FFF; overflow: hidden; }
#sidebar .related-content .rc-thumb { width: 80px; float: left; clear: none; display: inline; text-align: center;}
#sidebar .related-content .rc-thumb img { border: solid 1px #CCC; width: 62px; height: 45px; }
#sidebar .related-content .rc-text { width: 168px; height: 50px; float: left; clear: none; display: inline; text-align: left; font-size: 11px; background: 120px 40px no-repeat; }
#sidebar .related-content .rc-text .rc-title { font-size: 12px; font-weight: bold; color: #1791B6; }
#sidebar .related-content .rc-text .rc-user { font-weight: bold; color: #20D3D0; }
#sidebar .related-content .rc-text .rc-views { color: #FF960A; }
#sidebar #related-browse { padding: 5px 3px; text-align: left; margin: 0 1px 1px; background: url(/images/new_subdomain/related-bg.jpg) left bottom repeat-x #FFF; overflow: hidden; color: #999; font-size: 11px; font-weight: bold; }
#sidebar #related-browse ul { margin:0; padding:0; list-style-type: none; }
#sidebar #related-browse ul li { width: 33%; display: inline-block; float: left; clear: none;}
#sidebar #related-browse ul li a { font-size: 12px; color: #1791B6;}
#sidebar .ad { margin-bottom: 10px; }
#sidebar .ad img { width: 270px; height: 225px;}
/* --- [ ad column ] --- */
#ad-column { float: left; clear: none; display: inline; width: 130px; height: 600px; text-align: center; }
#ad-column div { width: 120px; margin: 0 auto;}
/* --- mini avatar --- */
.related-content .mini-avatar { border: solid 1px #CCC; width: 14px; height: 14px; padding: 1px; display: inline-block; overflow:hidden; }
.related-content .mini-avatar img { width: 14px; }
/* --- mini avatar --- */
.mini-avatar { border: solid 1px #CCC; width: 46px; height: 46px; padding: 1px; display: inline-block; overflow:hidden; }
.mini-avatar img { width: 46px; }
#sidebar #rs-content #refine_tags li .related-tag-content { margin: 5px; padding: 5px; border: dashed 1px #DDD; background-color: #F6F6F6;}
#sidebar #rs-content #refine_tags li .related-tag-content fieldset { border: none; padding: 5px; border-top: solid 1px #CCC;}
#sidebar #rs-content #refine_tags li .related-tag-content fieldset legend { font-size: 10px; font-weight: bold; color: #333; }
#sidebar #rs-content #refine_tags li .related-tag-content fieldset ul li { border: none;}
#sidebar #rs-content #refine_tags li .related-tag-content fieldset ul li a { padding: 0; width: auto; font-size: 11px; font-weight: bold; color: #666;}
#sidebar #rs-content #refine_tags li .related-tag-content fieldset ul li a:hover { background: none; color: #666; text-decoration: underline; }
/*
* css :first-child fix
*/
#show-content #preview-subcontrols #ps-report #report-select ul li a {
border-left: expression((function(who)
{
if(who.parentNode == who.parentNode.parentNode.firstChild)
who.style.borderLeft = "none";
})(this), " solid 1px #DDD");
border-right: expression((function(who)
{
if(who.parentNode == who.parentNode.parentNode.firstChild)
who.style.borderRight = "none";
})(this), " solid 1px #DDD");
background: expression((function(who)
{
if(who.parentNode == who.parentNode.parentNode.firstChild)
who.style.background = "none";
})(this), "#FFF");
}
#mc-header h3 .other_related_page_title,
#more-types h3 .other_related_page_title { color:#EA6A00; }
#more-content { display:inline-block; }
#more-content #mc-results { margin-top: 10px; height: 115px; border-bottom: solid 1px #CCC; }
#more-content #mc-results #mcc-left { }
#more-content #mc-results .mc-controls { width: 30px; height: 115px; display: inline-block; float: left; text-align: center; }
#more-content #mc-results .mc-controls img { margin-top: 20px; width: 23px; height: 33px; behavior: url(/css/new/iepngfix.htc); }
#more-content #mc-results #mcr-container { display: inline-block; float: left; width: 570px; height: 115px; overflow: hidden;}
#more-content #mc-results #mcr-container ul { margin: 0px; padding: 0px; list-style: none; }
#more-content #mc-results #mcr-container ul li { list-style:none; float: left; width: 85px; height: 105px; padding: 5px; font-size: 11px; line-height: 13px; overflow: hidden; display:block; }
#more-content #mc-results #mcr-container ul li.selected { padding: 1px; border: solid 4px #ff6701; }
#more-content #mc-results #mcr-container .mcr-image { width: 75px; height: 62px; display: inline-block; overflow: hidden; text-align: center; }
#more-content #mc-results #mcr-container .more_item_title { height:90px; display:block;}
#more-content #mc-results #mcr-container .more_item_rate { }
#more-content #mc-results #mcr-container .mcr-image img { width: 75px; }
#more-content #mc-results #mcr-container .mcr-text { color: #111; }
#more-types { float:left; }
#more-types ul { list-style:none; padding:10px 0 0 0; margin:0; }
#more-types ul li { float:left; padding:0 5px; text-indent: 0 }
#expert_info { width:270px; background:#ffffcc; display:inline-block; margin:20px 0; border:1px solid ffff95; }
#expert_info .info_header{ width:100%; float:left; }
#expert_info .info_header .expert_name { font-size:14px; padding:5px; font-weight:bold; width:200px; }
#expert_info .info_header .expert_name .contributor a { color:#62d1fe; }
#expert_info .info_header .expert_thumb { position:absolute; background:url(/images/new_subdomain/avatar-bg.png) no-repeat; width:46px; height:47px; margin:-50px 0 0 220px; overflow:hidden; }
#expert_info .info_header .expert_thumb .expert_thumb_container { width:40px; height:40px; overflow:hidden; display:block; }
#expert_info .info_header .expert_thumb .expert_thumb_container a img { border:0; width:40px; margin:6px 0 0 6px; }
#expert_info .expert_stats { width:100%; display:inline-block; font-size:10px; }
#expert_info .expert_stats ul { list-style:none; text-indent:0; margin:0; padding:10px; }
#expert_info .expert_stats li { padding-bottom:5px; }
#expert_info .expert_stats li.stat_item { float:left; clear:left; }
#expert_info .expert_stats li.stat_score { float:right; clear:right; }
#expert_info .expert_note { width:250px; display:inline-block; border-bottom:1px solid #ccc; margin:20px 0 0 10px; }
#expert_info .expert_note .expert_note_label { background:#ffffcc url(/images/new_subdomain/comment-icon.png) no-repeat top left; font-size:12px; font-weight:bold; font-style:italic; padding:0 10px 0 15px; position:absolute; margin:-10px 0 0 0px; }
#expert_info .expert_note_content { padding:10px; font-size:12px; }
#comments { width: 270px; margin-bottom:10px; }
#comments #comments-header { height: 18px; line-height: 18px; text-align: left; font-size:18px; padding: 2px 12px 0 12px; color: #FFF; background: url(/images/new_subdomain/orange_header.jpg) no-repeat top left; }
#comments #comments-header img { behavior: url(/css/new/iepngfix.htc); }
#comments #comments-content { background: url(/images/new_subdomain/orange_bg.jpg) repeat-y top left; }
#comments #comments-content .comment_item { width:100%; display:inline-block; padding:5px 0; border-bottom: 1px dashed #ccc; }
#comments #comments-content .comment_item h4 { font-size:14px; padding:0 10px; text-align:center; }
#comments #comments-content .comment_item h4 .special { color:#62D1FE; }
#comments #comments-content .comment_item .comment_item_header { display:inline-block; padding-left:10px; width:250px; }
#comments #comments-content .comment_item .comment_item_header .comment_expert_avatar { width:20px; height:20px; overflow:hidden; border:1px solid #ccc; float:left; margin-right:5px; }
#comments #comments-content .comment_item .comment_item_header .comment_expert_avatar img { height:20px; text-align:center; }
#comments #comments-content .comment_item .comment_item_header .comment_expert_username a { color:#62d1fe; font-size:12px; }
#comments #comments-content .comment_item .comment_item_header .comment_expert_username .comment_date { font-size:10px; color:#ccc; }
#comments #comments-content .comment_item .comment_content { padding:10px; font-size:12px; color:#666; }
#comments #comments-content .comment_item .comment_tools { padding:10px; font-size:12px; }
#comments #comments-content .comment_item .comment_tools a.add_comment { color:#62D1FE; background:url(/images/new_subdomain/write-comment-icon.png) no-repeat top left; padding:5px 0 0 30px; line-height:20px; }
#comments #comments-content #add_comment { border-bottom:1px dashed #ccc; display:inline-block; }
#comments #comments-content #add_comment .comment_input { padding:10px 10px 0 10px; float:left; }
#comments #comments-content #add_comment textarea { width:250px; height:100px; font-size:12px; border:1px solid #62D1FE;}
#comments #comments-content #add_comment .comment_submit { text-align:right; }
#comments #comments-content #add_comment .login { width:100%; display:inline-block; text-align:center; }
#comments #comments-content #add_comment .comment_input .label { font-size:12px; color:#52BFFF; font-weight:bold; }
#show-content #preview #left_arrow { position:absolute; margin:150px 0 0 5px; width:70px; z-index:1001}
#show-content #preview #left_arrow img { float:left; }
#show-content #preview .arrow_description { width:40px; color:#666; font-size:12px; display:block; }
#show-content #preview .arrow_description .arrow_text { font-weight:bold; }
#show-content #preview .arrow_left { float:left; text-align:left; padding-left:5px; }
#show-content #preview #right_arrow { position:absolute; margin:150px 0 0 560px; width:70px; z-index:1001 }
#show-content #preview #right_arrow img { float:left; }
#show-content #preview .arrow_right { float:left; text-align:right; padding-right:5px; }