@charset "utf-8";

#commbarWrap {position:fixed;bottom:0;left:0;width:100%;z-index:8000;}
#commbarWrap .commbarWrapBg {height:32px;width:100%;background:url('http://filei.sayclub.kr/rose/common/commbar/bg_commbar.png');}
#commbar {position:relative;height:29px;width:990px;margin:0 auto;padding:3px 1px 0;}
	* html #commbarWrap {position:absolute;}
	* html #commbarWrap .commbarWrapBg {margin-bottom:-1px;background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://filei.sayclub.kr/rose/common/commbar/bg_commbar.png', sizingMethod='crop');}
	* html #commbar a {position:relative;}

#commbar .onelineMsg {float:left;padding:5px 0 0;overflow:hidden;}
#commbar .menu {float:right;width:210px;padding:0 1px 0 0;overflow:hidden;background:url('http://filei.sayclub.kr/rose/common/commbar/lh_menuDivider.gif') no-repeat 100% 0;}
#commbar .menu li {float:left;height:29px;padding-left:1px;text-align:center;background:url('http://filei.sayclub.kr/rose/common/commbar/lh_menuDivider.gif') no-repeat;}
#commbar .menu li a {cursor:pointer;}
#commbar .menu li a:hover {text-decoration:none;}
#commbar .menu li.friend {width:78px;}
#commbar .menu li.msg {width:70px;}
#commbar .menu li.notice {width:59px;margin:0;}
#commbar .menu li div {height:22px;padding:7px 0 0;}
#commbar .menu li .default {background:url('http://filei.sayclub.kr/rose/common/commbar/bg_menuDefault.gif') no-repeat;}
#commbar .menu li .over {background-color:#FFF;background-image:none;}
#commbar .menu li.friend .newOut {background:url('http://filei.sayclub.kr/rose/common/commbar/bg_newMyFriendOut.gif') no-repeat;}
#commbar .menu li.friend .newStop {background:url('http://filei.sayclub.kr/rose/common/commbar/bg_newMyFriendStop.gif') no-repeat;}
#commbar .menu li.friend .newOver {background:url('http://filei.sayclub.kr/rose/common/commbar/bg_newMyFriendOver.gif') no-repeat;}
#commbar .menu li.msg .newOut {background:url('http://filei.sayclub.kr/rose/common/commbar/bg_newMemoOut.gif') no-repeat;}
#commbar .menu li.msg .newStop {background:url('http://filei.sayclub.kr/rose/common/commbar/bg_newMemoStop.gif') no-repeat;}
#commbar .menu li.msg .newOver {background:url('http://filei.sayclub.kr/rose/common/commbar/bg_newMemoOver.gif') no-repeat;}
#commbar .menu li.notice .newOut {padding:0;}
#commbar .menu li.notice .newOver {padding:0;}
#commbar .friendState {display:none;float:right;height:28px;width:365px;margin:0 15px 0 0;text-align:left;}
#commbar .friendState ul {display:none;position:absolute;width:332px;}
#commbar .friendState ul li {height:28px;width:100%;overflow:hidden;text-align:right;}
#commbar .friendState ul li a {letter-spacing:-1px;line-height:29px;}
#commbar .friendState .btn {float:right;margin:8px 0 0;}
#commbar .friendState .btn a {font-size:0;}
#commbar .friendState .btn img {display:inline;float:left;margin:0 0 0 2px;}

#commbar .numberBox {position:absolute;top:-8px;height:18px;line-height:18px;text-align:center;}
#commbar .numberBox span {vertical-align:top;}
#commbar .numberBox .bgL {display:inline-block;height:18px;width:8px;font-size:0;background:url('http://filei.sayclub.kr/rose/common/commbar/bg_numberL.gif') no-repeat;}
#commbar .numberBox .number {display:inline-block;height:18px;padding-right:9px;color:#FFF;font-size:11px;font-weight:bold;background:url('http://filei.sayclub.kr/rose/common/commbar/bg_numberR.gif') no-repeat 100% 0;}
#commbar #numFriend {right:133px;width:78px;}
#commbar #numMemo {right:62px;width:70px;}
#commbar #numNotice {right:2px;width:59px;}

.commLayer {position:absolute;bottom:28px;width:282px;z-index:1100;}
	* html .commLayer {margin:0 0 -1px;}
.commLayer .commLayerBg {width:100%;background:url('http://filei.sayclub.kr/rose/common/commbar/bg_commLayer.png') no-repeat;}
	* html .commLayer .commLayerBg {background:url('http://filei.sayclub.kr/rose/common/commbar/bg_commLayer.gif') no-repeat;}
