.yesimText {width:500px; height: 28px;border:1px solid #dcdcdc; color: #a7a7a7;padding:0 5px}
.yesimText:hover {border: 1px solid #b9b9b9;border-top-color: #a0a0a0;box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);}
.yesimText:focus {border:1px solid #65caeb;outline:none;box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);}

/* .yesimBlueBtn {background:#427fed;height:20px;line-height:20px;vertical-align:middle;padding:5px 10px;display:inline-block;border-radius:3px;border-bottom:1px solid #d9d9d9;cursor:pointer;} */
.yesimBlueBtn {background:#464d64;height:20px;line-height:20px;vertical-align:middle;padding:5px 10px;display:inline-block;border-bottom:1px solid #d9d9d9;cursor:pointer;}
.yesimBlueBtn span {color:white;}
.yesimWhiteBtn {background:white;height:19px;line-height:20px;vertical-align:middle;padding:5px 10px;display:inline-block;border-radius:3px;border:1px solid #d9d9d9;cursor:pointer;}
.yesimWhiteBtn span {}
.yesimGreenBtn {background:#21e037;height:20px;line-height:20px;vertical-align:middle;padding:5px 10px;display:inline-block;border-radius:3px;border-bottom:1px solid #d9d9d9;cursor:pointer;}
.yesimGreenBtn span {color:white;}
.AutoCompleteItem span{padding:1px 2px 1px 0px;}
#YesIMBody {display:none;position:absolute;bottom:26px;right:16px;box-shadow:0px 0px 5px 1px #ccc;}
/* #MainBoard {background:url('../images/yesIM/YesImMainBoard.png') repeat-x; width:350px;text-align:left;} */
#MainBoard {background:#4778b5; border:1px solid #4778b5;width:300px;text-align:left;border-top-left-radius:6px;border-top-right-radius:6px;height:35px;}
#MainBoard .title {color:white;font-size:14px;margin-top:10px;margin-left:15px;float:left;cursor:default;}
#MainBoard .barIcon, .ChatPopupHeader .barIcon {float:right;padding:5px;line-height:10px;}
#MainBoard .barIcon div, .ChatPopupHeader .barIcon div {float:right;width:17px;height:17px;cursor:pointer;padding:2px;margin:3px;border-radius:3px;}
.BarComponent {float:right;margin-top:-2px;}
.header {height:auto; width:302px; border-bottom:0}
.myProfile {border-left:0px solid #ccc;border-right:0px solid #ccc;;border-bottom:1px solid #BEB0B0;width:280px;background:#f5f5f5;padding:5px 10px 5px 0px;}

.group {height:30px;line-height:30px;vertical-align:middle;border-bottom:1px solid #BEB0B0;background:#f5f5f5;padding-left:10px;cursor:pointer;}
.group .outspread {margin-right:10px;font-size:6px;}
/* .group .deleteGroup {float:right;background:url('/officeon/images/yesIM/chatMenu_trash_ligntgray.png') no-repeat;width:20px;background-size:18px;margin-top:6px;margin-right:3px;} */
/* .group .deleteGroup:HOVER {float:right;background:url('/officeon/images/yesIM/chatMenu_trash_gray.png') no-repeat;width:20px;background-size:18px;margin-top:6px;margin-right:3px;} */
/* .group .modifyGroup {float:right;background:url('/officeon/images/yesIM/pencil_lightgray_icon.png') no-repeat;width:20px;background-size:18px;margin-top:6px;} */
/* .group .modifyGroup:HOVER {float:right;background:url('/officeon/images/yesIM/pencil_gray_icon.png') no-repeat;width:20px;background-size:18px;margin-top:6px;} */
.group .groupConfig {float:right;background:url('/officeon/images/yesIM/chatMenu_config_ligntgray.png') no-repeat;width:20px;background-size:22px;margin-top:4px;margin-right:3px;}
.group .groupConfig:HOVER {float:right;background:url('/officeon/images/yesIM/chatMenu_config_gray.png') no-repeat;width:20px;background-size:22px;margin-top:4px;margin-right:3px;}
/* .buddyBundle {padding:3px 10px} */
.BuddyList {height:30px;line-height:30px;vertical-align:middle;padding:7px;border-bottom:1px solid #dcdcdc;cursor:pointer;}
.BuddyList .ProfileImg {float:left;width:32px;margin-right:5px;border-radius:3px;}
.BuddyList .BuddyInfo {width:212px;float:left}
.BuddyList .BuddyInfo .BuddyName {height:18px;line-height:18px;padding-left:7px;}
.BuddyList .BuddyInfo .NickName {height:18px;line-height:18px;float: left;}
.BuddyList .BuddyInfo .BuddyEtc {line-height:16px;font-size:11px;color:#b6b6b6;margin-left:7px;margin-top:1px;}
/*.BuddyList .Presence {float:right;width:12px;margin-top:6px;height:16px;} 아현*/ 
.BuddyList .Presence {float:right;margin-top:6px;}

/* .buddyList .presence {float:right;margin-top:5px;width:25px} */
.buddyList .simpleProfile {float:right;}
.buddyList img {margin-bottom:3px}

#tabs {position:relative;height:400px;width:300px; border:0px solid #ccc;border-top:0;border-radius:0;}
#tabs .tabsMenu {position:absolute;bottom:0px;width:350px;height:35px;}
#tabs .tabsMenu li {border-bottom:1px solid lightGrey;}
#historyTabs {width:350px;}
#historyTabs ul li {border-top:1px solid lightGrey;}


.history {padding:8px;border-bottom:1px solid #dcdcdc;cursor:pointer;}
.history .newChat {text-align:center;color:white;width:45px;margin-top:3px;position:absolute;bottom:0;left:0;font-size:11px;height:15px;line-height:15px;
	border-bottom-left-radius:3px;border-bottom-right-radius:3px;
	background: -moz-linear-gradient(top,  rgba(228,108,10,0.8) 0%, rgba(228,108,10,0.8) 1%, rgba(228,108,10,0.8) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(228,108,10,0.8)), color-stop(1%,rgba(228,108,10,0.8)), color-stop(100%,rgba(228,108,10,0.8))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(228,108,10,0.8) 0%,rgba(228,108,10,0.8) 1%,rgba(228,108,10,0.8) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(228,108,10,0.8) 0%,rgba(228,108,10,0.8) 1%,rgba(228,108,10,0.8) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(228,108,10,0.8) 0%,rgba(228,108,10,0.8) 1%,rgba(228,108,10,0.8) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(228,108,10,0.8) 0%,rgba(228,108,10,0.8) 1%,rgba(228,108,10,0.8) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cce46c0a', endColorstr='#cce46c0a',GradientType=0 ); /* IE6-9 */
}
/* .history .historyRightArea {padding:3px 3px 3px 4px;height:18px;} */
.history .historyRightArea {height:18px;}
.history .historyRightArea .targetUser {float:left;width:150px;text-overflow:ellipsis;white-space:nowrap;color:#555;}
.history .historyRightArea .targetUser span{font-size:13px;}
.history .historyRightArea .chatDate {font-size:11px;color:#ccc;float:right;}
.history .chatContents {color:#6294f0;height:30px;font-size:11px;}

.menuBtn{vertical-align:middle;display:inline-block;padding-right:3px;background:url('../images/yesIM/white_middle_btn.png') no-repeat 100% 0;color:#595959;text-decoration:none !important;white-space:nowrap;overflow:visible;line-height:20px;}
.menuBtn span {display:block;padding:1px 3px 1px 6px;background:url('../images/yesIM/white_middle_btn.png') no-repeat;font-size:12px;cursor:pointer;text-align:center;font-size:11px;vertical-align: middle;line-height:24px;height:24px}

.orgGroup {height:30px;line-height:30px;vertical-align:middle;background:#f2f2f2;padding-left:5px;cursor:pointer;}
.orgBtn{vertical-align:middle;display:inline-block;padding-right:3px;background:url('../images/yesIM/white_middle_btn.png') no-repeat 100% 0;color:#595959;text-decoration:none !important;white-space:nowrap;overflow:visible;line-height:20px;margin-right:5px;}
.orgBtn span {display:block;padding:1px 3px 1px 6px;background:url('../images/yesIM/white_middle_btn.png') no-repeat;font-size:12px;cursor:pointer;text-align:center;font-size:11px;vertical-align: middle;line-height:24px;height:24px;color:#555;font-weight:normal;}

/* .menuBtn:hover span{color:#1c79c7;} */

.chatBtn{vertical-align:middle;display:inline-block;padding-right:3px;background:url('../images/common/white_big_btn.png') no-repeat 100% 0;color:#595959;text-decoration:none !important;white-space:nowrap;overflow:visible;line-height:20px;}
.chatBtn span {display:block;padding:1px 2px 1px 4px;background:url('../images/common/white_big_btn.png') no-repeat;font-size:13px;cursor:pointer;text-align:center;vertical-align: middle;line-height:32px;height:32px}

.chatUserList {background:#ffffff;border-bottom:1px solid #BEB0B0;height:24px;}
.chatUserList .moreLeft {font-size:3px;float:left;vertical-align:middle;line-height:30px;margin:0 5px;}
.chatUserList .moreRight {font-size:3px;float:right;vertical-align:middle;line-height:30px;margin:0 5px;}
.chatUserList .onlineUser {background:#95b3d7;border-radius:3px;display:inline-block;padding:3px 5px;color:white;margin-right:3px;}
.chatUserList .offlineUser {background:#bfbfbf;border-radius:3px;display:inline-block;padding:3px 5px;color:white;margin-right:3px;}

.search {height:24px;padding:0 2px;vertical-align:middle;*margin:0px 0;padding-right:1px;border:1px solid #dcdcdc;margin-right:25px;float:right}
.bubble {
/* 	position: relative; */
	padding-left: 10px;
	padding-right: 10px;
	display: inline-block;
	max-width: 180px;
	overflow: visible;
}


.bubble .label{
	color: #808080;
  	background: #ffffff; /*Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 100%); /*FF3.6+*/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f7ff)); /*Chrome,Safari4+*/
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 100%); /*Chrome10+,Safari5.1+*/
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 100%); /*Opera 11.10+*/
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 100%); /*IE10+*/
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 100%); /*W3C*/
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );/* IE6-9 */

	border-radius: 3px;
	padding: 7px 10px 7px 10px;
/* 	box-shadow: 0px 0px 1px 1px #c8c8c8; */
	text-shadow: none;
	box-shadow:none;
	border:1px solid #cccccc;
	margin-top:5px;
	margin-bottom:3px;
	margin-left: 15px;
}

.bubble .labelA{
	float:left;
	color: #808080;
	background-color:#FFFFF2;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffff7', endColorstr='#ffffd6',GradientType=0 ); /* IE6-9 */
	border-radius: 3px;
	padding: 7px 10px 7px 10px;
	border:1px solid #cccccc;
	box-shadow:none;
	text-shadow: none;
	margin-top:5px;
	margin-bottom:3px;
	margin-left: 10px;
}


.bubble .labelD{
	float:left;
	color: #808080;
	background-color:#FFFFF0;
	border-radius: 3px;
	padding: 7px 10px 7px 10px;
	border:1px solid #cccccc;
	box-shadow:none;
	text-shadow: none;
	margin-top:5px;
	margin-bottom:3px;
	margin-left: 10px;
}

.bubble .tailLeft {position:absolute;width:15px;top:10px;}
.bubble .tailRight {position:absolute;width:15px;top:10px;}

.bubble .tailRight1 {
	right: -5px;
	margin-left: -15px;
	border-top: 4px solid transparent;
	border-left: 15px solid #AAA;
	border-bottom: 8px solid transparent;
	
	
	position: absolute;
	top: 13px;
	width: 0;
	height: 0;
}

/* .bubble .tailLeft { */
/* 	left: -3px; */
/* 	margin-right: -15px; */
/* 	border-top: 5px solid transparent; */
/* 	border-right: 18px solid white; */
/* 	border-bottom: 10px solid transparent; */
/* 	position: absolute; */
/* 	top: 12px; */
/* 	width: 0; */
/* 	height: 0; */
/* } */

.bubble .tailLeft1 {
	left: -5px;
	margin-right: -15px;
	border-top: 4px solid transparent;
	border-right: 15px solid #AAA;
	border-bottom: 8px solid transparent;
	position: absolute;
	top: 13px;
	width: 0;
	height: 0;
}

.ChatUserTimeStyleLeft {
   position: absolute;
   bottom: 1px;
   right: -18px;
   font-size: 11px;
   color: #c0c0c0;
}

.ChatUserTimeStyleRight {
   position: absolute;
   bottom: 0px;
   left: -11px;
   font-size: 11px;
   color: #c0c0c0;
}

.ChatUserNameStyle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #373737;
    text-shadow: none;
    float: left;
    width: auto;

}
.photo_Profile_mini {
	float: left;
	width: 35px;
	height: 35px;
	background-size: cover;
	border-radius : 3px;
	margin: 0px 10px 0px 0px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.config {padding:8px;}
.config .rightOption {float:right;margin-left:10px}
.config .configMenu {margin-left:10px}
.config .configMenuTitle {margin-top:5px; font-weight:bold}
.configList {height:30px;line-height:30px;vertical-align:middle;}

.WhiteBtnSmall{vertical-align:middle;display:inline-block;padding-right:3px;background:url('../../images/yesIM/white_middle_btn.png') no-repeat 100% 0;color:#222;text-decoration:none !important;white-space:nowrap;overflow:visible;line-height:20px;}
.WhiteBtnSmall span {display:block;padding:1px 4px 1px 5px;background:url('../../images/yesIM/white_middle_btn.png') no-repeat;font-size:12px;cursor:pointer;text-align:center;font-size:11px;vertical-align: middle;line-height:17px}
.WhiteBtnSmall:hover span{color:#1c79c7;}

/* YesIM Web Ver */
.SelectOpt1 {padding:7px; border-bottom:1px solid #f8f8f8;padding-right:15px}
.SelectOpt1:hover {color:#1c79c7;}
.SelectOpt2 {padding:7px; border-bottom:1px solid #e0e0e0;}
.SelectOpt2:hover {color:#1c79c7;}
.SelectOptCheckbox {float:left;width:20px;}
.SelectOptCheckbox .Check{margin-top:1px;width:12px;}
.SelectOptArrow {float:right;font-size:8px;}
.PresenceIcon {width:14px;margin-bottom:2px;margin-right:3px;}
.ChatPresenceLeaveIcon {width:8px;margin-bottom:3px;margin-left:3px;cursor:pointer;}
.YISysMessage {width:92%;padding:5px;border-radius:4px;background:#d8e7ef;margin:8px;color:#808080;}
.BubbleDiv {margin: 0px 5px;}
/* .ChatPopupHeader {padding-left:10px;background:url('/officeon/images/common/AddressPopup_top.png') repeat-x left top; height:40px;line-height:40px;border-top-right-radius:4px;border-top-left-radius:4px;} */
.ChatPopupHeader span {color:white;font-size:14px;line-height:35px;margin-left:15px;}

.RoomActionMenu {background:#d9d9d9;border-bottom:1px solid #BEB0B0;height:50px;width:100%;position:absolute;top:31px;box-shadow:0px 1px 5px 1px #ccc;}
.RoomActionMenu td {width:25%;border-right:1px solid #BEB0B0;}
.RoomActionMenu td:HOVER {background:#a0a0a0}
.RoomActionMenu td img {width:30px}
.RoomActionMenu td .Title {color: white;}
.ChatActionMenu {background:white;border-top:1px solid #BEB0B0;height:140px;width:100%;position:absolute;bottom:35px;cursor:pointer;box-shadow:2px 0px 5px 1px #ccc;}
.ChatActionMenu .ChatActionMenuBtn {border-right:1px solid #BEB0B0;border-bottom:1px solid #BEB0B0;width:30px;height:30px;float:left;background:#d9d9d9}
.ChatActionMenu .ChatActionMenuBtnSelected {border-right:1px solid #BEB0B0;border-bottom:1px solid #BEB0B0;width:30px;height:30px;float:left;background:white}
.ChatActionMenu .ChatActionMenuBtn img, .ChatActionMenu .ChatActionMenuBtnSelected img {width:30px;height:30px;}

.yesIMLayerPopup {box-shadow:0px 0px 5px 1px #ccc;border:1px solid #ccc;border-radius:6px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 1%, #f6f6f6 49%, #f4f4f4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(49%,#f6f6f6), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 1%,#f6f6f6 49%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 1%,#f6f6f6 49%,#f4f4f4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 1%,#f6f6f6 49%,#f4f4f4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 1%,#f6f6f6 49%,#f4f4f4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
}
.buddyActionPopupBtn {width:100%;border-collapse:collapse;}
.buddyActionPopupBtn td {border:1px solid #ccc;width:33%;height:40px;cursor:pointer;}
.buddyActionPopupBtn td:HOVER {}
.buddyActionPopupBtn td img {margin-top:3px;}
.buddyActionPopupBtn td div {font-size:11px;}
.buddyActionPopupProfileImg {float:left;width:60px;height:60px;}
.ActionPopBuddyProfileImg{width:60px;height:60px;}

.buddyNameCardProfileImg {float:left;width:80px;height:80px;}
.NameCardBuddyProfileImg{width:80px;height:80px;}
.nameCardOptInfo {font-size:11px;padding-left:7px;}
.nameCardOptInfo2 {padding:0 3px;max-height:32px;overflow-y:auto}
.nameCardGrayBar {background:#f2f2f2;padding:0 5px;color:#7f7f7f;margin-top:8px;margin-bottom:3px;height:22px;line-height:22px;}
.bynameModify {width:20px;height:20px;background:url('/officeon/images/yesIM/pencil_lightgray_icon.png') no-repeat;background-size:18px;float:right;margin-top:1px;cursor:pointer;}
.bynameModify:HOVER {width:20px;height:20px;background:url('/officeon/images/yesIM/pencil_gray_icon.png') no-repeat;background-size:18px;float:right;margin-top:1px;cursor:pointer;}
.ChatStatusBar {margin:5px;border-radius:5px;background:#7e7e7e;opacity:0.7;padding:3px;text-align:center;color:white;}
.HeaderControlIcon:HOVER {background:#3c6597}
.roomBuddyListLength {position:absolute;z-index:1;top:0;left:2px;color:#464d64;font-size:11px;}
.YesimCloseGrayBtn{padding:1px; border-radius:3px;border:1px solid white;}
.YesimCloseGrayBtn:HOVER{border:1px solid #dcdcdc;}