@charset "utf-8"; .starContent { position: relative; width: 824px; margin: auto; } .starContent hr { display: none; } .timeline { width: 804px; height: 270px; padding: 4px 10px 0 10px; background: url(http://shared.starpl.com/images/star/skin/skin_a_bottom.png) no-repeat; } #timelineSWFObj { position: relative; } .starContent .wrapRndTop { display: block; width: 820px; height: 5px; margin: 0 auto; background: url(http://shared.starpl.com/images/star/skin/skin_a_rnd_top_01.png) no-repeat; font-size: 0; overflow: hidden; } .starContent .wrapRndBottom { display: block; width: 820px; height: 65px; margin: auto; background: url(http://shared.starpl.com/images/star/skin/skin_a_rnd_bottom_01.png) no-repeat; font-size: 0; overflow: hidden; } .starContent .wrap { width: 793px; min-height: 606px; height: auto !important; height: 606px; margin: auto; padding: 11px 13px 21px 14px; background: #d6e2ff; } /* =Sidebar */ .starContent .sidebar { float: left; width: 185px; } .starContent .sidebar .sidebarTitle { position: relative; width: 174px; } .starContent .sidebar h2 { width: 174px; height: 15px; padding-bottom: 6px; border-bottom: 2px solid #43527d; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat 0 -168px; text-indent: -7777px; overflow: hidden; } .starContent .sidebar .userInfoTitle { display: none; } .starContent .userInfo { width: 190px; height: 70px; margin-right: -5px; padding-top: 2px; } .starContent .userInfo dt { width: 60px; height: 60px; } .starContent .userInfo dt a span { display: none; } .starContent .userInfo dt a:hover span { display: block; } .starContent .userInfo dt span { display: block; position: absolute; top: 42px; left: 0; width: 60px; height: 16px; padding-top: 2px; background-color: #000; color: #fff; font-size: 11px; letter-spacing: -1px; text-align: center; opacity: 0.5; filter: alpha(opacity=50); overflow: hidden; } .starContent .userInfo dd { padding-bottom: 0; } .starContent .userInfo .ownerMenu { padding-top: 0; } .starContent .userInfo .userMenu { padding-top: 0; } .starContent .userInfo .userMenu a { display: block; width: 108px; height: 21px; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat -214px -74px; text-indent: -7777px; overflow: hidden; } .starContent .userInfo .userMenu .favorite { height: 20px; background-position: -214px -95px; } .starContent .userInfo .userMenu a:hover { background-position: -214px -115px; } .starContent .userInfo .userMenu .favorite:hover { background-position: -214px -136px; } .starContent .ownerKeyword { width: 172px; height: 21px; margin-bottom: 23px; border: 1px solid #6c7993; background-color: #fff; overflow: hidden; cursor: pointer; } .starContent .ownerKeyword span { float: left; padding: 4px 0 0 8px; color: #56709e; font-weight: bold; font-size: 11px; cursor: pointer; } .starContent .ownerKeyword button { float: right; width: 22px; height: 21px; border: 0; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat -332px -74px; text-indent: -7777px; overflow: hidden; } .sidebar .connectKeywordPopup { top: auto; width: 172px; margin-top: -23px; } .sidebar .connectKeywordPopup .add { width: 154px; padding-left: 8px; color: #707277; font-size: 11px; text-align: left; overflow: hidden; } .sidebar .connectKeywordPopup .add a { float: right; } .sidebar .connectKeywordPopup .add .selected { color: #5e6064; font-weight: bold; } .sidebar .connectKeywordPopup .add span { cursor: pointer; } .sidebar .connectKeywordPopup .list { padding-top: 5px; height: 200px; } .sidebar .connectKeywordPopup p { margin-right: 5px; } .sidebar .connectKeywordPopup p a { color: #666; } .sidebar .sidebarTitle .spaceHotIssue { background-position: 0 -271px; } .sidebar .sidebarTitle .research { background-position: 0 -294px; } .sidebar .sidebarTitle .relatedKeyword { background-position: 0 -317px; } .starContent .sidebarTitle .more { display: block; position: absolute; top: 0; right: 0; width: 33px; height: 15px; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat -93px -51px; text-indent: -7777px; overflow: hidden; cursor: pointer; } .starContent .sidebarTitle .prevNext { position: absolute; top: 1px; right: 0; width: 29px; height: 14px; overflow: hidden; } .sidebarTitle .prevNext button { float: left; width: 14px; height: 14px; border: 0; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat -364px -74px; text-indent: -7777px; overflow: hidden; cursor: pointer; } .sidebarTitle .prevNext .next { width: 15px; background-position: -378px -74px; } .starContent .sidebarList { width: 170px; margin-bottom: 29px; padding: 8px 0 0 3px; } .starContent .sidebarList li { width: 162px; height: 18px; padding-left: 8px; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat -540px -260px; color: #4563a2; white-space: nowrap; overflow: hidden; } .starContent .sidebarList li a { color: #4563a2; } .starContent .sidebarTitle .favKeyword { border-color: #d6e2ff; background-position: 0 -168px; } .starContent .favKeywordMenu { width: 173px; overflow: hidden; } .starContent .favKeywordMenu li { float: left; } .starContent .favKeywordMenu span { display: block; width: 86px; height: 22px; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat 0 -340px; text-indent: -7777px; cursor: pointer; } .starContent .favKeywordMenu .recent span { width: 87px; background-position: -86px -340px; } .starContent .favKeywordMenu .all .selected { background-position: 0 -362px; } .starContent .favKeywordMenu .recent .selected { background-position: -86px -362px; } .starContent .sidebar .favKeyList { width: 163px; padding-left: 5px; margin-bottom: 30px; } .sidebar .favKeyList li { width: 145px; height: 20px; padding: 6px 0 0 21px; border-bottom: 1px solid #bdcae9; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat -537px 8px; } .sidebar .favKeyList .li2 { background-position: -537px -18px; } .sidebar .favKeyList .li3 { background-position: -537px -44px; } .sidebar .favKeyList .li4 { background-position: -537px -70px; } .sidebar .favKeyList .li5 { background-position: -537px -96px; } .sidebar .favKeyList .li6 { background-position: -537px -122px; } .sidebar .favKeyList .li7 { background-position: -537px -148px; } .sidebar .favKeyList .li8 { background-position: -537px -174px; } .sidebar .favKeyList .li9 { background-position: -537px -200px; } .sidebar .favKeyList .li10 { background-position: -537px -226px; } .starContent .sidebarTitle .visitor { border-color: #d6e2ff; background-position: 0 -193px; } .starContent .sidebar .visitorList { width: 180px; padding-bottom: 28px; overflow: hidden; } .starContent .visitorList li { float: left; position: relative; width: 32px; height: 32px; margin: 0 4px 4px 0; overflow: hidden; } .starContent .visitorList .noResult { float: none; width: auto; border-width: 0; color: #4563a2; } .starContent .visitorList a img { display: block; width: 30px; border: 1px solid #d2d2d2; } .starContent .visitorList .delete { position: absolute; top: 0; right: 0; cursor: pointer; } .starContent .sidebarTitle .recommendRecord { background-position: 0 -219px; } #recentRecommendPostList li { padding-bottom: 4px; } .starContent .sidebarTitle .regRss { background-position: 0 -245px; } .starContent .sidebarTitle .helpIcon { position: absolute; top: 1px; right: 0; width: 14px; height: 14px; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat -426px -74px; text-indent: -7777px; overflow: hidden; cursor: pointer; } .starContent .sidebar .rssList { margin-bottom: 0; padding-bottom: 2px; } .sidebar .rssList li { position: relative; padding-bottom: 4px; } .sidebar .rssList .editBlogButton { display: block; position: absolute; top: 0; right: 0; padding: 1px 3px 0 5px; background-color: #d6e2ff; color: #545a8c; font-size: 11px; cursor: pointer; } .sidebar .rssList .editBlogButton span { font: 10px Tahoma; } .sidebar .favKeyList a, .sidebar .rssList a { display: block; width: 142px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .sidebar .rssconfig { width: 171px; padding: 8px 0 0 2px; border-top: 1px solid #aab7d8; overflow: hidden; } .sidebar .regBlogButton { display: block; width: 100px; height: 25px; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat 0 -128px; text-indent: -7777px; overflow: hidden; cursor: pointer; } .sidebarTitle .regBlogButton { position: relative; margin: -12px 0 20px 0; z-index: 10; } .sidebar .rssHelpMessage { position: absolute; top: -320px; left: 176px; width: 450px; z-index: 100; } .sidebar .rssHelpMessage p { width: 450px; height: 320px; background: url(http://shared.starpl.com/images/star/base/img_explain_blog.png) no-repeat; } .sidebar .rssHelpMessage p span { display: none; } .sidebar .rssHelpMessage img { cursor: pointer; } .sidebar .rssHelpMessage .openRssPopup { position: absolute; top: 270px; right: 180px; } .sidebar .rssHelpMessage .closeBtn { position: absolute; top: 11px; right: 11px; } .sidebar .researchList { width: 174px; margin-bottom: 31px; } .sidebar .researchList li { position: relative; width: 166px; padding: 8px 4px; border-bottom: 1px solid #acbbd6; overflow: hidden; } .sidebar .researchList img { float: left; padding-right: 6px; } .sidebar .researchList .frame { float: none; position: absolute; top: 8px; left: 4px; } .sidebar .researchList a { color: #4171a2; font-size: 11px; letter-spacing: -1px; } .sidebar .relKeywordList li { position: relative; height: 20px; } .sidebar .relKeywordList span { padding-left: 4px; color: #e05b22; font-size: 11px; } .sidebar .relKeywordList button { position: absolute; top: 0; right: 0; width: 13px; height: 13px; border: 0; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat -403px -74px; text-indent: -7777px; overflow: hidden; cursor: pointer; } .sidebar .starSearch { width: 173px; height: 23px; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat 0 -394px; overflow: hidden; } .sidebar .starSearch .inputText { float: left; width: 145px; margin-top: 2px; border: 0; background-color: transparent; color: #7386af; } .sidebar .starSearch button { float: right; width: 24px; height: 23px; border: 0; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat -149px -394px; text-indent: -7777px; overflow: hidden; cursor: pointer; } /* =Container */ .starContent .container { float: right; position: relative; width: 604px; } .starContent .starTab { position: relative; width: 596px; padding: 6px 0 0 8px; background: url(http://shared.starpl.com/images/star/skin/skin_a_02.gif) no-repeat 0 -128px; overflow: hidden; } .starTab li { float: left; width: 118px; height: 39px; padding-right: 1px; } .starTab h2 a { display: block; width: 118px; height: 25px; padding-top: 10px; color: #f0f3fc; font: normal 11px Verdana; text-align: center; text-decoration: none; } .starTab h2 a:hover { text-decoration: none; } .starTab h2 img { padding-right: 3px; margin-top: -3px; vertical-align: middle; } .starTab li ul { display: none; position: absolute; top: 46px; left: 0; width: 575px; height: 28px; padding: 7px 12px 0 15px; border: 1px solid #434e70; border-width: 0 1px; background-color: #5b81d7; } .starTab li li { width: auto; height: auto; padding-top: 6px; padding-right: 5px; font: bold 13px Applegothic, Gulim, sans-serif; } .starTab li li a { display: block; float: left; padding-bottom: 1px; color: #c0d0f2; } .starTab li li a span { font: bold 11px Applegothic, Dotum, sans-serif; } .starTab li li .bar { float: left; padding-right: 5px; color: #c0d0f2; font-weight: normal; } .starTab li li .selected { color: #fff !important; background: url(http://shared.starpl.com/images/star/common/line_select_01.gif) repeat-x left bottom; text-decoration: none; } .starTab li.selected { padding-right: 3px; background: url(http://shared.starpl.com/images/star/skin/skin_a_02.gif) no-repeat right -87px; } .starTab li.selected h2 a { height: 26px; padding-top: 13px; background: url(http://shared.starpl.com/images/star/skin/skin_a_02.gif) no-repeat 0 -87px; } .starTab .selected ul { display: block; } .starTab .keywordTab .newKeywordButton { float: left; width: 98px; height: 23px; margin: 1px 10px 0 0; border: 0; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat -183px -168px; text-indent: -7777px; overflow: hidden; cursor: pointer; } .starTab .keywordTab .notice { float: left; margin-top: 7px; color: #b4cbff; font: normal 11px Applegothic, Dotum, sans-serif; letter-spacing: -1px; } .starTab li .selectedKeyword { height: 26px; margin-right: 11px; padding: 0 0 0 12px; background: url(http://shared.starpl.com/images/star/skin/skin_a_keyword_name.gif) no-repeat; color: #eff1f4; font: bold 14px Applegothic, Dotum, sans-serif; } .starTab li .selectedKeyword span { display: block; float: left; height: 20px; padding: 6px 12px 0 0; background: url(http://shared.starpl.com/images/star/skin/skin_a_keyword_name.gif) no-repeat right top; } .starTab li .selectedKeyword img { padding: 1px 0 2px 0; vertical-align: middle; cursor: pointer; } .starTab li .selectedKeyword .png24 { padding: 1px 3px 0 0; vertical-align: top; } .starTab li .selectedKeyword a { display: inline; float: none; color: #fff !important; } .starTab li .editorTab li { color: #eff3fb; font-size: 12px; } .starTab li .editorTab li span { color: #b6c8ef; font: normal 11px Applegothic, Dotum, sans-serif; letter-spacing: -1px; cursor: pointer; } .starTab li .editorTab .writeresearch { float: right; width: 97px; padding-top: 2px; } .starTab li .goKeywordList { float: right; width: 105px; padding-top: 1px; padding-right: 2px; } .starTab li .goKeywordList a { display: block; width: 105px; height: 22px; padding: 0; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat -247px 0; text-indent: -7777px; overflow: hidden; } .starTab li .defaultCheck { float: right; width: 90px; padding-top: 5px; } .starTab li .defaultCheck span { display: block; width: 90px; height: 13px; padding: 0; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat -332px -105px; text-indent: -7777px; overflow: hidden; cursor: pointer; } .starTab li .defaultCheck .selected { background-position: -332px -128px; } .starTab li .goback { float: right; width: 70px; padding-top: 3px; } .starTab li .goback a { display: block; width: 70px; height: 20px; padding: 0; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat -281px -168px; text-indent: -7777px; overflow: hidden; } .starTab li .insertKeyword { float: right; width: 87px; padding: 2px 4px 0 0; } .starTab li .insertKeyword a { display: block; width: 87px; height: 22px; padding: 0; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat -351px -168px; text-indent: -7777px; overflow: hidden; } .starTab .tablast { clear: both; float: none; width: 602px; height: 5px; margin-left: -8px; padding: 35px 0 0 0; border-width: 0 1px 1px 1px; border-style: solid; border-color: #4865a6 #434e70; background-color: #5b81d7; font-size: 0; overflow: hidden; } .starContent .starTabSlim .tablast { padding: 0; } .starContent .starTabSlim .selected ul { display: none; } .starContent .starMenu { position: absolute; top: 9px; right: 2px; width: 174px; overflow: hidden; } .starContent .starMenu li { float: left; width: 58px; } .starContent .starMenu a { display: block; width: 58px; height: 26px; background-image: none; color: #fff; text-indent: -7777px; overflow: hidden; } .starContent .starMenu a.selected { background: url(http://shared.starpl.com/images/star/skin/skin_a_02.gif) no-repeat -428px -183px; } .starContent .starMenu .friend .selected { background-position: -486px -183px; } .starContent .starMenu .guest .selected { background-position: -544px -183px; } .starContent .boundary { width: 602px; background: #fff; border: 1px solid #839bd6; border-top: 0; } .starContent .postWrite { position: relative; width: 602px; border-bottom: 1px solid #cdd6e6; z-index: 200; /*z-index of .modify is 100*/ } .starContent .postWriteHidden { display: none; } .postWrite legend { display: block; position: static; visibility: visible; padding: 15px 523px 0 18px; background-color: #ecf2ff; } .postWrite legend span { display: block; width: 61px; height: 13px; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat -183px -308px; text-indent: -7777px; overflow: hidden; } .postWrite .connectKeyword { width: 566px; padding: 14px 18px 0 18px; background-color: #ecf2ff; overflow: hidden; } .connectKeyword #post_keyword_text { float: left; width: 175px; height: 20px; padding-right: 5px; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat -183px -331px; overflow: hidden; } .connectKeyword #post_keyword_text span { float: left; width: 148px; height: 1.3em; padding: 3px 0 0 5px; color: #4c658a; cursor: default; } .connectKeyword #post_keyword_text a { display: block; float: right; width: 21px; height: 20px; border: 0; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat -337px -331px; text-indent: -7777px; overflow: hidden; cursor: pointer; } .connectKeyword #keywordInputWrapper { line-height: 1.8; } .connectKeyword #mod_keyword_text { float: left; width: 175px; height: 20px; padding-right: 5px; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat -183px -331px; overflow: hidden; } .connectKeyword #mod_keyword_text span { float: left; width: 150px; height: 1.3em; padding: 3px 0 0 3px; color: #4c658a; cursor: default; } .connectKeyword #mod_keyword_text a { display: block; float: right; width: 21px; height: 20px; border: 0; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat -337px -331px; text-indent: -7777px; overflow: hidden; cursor: pointer; } .connectKeyword #mod_keywordInputWrapper { line-height: 1.8; } .postWrite .connectKeyword img { margin-top: -2px; vertical-align: middle; cursor: pointer; } .postWrite .connectKeyword .inputText { position: relative; width: 120px; padding-bottom: 2px; background: #fff url(http://shared.starpl.com/images/star/common/img_keyword_add.gif) no-repeat 3px 50%; vertical-align: middle; } .postWrite .connectKeyword .istext { background-image: none; } .postWrite .connectKeyword span span { padding-right: 5px; color: #70798e; cursor: pointer; } .postWrite .connectKeyword span span img { margin-left: 2px; } .postWrite .connectKeyword #keywordHelpLabel, .lineoreditor #mod_keywordHelpLabel { float: none; font-weight: normal; font-size: 11px; } .postWrite .connectKeyword .cancelBtn { float: right; cursor: pointer; } .postWrite .connectCount { width: 566px; padding: 3px 18px; background-color: #ecf2ff; overflow: hidden; } .postWrite .connectCount img { margin-top: -2px; padding-left: 1px; vertical-align: middle; cursor: pointer; } .postWrite .connectCount .userCount { float: left; width: 360px; padding-top: 3px; color: #566585; font-size: 11px; letter-spacing: -1px; } .postWrite .connectCount .userCount span { padding-right: 1px; color: #e96593; font-weight: bold; letter-spacing: 0; } .postWrite .connectCount #connectHelpPopup { position: absolute; margin-top: -10px; } .postWrite .connectCount .onelineCount { float: right; width: 200px; text-align: right; } .postWrite .onelineCount span { padding-right: 3px; color: #acb6cc; font: bold 16px Arial; } .postWrite .onelineCount button { width: 80px; margin: -4px -2px -3px -1px; padding: 0; border: 0; background-color: transparent; color: #465678; font: 11px Applegothic, Dotum; letter-spacing: -1px; text-decoration: underline; vertical-align: middle; cursor: pointer; } .postWrite .onelineWrite { width: 566px; padding: 3px 18px 30px 18px; background-color: #ecf2ff; overflow: hidden; } .onelineWrite textarea { float: left; width: 492px; height: 44px; border-width: 1px 0 1px 1px; border-style: solid; border-color: #a8a8a8 #cacaca #cacaca #a8a8a8; background: #fff url(http://shared.starpl.com/images/star/base/img_reply_comment.gif) no-repeat 3px 3px; color: #4c4c4c; font: 13px/1.5 Applegothic, Gulim; overflow: auto; } .onelineWrite .istext { background-image: none; } .onelineWrite input { float: left; width: 69px; height: 49px; border: 0; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat -183px -201px; text-indent: -7777px; cursor: pointer; } .onelineWrite img { float: left; } .onelineWrite p { clear: both; position: relative; width: 566px; height: 28px; margin-bottom: -30px; padding-top: 5px; color: #5d709a; font-size: 11px; overflow: hidden; } .onelineWrite p .senseType { float: left; width: 76px; height: 19px; margin-right: 7px; padding: 3px 0 0 5px; background: url(http://shared.starpl.com/images/star/common/bg_emotion_oneline.gif) no-repeat; letter-spacing: -1px; cursor: pointer; } .onelineWrite p .senseType span { padding-left: 5px; } .onelineWrite p .viewAuth { float: left; width: 150px; height: 18px; margin-top: 2px; } .onelineWrite p img { float: none; vertical-align: middle; cursor: pointer; } .onelineWrite #oneline_message { float: right; width: 300px; padding-top: 3px; text-align: right; letter-spacing: -1px; } .postWrite .onelineWrite .caution { color: #b32626; } .postWrite .cancelBtn { position: relative; margin-top: -3px; } .postWrite .connectKeywordPopup { left: 18px; } .starContent .subTitle { width: 563px; height: 22px; padding: 10px 18px 0 21px; border-bottom: 1px solid #c5cdd6; overflow: hidden; } .starContent .subTitle h3 { float: left; } .starContent .subTitle .listOrder { float: right; padding-top: 1px; font-weight: normal; font-size: 11px; cursor: pointer; } .starContent .subTitle .listOrder .selected { font-weight: bold; } .starContent .connectedAll { position: relative; background-color: #e6ebf5; color: #4c5d93; } .starContent .recordCount { color: #8e91a1; } .recordCount .count { float: left; } .recordCount .count span { font-weight: bold; } .recordCount .order { float: right; padding-top: 2px; color: #6b6e72; font-size: 11px; letter-spacing: -1px; cursor: pointer; } .recordCount .order span { padding: 0 2px; } .recordCount .order .selected { font-weight: bold; } .recordCount a { display: none; } .starContent .myRecordCount { background-color: #fff !important; } .starContent .keywordCheck { position: relative; width: 563px; height: auto; padding-bottom: 10px; background-color: #e6ebf5; text-align: center; letter-spacing: -1px; overflow: visible; z-index: 10; } .starContent .keywordCheck a { color: inherit; font-weight: bold; } .starContent .onePostDummy { display: block; height: 8px; padding-top: 0; border-width: 0 1px 1px 1px; border-style: solid; border-color: #dadfe5 #839bd6; background-color: #e6ebf5; font-size: 0; overflow: hidden; } .wrap .record { position: relative; width: 602px; padding-top: 13px; border-bottom: 1px solid #c5cdd6; background-color: #fff; } .record .keywordSort { position: relative; width: 555px; padding: 0 22px 2px 19px; font-family: Applegothic, Gulim; overflow: hidden; z-index: 10; } .record .keywordSort dt { float: left; width: 16px; height: 16px; margin-top: 1px; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat -442px -205px; text-indent: -7777px; } .record .keywordSort .record { width: 0; overflow: hidden; } .record .keywordSort .school { background-position: -442px -224px; } .record .keywordSort .work { background-position: -442px -242px; } .record .keywordSort .community { background-position: -442px -263px; } .record .keywordSort .interest { background-position: -442px -281px; } /*.recordOver .keywordSort .location { background-position: -468px -205px; } .recordOver .keywordSort .school { background-position: -468px -224px; } .recordOver .keywordSort .work { background-position: -468px -242px; } .recordOver .keywordSort .community { background-position: -468px -263px; } .recordOver .keywordSort .interest { background-position: -468px -281px; } .recordOpened .keywordSort .location { background-position: -442px -205px; } .recordOpened .keywordSort .school { background-position: -442px -224px; } .recordOpened .keywordSort .work { background-position: -442px -242px; } .recordOpened .keywordSort .community { background-position: -442px -263px; } .recordOpened .keywordSort .interest { background-position: -442px -281px; }*/ .record .keywordSort dd { float: left; padding: 4px 10px 2px 2px; color: #6c81b0; font-weight: bold; cursor: pointer; } .record .keywordSort img { margin-top: -2px; vertical-align: middle; } .record .keywordSort a { color: #6c81b0; } .record .title { width: 555px; padding: 0 26px 18px 21px; } .record .title .extBlogLink { float: right; margin: 10px -12px 0 -25px; } .record .title .openToggle { float: right; width: 18px; height: 18px; margin-top: 12px; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat -331px -201px; text-indent: -7777px; overflow: hidden; cursor: pointer; } .record .title .thumbnail { display: none; float: left; width: 40px; height: 40px; } .record .title h3 { width: 527px; padding: 1px 0 5px 0; color: #4c4c4c; font-size: 13px; font-family: Applegothic, Gulim; line-height: 1.5; overflow: hidden; } .record .title h3 span { cursor: pointer; } .record .title h3 span:hover { text-decoration: underline; } .record .title h3 a { color: #4c4c4c; } .record .title h3 img { margin-right: -2px; vertical-align: middle; } .record .title h3 .rss { width: 16px; height: 16px; background: url(http://shared.starpl.com/images/star/base/icon_service.gif) no-repeat -1px -1px; } .record .title h3 .naver { background-position: -31px -1px; } .record .title h3 .daum { background-position: -61px -1px; } .record .title h3 .yahoo { background-position: -92px -1px; } .record .title h3 .paran { background-position: -122px -1px; } .record .title h3 .cyworld { background-position: -153px -1px; } .record .title h3 .egloos { background-position: -183px -1px; } .record .title h3 .tistory { background-position: -213px -1px; } .record .title h3 .blogger { background-position: -244px -1px; } .record .title h3 .twitter { background-position: -274px -1px; } .record .title h3 .me2day { background-position: -305px -1px; } .record .title h3 .tossi { background-position: -336px -1px; } .record .title h3 .flickr { background-position: -365px -1px; } .record .title h3 .playtalk { background-position: -395px -1px; } .record .title h3 .public { padding-left: 2px; color: #898989; font-weight: normal; font-size: 12px; } .record .title h3 .public a { color: #4b97b0; font-size: 11px; font-family: Applegothic, Dotum; } /*.record .connectedKeyword { padding-bottom: 8px; } 090904 별페이지*/ .record .title .connectedKeyword { margin-top: 6px; padding-top: 8px; border-top: 1px dashed #cacaca; font-size: 11px; } .record .connectedKeyword span, .record .connectedKeyword a { color: #579ddb; } .record .title .info { width: 475px; color: #3f5467; font-size: 11px; letter-spacing: -1px; } .record .info span { cursor: pointer; } .record .title .count { color: #f8733f; font-weight: bold; letter-spacing: 0; } .record .title .date { color: #838384; font: 10px Tahoma; letter-spacing: 0; cursor: default; } .record .title .date a { color: #838384; } .record .title .sense { color: #3f5467; font: normal 11px Applegothic, Dotum, sans-serif; letter-spacing: -1px; cursor: default; text-decoration: none; } .record .title .sense:hover { text-decoration: none; } .record .title .sense img { margin: -3px 4px 0 3px; } .record .title .bar { padding: 0 3px; cursor: default; } .record .title .sort1 { color: #ccc; } .record .title .info img { padding: 0 2px; vertical-align: middle; cursor: pointer; } .record .title .namingClick { margin-left: 6px; letter-spacing: 0; } .record .isimage h3, .record .isimage .info { width: 475px; margin-left: 52px; } .record .isimage .thumbnail { display: inline; } .record .wrapContents { display: none; width: 560px; margin: 0 21px; border-top: 1px dashed #cacaca; } .record .wrapContents img { vertical-align: middle; } .record .contents { width: 550px; margin: 0 5px; padding-top: 7px; border-bottom: 1px solid #e7e7e7; } .record .pubDate { width: 550px; overflow: hidden; } .record .pubDate p { float: right; width: 300px; height: 18px; color: #999; font-size: 11px; text-align: right; } .record .pubDate .date { float: left; width: 240px; text-align: left; } .record .pubDate .link { width: 300px; font-family: Tahoma; } .record .pubDate .extBlog { clear: both; float: none; width: auto; padding-top: 15px; font-family: Tahoma; text-align: left; } .record .pubDate span { font: 10px Tahoma; } .record .pubDate a { color: #999; } .record .pubDate object { margin-left: 3px; vertical-align: middle; } .record .publicWriter { position: relative; width: 550px; height: 30px; padding: 7px 0; } .record .publicWriter dt { position: absolute; width: 30px; height: 30px; border: 1px solid #e7e7e7; font-size: 0; } .record .publicWriter dd { padding: 1px 0 0 40px; } .record .publicWriter .date { color: #999; } .record .publicWriter .date span { font: 10px Tahoma; } .albumRecord .albumThumb { float: left; position: relative; width: 88px; height: 45px; padding: 4px 0 0 4px; cursor: pointer; } .albumRecord .albumThumb .frame { display: block; position: absolute; top: 0; left: 0; width: 40px; height: 25px; padding: 24px 5px 0 47px; background: url(http://shared.starpl.com/images/star/common/img_album_frame.gif) no-repeat; color: #5d84db; font: bold 16px Arial; text-align: center; } .albumRecord .albumThumb .frame span { position: absolute; visibility: hidden; } .albumRecord .title h3, .albumRecord .title .info { width: 423px; margin-left: 104px; } .record .albumList { margin-bottom: 30px; } .record .albumList ul { position: relative; width: 550px; overflow: hidden; } .record .albumList ul li { display: inline; float: left; position: relative; top: 0; left: 0; width: 130px; height: 130px; margin: 8px 0 8px 7px; } .record .albumList ul div { position: absolute; top: 0; left: 50%; width: auto; } .record .albumList ul span { display: block; position: relative; bottom: 0; left: -50%; padding-bottom: 4px; background: url(http://shared.starpl.com/images/star/common/bg_album_shadow.gif) no-repeat left bottom; font-size: 0; } .record .albumList ul a { display: block; padding-right: 4px; background: url(http://shared.starpl.com/images/star/common/bg_album_shadow.gif) no-repeat right top; } .record .albumList ul img { display: block; border: 1px solid #bbb; } .record .albumList ul .corner { position: absolute; left: auto; right: 0; width: 4px; height: 4px; padding: 0; background-position: right bottom; font-size: 0; overflow: hidden; } .record .albumList .paging { padding: 30px 0 25px 0; border-bottom: 2px solid #efefef; } .record .albumList .paging .pageNum a { display: inline-block; padding: 1px 0; border-color: #e7e7e7; color: #818181; font-family: Applegothic, Dotum, sans-serif; text-decoration: none; } .record .albumList .paging .pageNum a:hover { border-color: #9e9e9e; } .record .albumList .paging .pageNum a.emphasis { border-color: #e37217 !important; background-color: #ff7f14 !important; color: #fff !important; } .record .detail { width: 550px; padding: 10px 0 25px 0; line-height: 1.5; overflow: hidden; } .record .detail * { line-height: 1.5em; } .record .detail a { color: #2a7dc6; text-decoration: underline; } .record .detail img { border: 0; max-width: 550px; } .record .detail h1 { font-weight: bold; font-size: 2em; } .record .detail h2 { font-weight: bold; font-size: 1.5em; } .record .detail h3 { font-weight: bold; font-size: 1.17em; } .record .detail h4 { font-weight: bold; font-size: 1em; } .record .detail h5 { font-weight: bold; font-size: .83em; } .record .detail h6 { font-weight: bold; font-size: .75em} .record .detail hr { border: 1px solid #666; } .record .detail p { margin: 0; } .record .detail ul { list-style: disc; } .record .detail ol { list-style: decimal; } .record .detail fieldset { border: 1px solid #666; } .record .detail legend { display: block; position: static; visibility: visible; } .record .detail code { font-family: 'Courier New','Monaco','AppleGothic','Sans-serif'; } .record .detail li, #starContents .contents .detail dd { margin-left: 30px; } .record .addedPublic { position: relative; margin-top: 14px; padding-top: 14px; border-top: 2px dashed #e7e7e7; } .record .vote { padding-bottom: 25px; font-size: 11px; text-align: center; letter-spacing: -1px; } .record .vote span { padding: 0 3px 0 16px; background: url(http://shared.starpl.com/images/star/common/icon_recommend.gif) no-repeat 0 50%; color: #ff6540; font: 14px Arial; } .record .vote img { cursor: pointer; } .record .recordInfo { position: relative; width: 550px; padding: 9px 5px 8px 5px; overflow: hidden; } .record .recordInfo img { cursor: pointer; } .record .recordInfo .tag { padding-left: 33px; background: url(http://shared.starpl.com/images/star/common/icon_tag.gif) no-repeat 3px 0; line-height: 1.2; } .record .recordInfo .userConfig { position: absolute; right: 5px; width: 270px; height: 20px; padding-top: 6px; } .recordInfo .userConfig img { padding-left: 5px; } .recordInfo .userConfig span { float: right; height: 20px; color: #999; } .recordInfo .userConfig span a { display: block; width: 43px; height: 20px; background: url(http://shared.starpl.com/images/star/base/btn_write_etc_01.gif) no-repeat; text-indent: -7777px; overflow: hidden; } .recordInfo .userConfig .regTimeline a { width: 68px; background-position: 4px -36px; } .recordInfo .userConfig .edit a { background-position: -102px -36px; } .recordInfo .userConfig .delete a { background-position: -144px -36px; } .recordInfo .userConfig .regTimeline a:hover { background-position: 4px -56px; } .recordInfo .userConfig .edit a:hover { background-position: -102px -56px; } .recordInfo .userConfig .delete a:hover { background-position: -144px -56px; } .recordInfo .userConfig .share a { width: 70px; background: url(http://shared.starpl.com/images/star/base/btn_share_cancel.gif) no-repeat 4px -58px; } .recordInfo .userConfig .share a:hover { background-position: 4px -78px; } .recordInfo .userConfig .hide a { width: 52px; background: url(http://shared.starpl.com/images/star/base/btn_share_cancel.gif) no-repeat -66px -58px; } .recordInfo .userConfig .hide a:hover { background-position: -66px -78px; } .recordInfo .userConfig .memoryAdd a { height: 22px; background-image: none; text-indent: 0; } .record .countCommentVote { width: 420px; padding-top: 8px; color: #3f5467; font-size: 11px; letter-spacing: -1px; } .record .countCommentVote span { cursor: pointer; } .record .countCommentVote .count { color: #f8733f; font-weight: bold; letter-spacing: 0; } .record .countCommentVote .bar { padding: 0 3px; } .record .countCommentVote img { padding-left: 2px; cursor: pointer; } .record .recordInfo .connectedKeyword { font-size: 11px; } .record .comments { position: relative; width: 570px; margin: 0 -5px; padding-bottom: 8px; overflow: hidden; } .record .comments div { width: 570px; } .record .comments .top { height: 7px; background: url(http://shared.starpl.com/images/star/base/bg_comment.gif) no-repeat; font-size: 0; } .record .comments .bottom { height: 7px; background: url(http://shared.starpl.com/images/star/base/bg_comment.gif) no-repeat 0 -7px; font-size: 0; } .record .comments ol { position: relative; padding: 0 20px; background-color: #f3f3f3; overflow: hidden; } .record .comments li { width: 520px; padding: 8px 0; border-bottom: 1px solid #dfdfdf; overflow: hidden; } .record .comments .liEnd { width: 520px; border-bottom: 0; } .record .comments li div { width: 520px; } .record .comments div .nemoThumb { float: left; border: 1px solid #d2d2d2; } .record .comments div p { margin-left: 40px; line-height: 1.2; } .record .comments div img, .record .comments div input { vertical-align: middle; cursor: pointer; } .record .tagMessageLogin, .record .tagMessageFriend, .record .tagMessageBan { padding-left: 0; } .record .comments .postCommentContent { margin-left: 40px; line-height: 1.4; } .record .comments .postCommentContent a { color: #d57c40; text-decoration: underline; } .record .comments .logoutCommentPw { border: 1px solid #e7e7e7; } .record .comments .logoutCommentDel { border: 1px solid #b6b6b6; } .record .comments li ul li { width: 480px; padding: 8px 0 0 40px; border: 0; background: url(http://shared.starpl.com/images/star/common/icon_comment.gif) no-repeat 20px 10px; } .record .comments ul li div { width: 480px; padding-bottom: 2px; } .record .comments .starName { padding-top: 2px; padding-bottom: 2px; } .record .comments .starName span { padding: 0 3px; color: #999; font: 10px Tahoma; } .record .comments .starName .namingClick { line-height: 1.2; } .record .comments li.liEnd .commentWrite { width: 520px; margin: 0; padding: 0; border: 0; overflow: hidden; } .record .comments li.liEnd .commentWrite div { padding: 3px 0; } .record .comments li.liEnd .commentWrite input { width: 100px; background-color: #fff; } .record .comments li.liEnd .commentWrite textarea { width: 445px; background-color: #fff; } .record .comments li.liEnd .commentWrite p { text-align: center; } .record .comments li.liEnd .commentContent * { vertical-align: top; } .record .comments li.liEnd .commentContent input { width: 64px; height: 44px; background: transparent url(http://shared.starpl.com/images/star/common/btn_comment.gif) no-repeat 0 0; border: none; } .record .comments li.liEnd .commentContent textarea { overflow: auto; } .record .comments form.commentEdit { padding-left: 40px; } .record .comments form.commentEdit * { vertical-align: top; } .record .comments form.commentEdit textarea { width: 405px; background: #fff; } .record .comments li ul form.commentEdit textarea { width: 365px; } .record .comments form.commentEdit input { border: 1px solid #E7E7E7 } .record .comments li .commentWrite { width: 480px; margin: 10px 0 2px 40px; padding-top: 5px; border-top: 1px solid #dfdfdf; background-color: #f3f3f3; overflow: hidden; } .record .comments li .commentWrite div { padding: 3px 0; } .record .comments li .commentWrite input { width: 100px; background-color: #fff; } .record .comments li .commentWrite textarea { width: 405px; background-color: #fff; } .record .comments li .commentWrite p { text-align: center; } .record .comments li .commentContent * { vertical-align: top; } .record .comments li .commentContent input { width: 64px; height: 44px; background: transparent url(http://shared.starpl.com/images/star/common/btn_comment.gif) no-repeat 0 0; border: none; } .record .comments .publicPeople { width: 530px; padding: 0 20px; background-color: #f3f3f3; overflow: hidden; } .record .comments .publicPeople li { float: left; width: 173px; padding: 0; border: 0; } .record .publicPeople li dl { position: relative; width: 163px; height: 40px; padding: 10px 10px 10px 0; line-height: 1.2em; } .record .publicPeople dl dt { position: absolute; border: 1px solid #D2D2D2; } .record .publicPeople dl dd { padding-left: 40px; overflow: hidden; } .record .publicPeople .date { color: #999; font: 10px Tahoma; } .record .commentsClose { padding-bottom: 10px; text-align: center; } .record .commentsClose img { cursor: pointer; } .oneline .title { position: relative; cursor: default; } .oneline .title h3 { /*width: 554px;*/ margin-left: 0; color: #666; font-weight: normal; } .oneline .title h3 a { color: #d0864d; } .oneline .title h3 span:hover { text-decoration: none; } .oneline .title .connectedKeyword { display: none; padding-bottom: 5px; } .oneline .title .info { width: 554px; margin-left: 0; } .oneline .title .vote { padding-left: 5px; cursor: pointer; } .oneline .userConfig { display: none; position: absolute; bottom: 14px; right: 20px; width: 250px; overflow: hidden; z-index: 10; } .oneline .userConfig span { float: right; height: 20px; } .oneline .userConfig span a { display: block; width: 20px; height: 20px; background: url(http://shared.starpl.com/images/star/base/btn_write_etc_01.gif) no-repeat; text-indent: -7777px; overflow: hidden; } .oneline .userConfig .regTimeline a { background-position: 4px 4px; } .oneline .userConfig .regTimeline a:hover { background-position: 4px -16px; } .oneline .userConfig .regTimeline .selected { background-position: 4px -77px !important; } .oneline .userConfig .regTimeline .selected:hover { background-position: 4px -97px !important; } .oneline .userConfig .edit a { background-position: -16px 4px; } .oneline .userConfig .edit a:hover { background-position: -16px -16px; } .oneline .userConfig .delete a { background-position: -36px 4px; } .oneline .userConfig .delete a:hover { background-position: -36px -16px; } .oneline .userConfig .share a { width: 23px; background: url(http://shared.starpl.com/images/star/base/btn_share_cancel.gif) no-repeat 4px -16px; } .oneline .userConfig .share a:hover { background-position: 4px -36px; } .oneline .userConfig .hide a { background: url(http://shared.starpl.com/images/star/base/btn_share_cancel.gif) no-repeat -19px -16px; } .oneline .userConfig .hide a:hover { background-position: -19px -36px; } .oneline .userConfig .modTimeline { padding: 3px 4px 0 14px; background: url(http://shared.starpl.com/images/star/base/btn_write_etc.gif) no-repeat 0 -76px; color: #8c8c8c; font-size: 11px; letter-spacing: -1px; } .oneline .userConfig .modTimeline a { display: inline; background-image: none; color: #8c8c8c; } .oneline .userConfig .modTimeline a:hover { color: #454545; } .oneline .onelineWrite { background: #fff !important; border-bottom: 0; } .oneline .postWrite .connectKeyword, .oneline .postWrite .connectCount { background-color: #fff !important; } .oneline .onelineWrite input { background-position: -252px -201px; } .oneline .wrapContents { margin-top: -8px; border-top: 0; } .recordOver { background-color: #fff; } .recordOver .writer span.bgStarname { display: block; } .recordOver .writer span.starName { display: block; } /*.recordOver .title .openToggle { background-position: -331px -219px; }*/ .recordOver .userConfig { display: block; } .recordOpened { background: #fff !important; } .recordOpened .writer span.bgStarname { display: none; } .recordOpened .writer span.starName { display: none; } .recordOpened .title .openToggle { background-position: -331px -237px; } .recordOpened .title .connectedKeyword { display: block; } .recordOpened .userConfig { display: block; } .recordOpened .userConfig span a { display: block; width: 43px; height: 20px; background: url(http://shared.starpl.com/images/star/base/btn_write_etc_01.gif) no-repeat; text-indent: -7777px; overflow: hidden; } .recordOpened .userConfig .regTimeline a { width: 68px; background-position: 4px -36px; } .recordOpened .userConfig .regTimeline a:hover { background-position: 4px -56px; } .recordOpened .userConfig .regTimeline .selected { background-position: 4px -117px !important; } .recordOpened .userConfig .regTimeline .selected:hover { background-position: 4px -137px !important; } .recordOpened .userConfig .edit a { background-position: -66px -36px; } .recordOpened .userConfig .edit a:hover { background-position: -66px -56px; } .recordOpened .userConfig .delete a { background-position: -108px -36px; } .recordOpened .userConfig .delete a:hover { background-position: -108px -56px; } .recordOpened .userConfig .share a { width: 70px; background-position: 4px -58px; } .recordOpened .userConfig .share a:hover { background-position: 4px -78px; } .recordOpened .userConfig .hide a { width: 52px; background-position: -66px -58px; } .recordOpened .userConfig .hide a:hover { background-position: -66px -78px; } .recordOpened .userConfig .modTimeline { padding: 3px 4px 0 14px; background: url(http://shared.starpl.com/images/star/base/btn_write_etc.gif) no-repeat 0 -76px; color: #8c8c8c; font-size: 11px; letter-spacing: -1px; } .recordOpened .userConfig .modTimeline a { display: inline; background-image: none; color: #8c8c8c; } .recordOpened .userConfig .modTimeline a:hover { color: #454545; } .recordOpened .wrapContents { display: block; position: relative; } .record .writer { position: absolute; top: 11px; left: 0; width: 56px; height: 56px; padding: 0 15px 0 17px; font-size: 11px; letter-spacing: -1px; text-align: center; overflow: hidden; z-index: 1; } .record .writer a { color: #fff !important; } .record .writer a:hover { text-decoration: none; } .record .writer img { padding: 3px; } .record .writer span { display: block; position: absolute; top: 0; left: 17px; width: 56px; height: 56px; line-height: 1.3; } .record .writer .bgStarname { display: none; width: 56px; height: 56px; background-color: #000; opacity: 0.5; filter: alpha(opacity=50); } .record .writer .starName { display: none; width: 50px; height: 32px; padding: 24px 3px 0 3px; color: #fff; text-align: center; } .record .writer .frame { position: absolute; background: url(http://shared.starpl.com/images/star/base/bg_nemo_space.gif) no-repeat; } .record .keywordRecTitle { width: 472px; margin: 0 0 12px 88px; padding: 6px 26px 6px 15px; border-left: 1px solid #ececec; } .record .keywordRecTitle h3 { width: 389px; } .oneline .keywordRecTitle h3 { width: 468px; } .record .keywordRecTitle .info { width: 389px; } .albumRecord .keywordRecTitle h3, .albumRecord .keywordRecTitle .info { width: 337px; } .oneline .keywordRecTitle .userConfig { bottom: 4px; } .recordOpened .onelineInfo { width: 602px; margin: 0 -26px -18px -108px; padding-bottom: 18px; background: #fff; } .recordOpened .onelineInfo .connectedKeyword { margin-top: 18px; } .recordOpened .onelineInfo .connectedKeyword, .recordOpened .onelineInfo .info { width: 550px; padding-left: 26px; padding-right: 26px; } .record .keywordContents { margin: 0; padding: 0 21px; background-color: #fff; } .oneline .keywordContents { margin-top: -8px; border-top: 0; } .connectedAllRecord .keywordSort { position: absolute; top: 15px; left: 102px; width: 400px; margin-bottom: 0; padding: 0; z-index: 1; } .connectedAllRecord .writer { top: 22px; } .connectedAllRecord .keywordRecTitle { padding-top: 24px; } .connectedAllRecord .keywordRecTitle .userConfig { bottom: 2px; } #starContents .oneline .onelineComment { border-top: 1px dashed #cacaca; padding-top: 12px; } #postList .modify { z-index: 100; } .wrap .joinNotice { padding: 20px 0; text-align: center; } .joinNotice .delete { position: absolute; top: 13px; right: 15px; cursor: pointer; } .wrap .keywordNotice { width: 565px; padding: 20px 0 20px 37px; background-color: #fffee8; } .keywordNotice .delete { position: absolute; top: 13px; right: 15px; cursor: pointer; } .keywordNotice .gotoKeyword { display: block; margin-top: 8px; cursor: pointer; } .morePage { position: relative; width: 604px; height: 70px; margin: 0 -1px -5px -1px; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat 0 -427px; } .morePage p a { position: absolute; top: 18px; width: 34px; height: 33px; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat -359px -201px; text-indent: -7777px; overflow: hidden; z-index: 1; } .morePage p .prevPage { left: 24px; } .morePage p .nextPage { right: 24px; background-position: -394px -201px; } .morePage p .prevPage.disabled { background-position: -359px -236px; } .morePage p .nextPage.disabled { background-position: -394px -236px; } .morePage p .prevPage { background-position-x: -359px !important; } .morePage p .disabled { background-position-y: -236px !important; cursor: default; } .starContent .quickmenu { position: fixed; bottom: 108px; left: 50%; width: 37px; height: 72px; margin-left: 410px; } .starContent .quickmenu span { display: block; width: 37px; height: 36px; background: url(http://shared.starpl.com/images/star/skin/skin_a_02.gif) no-repeat; text-indent: -7777px; overflow: hidden; cursor: pointer; } .starContent .quickmenu #viewstar { background-position: 0 -36px; } .starContent .quickmenu #gotop:hover { background-position: -37px 0; } .starContent .quickmenu #viewstar:hover { background-position: -37px -36px; } /* =Keyword */ .starContent .keywordSubMenu { height: 21px; padding: 7px 0 0 17px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #bac6d3 #839bd6; background-color: #fff; color: #7582a8; font-size: 11px; letter-spacing: -1px; } .starContent .keywordSubMenu li { float: left; } .keywordSubMenu li a { color: #7582a8; } .keywordSubMenu li .selected { color: #637098; font-weight: bold; } .keywordSubMenu .bar { padding: 0 8px; } /* 100305 relatedKeyword .starContent .keywordSubMenu li { position: relative; width: 560px; height: 16px; color: #5d709a; z-index: 1000; } .starContent .keywordSubMenu li a { padding: 0 3px; color: #5d709a; } .starContent .keywordSubMenu li img { margin-right: 3px; vertical-align: middle; } .starContent .keywordSubMenu li .help { cursor: pointer; } .starContent .keywordSubMenu #relKeywordHelpPopup { position: absolute; z-index: 10; cursor: pointer; } */ .starContent .keywordHeading { width: 602px; height: 2px; background-color: #ededed; font-size: 0; text-indent: -7777px; overflow: hidden; } .starContent .spaceContent { width: 572px; padding: 20px 15px; border-bottom: 1px solid #c5cdd6; overflow: hidden; } .spaceContent .spaceHomeStar { float: left; width: 270px; padding-right: 15px; border-right: 1px solid #e5e5e5; } .spaceContent .title { width: 270px; padding-bottom: 8px; overflow: hidden; } .spaceContent h4 { float: left; width: 52px; height: 14px; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat -183px -260px; text-indent: -7777px; } .spaceHomeStar .title .count { float: left; margin-top: -2px; color: #ff7357; font-weight: bold; } .spaceHomeStar .title .count span { font-size: 15px; font-family: Arial; } .spaceHomeStar .title .more { float: right; width: 48px; height: 12px; margin-top: 1px; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat -136px -54px; text-indent: -7777px; overflow: hidden; cursor: pointer; } .spaceHomeStar .starList { width: 276px; height: 40px; margin-right: -6px; background: url(http://shared.starpl.com/images/star/base/bg_nemo_empty.gif) no-repeat; overflow: hidden; } .spaceHomeStar .starList li { float: left; width: 40px; padding-right: 6px; } .spaceContent .spaceHomeStar p { padding-top: 6px; color: #999; font-size: 11px; letter-spacing: -1px; text-align: center; } .spaceContent .spaceHomeGraph { float: right; width: 264px; } .spaceContent .spaceHomeGraph .title { padding-bottom: 5px; } .spaceContent .spaceHomeGraph h4 { width: 129px; background-position: -183px -284px; } .spaceHomeGraph .statistic { width: 255px; padding-left: 9px; background: url(http://shared.starpl.com/images/star/base/bg_graph_space.gif) no-repeat 0 3px; overflow: hidden; } .spaceHomeGraph .statistic table { float: left; width: 144px; margin: 16px 9px 0 0; border-collapse: collapse; border: 0; } .spaceHomeGraph .statistic th { padding-top: 3px; color: #808080; font: 10px Tahoma; text-align: center; } .spaceHomeGraph .statistic td { height: 36px; } .spaceHomeGraph .statistic td p { display: inline-block; position: relative; width: 12px; } .spaceHomeGraph .statistic .teens p { background-color: #8eb4de; } .spaceHomeGraph .statistic .twenties p { background-color: #8797e8; } .spaceHomeGraph .statistic .thirties p { background-color: #a2c46c; } .spaceHomeGraph .statistic .forties p { background-color: #c49bde; } .spaceHomeGraph .statistic td span { display: block; position: absolute; top: -1.3em; left: -12px; width: 36px; height: 1.3em; font: 10px Tahoma; text-align: center; } .spaceHomeGraph .statistic .teens span { color: #6183c9; } .spaceHomeGraph .statistic .twenties span { color: #6e7dcc; } .spaceHomeGraph .statistic .thirties span { color: #7fa851; } .spaceHomeGraph .statistic .forties span { color: #bf83d4; } .spaceHomeGraph .statistic dl { float: right; width: 89px; background: url(http://shared.starpl.com/images/star/base/img_gender_space.gif) no-repeat; overflow: hidden; } .spaceHomeGraph .statistic dt { position: absolute; visibility: hidden; } .spaceHomeGraph .statistic dd { height: 27px; margin-left: 47px; padding-top: 4px; color: #6d7c93; font: bold 14px Arial; } .spaceContent .spaceHomeGraph .noInfo { margin-left: -9px; padding: 15px 0; background-color: #fff; text-align: center; } .starContent .connectedCount { position: relative; width: 451px; padding-right: 130px; background-color: #e6ebf5; color: #8e91a1; } .connectedCount .order { padding: 0; } .connectedCount a { display: block; position: absolute; top: 6px; right: 9px; width: 111px; height: 21px; background: url(http://shared.starpl.com/images/star/base/btn_recentwrite.gif) no-repeat; text-indent: -7777px; overflow: hidden; } .connectedCount a:hover { background-position: 0 -21px; } .starContent .connectedWrite { border-bottom: 1px solid #c5cdd6; } /* =Movie Keyword */ .spaceContent .spaceMovieTitle { width: 572px; padding-bottom: 9px; margin-top: -6px; overflow: hidden; } .spaceContent .spaceMovieTitle .movie { padding-right: 8px; background-position: -183px -363px; overflow: hidden; } .spaceContent .spaceMovieTitle .movieRecent { padding-right: 8px; background-position: -183px -387px; overflow: hidden; } .spaceContent .spaceMovieTitle span { float: left; width: 300px; color: #a1a1a1; font-size: 11px; letter-spacing: -1px; } .spaceContent .spaceMovieTitle .genre { float: left; width: auto; padding-right: 4px; color: #6b79a6; font-weight: bold; font-size: 12px; } .spaceContent .spaceMovieTitle a { color: #a1a1a1; } .spaceContent .spaceMovieTitle .more { float: right; } .spaceContent .spaceMovie { width: 572px; overflow: hidden; } .spaceMovie .movieTitle { float: right; width: 466px; padding-bottom: 10px; } .spaceContent .movieTitle strong { padding-right: 4px; color: #454545; font-size: 14px; } .spaceContent .movieTitle span { padding-right: 10px; color: #616161; font-family: Arial; } .spaceContent .movieTitle img { vertical-align: middle; } .spaceMovie .poster { float: left; } .spaceContent .poster img { border: 1px solid #d9d9d9; } .spaceMovie .movieDetail { width: 460px; margin-left: 109px; } .spaceContent .movieDetail dt { float: left; width: 50px; } .spaceContent .movieDetail dt img { padding-top: 1px; } .spaceContent .movieDetail dd { margin-left: 50px; padding-bottom: 8px; color: #4d4d4d; font-family: Applegothic, Gulim, sans-serif; } .spaceContent .movieDetail dd a { color: #4f52d5; } .spaceContent .movieDetail dd span { color: #ddd; padding: 0 4px; } .spaceContent .movieDetail dd .more { text-decoration: underline; } .spaceContent .spaceMovieInfo { position: relative; width: 572px; overflow: hidden; } .spaceMovieInfo .movieTitle { width: 407px; height: 27px; margin-left: 165px; padding-top: 2px; line-height: 1; overflow: hidden; } .spaceMovieInfo .poster { position: absolute; top: 0; left: 0; width: 572px; height: 216px; border-bottom: 2px solid #d4d4d4; background: url(http://shared.starpl.com/images/star/base/bg_movie_info.gif) repeat-x left bottom; font-size: 0; } .spaceMovieInfo .poster img { display: block; } .spaceMovieInfo .movieDetail { position: relative; width: 404px; height: 173px; margin-left: 168px; padding: 13px 0 0 0; border-top: 1px solid #d9d9d9; background: url(http://shared.starpl.com/images/star/base/bg_movie_info_02.gif) no-repeat right bottom; overflow: hidden; z-index: 2; } .spaceMovieInfo .movieDetail dt { width: 34px; } .spaceMovieInfo .movieDetail dd { margin-left: 34px; } .spaceMovieInfo dl { padding: 26px 7px 0 7px; } .spaceMovieInfo dd b { display: block; padding: 13px 0; } .spaceContent .spaceMovieRecent { position: relative; width: 588px; margin: 0 -8px; overflow: hidden; } .spaceMovieRecent li { float: left; width: 76px; padding: 0 11px; } .spaceMovieRecent li img { border: 1px solid #d9d9d9; } .spaceMovieRecent li span a { display: block; width: 76px; height: 1.3em; color: #4f52d5; letter-spacing: -1px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .spaceContent .spaceMovieRecentInfo { position: relative; width: 584px; margin: 0 -6px; overflow: hidden; } .spaceMovieRecentInfo li { float: left; width: 280px; padding: 0 6px 20px 6px; font-family: Applegothic, Gulim, sans-serif; overflow: hidden; } .spaceMovieRecentInfo .movieTitle { float: right; width: 176px; padding: 3px 0 9px 0; } .spaceMovieRecentInfo .movieTitle a { display: block; width: 176px; height: 1.3em; color: #313131; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .spaceMovieRecentInfo .poster { float: left; width: 94px; } .spaceMovieRecentInfo .poster img { border: 1px solid #d9d9d9; } .spaceMovieRecentInfo dl { float: right; width: 176px; overflow: hidden; } .spaceMovieRecentInfo dt { float: left; width: 28px; } .spaceMovieRecentInfo dt img { padding-top: 1px; } .spaceMovieRecentInfo dd { float: left; width: 134px; height: 1.3em; padding-bottom: 3px; color: #4d4d4d; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /* =Research */ .researchContent { position: relative; } .researchContent h3 { width: 602px; height: 76px; background: url(http://shared.starpl.com/images/star/base/img_research.gif) no-repeat; text-indent: -7777px; } .researchContent h3.researchRegister { background-image: url(http://shared.starpl.com/images/star/base/img_research_add.gif); } .researchContent .researchWrite { display: block; position: absolute; top: 20px; right: 104px; width: 150px; height: 42px; background: url(http://shared.starpl.com/images/star/base/btn_research_make.gif) no-repeat; text-indent: -7777px; overflow: hidden; } .researchContent a.researchRegister { display: block; position: absolute; top: 20px; right: 104px; width: 150px; height: 42px; background: url(http://shared.starpl.com/images/star/base/btn_research_add.gif) no-repeat; text-indent: -7777px; overflow: hidden; } .starContent .researchTitle { width: 571px; padding-right: 10px; } .researchTitle .expiredResearch { display: block; float: right; width: 106px; height: 20px; margin: -3px 0 0 8px; background: url(http://shared.starpl.com/images/star/base/btn_research_end.gif) no-repeat; text-indent: -7777px; overflow: hidden; } .record .researchDetail { width: 550px; padding: 30px 0 26px 0; border-top: 2px dashed #edeff2; text-align: center; } .record .researchDetail ul { width: 550px; padding-bottom: 16px; overflow: hidden; } .record .researchDetail li { float: left; width: 265px; height: 43px; padding: 0 5px; overflow: hidden; } .researchDetail li span { display: block; float: right; min-width: 50px; height: 43px; padding-right: 5px; background: url(http://shared.starpl.com/images/star/base/btn_recommend.gif) no-repeat top right; } * html .researchDetail li span { width: 1px; } .researchDetail li button { height: 43px; padding: 0 10px 0 50px; border: 0; background: url(http://shared.starpl.com/images/star/base/btn_recommend.gif) no-repeat; color: #fff; font: bold 16px Applegothic, Dotum, sans-serif; overflow: visible; cursor: pointer; } .record .researchDetail ul .item2 { float: right; } .researchDetail ul .item2 span { float: left; background-position: right -86px; } .researchDetail ul .item2 button { float: left; background-position: 0 -86px; } .record .researchDetail p { padding-top: 6px; color: #839edd; } .record .researchDetail p span { font-weight: bold; } .record .researchDetail .notice { padding: 0; color: #ff9384; font-weight: bold; font-size: 11px; letter-spacing: -1px; } .record .researchDetail .title { width: 550px; color: #606e8e; font-size: 14px; } .record .researchDetail table { width: 340px; margin: auto; border-collapse: collapse; } .researchDetail th { height: 45px; font-size: 14px; vertical-align: top; } .researchDetail th div { position: relative; width: 100%; height: 45px; } .researchDetail th div span { display: block; position: absolute; width: 170px; } .researchDetail .item2 div span { width: 170px; left: auto; right: 0; } .researchDetail td { height: 50px; border: 1px solid #fff; font: bold 18px Arial; vertical-align: bottom; } .researchDetail table .item1 { text-align: left; } .researchDetail table .item2 { color: #ff69a5; text-align: right; } .researchDetail th.item1 { color: #7492d9; } .researchDetail td.item1 { color: #6083d5; } .researchDetail td div { position: relative; width: 100%; height: 17px; background: url(http://shared.starpl.com/images/star/base/bg_graph_agree.gif) repeat-x; } .researchDetail td.item2 div { background-image: url(http://shared.starpl.com/images/star/base/bg_graph_disagree.gif); } .researchDetail td div span { display: block; position: absolute; top: -1.3em; left: 0; width: 100%; } .record .comments .starName .researchItem1 { color: #7d99da; font: bold 11px Applegothic, Dotum, sans-serif; letter-spacing: -1px; } .record .comments .starName .researchItem2 { color: #f586b3; font: bold 11px Applegothic, Dotum, sans-serif; letter-spacing: -1px; } /* =Friends */ .connectedStarHeading { height: 23px; padding: 9px 0 0 17px; border-bottom: 1px solid #bac6d3; background-color: #eff3ff; color: #3b4d79; font-weight: normal; font-size: 11px; letter-spacing: -1px; } .connectedStarHeading span { display: none; } .connectedStarHeading em { font-weight: bold; font-style: normal; letter-spacing: 0; } .starContent .connectedStarContent { padding: 15px 30px 40px 26px; } .connectedStarContent li { width: 545px; padding: 5px 0 4px 1px; border-bottom: 1px solid #e6e6e6; } .connectedStarContent dl { height: 32px; overflow: hidden; } .connectedStarContent dt { float: left; width: 50px; } .connectedStarContent dt img { vertical-align: top; border:1px solid #d2d2d2; } .connectedStarContent dd { float: left; width: 70px; height: 23px; padding: 9px 8px 0 0; overflow: hidden; } .connectedStarContent .flStarName { width: 110px; padding-right: 15px; } .connectedStarContent .date { width: 45px; font-family:Tahoma; font-size: 10px; color: #999999; } .connectedStarContent .historyMatchBtn { padding-top:8px; } /*.connectedStarContent .historyMatchBtn img { cursor:pointer; }*/ .connectedStarContent .more { float: right; width: 18px; padding: 7px 4px 0 0; } .connectedStarContent .more a { display: block; width: 18px; height: 18px; background: url(http://shared.starpl.com/images/star/common/icon_friendship.gif) no-repeat scroll 0 0; text-indent: -9999px; } .starContent .friendInfo { clear: both; width:545px; margin-bottom:-4px; padding-top:6px; overflow:hidden;} .starContent .friendInfo .thumbnail { display:block; float:left; width:90px; padding:4px; border:1px solid #D2D2D2; background-color:#E5E5E5; } .starContent .friendInfo .thumbnail img { vertical-align:top; } .starContent .friendInfo .wrap { float:right; width: 417px; min-height: 0; padding: 0 0 13px 0; background:#fff; overflow:hidden; } .starContent .friendInfo .starname { margin-right:9px; padding-right:12px; border-right:1px solid #B2B2B2; color:#7694CC; font-weight:bold; } .starContent .friendInfo .wrap p { float: left; width: 271px; padding-top: 2px; } .starContent .friendInfo .wrap .more { float:right; width:18px; cursor:pointer; } .starContent .friendInfo .wrap .more span { display:block; width:18px; height:18px; background:transparent url(http://shared.starpl.com/images/star/common/icon_friendship.gif) no-repeat scroll 0 -36px; text-indent:-9999px; } .starContent .friendInfo ul { float:left; width:227px; background:transparent url(http://shared.starpl.com/images/star/common/title_check.gif) no-repeat scroll 0 2px; } .starContent .friendInfo li { width:auto; height:20px; padding:0 0 0 50px; border:0 none; color:#808080; font-size:11px; } .starContent .friendInfo li span { display: none; } .starContent .friendInfo .starInfo { width:190px; padding-bottom:15px; background-position:0 -80px; } .starContent .friendInfo .starInfo li { height: 19px; padding-left: 74px; } .connectedStarContent .friendNotice { width: 546px; overflow: hidden; } .connectedStarContent .friendNotice span { float: left; } .connectedStarContent .friendNotice img { padding-top: 9px; } .connectedStarContent .friendNotice .friendCount { float: right; height: 18px; padding-top : 8px; vertical-align: middle; } .connectedStarContent .friendNotice .friendCount label { padding-right: 1px; color: #767676; font-size: 11px; letter-spacing: -1px; } .connectedStarContent .paging { clear: both; padding: 20px 0 5px 0; height: 15px; } .connectedStarContent .friendSearch { position: relative; width: 204px; height: 20px; margin: 10px auto 0 auto; background: url(http://shared.starpl.com/images/star/common/bg_search.gif) no-repeat scroll 0 0; font-size: 0; } .connectedStarContent .friendSearch span { display: block; float: left; width: 50px; padding: 3px 0 0 10px; color: #7a828e; font-size: 11px; cursor: pointer; } .connectedStarContent .friendSearch ul { position: absolute; top: 20px; left: 0; width: 50px; border: 1px solid #a2aebf; } .connectedStarContent .friendSearch li { width: auto; padding: 2px 5px 1px 2px; background-color: #fff; color: #7a828e; font-size: 11px; cursor: pointer; } .connectedStarContent .friendSearch .inputText { float: left; width: 116px; padding-top: 3px; border: 0; background: transparent; } .connectedStarContent .friendSearch img { padding: 3px; cursor: pointer; } .footerTab { width: 604px; height: 37px; margin-top: -1px; } .footerTab a { display: block; width: 264px; height: 27px; padding-top: 10px; background: url(http://shared.starpl.com/images/star/skin/skin_a_02.gif) no-repeat; color: #fff; font-weight: bold; text-align: center; text-decoration: none; } .footerTab .allRecord { float: left; padding-left: 38px; background-position: 0 -220px; } .footerTab .allConnected { float: right; padding-right: 38px; background-position: -302px -220px; } .footerTab .allRecordBig { width: 604px; background-position: 0 -294px; } .footerTab .allRecord:hover { background-position: 0 -257px; } .footerTab .allConnected:hover { background-position: -302px -257px; } .footerTab .allRecordBig:hover { background-position: 0 -331px; } .starContent .norecord { padding: 78px 0 100px 0; text-align: center; } .starContent .norecord p { padding: 3px 0; color: #8d8d8d; } .starContent .norecord .nrTitle { padding-bottom: 15px; color: #4c4c4c; font-weight: bold; } .starContent .norecord p span { color: #f87800; font-weight: bold; } .starContent .norecord p a { color: #5f5f5f; text-decoration: underline; } /* =Post Write Form */ .postWrite .record { width: 578px; padding: 18px 12px 11px 12px; border: 0; } .postWrite .recordTitle { height: 25px; margin: 0 1px; padding: 4px 0 11px 91px; background: url(http://shared.starpl.com/images/star/common/bg_write_02.gif) no-repeat; } .postWrite .recordTitle input { width: 459px; margin: 2px 0 0 6px; border: 0; background: #f8f8f8; vertical-align: middle; } .postWrite .recordTitle .senseType { position: absolute; top: 25px; left: 12px; width: 83px; padding-left: 10px; color: #747474; font-weight: bold; font-size: 11px; letter-spacing: -1px; cursor: pointer; } .recordTitle .senseType img { vertical-align: middle; } .postWrite .recordTitle .senseType span { padding-left: 3px; } .postWrite .senseTypeList { position: absolute; top: 45px; left: 13px; width: 200px; padding: 0 2px 2px 0; background: url(http://shared.starpl.com/images/star/common/bg_emotion_shadow.gif) no-repeat right bottom; z-index: 10; } .postWrite .senseTypeList p { width: 193px; height: 23px; padding: 7px 7px 0 0; background: url(http://shared.starpl.com/images/star/common/title_emotion_choice.gif) no-repeat; } .postWrite .senseTypeList p span { float: left; width: 100px; visibility: hidden; } .postWrite .senseTypeList p img { float: right; cursor: pointer; } .postWrite .senseTypeList ul { width: 187px; padding: 10px 0 5px 11px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #a6a6a6 #858585; background: #fff; overflow: hidden; } .postWrite .senseTypeList li { float: left; width: 60px; padding-bottom: 5px; } .postWrite .senseTypeList li a { color: #818181; font-size: 11px; letter-spacing: -1px; text-decoration: none; } .postWrite .senseTypeList li a:hover { color: #444; text-decoration: none; } .postWrite .senseTypeList li img { padding-right: 5px; vertical-align: middle; } .postWrite .albumEditor { width: 574px; border-width: 0 2px 1px 2px; border-style: solid; border-color: #d1d1d1 #d9d9d9; } .postWrite .editorMenu { width: 578px; height: 35px; background: url(http://shared.starpl.com/images/star/common/btn_write_tab.gif) no-repeat; overflow: hidden; } .postWrite .editorMenu li { float: left; height: 35px; } .postWrite .editorMenu li a { display: block; width: 93px; height: 35px; color: #666; text-indent: -7777px; overflow: hidden; } .postWrite .editorMenu .album a { width: 92px; } .postWrite .editorMenu li .selected { width: 95px; background: url(http://shared.starpl.com/images/star/common/btn_write_tab.gif) no-repeat 0 -35px; } .postWrite .editorMenu .album .selected { width: 94px; background-position: -93px -35px; } .postWrite .editorMenu .research .selected { width: 93px; background-position: -185px -35px; } .postWrite .recordAttachment { position: relative; width: 567px; padding: 9px 0 0 11px; background: url(http://shared.starpl.com/images/star/common/rnd_write_top.gif) no-repeat; z-index: 1; } .recordAttachment .localFile { display: block; width: 567px; height: 23px; background: url(http://shared.starpl.com/images/star/editor/btn_add_all.gif) no-repeat; overflow: hidden; } .recordAttachment a { float: left; height: 23px; margin-right: 11px; text-indent: -7777px; overflow: hidden; } .recordAttachment .photo { width: 52px; margin-right: 12px; background-position: 0 -23px !important; } .recordAttachment .movie { width: 58px; background-position: -64px -23px !important; } .recordAttachment .flash { width: 53px; background-position: -133px -23px !important; } .recordAttachment .pepbox { width: 67px; background-position: -272px -23px !important; } .recordAttachment a:hover { background: url(http://shared.starpl.com/images/star/editor/btn_add_all.gif) no-repeat; } .recordAttachment object, .recordAttachment embed { float: left; margin-right: 11px; } .recordAttachment ul { position: absolute; width: 149px; z-index: 1; } .recordAttachment .photoMenu { top: 32px; left: 11px; } .recordAttachment .movieMenu { top: 32px; left: 75px; } .recordAttachment .flashMenu { top: 21px; left: 129px; } .recordAttachment li { width: 149px; background: url(http://shared.starpl.com/images/star/editor/btn_editor_mouseover.gif) no-repeat; text-indent: -7777px; overflow: hidden; cursor: pointer; } .recordAttachment .photoMenu .decorate { height: 28px; background-position: 0 0; } .recordAttachment .photoMenu .search { height: 29px; background-position: 0 -28px; } .recordAttachment .movieMenu .source { height: 28px; background-position: 0 -67px; } .recordAttachment .movieMenu .search { height: 29px; background-position: 0 -95px; } .recordAttachment .photoMenu .decorate:hover { height: 28px; background-position: -158px 0; } .recordAttachment .photoMenu .search:hover { height: 29px; background-position: -158px -28px; } .recordAttachment .movieMenu .source:hover { height: 28px; background-position: -158px -67px; } .recordAttachment .movieMenu .search:hover { height: 29px; background-position: -158px -95px; } .postWrite #recordEditor { position: relative; width: 578px; } .postWrite #editorContent { width: 578px; } .postWrite #editorContent textarea { width: 550px; height: 355px; border: 0; background: #f5f5f5; overflow-y: scroll; } .postWrite #editorContent iframe { width: 100%; height: 100%; border: 0; overflow-y: scroll; } .postWrite #showMessage { position: absolute; top: 34px; left: 2px; width: 555px; height: 20px; background: #e5e5e5; color: #818181; font-size: 11px; text-align: center; line-height: 1.8em; z-index: 10; } .postWrite .record dl { position: relative; height: auto; overflow: hidden; } .postWrite .record dt { float: left; } .postWrite .record dl * { vertical-align: middle; } .postWrite .record dd input { padding-top: 2px; } .postWrite .record label { padding-top: 2px; } .postWrite .inputText { background-color: #fff; } .postWrite .recordTag { width: 559px; padding-left: 13px; border: 2px solid #d4d4d4; border-top: 0; border-bottom: 0; background: #f0efed; } .postWrite .recordTag dt { width: 77px; height: 20px; padding-top: 12px; line-height: 1.5em; } .postWrite .recordTag dd { float: left; height: 24px; padding-top: 10px; margin: 0; } .postWrite .recordTag input { width: 370px; padding-left: 5px; border: 1px solid #ccc; color: #8c8c8c; } .postWrite .researchForm { width: 548px; padding: 16px 0 0 24px; border-width: 2px 2px 0 2px; border-style: solid; border-color: #ebebeb #d7d7d7; } .postWrite .researchForm dt { float: none; padding-bottom: 5px; } .postWrite .researchForm dd { width: 530px; margin-bottom: 8px; overflow: hidden; } .postWrite .researchForm .researchSubject { width: 522px; height: 20px; border: 1px solid #ccc; background-color: #ebebeb; } .postWrite .researchForm .researchSubject .inputText { width: 496px; border: 0; padding-top: 5px; background-color: #ebebeb; } .postWrite .researchForm p { float: left; padding: 6px 6px 0 6px; color: #bfbfbf; font-weight: bold; } .postWrite .researchForm .item1, .postWrite .researchForm .item2 { padding: 0; } .postWrite .researchForm p .inputText { width: 236px; height: 20px; padding: 4px 0 0 8px; font-weight: bold; font-size: 14px; } .researchForm p.item1 .inputText { border: 1px solid #7092e1; background: #f7faff url(http://shared.starpl.com/images/star/base/txt_research_yes.gif) no-repeat; color: #7492d9; } .researchForm p.item2 .inputText { border: 1px solid #fe92bc; background: #fff5f9 url(http://shared.starpl.com/images/star/base/txt_research_no.gif) no-repeat; color: #ff69a5; } .postWrite .researchForm p .isText { background-image: none !important; } .postWrite .researchForm dt.researchTerm { float: left; width: 68px; margin-top: 2px; } .postWrite .researchForm dd.researchTerm { width: 200px; } .postWrite .researchForm .notice { color: #f8733f; } .postWrite .recordTagBottom { width: 578px; height: 10px; background: url(http://shared.starpl.com/images/star/common/rnd_write_bottom.gif) no-repeat 0 0; } .postWrite .setHistory { width: 573px; padding: 18px 0 0 6px; } .postWrite .setHistory dt { padding: 1px 0 0 3px; } .postWrite .setHistory dd { height: 22px; } .postWrite .setHistory dd select { width: 130px; height: 18px; margin-right: 3px; font-size: 13px; } .postWrite .setHistory dd img { cursor: pointer; } .postWrite .setHistory .inputText { width: 170px; padding: 3px 5px; } .postWrite .setCategory { position: relative; width: 573px; padding: 15px 0 0 1px; z-index: 1; } .postWrite .setCategory .rndCategory { display:block; width: 573px; height: 7px; background: url(http://shared.starpl.com/images/star/common/bg_editor.gif) no-repeat 0 0; font-size:0; overflow: hidden; } .postWrite .setCategory .categoryBox { border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; } .postWrite #noTimeline, .postWrite #isTimeline { min-height: 17px; height: auto !important; height: 17px; padding: 0 0 5px 15px; background: #f6f6f6; } .postWrite .setCategory ul li { padding-top: 5px; color:#6c6c6c; font-size:11px; } .postWrite .setCategory li span { padding: 0 5px; background: #c9fffb; } .postWrite .setCategory .authView { position: relative; width:558px; height: 21px; padding: 12px 0 0 13px; cursor: pointer; } .postWrite .authView label { padding: 0 0 0 10px; background: url(http://shared.starpl.com/images/star/guest/blt_01.gif) no-repeat 2px 45%; font-weight: bold; } .postWrite .authView span { padding-right: 19px; color: #4181e1; font-weight:bold; } .postWrite .authView #buttonConfigAuth { position: absolute; top: 9px; right:16px; padding: 0; } .postWrite .setCategory .authEdit { position: relative; width:571px; padding-bottom: 15px; } .postWrite .authEdit .authLine { display:block; width: auto; height: 6px; border-bottom: 1px solid #dcdcdc; overflow: hidden; } .postWrite .authEdit dl { width:543px; padding: 14px 0 0 28px; border-top: 2px solid #f7f7f7; overflow: visible; z-index: 1; } .postWrite .authEdit dt { width: 88px; padding: 3px 0 0 8px; background: url(http://shared.starpl.com/images/star/guest/blt_01.gif) no-repeat 0 8px; font-weight: bold; } .postWrite .authEdit dt img { padding-left: 3px; } .postWrite .authEdit dd { height: 25px; margin-left: 89px; } .postWrite .authEdit dd label { padding-right: 12px; } .postWrite .authEdit dd img { cursor: pointer; } .postWrite .authEdit dd.authEditRadioBtns { padding-left:2px; } .postWrite #configAuth dd.pubCategory { position: absolute; top: 35px; left: 15px; width: 500px; height: auto; margin: 0; padding: 17px 20px; border: 2px solid #69c2e8; background: #fff; font-size: 11px; line-height: 1.3em; z-index: 10; overflow: hidden; } .postWrite .pubCategory .categoryClose { position: absolute; top: 3px; right: 3px; padding: 5px; cursor: pointer; } .postWrite .pubCategory p { padding-bottom: 5px; margin-bottom: 12px; } .postWrite .pubCategory div { float: left; width: 83px; } .postWrite .pubCategory ul { padding-top: 7px; } .postWrite .pubCategory li { padding: 3px 0; } .postWrite .pubCategory li span { padding: 0 0 2px 16px; background: url(http://shared.starpl.com/images/star/common/radiobtn_publish.gif) no-repeat 0 0; cursor: pointer; } .postWrite .pubCategory li span.selected { background-position: 0 -18px; } .postWrite .stayOpened { position: absolute; right: 0; height: 18px; margin-top: -5px; } .postWrite .stayOpened label { padding-right: 20px; } .postWrite .stayOpened img { vertical-align: middle; } .postWrite .setCategory .helpPublishPopup { position: absolute; top: 22px; right:24px; color: #fa7e5f; font-size:11px; text-align: right; text-decoration: underline; letter-spacing : -1px; cursor: pointer; z-index: 2; } .postWrite .setCategory .rndBottom{ background-position: 0 -7px; } .postWrite .setTimeline { width: 576px; padding: 20px 0 24px 0; border-bottom: 1px solid #dddddd; } .postWrite .setTimeline * { vertical-align: middle; } .postWrite .setTimeline dt { width: 105px; padding: 2px 0 0 15px; color: #818181; font-weight: bold; font-size: 11px; letter-spacing: -1px; } .postWrite .setTimeline dd { margin-left: 120px; padding-bottom: 9px; } .postWrite .setTimeline dd input { margin-left: 3px; } .postWrite .setTimeline dd label { padding-right: 12px; color: #555; font-size: 11px; letter-spacing: -1px; cursor: pointer; } .postWrite #openConfigAuth label { padding: 0 0 0 10px; background: url(http://shared.starpl.com/images/star/guest/blt_01.gif) no-repeat 2px 45%; font-weight: bold; } .postWrite #openConfigAuth span { padding-right: 15px; color: #41b1e1; } .postWrite #openConfigAuth span span { color: #fa7e5f; } .postWrite .setTimeline .setTime { padding-left: 5px; } .postWrite .setTimeline .setTime img { cursor: pointer; } .postWrite .setTimeline .photoTime { width: 456px; padding: 0; color: #595959; } .postWrite .photoTime p { height: 21px; padding: 11px 0 0 18px; background: url(http://shared.starpl.com/images/star/common/bg_timerecord.gif) no-repeat; } .postWrite .photoTime ul { height: 152px; border: 1px solid #d5d5d5; border-width: 0 1px 1px 1px; overflow: auto; } .postWrite .photoTime li { height: 40px; padding: 5px 20px 5px 14px; border-bottom: 1px solid #d5d5d5; } .postWrite .photoTime li img { float: left; margin-right: 16px; } .postWrite .photoTime .date { float: left; padding-top: 13px; font-weight: bold; } .postWrite .photoTime .button { float: right; width: 35px; height: 20px; margin-top: 11px; background: url(http://shared.starpl.com/images/star/base/btn_apply_time.gif) no-repeat; text-indent: -7777px; overflow: hidden; cursor: pointer; } .postWrite .photoTime .selected { background: #eff4f8; } .postWrite .photoTime .selected .date { color: #5881ac; } .postWrite .photoTime .selected .button { background-position: 0 -20px; } .postWrite #helpShare { position: absolute; top: 430px; left: 160px; z-index: 10; } .postWrite #helpRecord { position: absolute; top: 310px; left: 250px; z-index: 5; } .postWrite #helpPublish { position: absolute; top: 500px; left: 130px; z-index: 7; } .postWrite .postWriteSubmit { position: relative; width: 550px; padding: 24px 13px; text-align: center; } .postWriteSubmit p { position: absolute; top: 12px; left: 0; } .postWriteSubmit input, .postWriteSubmit img { vertical-align: top; cursor: pointer; } .postShareMemory h2 { width: 560px; margin-left: 21px; padding: 16px 0 8px 0; border-bottom: 1px solid #cacaca; } .postShareMemory .oriRecord { padding: 18px 0 0 0; } .postShareMemory .wrapContents { padding-bottom: 20px; border-bottom: 1px solid #cacaca; } .postShareMemory .recordSubmit { padding: 20px 0; text-align: center; } /* = KeywordTab = */ .starContent .ownerKeywordAll { width: 582px; padding: 8px 10px 30px 10px; } .ownerKeywordAll h3 { display: none; } .ownerKeywordAll .justify { position: relative; width: 582px; padding-bottom: 8px; /* relKeyword overflow: hidden;*/ } .ownerKeywordAll .justify .keywordAllMenu { display: block; position: absolute; top: 6px; right: 0; width: 200px; padding-right: 5px; font-size: 11px; letter-spacing: -1px; text-align: right; } .ownerKeywordAll .keywordAllMenu a { color: #5f7295; } .ownerKeywordAll .keywordAllMenu .selected { color: #374f7b; font-weight: bold; } .ownerKeywordAll .keywordAllMenu .bar { padding: 0 3px; } /* relKeyword .ownerKeywordAll #tabMenuKeywordListOrder, .ownerKeywordAll #tabMenuTagListOrder { float: left; width: 250px; overflow: hidden; }*/ .ownerKeywordAll .justify div div { /* relKeyword float: left;*/ position: relative; width: 90px; height: 21px; background: url(http://shared.starpl.com/images/star/base/bg_align.gif) no-repeat; color: #8c94ab; font-size: 11px; cursor: pointer; } .ownerKeywordAll .justify div div span { float: left; width: 61px; padding: 3px 0 0 6px; } .ownerKeywordAll .justify button { display: block; float: right; width: 23px; height: 21px; border: 0; background: url(http://shared.starpl.com/images/star/base/bg_align.gif) no-repeat -67px 0; text-indent: -7777px; overflow: hidden; cursor: pointer; } .ownerKeywordAll .justify div ul { position: absolute; top: 20px; left: 0; width: 88px; border: 1px solid #8c94ab; z-index: 10; } .ownerKeywordAll .justify div li { width: 81px; padding: 2px 5px 1px 2px; background-color: #fff; cursor: pointer; } .ownerKeywordAll .justify div li:hover { background-color: #eee; } .ownerKeywordAll .justify .relKeywordShowAll { float: left; padding: 3px 0 0 12px; color: #566585; font-size: 11px; letter-spacing: -1px; } .ownerKeywordAll .justify .relKeywordShowAll input { margin-top: -2px; vertical-align: middle; } .ownerKeywordAll .justify .relKeywordShowAll label { cursor: pointer; } .ownerKeywordAll .keywordList { width: 570px; padding: 0 6px 26px 6px; background: url(http://shared.starpl.com/images/star/base/bg_keyword_space.gif) no-repeat; } .ownerKeywordAll .keywordList table { width: 570px; border-collapse: collapse; border: 0; } .ownerKeywordAll .keywordList th { height: 36px; text-indent: -7777px; } .ownerKeywordAll .keywordList td { height: 38px; border-bottom: 1px solid #e5e5e5; vertical-align: middle; } .ownerKeywordAll .keywordList .keyword { padding-left: 12px; font-weight: bold; font-size: 14px; letter-spacing: -1px; } .ownerKeywordAll .keywordList .keyword p { width: 174px; height: 1.5em; padding-top: 7px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .ownerKeywordAll .keywordList .keyword img { width: 15px; height: 14px; padding-right: 2px; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat -498px -168px; vertical-align: middle; } .ownerKeywordAll .keywordList .school img { background-position: -498px -208px; } .ownerKeywordAll .keywordList .work img { background-position: -498px -248px; } .ownerKeywordAll .keywordList .community img { background-position: -498px -288px; } .ownerKeywordAll .keywordList .interest img { background-position: -498px -328px; } .ownerKeywordAll .keywordList .keyword a { color: #6b79a6; } .ownerKeywordAll .keywordList .keyword button { width: 12px; height: 13px; margin-left: 5px; border: 0; background: url(http://shared.starpl.com/images/star/common/btn_connection_open.gif) no-repeat 0 -13px; color: #5e5e5e; font-size: 0; vertical-align: middle; } .ownerKeywordAll .keywordList .memCount { width: 47px; padding-right: 10px; font-size: 11px; text-align: right; } .ownerKeywordAll .keywordList .memCount a { color: #adadad; } .ownerKeywordAll .keywordList .memCount span { padding-right: 1px; color: #2d5995; font: bold 11px Tahoma; } .ownerKeywordAll .keywordList .recCount { width: 58px; padding-right: 12px; font: 16px Arial; text-align: right; } .ownerKeywordAll .keywordList .recCount a { color: #fa6732; } .ownerKeywordAll .keywordList .recCount .zero { color: #b3b3b3; } .ownerKeywordAll .keywordList .date { width: 122px; padding-left: 17px; color: #adadad; font: 10px Tahoma; } .ownerKeywordAll .keywordList .config { width: 91px; padding-left: 15px; } .ownerKeywordAll .keywordList .config button { float: left; width: 87px; height: 21px; border: 0; background: url(http://shared.starpl.com/images/star/base/btn_add_mykeyword.gif) no-repeat; text-indent: -7777px; cursor: pointer; } .ownerKeywordAll .keywordList .config button:hover { background-position: 0 -21px; } .ownerKeywordAll .keywordList .config .edit { width: 39px; margin-right: 4px; background-image: url(http://shared.starpl.com/images/star/base/btn_keyword_setting.gif); } .ownerKeywordAll .keywordList .config .open { width: 43px; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat -438px -168px; } .ownerKeywordAll .keywordList .config .open:hover { background-position: -438px -168px; } .ownerKeywordAll .keywordList .config .closed { width: 43px; background-image: url(http://shared.starpl.com/images/star/base/btn_keyword_receive_off.gif); } .ownerKeywordAll .keywordList .relatedKeyword { height: 35px; } .ownerKeywordAll .keywordList .relatedKeyword div { position: relative; top: -5px; width: 554px; padding: 0 4px 0 12px; background-color: #fff; } .ownerKeywordAll .keywordList .relatedKeyword b { display: block; height: 1px; border: 1px solid #dbe1f1; border-width: 0 1px; background-color: #f5f7fd; font-size: 0; overflow: hidden; } .ownerKeywordAll .keywordList .relatedKeyword .r1 { margin: 0 1px; background-color: #dbe1f1; } .ownerKeywordAll .keywordList .relatedKeyword .r2 { border-width: 0 2px; } .ownerKeywordAll .keywordList .relatedKeyword span { display: block; padding: 5px 11px 4px 11px; border: 1px solid #dbe1f1; border-width: 0 1px; background-color: #f5f7fd; color: #859ace; font-weight: bold; font-size: 11px; letter-spacing: -1px; } .ownerKeywordAll .keywordList .relatedKeyword a { color: #859ace; } .ownerKeywordAll .relKeywordList { width: 570px; padding: 5px 6px 26px 6px; background: url(http://shared.starpl.com/images/star/base/bg_keyword_space.gif) no-repeat; } .ownerKeywordAll .relKeywordList h4 { width: 520px; margin: 0 0 8px 14px; padding: 5px 0; background-color: #fafafa; color: #afb4bd; font: bold 11px Arial; } .ownerKeywordAll .relKeywordList h4 img { margin-top: -1px; padding-right: 5px; vertical-align: middle; } .ownerKeywordAll .relKeywordList div { padding: 5px 4px 0 4px; } .ownerKeywordAll .relKeywordList div a { padding-right: 10px; color: #a4a4a4; line-height: 1.8; white-space: nowrap; } .ownerKeywordAll .relKeywordList div .third { color: #797979; font-weight: bold; } .ownerKeywordAll .relKeywordList div .second { color: #80a234; font-weight: bold; font-size: 14px; } .ownerKeywordAll .relKeywordList div .first { color: #5985ca; font-weight: bold; font-size: 16px; } /* = Document = */ .starContent .document { width: 572px; padding: 24px 15px; } .document .ownerDoc { position: relative; width: 572px; margin-bottom: 24px; overflow: hidden; } .ownerDoc .nemoImage { float: left; width: 90px; height: 90px; padding: 4px; border: 1px solid #d2d2d2; background: #e5e5e5; } .ownerDoc .friendIcon { position: absolute; top: 0; left: 188px; z-index: 1; } .ownerDoc .friendIcon a { display: block; float: left; width: 14px; height: 14px; background: url(http://shared.starpl.com/images/star/document/icon_friend_02.gif) no-repeat 1px 0; text-indent: -9999px; } .document .ownerDoc h3 { float: left; position: relative; width: 440px; padding-left: 22px; font-size: 0; } .document .ownerDoc h3 a img { position: absolute; right: 0; } .document .ownerDoc dl { float: left; position: relative; width: 440px; padding: 12px 0 0 22px; overflow: hidden; } .document .ownerDoc dt { float: left; width: 68px; height: 18px; padding-top: 1px; overflow: hidden; } .document .ownerDoc dd { height: 19px; min-height: 19px; margin-left: 68px; } .document .starDoc { clear: both; position: relative; width: 572px; background: #404040 url(http://shared.starpl.com/images/star/document/bg_star_top.gif) no-repeat 0 0; overflow: hidden; } .document .starDoc .mySkin { position: absolute; top: 43px; right: 55px; width: 76px; height: 76px; } .document .starDoc h3 { display: none; } .document .starDoc #openHelpDoc { position: absolute; top: 64px; left: 32px; cursor: pointer; } .document #helpDoc { position: absolute; top: 316px; left: 124px; z-index: 15; cursor: pointer; } .document #helpStarCoord { position: absolute; top: 420px; left: 215px; z-index: 5; cursor: pointer; } .document .starDoc .starInfo { height: 295px; } .document .starDoc .starInfo dt { display: none; } .document .starDoc .starInfo dd { position: absolute; left: 186px; color: #999; line-height: 1.3em; } .document .starDoc .starInfo .starName { top: 40px; } .document .starDoc .starInfo .constellation { top: 60px; } .document .starDoc .starInfo .brightness { top: 80px; } .document .starDoc .starInfo .color { top: 100px; } .document .starDoc .starInfo .starNumber { top: 145px; } .document .starDoc .starInfo .url { top: 165px; } .document .starDoc .starInfo .ra { top: 210px; } .document .starDoc .starInfo .de { top: 231px; } .document .starDoc .starInfo .magnitude { top: 251px; } .document .starDoc .starInfo dd span { color: #747d96; } .document .starDoc .starInfo dd img { vertical-align: middle; } .document .starDoc .starInfo .color img { margin-left: 5px; cursor: pointer; } .document .starDoc .starHistory { position: relative; width: 370px; margin-left: 150px; padding: 13px 0; border-bottom: 1px solid #505050; overflow: hidden; } .document .starDoc .starHistory dt { position: absolute; top: 13px; left: 0; width: 74px; color: #999; font: bold 26px Arial; } .document .starDoc .starHistory dd { margin-left: 65px; } .document .starDoc .starHistory li { padding: 3px 0 10px 0; color: #999; line-height: 1.3em; } .document .starDoc .starHistory li span { padding-right: 16px; color: #999; font-family: Tahoma; font-size: 10px; } .document .starDocBottom { position: relative; width: 572px; height: 9px; margin-top: -1px; background: url(http://shared.starpl.com/images/star/document/bg_star_bottom.gif) no-repeat 0 0; font-size: 0px; } .document .starColorPopup { position: absolute; top: 310px; left: 200px; width: 335px; height: 315px; background: url(http://shared.starpl.com/images/star/document/bg_starlight.gif) no-repeat 0 0; z-index: 10; } .document .starColorPopup img { position: absolute; top: 0; right: 0; cursor: pointer; } .document .starColorPopup p { padding-top: 47px; color: #888; font-size: 11px; letter-spacing: -1px; text-align: center; } .document .starColorPopup p span { color: #ccc; font-weight: bold; } .document .starColorPopup table { table-layout: fixed; width: 228px; margin: 34px 0 0 94px; border: 0; border-collapse: collapse; } .document .starColorPopup th { display: none; } .document .starColorPopup td { height: 23px; font: 10px Tahoma; } .document .starColorPopup td div { height: 7px; overflow: hidden; } .document .starColorPopup .daily div { background: #324857; } .document .starColorPopup .daily .midium { background: #3e6881; } .document .starColorPopup .daily .high { background: #4893bf; } .document .starColorPopup .daily span { color: #4893bf; } .document .starColorPopup .life div { background: #43365f; } .document .starColorPopup .life .midium { background: #55407f; } .document .starColorPopup .life .high { background: #7351b5; } .document .starColorPopup .life span { color: #7351b5; } .document .starColorPopup .culture div { background: #593635; } .document .starColorPopup .culture .midium { background: #77413e; } .document .starColorPopup .culture .high { background: #bf5c56; } .document .starColorPopup .culture span { color: #bf5c56; } .document .starColorPopup .entertainment div { background: #42422b; } .document .starColorPopup .entertainment .midium { background: #646436; } .document .starColorPopup .entertainment .high { background: #8c8c40; } .document .starColorPopup .entertainment span { color: #8c8c40; } .document .starColorPopup .social div { background: #2e422b; } .document .starColorPopup .social .midium { background: #3a5e33; } .document .starColorPopup .social .high { background: #4d8c40; } .document .starColorPopup .social span { color: #4d8c40; } .document .starColorPopup .science div { background: #42362b; } .document .starColorPopup .science .midium { background: #644d36; } .document .starColorPopup .science .high { background: #8c6640; } .document .starColorPopup .science span { color: #8c6640; } .document .starColorPopup td span { padding-left: 7px; } /* =Friends */ .ownerFriends .friendTitle { width: 576px; height: 27px; padding: 9px 14px 0 12px; overflow: hidden; } .ownerFriends .friendMenu { float: left; width: 250px; overflow: hidden; z-index: 10; } .ownerFriends .friendMenu li { float: left; width: 68px; height: 16px; margin-right: 6px; padding: 3px 0 2px 0; font-weight: bold; text-align: center; cursor: pointer; } .ownerFriends .friendMenu li:last-child, .ownerFriends .friendMenu .recommend { padding: 3px 8px 0 8px; } .ownerFriends .friendMenu .selected { background-color: #6c6e73; color: #fff; } .starContent .ownerFriends .listOrder { padding-top: 3px; letter-spacing: -1px; } .ownerFriends .listOrder .selected { /*color: #35455b;*/ } .ownerFriends .friends { width: 574px; padding: 10px 14px 24px 14px; background: #fff; } .ownerFriends .friendHeader { position: relative; width: 574px; } .ownerFriends .friendGroupText { float: left; width: 140px; height: 20px; background: url(http://shared.starpl.com/images/star/common/bg_search_01.gif) no-repeat -72px -20px; overflow: hidden; } .ownerFriends .friendGroupText span { float: left; width: 106px; height: 1.3em; padding: 4px 0 0 9px; font-size: 11px; overflow: hidden; } .ownerFriends .friendGroupText img { float: left; padding: 3px; background: #fff url(http://shared.starpl.com/images/star/common/bg_search_01.gif) no-repeat right top; cursor: pointer; } .ownerFriends .friendGroupList { float: left; position: absolute; top: 19px; left: 0; width: 129px; padding: 2px; border: 1px solid #adafb3; background-color: #fff; z-index: 10; } .ownerFriends .friendGroupList li { width: 125px; height: 1.3em; padding: 2px 0 1px 4px; overflow: hidden; cursor: pointer; } .ownerFriends .friendGroupList li:hover { background-color: #e0e0e0; } .ownerFriends .friendHeader p { float: left; padding: 4px 0 6px 1px; font-size: 11px; } .ownerFriends .friendHeader .tip span { color: #f8733f; } .ownerFriends .goManage { float: right; } .ownerFriends .friendSearch { position: relative; width: 203px; height: 20px; margin: auto; background: url(http://shared.starpl.com/images/star/common/bg_search_01.gif) no-repeat; font-size: 0; } .ownerFriends .friendSearch ul { position: absolute; top: 20px; left: 0; border: 1px solid #b1b1b1; z-index: 10; } .ownerFriends .friendSearch li { padding: 2px 5px 1px 2px; background-color: #fff; color: #7a828e; font-size: 11px; cursor: pointer; } .ownerFriends .friendSearch li:hover { background-color: #eee; } .ownerFriends .friendSearch span { display: block; float: left; width: 50px; padding: 3px 0 0 10px; color: #7a828e; font-size: 11px; cursor: pointer; } .ownerFriends .friendSearch .inputText { float: left; width: 117px; border: 0; background: transparent; } .ownerFriends .friendSearch img { padding: 3px; } .ownerFriends .index { clear: both; width: 420px; height: 17px; padding: 0 0 10px 2px; overflow: hidden; } .ownerFriends .index span { display: block; float: left; margin-right: 3px; cursor: pointer; } .ownerFriends .index span span { float: none; width: 18px; height: 17px; margin-right: 0; background: url(http://shared.starpl.com/images/star/common/btn_order_01.gif) no-repeat; font-size: 0; text-indent: -7777px; overflow: hidden; } .ownerFriends .index .all span { width: 32px; } .ownerFriends .index .ga span { background-position: -32px 0; } .ownerFriends .index .na span { background-position: -50px 0; } .ownerFriends .index .da span { background-position: -68px 0; } .ownerFriends .index .ra span { background-position: -86px 0; } .ownerFriends .index .ma span { background-position: -104px 0; } .ownerFriends .index .ba span { background-position: -122px 0; } .ownerFriends .index .sa span { background-position: -140px 0; } .ownerFriends .index .a span { background-position: -158px 0; } .ownerFriends .index .ja span { background-position: -176px 0; } .ownerFriends .index .cha span { background-position: -194px 0; } .ownerFriends .index .ka span { background-position: -212px 0; } .ownerFriends .index .ta span { background-position: -230px 0; } .ownerFriends .index .pa span { background-position: -248px 0; } .ownerFriends .index .ha span { background-position: -266px 0; } .ownerFriends .index .alphabetical span { width: 45px; background-position: -284px 0; } .ownerFriends .index .etc span { width: 32px; background-position: -329px 0; } .ownerFriends .index .all .selected { background-position: 0 -17px; } .ownerFriends .index .ga .selected { background-position: -32px -17px; } .ownerFriends .index .na .selected { background-position: -50px -17px; } .ownerFriends .index .da .selected { background-position: -68px -17px; } .ownerFriends .index .ra .selected { background-position: -86px -17px; } .ownerFriends .index .ma .selected { background-position: -104px -17px; } .ownerFriends .index .ba .selected { background-position: -122px -17px; } .ownerFriends .index .sa .selected { background-position: -140px -17px; } .ownerFriends .index .a .selected { background-position: -158px -17px; } .ownerFriends .index .ja .selected { background-position: -176px -17px; } .ownerFriends .index .cha .selected { background-position: -194px -17px; } .ownerFriends .index .ka .selected { background-position: -212px -17px; } .ownerFriends .index .ta .selected { background-position: -230px -17px; } .ownerFriends .index .pa .selected { background-position: -248px -17px; } .ownerFriends .index .ha .selected { background-position: -266px -17px; } .ownerFriends .index .alphabetical .selected { width: 48px; background-position: -284px -14px; } .ownerFriends .index .etc .selected { width: 27px; background-position: -329px -14px; } .ownerFriends .friendListHeader { clear: both; height: 20px; padding-top: 9px; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #e9e9e9; background-color: #f2f2f2; overflow: hidden; } .ownerFriends .friendListHeader li { float: left; height: 1.2em; border-right: 1px solid #d1d1d1; color: #a8a9a9; font-weight: bold; font-size: 11px; } .ownerFriends .friendListHeader .starname { width: 94px; padding-left: 71px; } .ownerFriends .friendListHeader .name { width: 52px; padding-left: 30px; } .ownerFriends .friendListHeader .date { width: 56px; padding-left: 24px; } .ownerFriends .friendListHeader .friendly { width: 165px; padding-left: 75px; border: 0; } .ownerFriends .middle { padding: 0 5px; } .ownerFriends .middle li { width: 560px; padding: 6px 2px; border-bottom: 1px solid #e6e6e6; } .ownerFriends .middle dl { height: 32px; overflow: hidden; } .ownerFriends .middle dt { float: left; width: 50px; } .ownerFriends .middle dt img { border: 1px solid #d2d2d2; vertical-align: top; } .ownerFriends .middle dd { float: left; width: 70px; height: 23px; padding: 9px 8px 0 0; overflow: hidden; } .ownerFriends .middle .flStarName { width: 117px; padding-right: 15px; } .ownerFriends .middle .date { /*width: 130px;*/ color: #999; font: 10px Tahoma; } .ownerFriends .friendly span { display: block; height: 8px; margin-top: 2px; background: url(http://shared.starpl.com/images/star/common/icon_friendship.gif) no-repeat; font-size: 0; text-indent: -9999px; cursor: pointer; } .ownerFriends .friendly .intimate { background-position: 0 -70px; } .ownerFriends .friendly .friendly { background-position: 0 -62px; } .ownerFriends .friendly .awkward { background-position: 0 -54px; } .ownerFriends .middle .more { float: right; width: 18px; padding: 8px 0 0 0; } .ownerFriends .middle .more a { display: block; width: 18px; height: 18px; background: url(http://shared.starpl.com/images/star/common/icon_friendship.gif) no-repeat; text-indent: -9999px; } .ownerFriends .middle .more a:hover { background-position: 0 -18px; } .ownerFriends .middle .more span { display: block; width: 18px; height: 18px; background: url(http://shared.starpl.com/images/star/common/icon_friendship.gif) no-repeat 0 -36px; text-indent: -9999px; } .ownerFriends .friendInfo { clear: both; width: 560px; margin-bottom: -5px; padding-top: 6px; overflow: hidden; } .ownerFriends .friendInfo .thumbnail { display: block; float: left; width: 90px; padding: 4px; border: 1px solid #d2d2d2; background-color: #e5e5e5; } .ownerFriends .friendInfo .thumbnail img { vertical-align: top; } .ownerFriends .friendInfo .wrap { float: right; width: 428px; min-height: 0; padding-bottom: 13px; overflow: hidden; } .ownerFriends .friendInfo .wrap p { float: left; width: 266px; padding-top: 2px; } .ownerFriends .friendInfo .wrap .friendly { width: 45px; } .ownerFriends .friendInfo .wrap .more { float: right; width: 18px; cursor: pointer; } .ownerFriends .friendInfo .starname { margin-right: 9px; padding-right: 12px; border-right: 1px solid #b2b2b2; color: #7694cc; font-weight: bold; } .ownerFriends .friendInfo .date { padding-left: 7px; } .ownerFriends .friendIcon a { background: url(http://shared.starpl.com/images/star/common/icon_friend_02.gif) no-repeat 1px 0; } .ownerFriends .friendInfo ul { float: left; width: 230px; background: url(http://shared.starpl.com/images/star/common/title_check.gif) no-repeat 0 2px; } .ownerFriends .friendInfo li { width: auto; height: 20px; padding: 0 0 0 50px; border: 0; color: #808080; font-size: 11px; } .ownerFriends .friendInfo .starInfo { width: 190px; padding-bottom: 15px; background-position: 0 -80px; } .ownerFriends .friendInfo .starInfo li { height: 19px; padding-left: 74px; } .ownerFriends .friendInfo li span { display: none; } .ownerFriends .paging { padding: 20px 0; } .ownerFriends .foaf { width: 568px; padding-left: 17px; } .ownerFriends .foafHeader { width: 556px; height: 35px; padding-right: 12px; background: url(http://shared.starpl.com/images/star/common/bg_box_01.gif) no-repeat; overflow: hidden; } .ownerFriends .foafHeader span { display: none; } .ownerFriends .foafHeader img { float: right; margin-top: 12px; } .ownerFriends .foaf .middle { width: 530px; height: 60px; padding: 6px 18px 12px 18px; border: 1px solid #c2c4c7; border-width: 0 1px; overflow: hidden; } .ownerFriends .foaf p { padding-bottom: 10px; color: #9d9d9d; font-size: 11px; letter-spacing: -1px; } .ownerFriends .foaf dl { float: left; width: 176px; padding-bottom: 20px; } .ownerFriends .foaf dt { float: left; width: 42px; } .ownerFriends .foaf dd { width: 126px; height: 1.3em; padding-top: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .ownerFriends .bottom { position: relative; width: 568px; height: 5px; margin-top: -2px; background: url(http://shared.starpl.com/images/star/common/bg_box_01.gif) no-repeat 0 -105px; font-size: 0; } .ownerFriends .findFriend { float: left; width: 282px; padding: 18px 4px 50px 17px; } .ownerFriends .inviteFriend { float: left; width: 282px; padding-top: 18px; } .ownerFriends .findFriend .foafHeader { width: 282px; padding: 0; background-position: 0 -35px; } .ownerFriends .inviteFriend .foafHeader { width: 282px; padding: 0; background-position: 0 -70px; } .ownerFriends .findFriend .middle, .ownerFriends .inviteFriend .middle { width: 265px; padding: 10px 0 12px 15px; border: 1px solid #c2c4c7; border-width: 0 1px; } .ownerFriends .findFriend .bottom, .ownerFriends .inviteFriend .bottom { width: 282px; background-position: 0 -110px; } .ownerFriends .middle img { vertical-align: middle; } .ownerFriends .findFriend .search { position: relative; width: 260px; background: url(http://shared.starpl.com/images/star/common/bg_search_01.gif) no-repeat 0 -20px; z-index: 10; } .ownerFriends .findFriend .search span { display: block; float: left; width: 65px; padding: 3px 0 0 8px; color: #7a828e; font-size: 11px; cursor: pointer; } .ownerFriends .findFriend .inputText { float: left; width: 113px; margin-right: 5px; border: 0; background: transparent; } .ownerFriends .findFriend ul { position: absolute; top: 19px; left: 0; border: 1px solid #b1b1b1; z-index: 10; } .ownerFriends .findFriend li { width: 50px; padding: 2px 5px 1px 2px; border: 0; background-color: #fff; color: #7a828e; font-size: 11px; cursor: pointer; } .ownerFriends .findFriend li:hover { background-color: #eee; } .ownerFriends .inviteFriend span { padding-right: 5px; font-size: 11px; letter-spacing: -1px; } .ownerFriends .inviteFriend span span { padding-right: 0; color: #f25235; } /* = Guest = */ .starContent .guestBoundary { width: 570px; padding: 16px; overflow: hidden; } .guestBoundary h2 { position: relative; width: 570px; height: 14px; padding: 4px 0 7px 2px; font: bold 12px Tahoma; } .guestBoundary h2 span { color: #999; font-weight: normal; font-size: 11px; vertical-align: top; } .guestBoundary h2 a img { position: absolute; top: 0; right: 0; } .guestBoundary .guestWrite { position: relative; width: 572px; background: url(http://shared.starpl.com/images/star/guest/write_rnd_top.gif) no-repeat 0 0; overflow: hidden; } .guestBoundary .guestWrite .guestWrite_login, .guestBoundary .guestWrite .guestWrite_logout { width: 475px; height: 94px; padding: 24px 10px 10px 87px; overflow: hidden; } .guestBoundary .guestWrite .guestNemo { position: absolute; top: 24px; left: 28px; width: 48px; height: 90px; overflow: hidden; } .guestBoundary .guestWrite .guestNemo .nemoThumb { position: absolute; top: 3px; left: 3px; border: 1px solid #d2d2d2; } .guestBoundary .guestWrite dl { float: left; width: 403px; overflow: hidden; } .guestBoundary .guestWrite dt.guestContent { display: none; } .guestBoundary .guestWrite dt, .guestWrite dd { display: inline; } .guestBoundary .guestWrite_logout dt { color: #999; font-weight: bold; } .guestBoundary .guestWrite textarea { width: 398px; height: 88px; border: 1px solid #bababa; background: #fff; } .guestBoundary .guestWrite_logout dd input { width: 90px; margin-right: 7px; padding: 3px 0 0 3px; border: 1px solid #bababa; } .guestBoundary .guestWrite_logout dd textarea { height: 65px; margin-top: 2px; } .guestBoundary .guestWrite_btns { position: absolute; top: 48px; left: 496px; width: 63px; letter-spacing: -2px; overflow: hidden; } .guestBoundary .guestWrite_logout .guestWrite_btns { top: 67px; } .guestBoundary .guestWrite_btns .submit { margin-top: 5px; } .guestBoundary .guestWrite .logout_Limit { width: 510px; height: 2em; padding: 24px 26px 10px 26px; overflow: hidden; } .guestBoundary .guestWrite .logout_Limit p { padding-left: 10px; background: url(http://shared.starpl.com/images/star/guest/blt_01.gif) no-repeat 0 40%; } .guestBoundary .guestWrite_bottom { position: relative; width: 572px; height: 39px; background: url(http://shared.starpl.com/images/star/guest/write_rnd_middle.gif) no-repeat 0 0; } .guestBoundary .guestWrite_bottom div { position: absolute; bottom: -18px; left: 10px; width: 549px; height: 10px; background: #fff; } .guestBoundary .guestList_back { width: 554px; margin: 0 9px; background: #eeedec; } .guestBoundary .guestList { width: 549px; margin-right: 3px; border-left: 1px solid #d6d6d5; border-right: 1px solid #d6d6d5; background: #fff; overflow: hidden; } .guestBoundary .guestList .guestText_top { width: 549px; height: 10px; border-bottom: 1px dashed #ccc; } .guestBoundary .guestList .guestText { width: 470px; margin: 25px 40px 10px 40px; overflow: hidden; } .guestBoundary .guestText .guestTextNemo { float: left; position: relative; width: 48px; height: 90px; padding: 0 17px 0 2px; overflow: hidden; } .guestBoundary .guestTextNemo .nemoThumb { position: absolute; top: 3px; left: 5px; border: 1px solid #d2d2d2; } .guestBoundary .guestText .guestTextText { width: 400px; line-height: 1.3em; overflow: hidden; } .guestBoundary .guestTextText .guest_info_text { position: relative; width: 400px; padding-bottom: 7px; } .guestBoundary .guestTextText .guest_info_text * { vertical-align: middle; } .guestBoundary .guest_name { color: #999; font-size: 12px; font-weight: bold; } .guestBoundary .guest_name a { color: #8d7051; text-decoration: none; } .guestBoundary .guest_info_text .guest_num, .guestBoundary .guest_info_text .guest_date { padding: 0 3px; color: #999; font-family: Tahoma; font-size: 10px; } .guestBoundary .guest_info_text .modifydel { position: absolute; top: 0; right: 0; color: #999; font-size: 11px; } .guestBoundary .guest_info_text .modifydel a { color: #999; } .guestBoundary .modify textarea { width: 395px; height: 66px; background: #fff; } .guestBoundary .guestList .guestReply_top, .guestList .guestReply_bottom { width: 482px; height: 10px; margin: 0 32px 0 35px; background: #f4f0ed url(http://shared.starpl.com/images/star/guest/reply_rnd_top.gif) no-repeat 0 0; font-size: 0px; } .guestBoundary .guestList .guest_reply_text, .guestBoundary .guestList .reply_reply_text { position: relative; width: 446px; margin: 0 32px 0 35px; padding: 8px 8px 8px 28px; background: #f4f0ed; line-height: 1.3em; } .guestBoundary .guest_reply_text .ownerThumb { position: absolute; top: 8px; left: 28px; width: 30px; height: 30px; border: 1px solid #d2d2d2; } .guestBoundary .guest_reply_text .guest_info_text, .guestBoundary .guest_reply_text .owner_reply { width: 380px; padding-left: 45px; } .guestBoundary .guest_reply_text .guest_info_text { padding-bottom: 3px; } .guestBoundary .guest_reply_text .guest_info_text * { vertical-align: middle; } .guestBoundary .guest_info_text img { cursor: pointer; } .guestBoundary .guest_reply_text span.guest_name { font-size: 12px; } .guestBoundary .guest_reply_text textarea { width: 327px; height: 36px; margin: 0 3px 0 45px; vertical-align: middle; } .guestBoundary .guest_reply_text input { vertical-align: middle; } .guestBoundary .guestList .reply_reply_text * { vertical-align: middle; } .guestBoundary .reply_reply_text textarea { width: 373px; height: 36px; margin-right: 3px; border: 1px solid #ccc; background: #fff; } .guestBoundary .guestList div.guestReply_bottom { margin-bottom: 10px; background: #f4f0ed url(http://shared.starpl.com/images/star/guest/reply_rnd_bottom.gif) no-repeat left bottom; } .guestBoundary .guestList .guest_none { height: 93px; padding-top: 70px; color: #999; text-align: center; } .guestBoundary .viewAll { padding-top: 2px; text-align: center; } .guestBoundary .guestList_bottom { width: 554px; height: 20px; margin: 0 9px; background: url(http://shared.starpl.com/images/star/guest/write_rnd_bottom.gif) no-repeat 0 0; } .guestBoundary .paging { margin: 20px 0 10px 0; } .guestBoundary .paging a { color: #666; } .guestBoundary .searching { width: 300px; margin: auto; text-align: center; } .guestBoundary .searching * { vertical-align: middle; } .guestBoundary .searching img { cursor: pointer; } .guestBoundary .searchText { height: 13px; padding: 3px 0 0 3px; } /* =Custom Popup */ .customPopup { position: absolute; } .customPopup .rndTop { display: block; height: 1px; margin: 0 1px; background-color: #5470ab; font-size: 0; overflow: hidden; } .customPopup .rndBottom { display: block; height: 1px; margin: 0 1px; background-color: #5470ab; font-size: 0; overflow: hidden; } .customPopup .title { height: 23px; padding: 7px 10px 0 13px; background-color: #5470ab; overflow: hidden; } .customPopup h6 { float: left; margin-top: 2px; text-indent: -7777px; } .customPopup .title img { float: right; cursor: pointer; } .customPopup .content { border: 2px solid #5470ab; border-width: 0 2px 1px 2px; background-color: #fff; } .customPopup .button { text-align: center; } .hiddenKeywordPopup { top: 65px; right: 18px; width: 286px; z-index: 100; } .hiddenKeywordPopup h6 { width: 211px; height: 12px; background: url(http://shared.starpl.com/images/star/base/title_hide_keyword.gif) no-repeat; } .hiddenKeywordPopup .content { padding: 4px 5px 3px 0; } .hiddenKeywordPopup .content ul { height: 164px; overflow: auto; } .hiddenKeywordPopup .content li { width: 240px; padding: 3px 10px 4px 10px; border-bottom: 1px solid #edeff2; overflow: hidden; } .hiddenKeywordPopup .content li span { float: left; padding-top: 2px; color: #3f485f; } .hiddenKeywordPopup .content li img { float: right; cursor: pointer; } .connectKeywordPopup { position: absolute; top: 33px; width: 200px; border: 1px solid #6779a0; background-color: #fff; z-index: 150; } .connectKeywordPopup .list { height: 280px; overflow: auto; } .connectKeywordPopup .list div { margin: 10px 8px 0 11px; padding-bottom: 3px; color: #5a6bc3; cursor: pointer; } .connectKeywordPopup h6 { margin: 3px 8px 0 11px; padding: 6px 0 3px 0; font-size: 12px; border-top: 1px solid #b4bdc5; } .connectKeywordPopup p { margin-left: 11px; padding: 4px 0 2px 10px; background: url(http://shared.starpl.com/images/star/time/blt_writing_slim.gif) no-repeat 0 50%; cursor: pointer; } .sidebar .connectKeywordPopup p { cursor: default; } .connectKeywordPopup p span { padding-left: 5px; color: #a2a2a2; font: 10px Tahoma; } .connectKeywordPopup p img { vertical-align: middle; } .connectKeywordPopup .add { height: 18px; padding: 6px 10px 0 0; border-top: 1px solid #9aa5bd; background-color: #ccd0d9; text-align: right; } .connectKeywordPopup .add a { color: #444; font-size: 11px; } .postWrite div.suggest { z-index: 160; } .suggestKeyword { position: absolute; width: 182px; border-collapse: collapse; border: 1px solid #000; background-color: #fff; } .suggestKeyword td { padding-left: 7px; font-family: Applegothic, Gulim; white-space: nowrap; overflow: hidden; cursor: default; } .suggestKeyword .keyword { height: 23px; text-align: left; vertical-align: middle; } .suggestKeyword .count { padding-right: 7px; text-align: right; font: 10px Tahoma; } .suggestKeyword .over td { background-color: #e6e6e6; } .suggestKeyword .owned .keyword { color: #5a6bc3; font-weight: bold; } .favoriteKeyword { width: 504px; } .favoriteKeyword .title { height: 25px; } .favoriteKeyword h6 { width: 98px; height: 17px; margin: 0; background: url(http://shared.starpl.com/images/star/base/title_bookmark_keyword.gif) no-repeat; } .fkSidebar { float: left; width: 178px; border-right: 1px solid #aab6e2; background-color: #f5f8ff; } .fkSidebar p { width: 154px; height: 26px; padding: 8px 12px 0 12px; border-bottom: 1px solid #aab6e2; background-color: #dce3fa; color: #4b526c; font-size: 11px; letter-spacing: -1px; overflow: hidden; } .fkSidebar p span { float: left; padding: 2px 2px 0 0; } .fkSidebar p button { float: left; width: 16px; height: 17px; background: url(http://shared.starpl.com/images/star/base/btn_listchange.gif) no-repeat; border: 0; text-indent: -7777px; overflow: hidden; cursor: pointer; } .fkSidebar p .next { background-position: -16px 0; } .fkSidebar p .prev { background-position: -32px 0; } .fkSidebar p .first { width: 17px; background-position: -48px 0; } .fkSidebar p .delete { float: right; width: 39px; height: 17px; padding: 0; background: url(http://shared.starpl.com/images/star/base/btn_listchange.gif) no-repeat -65px 0; text-indent: -7777px; overflow: hidden; cursor: pointer; } .fkSidebar p .last:hover { background-position: 0 -17px; } .fkSidebar p .next:hover { background-position: -16px -17px; } .fkSidebar p .prev:hover { background-position: -32px -17px; } .fkSidebar p .first:hover { background-position: -48px -17px; } .fkSidebar p .delete:hover { background-position: -65px -17px; } .fkList { width: 178px; height: 235px; overflow-y: scroll; } .fkList ul { padding: 12px 10px; } .fkList li { height: 18px; padding: 2px 0 0 4px; color: #5e646f; line-height: 1.5; overflow: hidden; cursor: pointer; } .fkList li:hover { text-decoration: underline; } .fkList .selected { background-color: #a3b9d8; color: #fff; } .fkList li span { color: #8e97a5; font-size: 11px; } .fkList .selected span { color: #fff; } .fkContent { float: right; width: 285px; height: 230px; padding: 20px; background-color: #fff; } .fkContent img { display: block; padding-bottom: 5px; } .fkContent .inputText { width: 273px; height: 19px; padding-top: 4px; border: 2px solid #bcc5d3; background: url(http://shared.starpl.com/images/star/base/img_text_keyword.gif) no-repeat 3px 5px; } .fkContent .isText { background-image: none; } .fkContent .btnAdd { margin: 22px auto; } .fkSubmit { clear: both; width: 504px; height: 40px; padding-top: 15px; border-top: 1px solid #aab6e2; background-color: #fff; text-align: center; } .fkSubmit img { margin: 0 2px 0 3px; cursor: pointer; } .favoriteKeyword .rndBottom { width: 504px; height: 6px; margin: 0; background-color: transparent; } /* Popup Position */ .edgePopup { top: 0!important; left: 0!important; margin-top: 0!important; margin-left: 0!important; }