.commLayer .title {height:28px;}
.commLayer .title strong {float:left;padding:7px 0 0 15px;color:#FFF;}
	*+html .commLayer .title strong {padding-top:7px;}
	* html .commLayer .title strong {padding-top:7px;}
.commLayer .title strong span {color:#B8B8B8;font-weight:normal;}
.commLayer .title strong em {color:#F70;}
.commLayer .title .commLayerClose {display:inline;float:right;margin:6px 9px 0 0;}
.commLayer .title .commLayerClose a {display:inline-block;padding:6px 3px 0;}
.commLayer .onlyOnlineCheck {height:22px;width:263px;margin:0 0 0 2px;padding:7px 0 0 15px;font-size:11px;border-top:1px solid #E3E3E3;text-align:left;}
.commLayer .onlyOnlineCheck .checkbox {vertical-align:middle;}
.commLayer .commLayerBtm {width:282px;height:29px;overflow:hidden;}
.commLayer .commLayerBtm .more {display:inline;float:left;margin:8px 0 0 15px;}
.commLayer .commLayerBtm .more a {margin-right:7px;padding-right:6px;font-size:11px;background:url('http://filei.sayclub.kr/rose/common/bu_skArrow35.gif') no-repeat 100% 2px;}
.commLayer .commLayerBtm .layerPager {display:inline;float:right;margin:7px 11px 0 0;}
.commLayer .commLayerBg ul {width:278px;margin:0 0 0 2px;overflow:auto;overflow-y:scroll;text-align:left;}
.commLayer .commLayerBg ul li {float:left;padding:5px 20px 3px 15px;overflow:hidden;letter-spacing:-1px;border-top:1px solid #E3E3E3;}
.commLayer .commLayerBg ul li a {color:#69C;}
.commLayer .commLayerBg ul li a.nameLink {color:#474747;font-weight:bold;white-space:nowrap;}
.commLayer .commLayerBg ul li .time {padding:0 3px;color:#ABABAB;font-size:11px;white-space:nowrap;}
.commLayer .commLayerBg ul li .actionLink {color:#69C;font-size:11px;white-space:nowrap;}
.commLayer .commLayerBg ul li .from {letter-spacing:0;}
.commLayer .commLayerBg ul li .newIC {vertical-align:4px;}
.commLayer .commLayerBg ul li.noList {width:245px;height:26px;margin:0;padding:0;overflow:hidden;line-height:26px;text-align:left;border-bottom:none;}
	* html .commLayer .commLayerBg ul li.noList {height:24px;padding:2px 0 0;}
.commLayer .loading {width:245px;height:26px;margin:0;padding:10px 0;overflow:hidden;letter-spacing:0;line-height:26px;text-align:center;border-top:0;}

.menuSelect {display:none;position:absolute;top:3px;overflow:hidden;text-align:center;z-index:1200;}
	* html .menuSelect {margin:0 0 -1px;}
	* html .menuSelect a {position:relative;}
.menuSelect a:hover {text-decoration:none;}
.menuSelectBg {height:22px;padding:7px 0 0;}
#menuFriend {right:131px;width:82px;}
#menuMemo {right:60px;width:74px;}
#menuNotice {right:0;width:63px;margin:0;}
#menuFriend .menuSelectBg {background:url('http://filei.sayclub.kr/rose/common/commbar/bg_menuFriend.png');}
#menuMemo .menuSelectBg {background:url('http://filei.sayclub.kr/rose/common/commbar/bg_menuMemo.png');}
#menuNotice .menuSelectBg {background:url('http://filei.sayclub.kr/rose/common/commbar/bg_menuNotice.png');}
	* html #menuFriend .menuSelectBg {background:url('http://filei.sayclub.kr/rose/common/commbar/bg_menuFriend.gif') no-repeat;}
	* html #menuMemo .menuSelectBg {background:url('http://filei.sayclub.kr/rose/common/commbar/bg_menuMemo.gif') no-repeat;}
	* html #menuNotice .menuSelectBg {background:url('http://filei.sayclub.kr/rose/common/commbar/bg_menuNotice.gif') no-repeat;}

#commFriendBox .title strong {padding-top:8px;}
	*+html #commFriendBox .title strong {padding-top:9px;}
	* html #commFriendBox .title strong {padding-top:9px;}
#commFriendBox .title strong span a {color:#B8B8B8;}
#commFriendBox .title strong img {margin:0 1px;vertical-align:middle;}
#commFriendBox .commLayerBg ul {height:336px;}
#commFriendBox .commLayerBg ul li {float:left;height:41px;width:246px;padding:0 0 0 15px;}
#commFriendBox dl {width:240px;overflow:hidden;}
#commFriendBox dl dt,
#commFriendBox dl dd {float:left;}
#commFriendBox dl dt {width:30px;padding:8px 0 0;}
#commFriendBox dl dd.msg {width:170px;padding-top:2px;overflow:hidden;}
#commFriendBox dl dd.msg a.nameLink {display:inline-block;}
#commFriendBox dl dd.msg a,
#commFriendBox dl dd.msg p {color:#ABABAB;}
#commFriendBox ul li.online dl dd.msg a,
#commFriendBox ul li.online dl dd.msg p {color:#474747;}
#commFriendBox dl dd.msg a {line-height:19px;}
#commFriendBox dl dd.msg span {display:inline-block;height:19px;}
#commFriendBox dl dd.msg span img {margin:0 0 1px;vertical-align:middle;}
#commFriendBox dl dd.msg span img.onair {margin-left:6px;}
#commFriendBox dl dd.msg p {margin:2px 0 0;overflow:hidden;white-space:nowrap;}
#commFriendBox dl dd.goProfile {width:30px;padding:23px 0 0;font-size:11px;white-space:nowrap;}
#commFriendBox dl dd.join {width:40px;padding:10px 0 0;}
#commFriendBox dl dd.join img {margin:0 0 1px;vertical-align:middle;}
#commFriendBox ul.starCJList dl dd.msg div img {vertical-align:middle;}

#commNewMsgBox .title strong {padding-top:8px;}
	*+html #commNewMsgBox .title strong {padding-top:9px;}
	* html #commNewMsgBox .title strong {padding-top:9px;}
#commNewMsgBox .title strong span img {margin:1px 2px 0;}
#commNewMsgBox .commLayerBg ul {height:336px;}
#commNewMsgBox .commLayerBg ul li {height:36px;width:246px;padding:5px 0 0 15px;line-height:16px;}
#commNewMsgBox .commLayerBg ul li p {float:left;width:226px;overflow:hidden;color:#69C;white-space:nowrap;}
#commNewMsgBox .commLayerBg ul li .time {float:left;font-family:'tahoma';letter-spacing:0;}
#commNewMsgBox .commLayerBg ul li .from {float:left;padding:1px 0 0;}
#commNewMsgBox .commLayerBg ul li .from a {color:#4D4D4D;font-weight:bold;}
#commNewMsgBox .commLayerBg ul li .deleteBtn {display:inline;float:right;margin:0 5px 0 0;}

#commNoticeBox .title strong span {color:#FFF;font-weight:bold;}
#commNoticeBox .title strong span span {font-weight:normal;}
#commNoticeBox .title strong span img {margin:1px 2px 0;}
#commNoticeBox .commLayerBg ul {height:336px;}
#commNoticeBox .feedNoticeList li {width:225px;padding:0 0 3px 36px;line-height:16px;background-position:15px 5px;}
#commNoticeBox .feedNoticeList li p {float:left;width:205px;padding-top:5px;color:#ABABAB;}
#commNoticeBox .feedNoticeList li p span,
#commNoticeBox .feedNoticeList li p a {color:#ABABAB;}
#commNoticeBox .feedNoticeList li.unread p {color:#474747;}
#commNoticeBox .feedNoticeList li.unread p a {color:#474747;}
#commNoticeBox .feedNoticeList li.unread p span.time {color:#ABABAB;}
#commNoticeBox .feedNoticeList li.unread p span.actionLink,
#commNoticeBox .feedNoticeList li.unread p span.actionLink a {color:#69C;}
#commNoticeBox .feedNoticeList li .deleteBtn {display:inline;float:right;margin:5px 5px 0 0;}

#commFriendBox .commLayerBtm {background:url('http://filei.sayclub.kr/rose/common/commbar/bg_commLayerBtmFriend.png') no-repeat;}
#commNewMsgBox .commLayerBtm {background:url('http://filei.sayclub.kr/rose/common/commbar/bg_commLayerBtmMemo.png') no-repeat;}
#commNoticeBox .commLayerBtm {background:url('http://filei.sayclub.kr/rose/common/commbar/bg_commLayerBtmNotice.png') no-repeat;}
	* html #commFriendBox .commLayerBtm {background:url('http://filei.sayclub.kr/rose/common/commbar/bg_commLayerBtmFriend.gif') no-repeat;}
	* html #commNewMsgBox .commLayerBtm {background:url('http://filei.sayclub.kr/rose/common/commbar/bg_commLayerBtmMemo.gif') no-repeat;}
	* html #commNoticeBox .commLayerBtm {background:url('http://filei.sayclub.kr/rose/common/commbar/bg_commLayerBtmNotice.gif') no-repeat;}