@charset "utf-8";

@media print {
	#map, #frameScreen, #alarmSlideBar, #popupDiv { display: none; }
	#frame { height: 100%; }
}

body, div, span, applet, object, iframe, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, em, form, fieldset, legend, textarea, input, button, p, blockquote, caption, th, td { margin: 0; padding: 0; }
html { width: 100%; height: 100%; overflow-y: scroll; }
body { 
	width: 100%; height: 100%; 
	background: transparent url(http://shared.starpl.com/images/star/common/back.gif) no-repeat fixed; 
	color: #666; font: 12px/1.3 Applegothic, Dotum, Sans-serif; 
} 
img, fieldset, iframe { border: 0px; } iframe { width: 100%; }
hr { display: none; }
ul, ol, li { list-style: none; }
th, td { font-size: 12px; }

a { cursor: pointer; }
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: none; }

legend { display: none; position: absolute; visibility: hidden; }
input, textarea { color: #666; font-family: Applegothic, Dotum; font-size: 12px; }
.inputText { width: 80px; padding: 2px 0 0 3px; border: 1px solid #cacaca; }
.inputCheck { height: 12px; vertical-align: bottom; overflow: hidden; }
input.search { border-top: 1px solid #a8a8a8; border-left: 1px solid #a8a8a8; }
textarea { padding: 3px 0 0 3px; border: 1px solid #d2d2d2; background-color: #f3f3f3; } 
select { border: 1px solid #d2d2d2; color: #666; font-family: Applegothic, Dotum; font-size: 13px; vertical-align: middle; }
option { padding-right: 1em; font-family: Applegothic, Dotum; font-size: 12px; }
button { cursor: pointer; }

.emphasis { color: #f08d73; }
.helpPopup { cursor: pointer; }

.paging { clear: both; width: 100%; padding: 3px 0; font: bold 11px Arial; text-align: center; overflow: hidden; }
.paging .arrow img { margin-right: 2px; padding: 4px 3px 2px 3px; vertical-align: top; }
.paging .pageNum a { border: 1px solid #fff; color: #666; letter-spacing: 0.1em; text-decoration: none; }
.paging .pageNum a:hover { border-color: #c9c9c9; background: #fff; color: #4d4d4d; }
.paging .pageNum a.emphasis { border-color: #70bde0 !important; background: #70bde0 !important; color: #fff !important; }
.pagingGray .paging .pageNum a { border: 1px solid #f5f3f0; }
.pagingGray .paging .pageNum a:hover { border-color: #c9c9c9; }
.pagingGray .paging .pageNum a.emphasis { border-color: #a6a4a2 !important; background: #a6a4a2 !important; }
.pagingBlack .paging .pageNum a { border-color: #333; color: #999; }
.pagingBlack .paging .pageNum a:hover { border-color: #636363; background: #333; color: #ccc; }
.pagingBlack .paging .pageNum a.emphasis { border-color: #1a1a1a !important; background: #1a1a1a !important; color: #999 !important; }
.container .paging .pageNum a { border: 1px solid #dfdfdf; color: #706f6f; } 
.container .paging .pageNum a:hover { border-color: #d7d7d7; background-color: #f6f6f6; } 
.container .paging .pageNum a.emphasis { border-color: #b4b4b4 !important; background: #fff !important; color: #f26f3f !important; } 
.container .morePage .paging { padding-top: 26px; border: 0; font: normal 12px Applegothic, Dotum; }
.container .morePage .arrow img { margin: 0; padding: 0; }
.container .morePage .pageNum a { display: inline-block; padding: 3px 5px 2px 5px; border: 0; color: #616b80; }
.container .morePage .pageNum a:hover { background-color: #c4d5f2; }
.container .morePage .pageNum a.emphasis { background-color: transparent !important; color: #5271b3 !important; font-weight: bold; text-decoration: underline; cursor: text; }
#manage_box .paging .pageNum a { border-color: #333; background: #181818; color: #595959; }
#manage_box .paging .pageNum a:hover { border-color: #666; background: #181818; color: #808080; }
#manage_box .paging .pageNum a.emphasis { border-color: #666 !important; background: #0d0d0d !important; color: #808080 !important; cursor: default; }
#subContent .eventComments .morePage { padding-bottom: 10px; border: 1px solid #ebebeb; border-width: 0 1px; }
#subContent .eventComments .morePage p { display: none; }
#subContent .eventComments .paging { border: 0; }
#subContent .eventComments .paging img { padding: 0; }
#subContent .eventComments .pageNum a { display: inline-block; padding: 3px 5px 2px 5px; border: 0; color: #818181; font-family: Applegothic, Dotum, Sans-serif; }

#frameScreen {
	position: absolute; top: 0; left: 0; 
	width: 100%; height: 100%; 
	background: #000 url(http://shared.starpl.com/images/star/common/back.gif);
	opacity: 0.8; filter: alpha(opacity=80); z-index: 9; /* #frame z-index: 10 */
}
#screen { /* popupScreen */
	display: none; position: absolute; top: 0; left: 0; 
	width: 100%; height: 100%;
	background: #000 url(http://shared.starpl.com/images/star/common/back.gif);
	opacity: 0.8; filter: alpha(opacity=80); z-index: 1000;
}
#transparentDiv { 
	display: none; position: absolute; top: 0; left: 0; 
	width: 100%; height: 100%; 
	background: url(http://shared.starpl.com/images/star/common/back.gif);
	z-index: 50;
}
#flashcopier { display: none; }

/* =Timeline Slim Mode */
.timelineSlim { position: relative; width: 825px; margin: auto; z-index: 1; }
.starHeader { position: relative; width: 825px; margin: 13px auto 7px auto; overflow: hidden; }
	.starHeader img, .starHeader h1 { float: left; }
	.starHeader a img { padding-left: 5px; }
	.starHeader h1 { padding: 13px 10px 0 8px; color: #dedede; font-weight: normal; font-size: 16px; }
		.starHeader h1 a { color: #dedede; text-decoration: none; }
		.starHeader h1 input { width: 400px; padding: 2px 2px 1px 2px; border: 1px solid #5c5c5c; background: #333; color: #fff; font-size: 12px; vertical-align: middle; }
		.starHeader h1 img { float: none; padding-left: 2px; vertical-align: middle; cursor: pointer; }
	.starHeader #starStatus { float: left; padding: 17px 6px 0 0; color: #999; font: 11px Tahoma; }
	.starHeader #starStatus span { float: none; color: #637bff; }
	.starHeader #starStatus .bar { padding: 0 7px 0 6px; color: #535353; font: 10px Applgothic, Dotum; }
	.starHeader span img { float: none; }
	.starHeader #copybutton { display: block; margin-top: 18px; }
.timelineTitle { position: relative; width: 825px; }
.timelineHeader { width: 804px; height: 27px; padding: 8px 10px 0 10px; background: url(http://shared.starpl.com/images/star/skin/skin_a_top.png) no-repeat; color: #a1b0cf; /*overflow: hidden;*/ }
.timelineHeader .title { float: left; position: relative; width: 452px; height: 25px; /*overflow: hidden;*/ }
	.timelineHeader .title img { float: left; padding: 2px 0 0 3px; }
	.timelineHeader .title .name { float: left; width: 300px; padding: 2px 0 0 4px; color: #cce0ff; font-weight: bold; text-decoration: none; }
	.starContent .timelineHeader .title .name { display: none; }
		.timelineHeader .title .name span { color: #9bb9eb; font-weight: normal; }
	.timelineHeader .viewMode { float: left; width: 106px; height: 24px; margin: 1px 4px 0 0; padding-left: 3px; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat -352px 0; /*overflow: hidden;*/ cursor: pointer; }
		.timelineHeader .viewMode span { float: left; width: 21px; height: 24px; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat -355px 0; text-indent: -7777px; overflow: hidden; }
		.timelineHeader .viewMode a { float: left; width: 21px; height: 24px; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat -355px 0; }
			.timelineHeader .viewMode a img { position: absolute; bottom: 24px; left: 0; visibility: hidden; z-index: 1; }
			.timelineHeader .viewMode a:link img { visibility: hidden; }
			.timelineHeader .viewMode a:visited img { visibility: hidden; } 
			.timelineHeader .viewMode a:hover { background-color: #fff; }
			.timelineHeader .viewMode a:hover img { visibility: visible; }
			.timelineHeader .viewMode a:active img { visibility: hidden; }
			.timelineHeader .viewMode .keyword img { left: -6px; }
			.timelineHeader .viewMode .album img { left: 17px; }
			.timelineHeader .viewMode .important img { left: 31px; }
			.timelineHeader .viewMode .record img { left: 52px; }
		.timelineHeader .viewMode .keyword { background-position-x: -355px !important; }
		.timelineHeader .viewMode .album { background-position: -376px 0; background-position-x: -376px !important; }
		.timelineHeader .viewMode .important { background-position: -397px 0; background-position-x: -397px !important; }
		.timelineHeader .viewMode .record { background-position: -418px 0; }
		.timelineHeader .viewMode .open { float: right; width: 20px; background-position: -441px 0; text-indent: -7777px; overflow: hidden; }
		.timelineHeader .viewMode .keyword.selected { background-position: -355px -24px; }
		.timelineHeader .viewMode .album.selected { background-position: -376px -24px; }
		.timelineHeader .viewMode .important.selected { background-position: -397px -24px; }
		.timelineHeader .viewMode .record.selected { background-position: -418px -24px; }
		.timelineHeader .viewMode span.selected { background-position-y: -24px !important; }
		.timelineHeader .viewMode:hover .open { background-position: -441px -24px; }
		.timelineHeader .viewMode .open:hover { background-position: -441px -24px; }
	.timelineHeader .calendar { float: left; width: 45px; height: 24px; margin-top: 1px; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat -461px 0; text-indent: -7777px; overflow: hidden; }
	.timelineHeader .calendar:hover { background-position: -461px -24px; }
	.timelineHeader .calendar.selected { background-position: -461px -24px; }
	.timelineHeader .openTimeline, .timelineHeader .closeTimeline { 
		float: right; width: 90px; height: 17px; margin-top: 1px; 
		border: 0; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat; 
		text-indent: -7777px; overflow: hidden; cursor: pointer; 
	}
	.timelineHeader .title .closeTimeline { background-position: 0 -17px; }
	.timelineHeader .title .viewModeDisabled { display: block; position: absolute; top: 1px; left: 0; width: 109px; height: 24px; background: url(http://shared.starpl.com/images/star/skin/skin_view_click.gif) no-repeat; z-index: 10; }
.timelineHeader .manage { float: right; position: relative; width: 200px; overflow: hidden; }
	.starContent .timelineHeader .changeSkin { float: right; width: 49px; height: 23px; margin-top: 1px; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat -198px 0; text-indent: -7777px; overflow: hidden; }
	.starContent .timelineHeader .changeSkin:hover { background-position: -198px -23px; }
	.starContent .timelineHeader .timelinePopup { float: right; width: 108px; height: 25px; margin-left: 5px; background: url(http://shared.starpl.com/images/star/skin/skin_a_01.gif) no-repeat -90px 0; text-indent: -7777px; overflow: hidden; }
	.starContent .timelineHeader .timelinePopup:hover { background-position: -90px -25px; }
.timelineWrapper { width: 824px; background: url(http://shared.starpl.com/images/star/skin/skin_a_bottom_slim_01.png) no-repeat left top; overflow: hidden; }
.timelineSlim .sidebar { float: left; position: relative; width: 176px; padding: 7px 0 0 13px; }
.timelineSlim .userInfoTitle { display: none; }
.timelineSlim .userInfo { width: 176px; height: 68px; }
.timelineSlim .userInfo dt, .starContent .userInfo dt { display: inline; float: left; position: relative; width: 50px; height: 50px; padding: 0 8px 7px 0; font-size: 0; overflow: hidden; }
	.timelineSlim .userInfo dt img, .starContent .userInfo dt img { vertical-align: top; }
	.timelineSlim .userInfo dt .frame, .starContent .userInfo dt .frame { position: absolute; top: 0; left: 0; }
	.timelineSlim .userInfo dt a span { display: none; }
		.timelineSlim .userInfo dt a:hover span { display: block; }
		.timelineSlim .userInfo dt span { 
			display: block; position: absolute; top: 32px; left: 0; width: 50px; 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; 
		}
.timelineSlim .userInfo dd, .starContent .userInfo dd { padding: 3px 0; overflow: hidden; }
	.starContent .userInfo dd .name { 
		display: block; width: 117px; height: 1.4em; margin-top: -1px; 
		color: #2c2d2f; font: bold 13px Applegothic, Gulim; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; 
	}
	.starContent .userInfo dd .name img { padding-right: 3px; vertical-align: middle; }
	.timelineSlim .userMenu a {  
		display: block; width: 107px; height: 21px; margin-bottom: 3px;
		background: url(http://shared.starpl.com/images/star/skin/skin_a_201.gif) no-repeat -107px -74px;
		text-indent: -7777px; overflow: hidden; 
	}
	.timelineSlim .userMenu .friend {  }
	.timelineSlim .userMenu .favorite { background-position: -107px -95px; }
	.timelineSlim .userMenu .friend:hover { background-position: -107px -116px; }
	.timelineSlim .userMenu .favorite:hover { background-position: -107px -137px; }
.timelineSlim .ownerMenu, .starContent .ownerMenu { width: 85px; height: 16px; padding-bottom: 3px; overflow: hidden; }
	.timelineSlim .ownerMenu a, .starContent .ownerMenu a { float: left; height: 10px; padding: 3px 0; background: url(http://shared.starpl.com/images/star/skin/skin_a_201.gif) no-repeat 0 -51px; text-indent: -7777px; overflow: hidden; }
	.timelineSlim .ownerMenu .manage, .starContent .ownerMenu .manage { width: 39px; }
	.timelineSlim .ownerMenu .deco, .starContent .ownerMenu .deco { width: 44px; background-position: -39px -51px; }
.timelineSlim .ownerWrite, .starContent .ownerWrite { width: 108px; height: 22px; overflow: hidden; }
	.ownerWrite a { float: left; width: 53px; height: 21px; background: url(http://shared.starpl.com/images/star/skin/skin_a_201.gif) no-repeat 0 -74px; text-indent: -7777px; overflow: hidden; }
	.ownerWrite .editor { width: 54px; background-position: -53px -74px; }
	.ownerWrite .oneline:hover { background-position: 0 -95px; }
	.ownerWrite .editor:hover { background-position: -53px -95px; }
.timelineTabMenu { float: right; position: relative; width: 623px; margin-top: 10px; padding-right: 11px; overflow: hidden; }
.timelineTabMenu .starTab { width: 623px; height: 43px; background: url(http://shared.starpl.com/images/star/skin/skin_a_02_slim.png) no-repeat; overflow: hidden; }
.timelineTabMenu .starTab li { float: left; width: 120px; height: 43px; padding: 0; }
	.timelineTabMenu .starTab li a { display: block; width: 120px; height: 31px; padding-top: 12px; color: #f0f3fc; font: normal 11px Verdana; text-align: center; text-decoration: none; }
	.timelineTabMenu .starTab li a:hover { background: url(http://shared.starpl.com/images/star/skin/skin_a_02_slim.png) no-repeat 0 -43px; text-decoration: none; }
	.timelineTabMenu .starTab .keywordTab a:hover { background-position: -120px -43px; }
	.timelineTabMenu .starTab li img { margin-top: -2px; padding-right: 2px; vertical-align: middle; }
.timelineSlim .starMenu { position: absolute; top: 8px; right: 20px; width: 174px; height: 28px; overflow: hidden; }
.timelineSlim .starMenu li { float: left; width: 58px; }
	.timelineSlim .starMenu li a { display: block; width: 58px; height: 28px; text-indent: -7777px; overflow: hidden; }
.slimLoading { position: absolute; top: 185px; left: 50%; width: 144px; margin-left: -72px; }
.spaceLoading { position: absolute; top: 50%; left: 50%; width: 90px; margin: -44px 0 0 -45px; z-index: 7777; }
.welcomeGuideMenu { position: absolute; left: 50%; margin: -3px 0 0 -420px; width: 122px; height: 21px; cursor: pointer; }
.welcomeGuideMenu .closeMinGuide { position: absolute; top: 5px; right: 0; width: 21px; height: 21px; }
.welcomeGuideMenu .balloonPopupStarpl { position: absolute; top: 22px; left: 0; }
.balloonPopupAlimi { position: absolute; top: 124px; left: 32px; z-index: 10; }
.missionMenu { position: absolute; top: 158px; left: 50%; margin-left: 360px; width: 47px; height: 19px; }
.missionMenu img { cursor: pointer; }

/* namingClick Color, Naming Box */
.nemoThumb { border: 1px solid #d2d2d2; }
a.namingClick { color: #4b97b0 !important; font-weight: normal !important; text-decoration: none; line-height: 1.5em; }
a.namingClick:visited { color: #4b97b0 !important; text-decoration: none; }
a.namingClick:hover { color: #2f6eaf !important; text-decoration: underline; }
#manage_box a.namingClick { color: #6aa2bf !important; font-size: 12px; }
#manage_box a.namingClick:visited { color: #6aa2bf !important; }
#manage_box a.namingClick:hover { color: #8ec3df !important; }

#namingBox { font-size: 11px; letter-spacing: -1px; }
/* New Naming Box */
.newNamingBox { position: absolute; width: 218px !important; height: 150px !important; color: #828282; }
.newNamingBox dl { 
	position: static; 
	width: 192px; height: 139px; 
	padding: 10px 14px 0 12px; 
	background: url(http://shared.starpl.com/images/map/slide/bg_namebox.png); 
	letter-spacing: 0; overflow: hidden; 
}
.newNamingBox dt, .newNamingBox dd { position: relative; left: 48px; width: 150px; }
.newNamingBox dt { width: 150px; height: 1.3em; color: #626262; font-weight: bold; overflow: hidden; }
.newNamingBox .nemoThumb { position: absolute; top: 10px; left: 12px; width: 40px; height: 40px; font-size: 0; }
.newNamingBox dt span { padding-left: 3px; font-weight: normal; }
.newNamingBox .more { clear: both; position: absolute; top: 39px; left: 166px; width: 45px; height: 17px; padding-left: 2px; background: #fff; z-index: 10; }
.newNamingBox .menu { float: left; left: 0; width: 88px; margin-top: 6px; border-top: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; }
.newNamingBox .menu li { width: 79px; height: 16px; padding-top: 3px; border-bottom: 1px solid #e1e1e1; color: #666; letter-spacing: -1px; cursor: pointer; }
.newNamingBox .menu li:last-child { border: 0; }
.newNamingBox .menu .liEnd { border: 0; }
.newNamingBox .menu .invalid { color: #999; cursor: default; }
.newNamingBox .menu img { vertical-align: middle; }
.newNamingBox .tag { 
	float: right; left: 0; 
	width: 95px; height: 56px; 
	margin-top: 6px; padding: 22px 0 0 8px; 
	border-top: 1px solid #e1e1e1; background: url(http://shared.starpl.com/images/map/slide/icon_mainkeyword.gif) no-repeat 8px 5px; 
	color: #919191; overflow: hidden; 
}
.newNamingBox .tag a { color: #919191; }
.newNamingBox .tag span { font-weight: bold; }

/* globalNavigationBar */
.mapMenu { position: absolute; top: 0; left: 0; width: 100%; height: 40px; padding-top: 2px; background: url(http://shared.starpl.com/images/map/navi/bg_map_bar.gif) repeat-x; }
.mapMenu li { float: left; }
	.mapMenu li a { 
		display: block; height: 39px; 
		background: url(http://shared.starpl.com/images/map/navi/btn_map_menu.png) no-repeat; 
		color: #666; text-indent: -7777px; overflow: hidden; 
	}
	.mapMenu .main a { width: 77px; }
	.mapMenu .mystar a { width: 92px; background-position: -77px 0; }
	.mapMenu .myfriend a { width: 103px; background-position: -169px 0; }
		.mapMenu .myfriend img { display: none; position: absolute; top: 30px; left: -8px; width: 118px; height: 46px; cursor: default; }
	.mapMenu .travel a { width: 103px; background-position: -272px 0; }
	.mapMenu .mystar a:hover { width: 92px; background-position: -77px -39px; }
	.mapMenu .myfriend a:hover { width: 103px; background-position: -169px -39px; }
	.mapMenu .travel a:hover { width: 103px; background-position: -272px -39px; }
	.mapMenu .mystar a.selected { width: 92px; background-position: -77px -78px; }
	.mapMenu .myfriend a.selected { position: relative; width: 103px; background-position: -169px -78px; text-indent: 0; overflow: visible; }
		.mapMenu .myfriend .selected span { display: none; }
		.mapMenu .myfriend .selected img { display: block; }
	.mapMenu .travel a.selected { width: 103px; background-position: -272px -78px; }
	.mapMenu .myfriend { position: relative; z-index: 1; }
	.mapMenu .travel { position: relative; font-size: 11px; }
	.mapMenu .travel div { position: absolute; top: 32px; left: 5px; width: 225px; height: 67px; background: url(http://shared.starpl.com/images/map/navi/bg_space_go.gif) no-repeat; z-index: 1; }
	.mapMenu .travelSort { width: 213px; height: 20px; padding: 12px 0 0 12px; overflow: hidden; }
		.mapMenu .travelSort li { margin-right: 12px; padding: 2px 0 0 15px; background: url(http://shared.starpl.com/images/map/navi/btn_radio.gif) no-repeat 0 -22px; color: #ccc; letter-spacing: -1px; cursor: pointer; }
		.mapMenu .travelSort .selected { background-position: 0 0; }
		.mapMenu .travel p { width: 210px; padding-left: 13px; color: #ccc; overflow: hidden; }
			.mapMenu .travel p span { float: left; width: 173px; height: 16px; padding: 3px 0 0 3px; border: 1px solid #50555e; border-right: 0; background-color: #1e1f21; }
			.mapMenu .travel p img { float: left; }
		.mapMenu .travelList { position: absolute; top: 52px; left: 13px; width: 190px; height: 297px; padding: 4px 3px; border: 1px solid #50555e; background-color: #1e1f21; color: #737780; overflow: auto; }
		.mapMenu .travelList li { float: none; padding: 3px 0 2px 3px; cursor: pointer; }
		.mapMenu .travelList li:hover { color: #ccc; background-color: #373a40; }
#globalNavigationBar { 
	position: absolute; top: 0; right: 0; width: 400px; padding-right: 14px;
	color: #999; font-size: 11px; letter-spacing: -1px; z-index: 30;
}
#globalNavigationBar img { vertical-align: middle; }
.gnbMenu { float: right; padding: 14px 5px 0 0; z-index: 7000; }
.gnbMenu li { float: left; position: relative; padding: 0 5px; background: url(http://shared.starpl.com/images/map/slide/img_division_line.gif) no-repeat 0 2px; }
.gnbMenu li a { color: #999; }
.gnbMenu .em1 { background-image: none; }
.gnbMenu .em1 a { color: #dbd57d; }
.gnbMenu .em2 a { color: #6385ff; }
.gnbFriendListBox { position: absolute; top: 18px; left: 5px; width: 196px; padding: 4px 4px 4px 8px; border: 1px solid #808080; background: #131313; overflow: hidden; }
.gnbFriendListBox .gnbFriendWrap { position: relative; width: 196px; height: 314px; overflow: auto; }
	.gnbMenu .gnbFriendListBox a { color: #999; }
	.gnbFriendAnchor { padding-top: 2px; overflow: hidden; }
	.gnbFriendAnchor li { padding: 0 7px; }
	.gnbFriendTab { clear: both; height: 23px; padding: 7px 0; overflow: hidden; }
	.gnbFriendTab li { padding: 0; }
		.gnbFriendTab span { 
			display: block; width: 82px; height: 21px; 
			border: 1px solid #454647; background: #2a2a2e; 
			color: #666; font-weight: bold; font-size: 12px; line-height: 1.8; text-align: center; 
			overflow: hidden; cursor: pointer;
		}
		.gnbFriendTab .friend span { border-width: 1px 0 1px 1px; }
		.gnbFriendTab .favorite span { border-width: 1px 1px 1px 0; }
		.gnbFriendTab li span.selected { height: 19px; border: 2px solid #4c5ac7; background: #000; color: #6376ea; line-height: 1.7; }
	
	.gnbFriendListBox p { clear: both; position: relative; width: 175px; margin-bottom: 4px; padding-bottom: 4px; border-bottom: 1px solid #333; color: #555; }
	.gnbFriendListBox p span { padding: 0 6px 0 2px; background: url(http://shared.starpl.com/images/map/slide/img_division_line.gif) no-repeat top right; cursor: pointer; }
	.gnbFriendListBox p .middle { background-image: none; }
	.gnbFriendListBox p .selected { color: #999; font-weight: bold; }
	.gnbFriendListBox .gnbManageFriend { position: absolute; top: 0; right: 5px; padding: 0; background-image: none; color: #6376ea; }
	.gnbFriendListBox .gnbManageFriend a { color: #6376ea; }
	.gnbFriendList li { float: none; width: 175px; padding: 0; background-image: none; color: #999; letter-spacing: 0; }
	.gnbMenu .gnbFriendList li a { display: block; width: 170px; padding: 2px; color: #555; text-decoration: none; }
	.gnbFriendList li a:hover { background-color: #272727; }
	.gnbFriendList li span { margin-left: 2px; padding-left: 7px; background: url(http://shared.starpl.com/images/map/slide/img_division_line.gif) no-repeat left 2px; color: #999; font-size: 12px; }
	.gnbFriendList li a:hover span { color: #ccc; }

/* Friend Icon */
.friendIcon {  }
.friendIcon a { display: block; float: left; width: 14px; height: 14px; background: url(http://shared.starpl.com/images/star/common/icon_friend_02.gif) no-repeat 1px 0; text-indent: -9999px; }
.friendIcon a:hover { text-decoration: none; }
	.friendIcon span.setFriend .default { width: 68px; background-position: 1px -14px; }
	.friendIcon span.setFriend a:hover { width: 68px; background-position: 1px -28px; }
	.friendIcon span.addFavorite a { background-position: -67px 0; }
	.friendIcon span.addFavorite a:hover { width: 68px; background-position: -67px -28px; }
	.friendIcon span.sendMessage a { background-position: -136px 0; }
	.friendIcon span.sendMessage a:hover { width: 68px; background-position: -136px -28px; }

/* Calendar */
#p_date, #calendar { vertical-align: middle; }
#calendarDiv{
	position: absolute;
	width: 166px; height: 166px;
	border: 2px solid #afafaf; background: #fff;
	color: #818181; font-size: 11px; visibility: hidden;
}
#calendarDiv span,#calendarDiv img{ float:left; }
#calendarDiv .selectBox, #calendarDiv .selectBoxOver{
	position: relative;
	width: 46px; height: 20px;
	padding-left: 6px;
	color: #65acce; font-weight: bold; font-size: 11px; line-height: 1.8em;
	cursor:pointer;
}
#calendarDiv .topBar{
	height: 20px;
	padding: 9px 13px 0 13px;
	overflow: hidden;
}
#calendarDiv .activeDay{	/* Active day in the calendar */
	text-decoration: underline;
}
#calendarDiv .todaysDate{
	display: none; position: absolute; bottom: 0px;
	width: 201px; height: 17px;
	padding: 2px;
	background-color: #E2EBED;
	text-align: center; line-height: 17px;
}
#calendarDiv .todaysDate div{ float:left; }
#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{ line-height: 12px; padding: 1px; cursor: pointer; padding-left: 2px; }
#calendarDiv .selectBoxTime{ border:1px solid #317082; color: #317082; position:relative; }
#calendarDiv .selectBoxTimeOver{ border:1px solid #216072; color: #216072; position:relative; }
#calendarDiv .timeBar{ height:17px; line-height:17px; background-color: #E2EBED; width:72px; color:#FFF; position:absolute; right:0px; }
#calendarDiv .timeBar div{ float:left; margin-right:1px; }
#calendarDiv .monthYearPicker{
	display: none; position: absolute;
	top: 31px; left: 99px;
	width: 39px;
	border: 1px solid #d4d4d4; background-color: #fff;
	font: 10px Tahoma; text-align: center;
	z-index:1000;
}
#calendarDiv #yearDropDown { left: 34px; width: 60px; }
#calendarDiv #yearDropDown img { float: none; }
#calendarDiv #monthSelect{ width: 32px; margin-right: 8px; }
#calendarDiv .monthYearPicker div{
	float: none; clear: both;	
	margin: 1px; padding: 1px;
	cursor: pointer;
}
#calendarDiv .monthYearPicker img { float: none; }
#calendarDiv .monthYearActive{ color: #424242; }
#calendarDiv table {
	position: relative;
	top: 4px; left: 13px;
	width: 140px; height: 124px;
}
#calendarDiv table .calendar_week_row td { 
	height: 22px;
	background: #fff;
	font-family: Applegothic, Dotum; font-size: 11px;
}
#calendarDiv table .weekend { color: #65acce; }
#calendarDiv td{
	margin: 0;
	font-size: 11px; text-align: center;
	cursor: pointer;
}
#calendarDiv td:hover, #calendarDiv td.dateHover { background: #c1e7f4; }
#calendarDiv .topBar img { cursor: pointer; }
#calendarDiv .topBar div { float: left; }

/* Popup Frame & Skin */
.popup { position: absolute; border-collapse: collapse; table-layout: auto; }
.popup th img { float: left; padding-top: 3px; }
.popup td { background: #fff; }
.popup th .popupClose { float: right; margin-top: 10px; cursor: pointer; }
.rnd01, .rnd02 { width: 20px; height: 40px; }
.rnd03, .rnd04 { width: 20px; height: 20px; }

table.skinA th { background: url(http://shared.starpl.com/images/map/popup/a_rnd_top.png); }
table.skinA .rnd01 { background: url(http://shared.starpl.com/images/map/popup/a_rnd_01.png) no-repeat; }
table.skinA .rnd02 { background: url(http://shared.starpl.com/images/map/popup/a_rnd_02.png) no-repeat; }
table.skinA .rnd03 { background: url(http://shared.starpl.com/images/map/popup/a_rnd_03.png) no-repeat; }
table.skinA .rnd04 { background: url(http://shared.starpl.com/images/map/popup/a_rnd_04.png) no-repeat; }
table.skinA .rndLeft { background: url(http://shared.starpl.com/images/map/popup/a_rnd_left.png); }
table.skinA .rndRight { background: url(http://shared.starpl.com/images/map/popup/a_rnd_right.png); }
table.skinA .rndBottom { background: url(http://shared.starpl.com/images/map/popup/a_rnd_bottom.png); }

table.skinB th { background: url(http://shared.starpl.com/images/map/popup/b_rnd_top.png); }
table.skinB th img { padding-top: 2px; }
table.skinB .rnd01 { background: url(http://shared.starpl.com/images/map/popup/b_rnd_01.png) no-repeat; }
table.skinB .rnd02 { background: url(http://shared.starpl.com/images/map/popup/b_rnd_02.png) no-repeat; }
table.skinB .rnd03 { background: url(http://shared.starpl.com/images/map/popup/b_rnd_03.png) no-repeat; }
table.skinB .rnd04 { background: url(http://shared.starpl.com/images/map/popup/b_rnd_04.png) no-repeat; }
table.skinB .rndLeft { background: url(http://shared.starpl.com/images/map/popup/b_rnd_left.png); }
table.skinB .rndRight { background: url(http://shared.starpl.com/images/map/popup/b_rnd_right.png); }
table.skinB .rndBottom { background: url(http://shared.starpl.com/images/map/popup/b_rnd_bottom.png); }

table.skinC th { background: url(http://shared.starpl.com/images/map/popup/c_rnd_top.png); }
table.skinC .rnd01 { background: url(http://shared.starpl.com/images/map/popup/c_rnd_01.png) no-repeat; }
table.skinC .rnd02 { background: url(http://shared.starpl.com/images/map/popup/c_rnd_02.png) no-repeat; }
table.skinC .rnd03 { background: url(http://shared.starpl.com/images/map/popup/a_rnd_03.png) no-repeat; }
table.skinC .rnd04 { background: url(http://shared.starpl.com/images/map/popup/a_rnd_04.png) no-repeat; }
table.skinC .rndLeft { background: url(http://shared.starpl.com/images/map/popup/a_rnd_left.png); }
table.skinC .rndRight { background: url(http://shared.starpl.com/images/map/popup/a_rnd_right.png); }
table.skinC .rndBottom { background: url(http://shared.starpl.com/images/map/popup/a_rnd_bottom.png); }
/* Why .skinC is used alone, not table.skinC? - 100128 */
table.skinC th { _background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://shared.starpl.com/images/map/popup/c_rnd_top.png',sizingMethod='scale'); }
table.skinC .rnd01 { _background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://shared.starpl.com/images/map/popup/c_rnd_01.png',sizingMethod='crop'); }
table.skinC .rnd02 { _background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://shared.starpl.com/images/map/popup/c_rnd_02.png',sizingMethod='crop'); }
table.skinC .rnd03 { _background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://shared.starpl.com/images/map/popup/a_rnd_03.png',sizingMethod='crop'); }
table.skinC .rnd04 { _background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://shared.starpl.com/images/map/popup/a_rnd_04.png',sizingMethod='crop'); }
table.skinC .rndLeft { _background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://shared.starpl.com/images/map/popup/a_rnd_left.png',sizingMethod='scale'); }
table.skinC .rndRight { _background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://shared.starpl.com/images/map/popup/a_rnd_right.png',sizingMethod='scale'); }
table.skinC .rndBottom { _background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://shared.starpl.com/images/map/popup/a_rnd_bottom.png',sizingMethod='scale'); }

table.skinD th { background: url(http://shared.starpl.com/images/map/popup/d_rnd_top.gif); }
table.skinD .rnd01 { background: url(http://shared.starpl.com/images/map/popup/d_rnd_01.png) no-repeat; }
table.skinD .rnd02 { background: url(http://shared.starpl.com/images/map/popup/d_rnd_02.png) no-repeat; }
table.skinD .rnd03 { background: url(http://shared.starpl.com/images/map/popup/d_rnd_03.png) no-repeat; }
table.skinD .rnd04 { background: url(http://shared.starpl.com/images/map/popup/d_rnd_04.png) no-repeat; }
table.skinD .rndLeft { background: url(http://shared.starpl.com/images/map/popup/d_rnd_left.gif); }
table.skinD .rndRight { background: url(http://shared.starpl.com/images/map/popup/d_rnd_right.gif); }
table.skinD .rndBottom { background: url(http://shared.starpl.com/images/map/popup/d_rnd_bottom.gif); }

table.skinE th { background: url(http://shared.starpl.com/images/map/popup/e_rnd_top.gif); }
table.skinE .rnd01 { background: url(http://shared.starpl.com/images/map/popup/e_rnd_01.png) no-repeat; }
table.skinE .rnd02 { background: url(http://shared.starpl.com/images/map/popup/e_rnd_02.png) no-repeat; }
table.skinE .rnd03 { background: url(http://shared.starpl.com/images/map/popup/e_rnd_03.png) no-repeat; }
table.skinE .rnd04 { background: url(http://shared.starpl.com/images/map/popup/e_rnd_04.png) no-repeat; }
table.skinE .rndLeft { background: url(http://shared.starpl.com/images/map/popup/e_rnd_left.gif); }
table.skinE .rndRight { background: url(http://shared.starpl.com/images/map/popup/e_rnd_right.gif); }
table.skinE .rndBottom { background: url(http://shared.starpl.com/images/map/popup/e_rnd_bottom.gif); }

table.skinF th { background: url(http://shared.starpl.com/images/map/popup/f_rnd_top.gif); }
table.skinF .rnd01 { background: url(http://shared.starpl.com/images/map/popup/f_rnd_01.gif) no-repeat; }
table.skinF .rnd02 { background: url(http://shared.starpl.com/images/map/popup/f_rnd_02.gif) no-repeat; }
table.skinF .rnd03 { background: url(http://shared.starpl.com/images/map/popup/f_rnd_03.gif) no-repeat; }
table.skinF .rnd04 { background: url(http://shared.starpl.com/images/map/popup/f_rnd_04.gif) no-repeat; }
table.skinF .rndLeft { background: url(http://shared.starpl.com/images/map/popup/f_rnd_left.gif); }
table.skinF .rndRight { background: url(http://shared.starpl.com/images/map/popup/f_rnd_right.gif); }
table.skinF .rndBottom { background: url(http://shared.starpl.com/images/map/popup/f_rnd_bottom.gif); }

table.skinG th { background: url(http://shared.starpl.com/images/map/popup/g_rnd_top.gif); }
table.skinG .rnd01 { background: url(http://shared.starpl.com/images/map/popup/g_rnd_01.png) no-repeat; }
table.skinG .rnd02 { background: url(http://shared.starpl.com/images/map/popup/g_rnd_02.png) no-repeat; }
table.skinG .rnd03 { background: url(http://shared.starpl.com/images/map/popup/g_rnd_03.png) no-repeat; }
table.skinG .rnd04 { background: url(http://shared.starpl.com/images/map/popup/g_rnd_04.png) no-repeat; }
table.skinG .rndLeft { background: url(http://shared.starpl.com/images/map/popup/g_rnd_left.gif); }
table.skinG .rndRight { background: url(http://shared.starpl.com/images/map/popup/g_rnd_right.gif); }
table.skinG .rndBottom { background: url(http://shared.starpl.com/images/map/popup/g_rnd_bottom.gif); }

/* You've got star! */
#findStar {
	position: absolute; top: 50%; left: 50%;
	margin-top: -165px; margin-left: -290px;
}
#findStar div { width:400px; height:auto; background-color:#fff; }
	#findStar h1 { width: 386px; height: 53px; padding: 0 0 26px 7px; }
	#findStar h1 img { padding: 0; }
	#findStar img { padding: 0 10px; }
	#findStar #findStar_btn { width: 380px; margin: 0 auto; padding: 24px 0 23px 0; text-align: center; }
	#findStar_btn img { cursor: pointer; }
#gotStar {
	position: absolute; top: 50%; left: 50%;
	margin-top: -220px; margin-left: -273px;
}
#gotStar h1 { width: 350px; height: 25px; }
#gotStar_myStarInfo { 
	position: relative;
	width: 366px; height: 390px;
	margin-bottom: 16px;
	background: url(http://shared.starpl.com/images/home/join/mystar_bg.gif) no-repeat 0 0;
}
#gotStar .gotStar_starImage { width: 74px; height: 74px; padding: 34px 144px 26px 148px; font-size: 0; }
#gotStar .gotStar_infoList { width: 310px; height: auto; margin-left: 55px; }
	#gotStar .gotStar_infoList dl { position: relative; width: 310px; overflow: hidden; }
	#gotStar .gotStar_infoList dt { display: none; }
	#gotStar .gotStar_infoList dd { float: left; width: 102px; height: 20px; padding-left: 43px; color: #8a99b5; font-size: 11px; line-height: 1.3em; overflow: hidden; }
	#gotStar .gotStar_infoList .nameInput { clear: left; float: none; width: 175px; height: 23px; padding-top: 46px; }
		#gotStar .nameInput * { vertical-align: middle; }
		#gotStar .nameInput img { cursor: pointer; }
		#gotStar .nameInput input { width: 130px; height: 16px; padding: 2px 0 0 2px; border: 0; background: #1a1a1a; color: #999; font-size: 12px; }
	#gotStar .gotStar_infoList .notice { float: none; width: 250px; height: 18px; padding: 5px 0 0 5px; color: #6382b3; font-size: 11px; letter-spacing: -1px; text-align: center; }
	#gotStar .gotStar_infoList .recommend { float: none; width: 250px; height: 50px; padding-left: 5px; color: #414d63; font-size: 11px; letter-spacing: -1px; text-align: center; }
#gotStar #gotStar_btn {
	position: absolute; bottom: 20px;
	width: 350px;
	text-align: center;
}

/* 090317 */
.joinForm { 
	width: 623px; 
	margin: auto; 
	background: url(http://shared.starpl.com/images/home/join/join2/mystar_bg_upper.gif) no-repeat; 
}
	.joinForm input, .joinForm img { vertical-align: middle; }
	.joinForm .inputText { padding: 2px 0 2px 3px; border: 1px solid #2d2d4f; background: #2d2d4f; color: #9191dd; }
	.joinForm .inputFocus { border: 1px solid #8080ff; }
.joinForm .joinInformation { padding-bottom: 25px; background: url(http://shared.starpl.com/images/home/join/join2/mystar_bg_lower.gif) no-repeat left bottom; }
.joinForm .myStar { position: relative; width: 515px; height: 222px; margin: auto; border-bottom: 1px solid #2b2d4a; }
.joinForm .myStar dt { width: 74px; height: 74px; padding: 45px 210px 27px 231px; }
.joinForm .myStar dd { width: 300px; height: 21px; padding-left: 190px; color: #8a99b5; font-size: 11px; line-height: 1.3; }
.joinForm .myStar .ra { position: absolute; top: 168px; left: 142px; }
.joinForm .myStar .de { position: absolute; top: 188px; left: 142px; }
.joinForm .myStar label { display: none; }
.joinForm .verifyName { width: 419px; margin: auto; background: url(http://shared.starpl.com/images/home/join/join2/bg_certification_01.gif) no-repeat 0 42px; }
.joinForm .verifyName p { padding: 0 0 6px 149px; }
.joinForm .verifyName .title { padding: 18px 0 31px 0; font-size: 0; text-align: center; }
	.joinForm p label { display: none; }
	.joinForm #userNameTemp { width: 138px; }
	.joinForm #idNum1, .joinForm #idNum2 { width: 59px; }
	.joinForm #verifyNameButton { margin-left: 5px; cursor: pointer; }
	.joinForm #popupForeigner p { padding: 15px 0; }
.joinForm .verifyFailed { position: relative; width: 419px; height: 1.5em; margin: 23px auto 0 auto; text-align: center; }
.joinForm .verifyFailed p { padding: 0; color: #ea644c; font-size: 11px; letter-spacing: -1px; }
.joinForm .verifyFailed p span { padding: 0 5px; color: #8085fb; text-decoration: underline; cursor: pointer; }
.joinForm .forForeigner { display: inline; position: absolute; top: 0; right: 0; cursor: pointer; }
.joinForm #helpVerifyPopup { 
	position: absolute; right: 0; 
	width: 347px; height: 302px; 
	background: url(http://shared.starpl.com/images/home/join/join2/help_certification.gif) no-repeat;
	z-index: 10;  
}
.joinForm #helpVerifyPopup ul { margin-top: 86px; font-size: 11px; text-align: left; }
.joinForm #helpVerifyPopup li { margin: 0 0 32px 46px; }
	.joinForm #helpVerifyPopup em { font-style: normal; font-weight: bold; }
	.joinForm #helpVerifyPopup a { color: #2757e2; text-decoration: underline; }
	.joinForm #helpVerifyPopup span { color: #f16c51; font-weight: bold; }
.joinForm #popupForeigner { position: absolute; right: 0; }

.joinForm .verifyParent { width: 515px; margin: auto; }
.joinForm .verifyParent .title { margin-bottom: 19px; border-bottom: 1px solid #2b2d4a; font-size: 0; }
.joinForm .verifyParent dl { position: relative; }
.joinForm .verifyParent dt { position: absolute; width: 124px; }
.joinForm .verifyParent dd { height: 30px; padding-left: 124px; color: #545493; }
.joinForm .verifyParent ul { margin-top: 10px; padding: 25px 0 15px 0; border-top: 1px solid #2b2d4a; color: #545493; font-size: 11px; line-height: 1.8; letter-spacing: -1px; }

.joinForm .starInformation { width: 515px; margin: auto; padding-top: 19px; color: #545493; }
.joinForm .starInformation dl { position: relative; width: 515px; }
.joinForm .starInformation dt { position: absolute; width: 113px; }
.joinForm .starInformation dd { height: 30px; padding-left: 113px; }
	.joinForm .starInformation .inputText { width: 122px; }
	.joinForm .starInformation dd span { font-size: 11px; letter-spacing: -1px; }
	.joinForm #starNameText { line-height: 2; }
	.joinForm #starNameText, .joinForm #userIdCant, .joinForm #userPw1, .joinForm #userPw2 { padding-left: 5px; color: #ea644c; }
	.joinForm #starNameText span, .joinForm #userIdCant span, .joinForm #userPw1 span, .joinForm #userPw2 span { color: #545493; }
.joinForm .starInformation .starName dd { overflow: hidden; }
.joinForm .starInformation .starName .notice { color: #444780; font-size: 11px; letter-spacing: -1px; }
	.joinForm .starInformation .starName .inputText { float: left; height: 15px; padding-top: 4px; border: 2px solid #5459bf; }
	.joinForm .starInformation .starName #btn_check_id { float: left; margin-right: 10px; cursor: pointer; }
.joinForm .starInformation .email { height: 40px; margin-bottom: 19px; border-bottom: 1px solid #2b2d4a; }
	.joinForm .starInformation .email span { font-size: 16px; }
	.joinForm .starInformation .email select { vertical-align: top; }
	.joinForm .starInformation .name .inputText { width: 100px; } 
	.joinForm .starInformation .birthday .inputText { width: 83px; }
.joinForm .starInformation .birthLunar { position: absolute; top: 2px; left: 230px; padding-left: 0; }
.joinForm .starInformation .infoSubmit { width: 515px; border-top: 1px solid #2b2d4a; text-align: center; }
.joinForm .starInformation .infoSubmit p { padding-top: 18px; font-size: 11px; letter-spacing: -1px; }
.joinForm .starInformation .infoSubmit a { color: #545493; text-decoration: underline; }

/* Main Login */
.mainUserLogin { position: relative; width: 676px; margin: auto; padding-top: 91px; }
.mainUserLogin .mainLogo { height: 57px; overflow: hidden; }
.mainUserLogin .content {
	float: left;
	position: relative;
	width: 273px; height: 194px;
	padding: 106px 0 0 123px;
	background: url(http://shared.starpl.com/images/home/login/img_login_box.gif) no-repeat 0 0;
}
.mainUserLogin h1, .mainUserLogin label { position: absolute; text-indent: -9999px; }
.mainUserLogin .inputText { width: 140px; height: 15px; border: 1px solid #373737; background: #000; }
.mainUserLogin .loginId { position:absolute; top: 106px; left: 123px; }
.mainUserLogin .loginPw { position: absolute; top: 131px; left: 123px; }
.mainUserLogin .loginBtn { position: absolute; top: 107px; right: 78px; }
.mainUserLogin .content ul { position: absolute; top: 158px; left: 123px; width: 273px; }
.mainUserLogin .content li { display: inline; float: left; padding-right: 14px; color: #666; font-size: 11px; letter-spacing: -1px; }
.mainUserLogin li input { margin: -3px 3px -3px -3px; vertical-align: middle; }
.mainUserLogin li label { position: static; text-indent: 0; cursor: pointer; }
.mainUserLogin li a { color: #666; }
.mainUserLogin dt, .mainUserLogin dd span { visibility: hidden; }
.mainUserLogin dd a { position: absolute; top: 205px; right: 40px; }
.mainUserLogin .loginBanner { float: right; width: 280px; height: 300px; }
.mainUserLogin .mainLoginNav { position: absolute; top: 126px; right: 5px; color: #707070; letter-spacing: -1px; }
.mainUserLogin .mainLoginNav li { display: inline; }
.mainUserLogin .mainLoginNav span { padding: 0 4px 0 5px; }
.mainUserLogin .mainLoginNav a { color: #707070; }
.mainUserLogin p.copyright { clear: both; padding: 38px 0; color: #969696; font: 10px Tahoma; text-align: center; }
.findingUserInfo {
	position: relative;
	width: 740px;
	margin: auto; padding-top: 91px;
	background: url(http://shared.starpl.com/images/home/login/bg_box.gif) no-repeat 0 148px;
}
.findingUserInfo .content {
	position: relative;
	top: 27px; left: 35px;
	width: 314px; height: 124px;
	padding: 122px 0 0 111px;
	background: url(http://shared.starpl.com/images/home/login/img_find_id.gif) no-repeat 0 0;
}
.findingUserInfo div.password {
	height: 134px;
	padding-top: 111px;
	background: url(http://shared.starpl.com/images/home/login/img_find_password.gif) no-repeat 0 0;
}
.findingUserInfo .inputText { width: 170px; margin: 0 4px 5px 0; vertical-align: middle; }
.findingUserInfo .submit { margin: 0 4px 5px 0; vertical-align: middle; }
.findingUserInfo fieldset span { display: block; padding-top: 3px; color: #666; font-size: 11px; }
.findingUserInfo fieldset span span { display: inline; }
.findingUserInfo .content p span { visibility: hidden; }
.findingUserInfo .content p a { position: absolute; top: 192px; right: 205px; }
.findingUserInfo .content.password p a { top: 206px; right: 196px; }
.findingUserInfo .copyright { padding-top: 27px; }
.findingUserInfo .errorLogin {
	position: relative;
	width: 304px; height: 132px;
	padding: 114px 0 0 121px;
	background: url(http://shared.starpl.com/images/home/login/img_error_login.gif) no-repeat 0 0;
}
.errorLogin .inputText { width: 140px; }
.errorLogin #userId { position: absolute; top: 114px; left: 121px; }
.errorLogin #userPasswd { position: absolute; top: 139px; left: 121px; }
.errorLogin .loginBtn { position: absolute; top: 115px; right: 109px; }
.mainUserLogin .errorLogin ul { position: absolute; top: 166px; left: 121px; width: 269px; }
.errorLogin li { display: inline; float: left; padding-right: 14px; color: #666; font-size: 11px; letter-spacing: -1px; }
.errorLogin li a { color: #666; }
.errorLogin li input { margin: -3px 3px -3px -3px; vertical-align: middle; }
.errorLogin li label { position: static; text-indent: 0; cursor: pointer; }
.errorLogin p span { visibility: hidden; }
.findingUserInfo .errorLogin p a { position: absolute; top: 200px; right: 175px; }

/* Register Blog */
.regBlog { width: 508px; margin: 0 auto; padding: 0 13px 13px 13px; }
.regBlog h1 { float: left; }
.regBlog .breadcrumb { float: right; width: 280px; padding: 11px 0 0 0; }
.regBlog .breadcrumb li { float: left; padding: 0; background: #fff; }
	.regBlog .breadcrumb span { display: block; height: 13px; background: url(http://shared.starpl.com/images/star/manage/registration_blog_step.gif) no-repeat; text-indent: -7777px; overflow: hidden; }
	.regBlog .breadcrumb .address span { width: 111px; }
	.regBlog .breadcrumb .validate span { width: 67px; background-position: -140px 0; }
	.regBlog .breadcrumb .complete span { width: 83px; background-position: -229px 0; }
	.regBlog .breadcrumb .address .selected { width: 123px; background-position: 0 -15px; }
	.regBlog .breadcrumb .validate .selected { width: 73px; background-position: -140px -15px; }
	.regBlog .breadcrumb .complete .selected { width: 89px; background-position: -229px -15px; }
.regBlog form { clear: both; width: 508px; }
.regBlog b { clear: both; display: block; height: 1px; font-size: 0; border: 1px solid #bce1f1; }
.regBlog .r1 { width: 504px; margin: 0 2px; border: 0; background: #bce1f1; }
.regBlog .r2 { width: 502px; margin: 0 1px; border-width: 0 2px; background: #e8f5f9; }
.regBlog .r3 { width: 504px; border-width: 0 2px; background: #e8f5f9; }
.regBlog dl { width: 479px; padding: 14px 0 8px 27px; border-left: 1px solid #bce1f1; border-right: 1px solid #bce1f1; background: #e8f5f9; }
.regBlog dt { padding-bottom: 8px; }
	.regBlog dt img { margin-bottom: 2px; vertical-align: middle; }
	.regBlog dt span { color: #818181; font-size: 11px; letter-spacing: -1px; }
	.regBlog dt span span { font-weight: bold; text-decoration: underline; }
.regBlog dd { padding-bottom: 5px; font-size: 11px; letter-spacing: -1px; }
	.regBlog dd span { padding-left: 21px; font-weight: bold; font-size: 12px; }
	.regBlog dd .inputText { width: 449px; height: 18px; border: 1px solid #d2d2d2; background: #fff; vertical-align: middle; }
	.regBlog dd span .inputText { margin-left: 5px; width: 360px; }
.regBlog h2 { margin: 14px 0 8px 16px; font-size: 12px; font-weight: bold; text-decoration: underline; letter-spacing: -1px; }
.regBlog ol { margin-left: 16px; list-style: decimal inside; line-height: 1.5; }
	.regBlog ol li span { color: #4697b0; }
.regBlog ul { padding: 20px 0 16px 16px; line-height: 1.8; }
.regBlog ul li { padding-left: 10px; background: url(http://shared.starpl.com/images/home/common/blt_04.gif) no-repeat 0 45%; }
	.regBlog ul li span { color: #4697b0; font-weight: bold; text-decoration: underline; }
	.regBlog #postSubject { display: block; width: 454px; margin-bottom: 6px; padding: 6px 0 5px 0; background-color: #c4e1ec; text-align: center; text-decoration: underline; }
.regBlog .blogTitle { padding-top: 0; overflow: hidden; }
.regBlog .blogTitle dt { float: left; padding: 16px 12px 12px 0; border-top: 1px dashed #3591ba; color: #3591ba; font-weight: bold; letter-spacing: -1px; }
.regBlog .blogTitle dd { float: left; padding-top: 12px; border-top: 1px dashed #3591ba; }
	.regBlog .blogTitle .inputText { width: 360px; }
.regBlog #regBlogAlert, .regBlog #regBlogCodeAlert { width: 508px; margin-top: 15px; color: #4697b0; text-align: center; text-decoration: underline; }
.regBlog .submitBtn { width: 508px; margin-top: 20px; text-align: center; }
.regBlog .submitBtn img { cursor: pointer; }

.modifyBlog dl { padding-top: 0; padding-bottom: 0; overflow: hidden; }
.modifyBlog dt { float: left; width: 86px; padding-top: 3px; color: #3591ba; font-weight: bold; }
.modifyBlog dd { float: left; padding-bottom: 0; width: 370px; }
	.modifyBlog dd img { float: left; padding: 0 8px 12px 0; vertical-align: middle; cursor: pointer; }
	.modifyBlog dd span { display: block; padding: 3px 0 0 0; font-weight: normal; }
	.modifyBlog li a { color: #3ba8be; font-weight: bold; letter-spacing: -1px; text-decoration: underline; }
.modifyBlog .blogTitle { padding-bottom: 11px; }
.modifyBlog .blogTitle dt { height: 28px; padding: 18px 0 5px 0; border-top: 0; border-bottom: 1px dashed #3591ba; }
.modifyBlog .blogTitle dd { height: 32px; padding: 14px 0 5px 0; border-top: 0; border-bottom: 1px dashed #3591ba; }

/* = Quest */
#questIcon { 
	position: absolute; top: 155px; left: 50%; width: 170px; height: 120px; margin-left: 245px; 
	text-align: center; z-index: 2;
}
#questIcon img { position: absolute; top: 0; left: 0; width: 155px; height: 120px; cursor: pointer; }
#questIcon .questIconHide { top: 20px; left: 156px; width: 16px; height: 16px; z-index: 5; }
#questBalloon { width: 0; height: 0; font-size: 0; }
#questBalloon img { position: absolute; z-index: 70; }
#questBalloon .qBalloon01 { top: 190px; left: 50%; margin-left: -42px; }
#questBalloon .qBalloon01_1 { top: 91px; left: 50%; margin-left: -474px; }
#questBalloon .qBalloon02 { top: 173px; left: 50%; margin-left: -290px; }
#questBalloon .qBalloon02_1 { top: 240px; left: 50%; margin-left: 330px; }
#questBalloon .qBalloon03 { top: 173px; left: 50%; margin-left: -235px; }
#questBalloon .qBalloon04 { top: 130px; left: 30px; }
#questDiv { 
	display: block; position: absolute; top: 0; left: 0; 
	width: 100%; height: 100%;
	z-index: 90; 
}
#questDiv .screen { 
	width: 100%; height: 100%;
	background: #000 url(http://shared.starpl.com/images/star/common/back.gif);
	opacity: 0.6; filter: alpha(opacity=60);
}
.questPopup { position: absolute; top: 50%; left: 50%; }
.questPopup span { display: block; position: relative; text-align: center; }
.questPopup .start span { width: 140px; padding-left: 232px; text-align: left; }
.questPopup .complete { width: 400px; }
.questPopup .complete span { width: 380px; padding-top: 290px; }
.questPopup .complete img { margin: 0 3px; }
.questPopup .close { position: absolute; top: 95px; left: 340px; z-index: 5; }
.questPopup .notice { position: absolute; cursor: pointer; z-index: 10; }
.questPopup img { z-index: 2; cursor: pointer; }
.questPopup .questBg { height: 100%; }

.quest00 { width: 386px; height: 255px; padding: 0 15px 15px 15px; background: url(http://shared.starpl.com/images/star/mission/0909_img_mission_start.gif) no-repeat center top; }
.quest00 span { display: block; width: 332px; padding: 191px 0 0 54px; }
.quest00 img { margin-right: 14px; }
.quest01 { width: 398px; height: 376px; margin: -188px 0 0 -199px; }
.quest01 .start { width: 398px; background: url(http://shared.starpl.com/images/star/mission/1222_mission_01.png) no-repeat; }
.quest01 .complete { width: 380px; background: url(http://shared.starpl.com/images/star/mission/0909_mission_01_complete.png) no-repeat; }
.quest01 .start span { padding-top: 310px; }
.quest02 { width: 398px; height: 406px; margin: -203px 0 0 -199px; }
.quest02 .start { width: 398px; background: url(http://shared.starpl.com/images/star/mission/0909_mission_02.png) no-repeat; }
.quest02 .complete { width: 380px; background: url(http://shared.starpl.com/images/star/mission/0909_mission_02_complete.png) no-repeat; }
.quest02 .start span { padding-top: 338px; }
.quest02 .start .notice { position: absolute; top: 280px; left: 100px; }
.quest02-1 { width: 398px; height: 406px; margin: -203px 0 0 -199px; }
.quest02-1 .start { width: 398px; background: url(http://shared.starpl.com/images/star/mission/0929_mission_02.png) no-repeat; }
.quest02-1 .complete { width: 380px; background: url(http://shared.starpl.com/images/star/mission/0929_mission_02_complete.png) no-repeat; }
.quest02-1 .start span { padding-top: 338px; }
.quest03 { width: 398px; height: 408px; margin: -204px 0 0 -199px; }
.quest03 .start { width: 398px; background: url(http://shared.starpl.com/images/star/mission/1222_mission_03.png) no-repeat; }
.quest03 .complete { width: 380px; background: url(http://shared.starpl.com/images/star/mission/0909_mission_03_complete.png) no-repeat; }
.quest03 .start span { padding-top: 344px; }
.quest04 { width: 398px; height: 403px; margin: -202px 0 0 -199px; }
.quest04 .start { width: 398px; background: url(http://shared.starpl.com/images/star/mission/1222_mission_04.png) no-repeat; }
.quest04 .complete { width: 379px; background: url(http://shared.starpl.com/images/star/mission/0909_mission_04_complete.png) no-repeat; }
.quest04 .start span { padding-top: 334px; }
.quest05 { width: 398px; height: 393px; margin: -196px 0 0 -199px; }
.quest05 .start { width: 398px; background: url(http://shared.starpl.com/images/star/mission/0909_mission_05.png) no-repeat; }
.quest05 .complete { width: 366px; background: url(http://shared.starpl.com/images/star/mission/0909_mission_05_complete.png) no-repeat; }
.quest05 .start span { padding-top: 326px; }
.quest05 .complete span { padding-top: 305px; }
.quest06 { width: 402px; height: 441px; margin: -205px 0 0 -201px; }
.quest06 .start { width: 402px; background: url(http://shared.starpl.com/images/star/mission/1222_mission_06.png) no-repeat; }
.quest06 .complete { width: 379px; background: url(http://shared.starpl.com/images/star/mission/0909_mission_06_complete.png) no-repeat; }
.quest06 .start span { padding-top: 346px; }
.quest06 .complete span { padding-top: 377px; }
.quest07 { width: 420px; height: 449px; margin: -224px 0 0 -210px; }
.quest07 .start { width: 420px; background: url(http://shared.starpl.com/images/star/mission/0909_mission_07.png) no-repeat; }
.quest07 .complete { width: 379px; background: url(http://shared.starpl.com/images/star/mission/0909_mission_07_complete.png) no-repeat; }
.quest07 .start span { width: auto; padding: 324px 0 0 0; text-align: center; }
.quest07 .confirm { display: block; margin: 30px 0 0 240px; }
.quest07 .complete span { padding-top: 357px; }

#questDiv .end { width: 328px; height: 355px; margin: -178px 0 0 -164px; }
#questDiv .end .questBg { width: 328px; background: url(http://shared.starpl.com/images/star/mission/0909_mission_08_end.png) no-repeat; }
#questDiv .end span { padding-top: 290px; }

/* =Alimi Slide */
#slideBtn { 
	position: absolute; top: 100px; left: 0; width: 34px; height: 107px; 
	background: url(http://shared.starpl.com/images/map/slide/btn_open_slide_01.png) no-repeat 0 0; 
	color: #fff; font: 11px Tahoma; text-indent: -7777px; cursor: pointer; 
}
.new #slideBtn { width: 24px; height: 40px; padding: 67px 0 0 10px; background-image: url(http://shared.starpl.com/images/map/slide/btn_open_slide_new_02.png); text-indent: 0; }
	#slideBtn span { display: none; }
	.new #slideBtn span { display: inline; }
#slideContent { 
	position: absolute; top: 39px; left: -270px;
	width: 260px; padding-right: 10px; 
	color: #797979; line-height: 1.2em; 
}
#slideContent h1 { display:none; }

/* slideBarMiddle */
.slideLogin { width: 260px; height: 115px; margin-bottom: -6px; background: url(http://shared.starpl.com/images/map/slide/slide_top.png) no-repeat 0 0; }
.slideLogin2 { width: 260px; height: 116px; margin-bottom: -6px; background: url(http://shared.starpl.com/images/map/slide/slide_top_01.png) no-repeat 0 0; }
.slideLogout { width: 179px; height: 80px; margin-bottom: -6px; padding: 35px 0 0 81px; background: url(http://shared.starpl.com/images/map/slide/slide_top_logout.png) no-repeat 0 0; }
	#slideBarInfo .fix { position: absolute; top: 7px; right: 19px; width: 36px; height: 17px; z-index: 10; cursor: pointer; }
		#slideBarInfo .fix span { display: block; width: 36px; height: 17px; background: url(http://shared.starpl.com/images/map/slide/btn_slide_onoff.gif) no-repeat -63px -41px; text-indent: -9999px; }
		#slideBarInfo .fix .selected { background-position: -104px -41px; }
	#slideBarInfo #nemo { float: left; width: 48px; height: 90px; padding: 16px 11px 0 18px; font-size: 0px; }
		#slideBarInfo #nemo .nemoThumb { position: absolute; top: 19px; left: 21px; border: 1px solid #d2d2d2; }
	#slideBarMyInfo { 
		float: left; position: relative; width: 183px; height: 80px; margin-top: 28px; 
		font-size: 10px; font-family: Tahoma; letter-spacing: 0; overflow: hidden;
	}
	.slideLogin2 #slideBarMyInfo { margin-top: 14px; }
		.slideLogin2 #slideBarMyInfo p { height: 19px; padding-top: 2px; color: #ffff85; font: 11px Tahoma; overflow: hidden; }
		.slideLogin2 #slideBarMyInfo p img { position: relative; margin-top: -2px; padding: 0 37px 0 3px; vertical-align: middle; z-index: 1; }
		#slideBarMyInfo dl { float: left; width: 77px; }
		#slideBarMyInfo .point { float: right; width: 106px; }
		#slideBarMyInfo dt { display: none; }
		#slideBarMyInfo dd { height: 15px; color: #ffff85; cursor: pointer; }
		#slideBarMyInfo .msg { padding-left: 40px; }
		#slideBarMyInfo .req { padding-left: 49px; }
		#slideBarMyInfo .point dd { width: 65px; padding-left: 38px; color: #a5e9eb; overflow: hidden; }
		.slideLogin2 #slideBarMyInfo .point dd { width: 67px; padding-left: 36px; }
			#slideBarMyInfo dd img { vertical-align: top; margin-top: 3px; }
			#slideBarMyInfo dd a { color: #ffff85; text-decoration: none; }
	.slideLogin .waytogo, .slideLogin2 .waytogo { clear: both; width: 180px; padding-top: 6px; overflow: hidden; }
	.slideLogout .waytogo { position: relative; width: 179px; overflow: hidden; }
		.waytogo a { display: inline-block; float: left; color: #666; text-decoration: none; }
		.waytogo a span { display: block; height: 27px; background: url(http://shared.starpl.com/images/map/slide/btn_top_01.gif) no-repeat 0 -100px; text-indent: -9999px; overflow: hidden; }
		.slideLogin2 .waytogo a span { background-image: url(http://shared.starpl.com/images/map/slide/btn_top.gif); }
		.waytogo .mystar { width: 63px; }
		.slideLogin2 .waytogo .mystar { width: 59px; }
		.slideLogin2 .waytogo .postlink { width: 59px; margin-right: 4px; }
		.waytogo .manage { width: 27px; margin-right: 4px; }
		.waytogo .oneline { width: 43px }
		.waytogo .write { width: 34px; }
		.slideLogin2 .waytogo .write { width: 50px; }
		.waytogo .findid { width: 31px; }
		.waytogo .findpw { width: 66px; }
		.waytogo .join { width: 53px; }
		.waytogo a:hover .mystar { background-position: 0 0; }
		.slideLogin2 .waytogo a:hover .postlink { background-position: -59px 0; }
		.waytogo a:hover .manage { background-position: -63px 0; }
		.waytogo a:hover .oneline { background-position: -94px 0; }
		.waytogo a:hover .write { background-position: -137px 0; }
		.slideLogin2 .waytogo a:hover .write { background-position: -122px 0; }
		.waytogo a:hover .findid { background-position: -3px -33px; }
		.waytogo a:hover .findpw { background-position: -34px -33px; }
		.waytogo a:hover .join { background-position: -100px -33px; }
	#slideBarInfo fieldset { position: relative; width: 179px; }
		#slideBarInfo fieldset input { margin-left: 113px; vertical-align: top; }		
		#slideBarInfo fieldset .inputText { position: absolute; left: 3px; width: 98px; margin: 0; border: 0; background: transparent; color: #999; }
		#slideBarInfo #slideBarUserId { top: 2px; }
		#slideBarInfo #slideBarUserPasswd { top: 26px; }

/* slideBarMainMenu */
#slideBarMainMenu { 
	clear: both; position: relative;
	width: 260px; height: 56px; 
	background: url(http://shared.starpl.com/images/map/slide/img_slide_tab_01.png) no-repeat 0 -29px;
}
#slideBarMainMenu li { display: inline; float: left; width: 70px; height: 29px; }
#slideBarMainMenu h2 { position: absolute; width: 70px; height: 29px; text-indent: -9999px; cursor: pointer; }
#slideBarMainMenu h2.selected { background: url(http://shared.starpl.com/images/map/slide/img_slide_tab_01.png) no-repeat; z-index: 10; }
#slideBarMainMenu #slideAlarm h2.selected { width: 76px; background-position: 0 0; }
#slideBarMainMenu #slideStarplStory h2.selected { left: 66px; width: 79px; background-position: -76px 0; }
#slideBarMainMenu #slideSearch h2.selected { left: 136px; width: 79px; background-position: -155px 0; }
	#slideBarMainMenu ul { position: absolute; top: 29px; left: 0; background: url(http://shared.starpl.com/images/map/slide/img_slide_tab_01.png) no-repeat; overflow: hidden; }
	#slideBarMainMenu ul li { float: left; width: auto; height: auto; }
		#slideBarMainMenu ul li span { display: block; height: 17px; margin-right: 1px; text-indent: -9999px; cursor: pointer; }
		#slideBarMainMenu ul li .selected { background: url(http://shared.starpl.com/images/map/slide/img_slide_tab_01.png) no-repeat; }
	#slideBarMainMenu #alarmSubMenu { width: 245px; height: 22px; padding: 5px 0 0 15px; background-position: 0 -58px; }
		#alarmSubMenu .all span { width: 38px; }
		#alarmSubMenu .record span { width: 36px; }
		#alarmSubMenu .comment span { width: 37px; }
		#alarmSubMenu .guest span { width: 45px; }
		#alarmSubMenu .issue span { width: 36px; margin-right: 16px; }
		#alarmSubMenu .alarmManage span { width: 17px; }
		#alarmSubMenu .all .selected { background-position: -15px -90px; }
		#alarmSubMenu .record .selected { background-position: -54px -90px; }
		#alarmSubMenu .comment .selected { background-position: -91px -90px; }
		#alarmSubMenu .guest .selected { background-position: -129px -90px; }
		#alarmSubMenu .issue .selected { background-position: -175px -90px; }
		#alarmSubMenu .alarmManage span { background-position: -228px -90px; }
	#slideBarMainMenu #starplStorySubMenu { width: 245px; height: 22px; padding: 5px 0 0 15px; background-position: 0 -112px; }
		#starplStorySubMenu .popular span { width: 59px; margin-right: 6px; }
		#starplStorySubMenu .most span { width: 59px; margin-right: 7px; }
		#starplStorySubMenu .new span { width: 51px; }
		#starplStorySubMenu .popular .selected { background-position: -15px -144px; }
		#starplStorySubMenu .most .selected { background-position: -80px -144px; }
		#starplStorySubMenu .new .selected { background-position: -143px -144px; }

/* slideBarMiddleContent */
#slideBarContent { position: relative; height: 500px; background: #fff url(http://shared.starpl.com/images/map/slide/slide_middle_02.gif) repeat-y; }
.slideToolbar { width: 237px; height: 24px; padding: 8px 11px 0 12px; background: url(http://shared.starpl.com/images/map/slide/img_slide_tab_01.png) no-repeat 0 -220px; }
	.slideToolbar img { cursor: pointer; }
	.slideToolbar .refresh { float: right; }
#alarmSlideToolbar ul { float: left; height: 13px; }
#alarmSlideToolbar li { float: left; }
	#alarmSlideToolbar span { display: block; height: 17px; background: url(http://shared.starpl.com/images/map/slide/btn_slide_onoff_01.gif) no-repeat; text-indent: -9999px; cursor: pointer; }
	#alarmSlideToolbar .hideRead span { width: 90px; background-position: -7px -21px; }
	#alarmSlideToolbar .hideFavorite span { width: 80px; background-position: -7px -3px; }
	#alarmSlideToolbar .hideRead .selected { background-position: -97px -21px; }
	#alarmSlideToolbar .hideFavorite .selected { background-position: -97px -3px; }
	.slideToolbar .orderView { float: left; font-size: 11px; line-height: 1.4; }
		.slideToolbar .orderView a { color: #818181; letter-spacing: -1px; }
		.slideToolbar .orderView .selected { color: #666; font-weight: bold; }
	.showPostCheck { float: left; }
	.showPostCheck span { display: block; width: 105px; height: 17px; background: url(http://shared.starpl.com/images/map/slide/btn_slide_onoff_01.gif) no-repeat -188px -3px; text-indent: -9999px; cursor: pointer; }
	.showPostCheck .selected { background-position: -188px -21px; }

/* slideBarContentList */
#slideBarContentList { 
	clear: both; width: 253px; 
	overflow-x: hidden; overflow-y: auto; 
}
#slideBarContentList #loading { height: auto; padding-top: 10px; background: none; border: 0; text-align: center; }
#slideBarContentList #loading dd { width: 213px; height: auto; font-size: 11px; text-align: center; letter-spacing: -1px; }
	#slideBarContentList #loading p span { font-weight: bold; }
#slideBarContentList .notice { padding: 7px 12px 6px 12px; border-bottom: 1px solid #d9d9d9; }
#slideBarContentList .connectedAll { width: 210px; height: 35px; padding: 9px 11px 0 15px; border-bottom: 1px solid #d9d9d9; background-color: #fffcd4; }
#slideBarContentList .connectedAll a { float: left; width: 175px; color: #88634c; font-size: 11px; letter-spacing: -1px; }
#slideBarContentList .connectedAll a span { color: #ff692e; font-weight: bold; letter-spacing: 0; }
#slideBarContentList .connectedAll .button { float: right; width: 34px; margin-top: 5px; }
#slideBarContentList dl { 
	width: 225px; 
	padding: 6px 0 6px 11px; 
	border-bottom: 1px solid #d9d9d9;
	letter-spacing: 0; line-height: 1.3em; overflow: hidden;
}
#slideBarContentList dl.selected { background-color: #f0f0f0 !important; }
#slideBarContentList dl.over { background-color: #f5f9fa; }
#slideBarContentList dt { float: left; padding-right: 6px; }
	#slideBarContentList dt img { border: 1px solid #d2d2d2; vertical-align: top; }
	#slideBarContentList .nemo img { display: block; border: 0; }
	#slideBarContentList .nemo .nemoThumb { float: left; margin: 3px -36px 0 0; padding-left: 3px; }
#slideBarContentList dd { padding: 2px 0 0 0; }
#slideBarContentList .recordGo { 
	float: right; 
	width: 21px !important; height: 30px; 
	margin-top: -6px; padding: 0; 
}
	#slideBarContentList .recordGo a { 
		display: inline-block; float: right;
		background: url(http://shared.starpl.com/images/map/slide/btn_slide_onoff_01.gif) no-repeat;
		font-size: 0; line-height: 0; text-indent: -9999px; 
		}
	#slideBarContentList dd .overClose a { width: 11px; height: 11px; background-position: -29px -41px; visibility: hidden; }
	#slideBarContentList dl.over .overClose a { visibility: visible; }
	#slideBarContentList .overClose a:hover { background-position: -46px -41px; }
	#slideBarContentList .directGo a { width: 17px; height: 17px; margin: 5px 4px 0 0; background-position: -166px -41px; }
	#slideBarContentList .directGo a:hover { background-position: -146px -41px; }
#slideBarContentList .alarmList { font-size: 12px; }
	#slideBarContentList .alarmList .recordContent { height: 1.2em; padding: 3px 0 0 0; overflow: hidden; }
	#slideBarContentList .alarmList .recordContent img { padding-top: 1px; vertical-align: top; }

	#slideBarContentList .starplStoryList .directGo a { margin-top: 14px; }
	#slideBarContentList .starplStoryList .recordStarName { height: 1.2em; padding-left: 0; font-family: Applegothic, Dotum; overflow: hidden; }
	#slideBarContentList .starplStoryList .recordStarName a:link { color: #448dad; }
	#slideBarContentList .starplStoryList .recordStarName a:visited { color: #448dad; }
	#slideBarContentList .starplStoryList .recordStarName a:hover { color: #0e659c; }
	#slideBarContentList .starplStoryList .recordStarName span { color: #ff6540; font-weight: bold; }

	#slideBarContentList .friendList .friendName { color: #818181; font-size: 11px; cursor: pointer; }
	#slideBarContentList .friendList span { font-weight: bold; }
	
	#slideBarContentList .keywordList .keywordName { color: #444; font-weight: bold; }
	#slideBarContentList .keywordList .keywordType { width: 14px; height: 14px; background: url(http://shared.starpl.com/images/star/skin/skin_j_01.gif) no-repeat -178px -519px; }
	#slideBarContentList .keywordList dd .location { background-position: -178px -519px; }
	#slideBarContentList .keywordList dd .school { background-position: -178px -538px; }
	#slideBarContentList .keywordList dd .work { background-position: -178px -558px; }
	#slideBarContentList .keywordList dd .community { background-position: -178px -577px; }
	#slideBarContentList .keywordList dd .interest { background-position: -178px -595px; }
	#slideBarContentList .keywordList dd img { vertical-align: middle; }
	#slideBarContentList .keywordList dd span { font-size: 11px; }
	#slideBarContentList .keywordList dd span span { color: #ff6540; font-weight: bold; }
	
#slideBarContentList .recordContent { color: #444; }
	#slideBarContentList .subject { color: #444; }
	#slideBarContentList .lines .subject { color: #565656; font-weight: bold; }
	#slideBarContentList .comment { color: #ff6540; font-size: 11px; }
#slideBarContentList .recordStarName { font: 11px Tahoma; }
	#slideBarContentList .vote { font-weight: bold; color: #ff6540; }
	#slideBarContentList .starName { font-family: Applegothic, Dotum; }
	#slideBarContentList .date { font-weight: normal !important; color: #999 !important; font: 9px Tahoma; }
	#slideBarContentList .record { color: #7c8fe4; letter-spacing: -1px; }
	#slideBarContentList .record a { color: #7c8fe4; }
	#slideBarContentList .record span { font-weight: bold; }
	#slideBarContentList .issue { color: #8294d6; letter-spacing: -1px; }
	#slideBarContentList .issue a { color: #6193d9; }
	#slideBarContentList .issue span { font-weight: bold; }
#slideBarContentList dd.recordEnd { color: #658e9e; }
	#slideBarContentList dd.recordEnd a { color: #658e9e; text-decoration: none; line-height: 1.5em; }
	#slideBarContentList dd.recordEnd a:hover { color: #409ec3; }

/* namingClick Color */
.recordStarName a:link { color: #f08d73; font-family: Applegothic, Dotum; line-height: 1.5em; }
.recordStarName a:visited { color: #f08d73; }
.recordStarName a:hover { color: #f87555; }
.friend .recordStarName a:link { color: #448dad; }
.friend .recordStarName a:visited { color: #448dad; }
.friend .recordStarName a:hover { color: #0e659c; }

/* slideFooter */
#slideBarFooter { width: 260px; height: 36px; background: url(http://shared.starpl.com/images/map/slide/slide_bottom_01.png) no-repeat 0 0; }
#slideBarFooter .slideSearch { position: relative; top: 7px; left: 13px; width: 232px; height: 21px; background: url(http://shared.starpl.com/images/map/slide/bg_slide_search.gif) no-repeat; }
	#slideBarFooter .slideSearch span { float: left; width: 50px; height: 17px; padding: 4px 0 0 6px; font-weight: bold; font-size: 11px; letter-spacing: -1px; cursor: pointer; }
	#slideBarFooter .slideSearch img { padding-left: 2px; }
	#slideBarFooter .slideSearch input { float: left; }
	#slideBarFooter .slideSearch .inputText { width: 126px; padding-top: 5px; border: 0; background-color: transparent; }
	#slideBarFooter .slideSearch .searchBtn { float: right; width: 33px; height: 21px; }
#slideBarFooter .slideSearch ul { float: left; position: absolute; top: -70px; left: 0; width: 54px; border: 1px solid #7596c7; background-color: #fff; }
#slideBarFooter .slideSearch li { width: 48px; height: 15px; padding: 2px 0 0 6px; background-color: #fff; font-weight: bold; font-size: 11px; letter-spacing: -1px; cursor: pointer; }
#slideBarFooter .slideSearch li:hover { background-color: #f2f2f2; }

/* =Alimi Balloon */
.alimiBalloon { position: absolute; width: 282px; margin-left: -12px; z-index: 10; }
.alimiBalloon .wrapper { width: 246px; padding: 15px 14px 8px 22px; background: url(http://shared.starpl.com/images/map/slide/balloon_bg.png) no-repeat; }
.alimiBalloon .close { 
	display: block; position: absolute; top: 8px; left: 260px; width: 15px; height: 15px; 
	background: url(http://shared.starpl.com/images/map/slide/btn_balloon_close.gif) no-repeat; 
	text-indent: -7777px; overflow: hidden; cursor: pointer; z-index: 10; 
}
.alimiBalloon .container { position: relative; width: 246px; overflow: hidden; }
	.alimiBalloon dl { padding: 0 6px 0 2px; }
	.alimiBalloon dt { margin-right: 16px; color: #444; font-weight: bold; }
		.alimiBalloon dt a { color: #444; }
		.alimiBalloon dt .keyword { display: block; padding: 1px 0 2px 0; color: #6c81b0; }
		.alimiBalloon dt .keyword img { width: 14px; height: 14px; margin-top: -1px; background: url(http://shared.starpl.com/images/star/skin/skin_j_01.gif) no-repeat -443px -206px; vertical-align: middle; }
		.alimiBalloon dt .keyword .location { background-position: -443px -207px; }
		.alimiBalloon dt .keyword .school { background-position: -443px -226px; }
		.alimiBalloon dt .keyword .work { background-position: -443px -245px; }
		.alimiBalloon dt .keyword .community { background-position: -443px -264px; }
		.alimiBalloon dt .keyword .interest { background-position: -443px -283px; }
		.alimiBalloon dt .name { color: #448dad; }
		.alimiBalloon dt span.content { font-weight: normal; }
	.alimiBalloon .issue { font-weight: normal; }
		.alimiBalloon .issue span { font-weight: bold; }
		.alimiBalloon .issue .count { display: block; padding-top: 3px; font-weight: normal; font-size: 11px; }
		.alimiBalloon .issue .count span { color: #f57e52 }
	.alimiBalloon dd { width: 246px; }
		.alimiBalloon dd a { color: #666; }
	.alimiBalloon .thumbnail { float: left; width: 40px; height: 40px; padding-right: 6px; overflow: hidden; }
	.alimiBalloon .issuethumbnail { float: left; width: 60px; height: 60px; padding-right: 8px; overflow: hidden; }
	.alimiBalloon .content { clear: both; padding-top: 6px; }
	.alimiBalloon .postetc { clear: both; margin-left: -2px; padding-top: 8px; font-weight: bold; font-size: 11px; }
		.alimiBalloon .postetc img { float: right; position: relative; margin-top: -1px; }
		.alimiBalloon .postetc span { padding-right: 3px; color: #f57e52; }
		.alimiBalloon .wrapper .date { color: #aaa; font: normal 10px Tahoma; }
		.alimiBalloon .wrapper .vote { float: none; margin-top: -2px; vertical-align: middle; cursor: pointer; }
.alimiBalloon .rnd1 { display: block; height: 1px; margin: 0 1px; background: #dedede; font-size: 0; overflow: hidden; }
.alimiBalloon .rnd2 { display: block; height: 1px; border: 2px solid #dedede; border-width: 0 2px; background-color: #f9f9f9; font-size: 0; overflow: hidden; }
.alimiBalloon .comment { position: relative; padding: 7px 7px 0 7px; border: 1px solid #dedede; border-width: 0 1px; background-color: #f9f9f9; font-size: 11px; letter-spacing: -1px; }
	.alimiBalloon .comment p { width: 230px; padding-bottom: 7px; overflow: hidden; }
	.alimiBalloon .comment .name { padding-bottom: 4px; font-weight: bold; }
		.alimiBalloon .comment .date { letter-spacing: 0; }
		.alimiBalloon .comment textarea { float: left; width: 181px; height: 47px; border-top: 1px solid #adadad; border-right: 0; background-color: #fff; color: #999; overflow: auto; }
		.alimiBalloon .comment button { 
			float: left; width: 44px; height: 52px; 
			border: 0; background: url(http://shared.starpl.com/images/map/slide/btn_reply_enter.gif) no-repeat; 
			text-indent: -7777px; overflow: hidden; 
		}
	.alimiBalloon .comment ol li { padding: 7px 0 0 14px; border-top: 1px solid #dedede; background: url(http://shared.starpl.com/images/star/common/icon_comment.gif) no-repeat 0 8px; }
	.alimiBalloon .comment ol li p { width: 216px; }
	.alimiBalloon .comment ol li a { color: #666; }
.alimiBalloon .footer { height: 5px; margin-left: 8px; background: url(http://shared.starpl.com/images/map/slide/balloon_bg_bottom.png) no-repeat; font-size: 0; overflow: hidden; }

/* Suggest Keywords */
.suggestKeyword { position: absolute; width: 182px; border-collapse: collapse; border: 1px solid #000; background-color: #fff; z-index: 1000; }
.suggestKeyword td { padding-left: 7px; font-family: Applegothic, Gulim; white-space: nowrap; overflow: hidden; cursor: default; }
.suggestKeyword .keyword { height: 23px; padding-left: 22px; background: url(http://shared.starpl.com/images/star/base/icon_keyword_class_01.gif) no-repeat; text-align: left; vertical-align: middle; }
.suggestKeyword .location .keyword { background-position: 0 -2px; }
.suggestKeyword .school .keyword { background-position: 0 -21px; }
.suggestKeyword .work .keyword { background-position: 0 -40px; }
.suggestKeyword .community .keyword { background-position: 0 -60px; }
.suggestKeyword .interest .keyword { background-position: 0 -78px; }
.suggestKeyword .count { padding-right: 7px; text-align: right; font-size: 11px; }
.suggestKeyword .over td { background-color: #f0f0f0; }
.suggestKeyword .owned .keyword { color: #5a6bc3; font-weight: bold; }

/* Popup Position */
.edgePopup { top: 0!important; margin-top: 0!important; }
.flashCardPopup { width: 0; height: 0; font-size: 0; }
.flashCardPopup img { position: absolute; z-index: 1000; cursor: pointer; }
.flashCardPopup .connected { top: 315px; left: 50%; width: 192px; margin-left: 50px; }
.flashCardPopup .allConnected { top: 315px; left: 50%; width: 192px; margin-left: -40px; }
.flashCardPopup .joinPopup02 { top: 450px; left: 220px; width: 205px; }
.flashCardPopup .joinPopup03 { top: 350px; left: 220px; width: 194px; }
.flashCardPopup .joinPopup04 { top: 650px; left: 220px; width: 203px; }
.flashCardPopup .joinPopup05 { top: 320px; left: 220px; width: 181px; }
.flashCardPopup .joinPopup06 { top: 437px; left: 538px; width: 205px; }