@CHARSET "UTF-8";

/* Alimi Menu */
.alarmTopMenu { width: 722px; height: 70px; margin-top: -1px; background: #fff url(http://shared.starpl.com/images2/skin/AA/skin_AA_bg.gif); overflow: hidden; }
	.alarmTopMenu li { float: left; width: 120px; height: 70px; background: url(http://shared.starpl.com/images2/skin/AA/skin_AA_bg.gif) no-repeat 0 -70px; text-align: center; }
	.alarmTopMenu .keyword { background-image: none !important; }
		.alarmTopMenu li a { display: block; height: 56px; padding-top: 14px; color: #fff; font-weight: bold; font-size: 12px; text-decoration: none; vertical-align: middle; }
		.alarmTopMenu li a:hover { text-decoration: none; }
		.alarmTopMenu li a em { font-style: normal; }
		.alarmTopMenu li a em span { display: inline-block; height: 19px; padding-top: 3px; }
		.alarmTopMenu li a .count { display: block; padding-top: 1px; color: #ff0; font: bold 17px Arial; }
		.alarmTopMenu li a .zero { color: #a0bfff; }
		.alarmTopMenu .selected a em { display: inline-block; height: 22px; padding-left: 8px; background: url(http://shared.starpl.com/images2/skin/AA/bg_AA_notify.gif) no-repeat; }
		.alarmTopMenu .selected a em span { padding-right: 8px; background: url(http://shared.starpl.com/images2/skin/AA/bg_AA_notify.gif) no-repeat right 0; }
.alarmNotice { position: relative; width: 722px; border-bottom: 1px solid #dfdfdb; background-color: #fffed7; color: #998378; }
	.alarmNotice img { display: block; position: absolute; top: 13px; right: 22px; cursor: pointer; }
	.alarmNotice a img { position: static; padding-left: 10px; }
.container .alarmMore { width: 722px; height: auto; padding: 20px 0; font-size: 13px; text-align: center; }
	.container .alarmMore img { vertical-align: middle; }

/* Alimi Keyword Title */
.alarmList { width: 722px; font-size: 0;/* IE Text */ overflow: hidden; }
.alarmList li { float: left; position: relative; width: 722px; height: 106px; border-bottom: 1px solid #dfdfdb; font-size: 12px; overflow:hidden; }
	.alarmList li a { color: #666; text-decoration: none; }
	.alarmList li a:hover { text-decoration: none; }
	.alarmList .keyword a { display: block; width: 722px; overflow: hidden; }
	.alarmList .keyword a:hover { background: url(http://shared.starpl.com/images2/star/btn_space_move.gif) no-repeat 674px; }
	.alarmList li .title {
		display: table; float: left; width: 164px; height: 106px;
		border-right: 1px solid #dfdfdb; background: #fffdec url(http://shared.starpl.com/images2/star/bg_notify_new.gif) repeat-x;
		color: #525252; font-size: 16px; font-weight: bold;
	}
	.alarmList .selected .title { background: #fcfcfc url(http://shared.starpl.com/images2/star/bg_notify_old.gif) repeat-x; }
	.majorList li .title { background-image: url(http://shared.starpl.com/images2/star/bg_notify_major_new.gif); } 
		.alarmList li .cell { display: table-cell; vertical-align: middle; }
			.alarmList li .keywordTitle { display: block; width: 124px; padding: 0 20px; text-align: center; }
			.alarmList li .keywordTitle img { display: none; padding-left: 5px; }
			.alarmList .keywordTitle .count { display: block; height: 27px; padding-top: 6px; background: url(http://shared.starpl.com/images2/star/icon_notify_new.gif) no-repeat center 6px; }
				.alarmList .keywordTitle .count span { display: none; height: 26px; padding-left: 10px; background: url(http://shared.starpl.com/images2/star/bg_update.gif) no-repeat; color: #fff; font: 14px tahoma; }
				.alarmList .keywordTitle .count em { display: inline-block; height: 26px; padding: 3px 11px 0 0; background: url(http://shared.starpl.com/images2/star/bg_update.gif) no-repeat right 0; font-style: normal; }
				.majorList .keywordTitle .count { height: 26px; }
				.majorList .keywordTitle .count span, .majorList .keywordTitle .count em { display: inline-block; background-image: url(http://shared.starpl.com/images2/star/bg_update_02.gif); }
			.alarmList button { display: block; position: absolute; top: 0; left: 0; width: 45px; height: 46px; border: 0; background: url(http://shared.starpl.com/images2/star/btn_major_off_update.gif); text-indent: -7777px; overflow: hidden; }
			.alarmList .selected button { background-image: url(http://shared.starpl.com/images2/star/btn_major_off.gif); }
			.majorList button, .alarmList .majorButton { background-image: url(http://shared.starpl.com/images2/star/btn_major_on_update.gif); }
			.majorList .selected button, .alarmList .selected .majorButton { background-image: url(http://shared.starpl.com/images2/star/btn_major_on.gif); }
			.alarmList button:hover, .alarmList .selected button:hover, 
			.majorList button:hover, .majorList .selected button:hover, .majorButton:hover { background-position: -45px 0; }
	.alarmList li .data { float: left; width: 465px; height: 78px; padding: 14px 20px; } 
		.alarmList li .data .onePost { display: inline-block; height: 25px; padding-bottom: 2px; }
			.alarmList li .data .thumbnail { float: left; }
			.alarmList li .data .keywordPost { display: inline-block; width: 428px; height: 1.3em; padding: 5px 0 2px 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
			.alarmList li .data .name { padding: 0 8px 0 0; color: #499eb8; font-weight: bold; vertical-align: top; }
			.alarmList li .data .postTitle { display: inline-block; height: 1.3em; overflow: hidden; vertical-align: middle; }
	.postListSub .nokeyword { height: 108px; padding-top: 56px; background-color: #ededed; color: #808080; font-size: 13px; text-align: center; }
	.postListSub .nokeyword p { padding-bottom: 5px; color: #595959; font-weight: bold; font-size: 17px; }

/* Message */
.noMessage { height: 252px; padding-top: 118px; background-color: #f7f7f7; text-align: center; }
	.noMessage img { display: block; margin: 0 auto 16px auto; }
.messageList { width: 678px; padding: 12px 22px 20px; background-color: #f2f2f2; } 
.messageList li { position: relative; width: 678px; padding: 14px 0 2px; background: url(http://shared.starpl.com/images2/star/rnd_message_top_01.gif) no-repeat 0 6px; }
.messageList li.read { background: url(http://shared.starpl.com/images2/star/rnd_message_top_02.gif) no-repeat 0 6px; }
	.messageList li .messageDiv { width: 652px; padding: 0 12px; border: solid #b3a76e; border-width: 0 1px; background-color: #fffde8; }
	.messageList li.read .messageDiv { border-color: #ccc; background-color: #fefefe; }
	.messageList li em { display: inline-block; position: absolute; top: 14px; height: 23px; padding-right: 7px; background: url(http://shared.starpl.com/images2/star/bg_update_message.gif) no-repeat right 0; overflow: hidden; }
		.messageList li em span { display: inline-block; height: 23px; padding: 3px 0 0 7px; background: url(http://shared.starpl.com/images2/star/bg_update_message.gif) no-repeat; color: #fff; font: bold 13px Tahoma; vertical-align: middle; }
	.messageList li .writer { position: absolute; top: 21px; left: 25px; width: 76px; height: 78px; overflow: hidden; }
		.messageList li .writer .thumbnail { padding: 4px; }
		.messageList li .writer .frame { display: block; position: absolute; top: 0; left: 0; width: 76px; height: 78px; background: url(http://shared.starpl.com/images2/star/frame_66.gif) no-repeat; }
	.messageList li p { margin-left: 98px; padding-top: 6px; }
	.messageList li .viewAll { position: absolute; top: 25px; right: 30px; }
		.messageDiv .name { display: inline-block; padding: 2px 7px 0 0; color: #499eb8; font-weight: bold; font-size: 14px; line-height: 1.5; }
		.messageDiv .date { display: inline-block; padding: 2px 12px 0 0; color: #b8b8b8; font-size: 10px; line-height: 1.5; }
		.messageDiv img { vertical-align: top; }
	.messageDiv .messageDetail { width: 450px; padding: 5px 0 28px; color: #525252; font-size: 13px; line-height: 1.4; }
		.messageDiv .messageDetail a { color: #525252; }
	.messageList li .messageBottom { display:block; width: 678px; height: 19px; background: url(http://shared.starpl.com/images2/star/rnd_message_bottom_01.gif) no-repeat; }
	.messageList li.read .messageBottom { background: url(http://shared.starpl.com/images2/star/rnd_message_bottom_02.gif) no-repeat; }
.friendMessage { width: 722px; background-color: #f2f2f2; }
.friendMessage .sendMessage { width: 630px; padding: 13px 46px 22px; border-bottom: 1px solid #ccc; }
	.friendMessage .sendMessage p { color: #666; font-size: 13px; font-weight: bold; }
		.friendMessage .sendMessage p img {  padding: 0 3px 0 2px;vertical-align: middle; }
	.friendMessage .sendMessage form { padding-top: 6px; }
		.friendMessage .sendMessage textarea { float: left; width: 550px; height: 55px; border: 1px solid #bfbfbf; border-right: 0; }
		.friendMessage .sendMessage input { float: left; }
.friendMessage .friendMessageList { width: 664px; padding: 15px 24px; }
	.friendMessageList .friendTitle { color: #8c8c8c; font-size: 12px; font-weight: bold; }
		.friendMessageList .friendTitle img { padding-left: 6px; vertical-align: middle; }
		.friendMessageList .friendTitle a { display: inline-block; height: 20px; vertical-align: middle; overflow: hidden; }
		.friendMessageList .friendTitle .del { width: 68px; margin-left: 6px; background: url(http://shared.starpl.com/images2/star/btn_delete_all_message.gif) no-repeat; text-indent: -7777px; }
		.friendMessageList .friendTitle .ban { width: 70px; background: url(http://shared.starpl.com/images2/star/btn_message_block.gif) no-repeat; text-indent: -7777px; }
		.friendMessageList .friendTitle .cancel { background-image: url(http://shared.starpl.com/images2/star/btn_message_clear.gif); }
	.friendMessageList ul { position: relative; width: 660px; padding: 2px 0 0 4px; }
	.friendMessageList li { position: relative; width: 664px; padding : 8px 0; overflow: hidden; }
		.friendMessage li .writer {
			position: relative; float: right; width: 76px; height: 78px; margin-left: -1px; padding-left: 16px;
			background: url(http://shared.starpl.com/images2/star/blt_message_balloon_02.gif) no-repeat 0 50%;
			z-index: 10; overflow: hidden; }
		.friendMessage .recive .writer { float: left; margin: 0 -2px 0 0; padding: 0 14px 0 0; background: url(http://shared.starpl.com/images2/star/blt_message_balloon_01.gif) no-repeat 80px center; }
			.friendMessage li .writer .thumbnail { padding: 4px; }
			.friendMessage li .writer .frame { display: block; position: absolute; top: 0; left: 16px; width: 76px; height: 78px; background: url(http://shared.starpl.com/images2/star/frame_66.gif) no-repeat; }
			.friendMessage .recive .writer .frame { left: 0; right: 0; }
		.friendMessage li .messageBox { float: right; }
		.friendMessage .recive .messageBox { float: left; }
	.friendMessage li .messageTop { display: block; width: 480px; height: 7px; background: url(http://shared.starpl.com/images2/star/rnd_message_balloon_top_02.gif) no-repeat; font-size: 0; overflow: hidden; }
	.friendMessage .recive .messageTop { background: url(http://shared.starpl.com/images2/star/rnd_message_balloon_top_01.gif) no-repeat; }
	.friendMessage li .messageDiv { width: 438px; padding: 6px 20px 0; border: solid #abbce0; border-width: 0 1px; background-color: #ebf1ff; }
	.friendMessage .recive .messageDiv { border-color: #ccbc6f; background-color: #fffde8; }
		.friendMessage .messageDiv .messageDetail { width: 438px; padding-top: 3px; text-overflow: clip; word-wrap: break-word; overflow: hidden; }
	.friendMessage li .delete { display: block; position: absolute; top: 21px; right: 102px; width: 12px; height: 12px; background: url(http://shared.starpl.com/images2/star/btn_delete_message_02.gif) no-repeat; text-indent: -7777px; overflow: hidden; }
	.friendMessage .recive .delete { right: 109px; background: url(http://shared.starpl.com/images2/star/btn_delete_message_01.gif) no-repeat; }
	.friendMessage li .messageBottom { display:block; width: 480px; height: 23px; background: url(http://shared.starpl.com/images2/star/rnd_message_balloon_bottom_02.gif) no-repeat; }
	.friendMessage .recive .messageBottom { background: url(http://shared.starpl.com/images2/star/rnd_message_balloon_bottom_01.gif) no-repeat; }
.messageTitle { position: relative; width: 674px; padding: 14px 22px 0 26px; margin-bottom: -8px; background-color: #f2f2f2; }
	.messageTitle span { color: #f56240; }
	.messageTitle a { display: block; position: absolute; top: 6px; right: 22px; width: 100px; height: 27px; border: 0; background: url(http://shared.starpl.com/images2/star/btn_message_block_setting.gif) no-repeat; text-indent: -7777px; overflow: hidden; }
.messageTerm { padding: 12px 0 14px; border-top: 1px solid #d9d9d9; background-color: #f3f3f3; text-align: center; }
	.messageTerm span { color: #f56240; }
.msgBanList { width: 438px; }
.msgBanList .title { width: 420px; }
.msgBanList .content { width: 438px; height: 300px; overflow-x: hidden; overflow-y: auto; }
.msgBanList li { width: 405px; height: 52px; padding: 7px 26px 0 7px; border-color: #e0e0e0; background-color: #fff; }
	.msgBanList a img { float: left; width: 44px; margin-right: 8px; padding: 0; border: 1px solid #cbcbcb; }
	.msgBanList li .cancel { display: block; float: right; width: 62px; height: 26px; margin-top: 10px; background: url(http://shared.starpl.com/images2/star/btn_popup_message_clear.gif); text-indent: -7777px; overflow: hidden; }
	.msgBanList .name { display: block; padding-top: 3px; color: #5574b3; font-weight: bold; font-size: 14px; }
	.msgBanList li span { padding: 0; color: #999; font-size: 11px; font-family: Applegothic, NanumWeb, NanumGothic, "Malgun Gothic", Dotum, Sans-serif; }
.msgBanList .noresult { padding-top: 100px; font-size: 13px; text-align: center; }
	.msgBanList .noresult em { display: block; padding: 16px 0 3px; color: #6387d0; font-style: normal; }
.msgBanList .msgBanSubmit { height: 37px; padding-top: 9px; border-top: 1px solid #e0e0e0; background-color: #f3f3f3; text-align: center; }

/* =Brand Shop */
.alarmList .shop { position: relative; width: 556px; height: 114px; padding-left: 166px; font-size: 14px; }
	.alarmList .shop dt { width: 430px; padding: 24px 0 8px; }
		.alarmList .shop dt a { color: #499eb8; font-weight: bold; }
		.alarmList .shop dd a { color: #525252; }
		.alarmList .shop dd a:hover { text-decoration: underline; }
	.alarmList .shop dd { width: 430px; height: 2.8em; overflow: hidden; }
	.alarmList .shop .thumbnail { position: absolute; top: 0; left: 0; width: 109px; height: 90px; padding: 24px 0 0 33px; border-right: 1px solid #dfdfdb; background: url(http://shared.starpl.com/images2/star/bg_notify_brand_new.gif) repeat-x; }
	.alarmList .selected .thumbnail { background-image: url(http://shared.starpl.com/images2/star/bg_notify_brand_old.gif); }
		.alarmList .shop .frame { display: block; position: absolute; top: 19px; left: 28px; width: 76px; height: 78px; background: url(http://shared.starpl.com/images2/star/frame_66_brand.gif); }
	.alarmList .shop .go { position: absolute; top: 29px; right: 28px; width: auto; height: auto; padding: 3px 0 5px 17px; border-left: 2px solid #ebebeb; }

.alarmPaging { padding-bottom: 16px; background-color: #f3f3f3; }