@charset "utf-8";
/*css reset*/
/*FONT*/
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f21{font-size:21px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f30{font-size:30px;}
.f32{font-size:32px;}
.f34{font-size:34px;}
.f36{font-size:36px;}
.f50{font-size:50px;}
.f46{font-size:46px;}
.f48{font-size:48px;}
.f56{font-size:56px;}
.fb{font-weight:bold}
.fn{font-weight:normal;}

/*LAYOUT*/
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.bc{margin-left:0;margin-right:0;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.clearfix{*zoom:1;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.ofh{overflow: hidden}
.ofa{overflow: auto}
.ofxa{overflow-x: auto}
.ofya{overflow-y: auto}
.vm{vertical-align:middle;}
.vt{vertical-align:top;}
.pr{position:relative;}
.pa{position:absolute;}
.abs-left{position:absolute;left:0}
.abs-right{position:absolute;right:0}
.zoom{zoom:1;}
.hidden{visibility:hidden;}
.block{display:block;}
.none{display:none;}
.underline{text-decoration:underline;cursor: pointer;}
.cusor-pointer{cursor:pointer;}

/*WIDTH & HEIGHT*/
.w10{width:10px;}
.w20{width:20px;}
.w30{width:30px;}
.w40{width:40px;}
.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w200{width:200px;}
.w239{width:238px;}
.w300{width:300px;}
.w380{width:380px;}
.w400{width:400px;}
.w420{width:420px;}
.w480{width:480px;}
.w500{width:500px;}
.w600{width:600px;}
.w700{width:700px;}
.w800{width:800px;}
.w{width:100%}
.wh{width: 50%;}
.h15{height:15px;}
.h20{height:20px;}
.h30{height:30px;}
.h38{height:38px;}
.h50{height:50px;}
.h80{height:80px;}
.h100{height:100px;}
.h200{height:200px;}
.h{height:100%}

.opt07{
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity:0.7;
	opacity:0.7;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
/*Margin*/
.m5{margin:5px;}
.m8{margin:8px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
.m25{margin:25px;}
.m30{margin:30px;}
.mt5{margin-top:5px;}
.mt8{margin-top:8px;}
.mt10{margin-top:10px;}
.mt11{margin-top:11px;}
.mt12{margin-top:12px;}
.mt13{margin-top:13px;}
.mt14{margin-top:14px;}
.mt15{margin-top:15px;}
.mt16{margin-top:16px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt100{margin-top:100px;}
.mb5{margin-bottom:5px;}
.mb8{margin-bottom:8px;}
.mb10{margin-bottom:10px;}
.mb11{margin-bottom:11px;}
.mb12{margin-bottom:12px;}
.mb13{margin-bottom:13px;}
.mb14{margin-bottom:14px;}
.mb15{margin-bottom:15px;}
.mb16{margin-bottom:16px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}
.mb80{margin-bottom:80px;}
.mb100{margin-bottom:100px;}
.ml5{margin-left:5px;}
.ml8{margin-left:8px;}
.ml10{margin-left:10px;}
.ml11{margin-left:11px;}
.ml12{margin-left:12px;}
.ml13{margin-left:13px;}
.ml14{margin-left:14px;}
.ml15{margin-left:15px;}
.ml16{margin-left:16px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}
.ml45{margin-left:45px;}
.ml50{margin-left:50px;}
.ml65{margin-left:65px;}
.ml80{margin-left:80px;}
.ml90{margin-left:90px;}
.ml100{margin-left:100px;}
.ml110{margin-left:110px;}
.ml130{margin-left:130px;}
.ml150{margin-left:150px;}
.ml160{margin-left:160px;}
.mr5{margin-right:5px;}
.mr8{margin-right:8px;}
.mr10{margin-right:10px;}
.mr11{margin-right:11px;}
.mr12{margin-right:12px;}
.mr13{margin-right:13px;}
.mr14{margin-right:14px;}
.mr15{margin-right:15px;}
.mr16{margin-right:16px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr35{margin-right:35px;}
.mr40{margin-right:40px;}
.mr45{margin-right:45px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.mr90{margin-right: 90px;}
.mr100{margin-right:100px;}
/*Padding*/
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p25{padding:25px;}
.p30{padding:30px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt35{padding-top:35px;}
.pt40{padding-top:40px;}
.pt45{padding-top:45px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}
.pt100{padding-top:100px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb35{padding-bottom:35px;}
.pb40{padding-bottom:40px;}
.pb45{padding-bottom:45px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb100{padding-bottom:100px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl26{padding-left:26px;}
.pl30{padding-left:30px;}
.pl35{padding-left:35px;}
.pl40{padding-left:40px;}
.pl45{padding-left:45px;}
.pl50{padding-left:50px;}
.pl60{padding-left:60px;}
.pl65{padding-left:65px;}
.pl100{padding-left:100px;}
.pl180{padding-left:180px;}
.pr5{padding-right:5px;}
.pr8{padding-right:8px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr35{padding-right:35px;}
.pr40{padding-right:40px;}
.pr45{padding-right:45px;}
.pr50{padding-right:50px;}
.pr70{padding-right:70px;}
.pr100{padding-right:100px;}
.breakword{word-wrap:break-word;word-break:break-all;}
.txt_eli{white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.indent{text-indent: 2em;}
.indent4{text-indent: 4em;}
.b{font-weight: bold;}
.white{color: #FFF;}

.ofh{overflow:hidden;}
.ofx{overflow-x:auto;}
.ofy{overflow-y:auto;}
.pr{position: relative;}
.lh15{line-height:15px;}
.lh30{line-height:30px;}
.lh36{line-height:36px;}
.lh45{line-height:45px;}
.lh60{line-height:60px;}
.lh70{line-height:70px;}
.lh100{line-height: 100%}
.lh150{line-height: 150%}
.lh180{line-height: 180%}
.lh200{line-height: 200%}
.lh300{line-height: 300%}

.b100{font-weight: 100;}
.b200{font-weight: 200;}
.b300{font-weight: 300;}
.b400{font-weight: 400;}
.b500{font-weight: 500;}
.n{font-weight: normal;}
.b{font-weight: bold;}
.br{font-weight: bolder;}

.black{color:#000;}
.white{color:#FFF;}
.red{color:#d80c24;}
.red-df{color:#df3c1c;}
.blue{color:#4C9ED9;}
.gray{color: #898989}

/*CSS RESET*/
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img {
	border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var,i{
	font-weight:normal;
	font-style: normal;
}
ol,ul {
	list-style: none;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
a{
	outline:none;
}
.cusor-pointer{cursor:pointer;}

.noSelect {

  user-select: none;          /* Likely future */
  user-drag: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
}
.noSelect img {
	  user-select: none;          /* Likely future */
  user-drag: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
}


html, body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

html, body, input, select, textarea, .chatbox_input {
    color: #333333;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI', 'メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif
}
*:lang(ko) {
	font-family : "Malgun Gothic", sans-serif
}
input::placeholder,
.chatbox_input::placeholder,
textarea::placeholder{
	color: #aaaaaa;
}
input::-webkit-input-placeholder,
.chatbox_input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
	color: #aaaaaa;
}

input:-ms-input-placeholder,
.chatbox_input:-ms-input-placeholder,
textarea:-ms-input-placeholder{
	color: #aaaaaa;
}


input:-moz-placeholder,
.chatbox_input:-moz-placeholder,
textarea:-moz-placeholder  {
	color: #aaaaaa;
}
.clearfix {
    height: 0;
    width: 100%;
    clear: both;
    line-height: 0;
}

.clearright{
    height: 0px;
    width: 100%;
    clear: right;
    line-height: 0;
}

.btn {
	cursor: pointer;
}

/* LAYOUT */
#header {
	float: left;
	width: 284px;
	border-width: 1px;
	background-color: #ffffff;
}

#header_user_profile{
	float:left;
	display:block;
	margin:0px 0 5px;
	font-size:12px;
}

#header_user_profile #header_user_profile_title{
	display:block;
	padding: 5px 0px 5px 8px;
	background:#eeeeee;
	border-bottom: 1px solid #e0e0e0;
	width: 276px;
}

#header_user_profile_info{
	display:block;
	padding: 0px;
	background: #EEEEEE;
}
#header_user_profile_info .user_description {
	width: 220px;
}

#header_user_group{
	float:left;
	width:96%;
	display:block;
	padding: 5px 0px 0px 8px;
}
#header_user_group .group_go {
    width: 100%;
    display: inline-block;
}


#left.ticket #header_user_group {
	display:none;
}
#left.user #header_user_group {
	display:block;
}
hr {
	height: 1px;
	background-color: #cccccc;
	border: none;
	color: #cccccc;
}

#header nav {
	float: left;
	margin: 0px 0 0 1%;
	font-size: 140%;
	line-height: 40px;
}

#header .chat_all_notify {
	float: left;
	line-height: 20px;
	height: 50px;
	font-weight: bold;
	position: absolute;
	display: none;
	white-space: nowrap;
}

#header .chat_all_notify img{
	float: left;
}

#header .chat_all_notify div {
	display: block;
	float: left;
	background: url('../img/ticket_chat_bg.png') repeat-x;
	padding-top: 3px;
	height: 47px;
}

#header .chat_all_notify big {
	font-size: 115%;
}

#header .chat_all_notify span {
	float: left;
	font-size: 90%;
	color: #ffffff;
	text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

#header ul.menu {
	float: right;
	margin: 7px 1% 0 0;
	height: 41px;
	clear: right;
	text-align:right;
	white-space: nowrap;
	overflow: none;
	width: 99%;
}

#header ul.menu li {
	float: right;
	list-style-type:none;
	display: none;
	width: 41px;
}

#header ul.menu li img {
	cursor: pointer;
}

#content_user_group{
	float:left;
	width:276px;
	padding: 5px 0px 5px 8px;
	background:#eeeeee;
	font-size:12px;

}
#left.user #content_user_group {
	display: block;
}
#left.ticket #content_user_group {
	display : none;
}
/* LOGIN USER INFO */
#login_user {
	float: left;
	color: #333333;
	font-size: 100%;
	width: 229px;
	padding: 10px;
	text-align: left;
    line-height: 140%;
}

#login_user span {
    font-size: 90%;
    color: #666666;
}

#login_user .icon {
    width: 50px;
    height: 50px;
    border: 1px solid #e0e0e0;
    float: left;
    margin-right: 10px;
}

/* ROOM INFO */
#room_info {
    float: left;
    color: #333333;
    font-size: 100%;
    width: 98%;
    height:29px;
    padding: 3px 0 4px 2%;
    text-align: left;
    line-height: 140%;
}

#room_subject {
    float: left;
    width: 285px;
    height:30px;
    display: inline-block;
    border-spacing: 4px 0;
}

#room_subject .edit{
	border: 1px solid #B5B0B0;
	font-size: 10px;
	display: table-cell;
    vertical-align: middle;
    padding-left: 4px;
	padding-right: 4px;
}
#room_subject .edit:hover{
	border: 1px solid #666666;
	cursor: pointer;
}

#room_info h1 {
    display: inline-block;
    min-height: 22px;
    min-width: 30px;
}

#room_info h1:hover {
    border: 1px solid #e0e0e0;
}

#room_info span {
    font-size: 90%;
    color: #666666;
}

#room_info .icon {
	position : relative;
    width: 25px;
    height: 25px;
    /*border: 1px solid #e0e0e0;*/
    float: left;
    border-radius:12px;
}

#room_info .subject_icon {
    float: right;
    width: 24px;
    height: 24px;
    margin: 1px 5px 1px 0;
}

#room_info #update_subject {
    float: left;
    width: 175px;
    height:22px;
    border: 1px solid #E0E0E0;
}

#left {
	float: left;
	width:284px;
	border-right: solid 2px white;
}

/* TAB */
#header_tabs {
/*     clear: both; 이부분 우선 클리어하고 높이 강제 주기
    float: left;
 */    width: 100%;
    border-bottom: 1px solid #e0e0e0;
    padding-top: 3px;
	height: 27px;
}

#header_tabs #tab_user, #header_tabs #tab_room {
    width:50%;
}


#header_tabs div {
    float: left;
    display: block;
    text-align: center;
    width: 95px;
    height: 27px;
    cursor: pointer;
}

#header_tabs div.selected {
    background-color: #EEEEEE;
}

#header_tabs div img {
    margin: 6px 5px 10px 7px;
    float: left;
}

#header_tabs div span {
    display: block;
    line-height: 24px;
    float: left;
    height: 24px;
    margin-top: 2px;
    font-size: 80%;
    font-weight: bold;
}

#header_search_box {
    float: left;
	position: relative;
	top: 0;
	display: none;
	white-space: nowrap;
	width: 278px;
	padding: 5px 0 5px 5px;
}

#header_search_box div.search_box_wrapper {
	float: right;
	background-color: #ffffff;
	border: 1px solid #e0e0e0;
	padding: 1px;
	white-space: nowrap;

}
 #left .search_box_wrapper {
	width: 272px;
}
/*
#left.ticket .search_box_wrapper  {
	width: 248px;
}
*/
#left.user #member_list , #left.user  #header_user_profile{
	display:block;
}
#left.user #ticket_list  ,#left.user #header_ticket_label {
	display:none;
}
#left.ticket #member_list, #left.ticket #header_user_profile{
	display:none;
}
#left.ticket #ticket_list, #left.ticket #header_ticket_label{
	display:block;
}
#header_ticket_label {
	width: 100%;
	height: 24px;
}
#header_ticket_label .label_name {
	width: 215px;
    display: inline-block;
    height: 20px;
    text-align: left;
    padding: 5px 0px;
    cursor : pointer;
}
#header_ticket_label .label_icon,
#header_ticket_label .moremenu {
	width: 20px;
    display: inline-block;
    padding: 1px;
    margin: 0 0px;
    cursor: pointer;
    vertical-align: top;
    border-radius: 25px;
    margin-left: 6px;
    margin-top: 5px;

}
#header_ticket_label   img{
    width: 16px;
}
#left.user .moremenu {
	display:none;
}
#left.ticket .moremenu {
  	display: inline-block;
}
#header_search_box .search_box_wrapper input {
	float: left;
	border: 0;
	padding-left: 0px;
	outline: 0;
	margin: 0;
	ime-mode:active;
	width:248px;
	height:24px;
}
/* label */
#room_info .label,#broadcast_room_info .label {
    width: 5px;
    height: 22px;
    float: left;
    border-style: solid;
    border-width: 1px;
}
#talkroom_label{
    width: 100% !important;
    height: 2px !important;
    position: absolute;
    top: 30px;
    left: 0px;
    border: none !important;
}
.label.none_label {
	border-color: #d3d3d3;
}
.search_box_wrapper .label {
    width: 7px;
    height: 22px;
    position: absolute;
    /* left: 4px; */
    margin-top: 1px;
    margin-left: 1px;
    border-radius: 6px;
    opacity: 0.3;
    width: 223px;
}
#label_setting_layout {
position: absolute;
    z-index: 9000;
    background: white;
    width: 150px;
    top: 35px;
    right: 0;
    /* height: 146px; */
    border: solid 1px #eee;
    border-radius: 10px;
    padding: 9px;
    font-size: 14px;
}
.list_item_talk
 .label{
	height: 53px;
    display: inline-block;
    width: 5px;
    position: absolute;
    float: left;
    left: 2px;
    top: 2px;
 }
#label_setting_layout .item{
	padding: 5px;
	cursor: pointer;
	text-indent: 4px;
}
#label_setting_layout .item.checked {
    background: #e3f3f4;
}
#label_setting_layout .item:hover{
	background:#eee;
}
.search_box_wrapper .label + input:focus{
	opacity: 1;
}



#header_search_box .search_box_wrapper img.search_go {
	float: right;
	cursor: pointer;
}

#category {
	display: none;
}

#ticket_filter {
	display: none;
	position: relative;
}

#back_link {
	float: left;
	margin: 29px 0 0 1%;
}

#view_icon {
	clear: left;
	float: left;
	margin: 8px 0 0 1%;
	display: none;
}

#contents {
	width: 100%;
	float: left;
	clear: both;
	overflow: hidden;
	position: relative;
}
/* TICKETLIST_MENU */
#ticketListMenu ul {
	list-style: none;
    padding: 0px;
    margin: 0px;
    background-color: rgb(255, 255, 255);
    border: none;
    font-size: 12px;
    z-index: 2;
    border-right: solid #efefef;
    border-bottom: solid #efefef;
    position: absolute;
    left: 265px;
    top: 90px;

}
#ticketListMenu ul li {
    background-color: #FFFFFF;
    color: #111111;
    margin: 0px;
    display: block;
    cursor: default;
    padding: 5px 20px;
    line-height: 20px;
    text-align: left;
}
#ticketListMenu ul li.disabled{
	color: #dedede;
	/* background: #eee; */
	opacity: 0.4;
}

#ticketListMenu ul li:hover {
	background-color: #EFEFEF;
}
#multi_exit_dialog {
    top: calc(50% - 255px);
    left: calc(50% - 150px);
    bottom: calc(50% - 255px);
    right: calc(50% - 150px);
    width: 300px;
    height: 510px;
}

#multi_exit_dialog .contents{
	height: 415px;
}

div#label_filter_dialog {
    left: calc(50% - 150px);
    right: calc(50% - 150px);
    bottom: calc(50% - 175px);
    top: calc(50% - 175px);
    width: 300px;
    min-height: 350px;
}
#label_list .item {
	padding: 5px;
	border-bottom: solid 1px #ededed;
	cursor: pointer;
	height: 30px;
}
#label_list .item:first-child{
	border-top: solid 1px #ededed;
}
#label_list .item:hover {
	background: #e3f3f4;
	border-radius: 7px;
}
#label_list .item input[type="checkbox"]{
	width: 13px;
    height: 13px;
    margin-top: 10px;
    float: right;
}
#label_list .item .label{
    width: 6px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    border-style : solid;
    border-width : 1px;
}
#label_list .item .text{
	display: inline-block;
	font-size: 15px;
	text-indent : 5px;
	vertical-align: middle;
}
#label_list .item .text:first-child{
	height:5px;
}
#multi_exit_dialog .search_box_wrapper{
    /* float: left; */
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    padding: 1px;
    white-space: nowrap;
    width: auto !important;
    margin: 5px;
    height: 22px;
}
#multi_exit_dialog .search_box_wrapper input{
	width: 262px !important;
    width: calc(100% - 40px) !important;
    float: left;
    border: 0;
    padding-left: 0px;
    outline: 0;
    margin: 0;
    padding-top: 2px;
    ime-mode: active;
}
#multi_exit_dialog .search_box_wrapper .search_go{
	float: right;
    cursor: pointer;
}
#multi_exit_dialog .footer{
    position: absolute;
    left: 3px;
    right: 3px;
    height: 50px;
    text-align: center;
}
#multi_exit_dialog .header{
	height: 30px;
}
#multi_exit_dialog .header .checked_talk_room{
	float: left;
    font-size: 12px;
    /* margin-left: 10px; */
    margin-top: 5px;
    margin-bottom: 5px;
}

#multi_exit_ticket_list {

	height: 100%;
}
#multi_exit_ticket_list .list_item_talk ,#multi_exit_ticket_list .list_item_talk_last {
	width: 278px;
}

#multi_exit_ticket_list .list_item_talk input[type='checkbox']{
	/*display:none;*/
	position: absolute;
    right: 10px;
    top: 20px;
}
#multi_exit_ticket_list .list_item_talk h1 {
	line-height : 44px !important;
}
 #multi_exit_ticket_list .list_item_talk .description {
 	max-width: 200px;
 	top : 6px;
 }

#multi_exit_ticket .list_item_talk h1 {
	width: 200px;

}
.hidden_dialog {
	opacity: 0;
}
.hidden_image  {
    position: absolute;
    opacity: 0;
}


.dialog {
	display: block;
    position: fixed;
    background: #ffffff;
    z-index: 9001;
    border-radius: 5px;
    padding: 10px;
    cursor: auto;
    border: solid 1px silver;
}

#message_dialog {
	display: block;
    position: fixed;
    background: #ffffff;
    z-index: 9999;
    padding: 10px;
    width: 300px;
    cursor: auto;
    padding-top: 25px;
    border: solid 1px silver;
}
#message_dialog .content{
	white-space: pre;
    white-space: pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -hp-pre-wrap;
    word-wrap: break-word;
}
#message_dialog .footer {
	position: absolute;
	bottom: 10px;
}
#message_dialog  .content.center {
	text-align: center;
}
.dialog .title{
    text-align: center;
    font-weight: bold;
    margin: 5px;
}

.dialog .contents{
	margin-top: 12px;
}
.dialog .footer{
	width: 100%;
    height: 50px;
    text-align: center;
}
.dialog .button {
    display: inline-block;
    width: 60px;
    text-align: center;
    margin: 5px;
    font-size: 12px;
    cursor: pointer;
    padding: 5px;
    margin-top:7px;
}
.dialog .button.disabled {
    opacity: 0.3;
    cursor: default !important;
}
.dialog .footer .button:hover{
	background : #ededed;
}
.dialog .button img {
    display: block;
    text-align: center;
    margin: 0 auto;
}
/* FOOTER */

#footer {
	clear: both;
	float: left;
	width: 100%;
}

#footer .wrapper {
	width: 281px;
	margin-left: 2px;
	height:25px;
}

#footer .talkBtn,
#footer .saveBtn {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    float: left;
    border-bottom: 1px solid #e0e0e0;
    font-weight: bold;
    display:none;
}

#footer .talkBtn a,
#footer .saveBtn a {
    width: 100%;
    height: 100%;
    text-decoration: none;
    cursor: pointer;
    display: block;
}

#footer .talkBtn a:hover,
#footer .saveBtn a:hover {
    background-color: #eeeeee;
}

#subcategory_filter {
	display: none;
	margin: 1px 0 0 23px;
}

#ticket_filter {
	display: none;
	margin: 1px 0 0 10px;
}

#footer .copyright {
    text-align: center;
	height: 25px;
	line-height: 25px;
	font-size: 70%;
	margin-top: 0;
	color: #A0A0A0;
	float: left;
	width: 100%;
}

/* SEARCH BOX */
#menu_box {
	display: none;
	position: absolute;
	right: 0;
	top:0;
	height: 100%;
	width: 0%;
	overflow: hidden;
	background-color: #333333;
	z-index: 9999;
}

#menu_box .wrapper {
	position: relative;
	text-align: center;
	height: 375px;

}

#menu_box .wrapper div {
	cursor: pointer;
	width: 100%;
	text-align: center;
}

#menu_box .wrapper img {
	width: 60px;
}

#menu_box .wrapper div label {
	cursor: pointer;
	color: #ffffff;
	position: relative;
	top: -10px;
	text-align: center;
	width: 100%;
	display:block;
	font-size: 80%;
}

#menu_box .wrapper_bottom {
	position: absolute;
	text-align: center;
	height: 150px;
	bottom: 0;
	width: 100%;
}

#menu_box .wrapper_bottom div {
	cursor: pointer;
	width: 100%;
	text-align: center;
}

#menu_box .wrapper_bottom img {
	width: 60px;
}

#menu_box .wrapper_bottom div label {
	cursor: pointer;
	color: #ffffff;
	position: relative;
	top: -10px;
	text-align: center;
	width: 100%;
	display:block;
	font-size: 90%;
}

/* SEARCH BOX */
.mm_search_box {
	position: absolute;
	right: -1px;
	top:0;
	height: 100%;
	width: 0%;
	overflow: hidden;
	background-color: #333333;
	z-index: 9900;
}

.mm_search_box .search_header {
	float: left;
	width: 100%;
	border-bottom: 1px solid #cccccc;
}

.mm_search_box .search_header label {
	float: left;
}

.mm_search_box h1 {
	font-size: 150%;
	color: #ffffff;
	margin: 3%;
	float: left;
}

.mm_search_box .search_btn {
	float: right;
	margin: 2%;
}

.mm_search_box .search_btn_close {
	float: right;
	margin: 2%;
}

.mm_search_box .is_filtering {
	clear: both;
	float: left;
	display: block;
	padding: 0px 0 0 10px;
}

.mm_search_box .wrapper {
	float: left;
	width: 100%;
}

.mm_search_box .section {
	position: relative;
	float: left;
	clear: both;
	padding: 10px 0 0 10px;
	color: #ffffff;
	width: 90%;
}

.mm_search_box .timestamp select,
.mm_search_box .date select {
	margin-top: 3px;
}

.mm_search_box .timestamp span,
.mm_search_box .date span {
	margin-top: 2px;
}

.mm_search_box br {
	clear: left;
}

.mm_search_box .section input{
	float: left;
	margin-top: 6px;
}

.mm_search_box .section label,
.mm_search_box .section select,
.mm_search_box .section span {
	float: left;
	line-height: 24px;
}

.mm_search_box label {
	color: #ffffff;
}

.mm_search_box div.spacer {
	float: left;
	display: block;
	height: 20px;
	width: 100%;
}

/*  SEARCH CUSTOM FIELD */
#search_box {


}

#search_box .timestampfield {
	width: 40%;
	margin-left: 5px;
}

#search_box .numericfield {
	width: 80%;
	ime-mode:disabled;
	margin-left: 5px;
}

#search_box .textfield {
	width: 80%;
	margin-left: 5px;
}

#search_box .selectfield {
	width: 80%;
	margin-left: 5px;
}

#search_box .operator {
	margin-left: 5px;
	text-align: center;
}

#search_box .andor {
	margin-left: 5px;
}



/* CHAT */
#chat {
    font-size: 90%;

}

#chat .my_msg {
	width: 475px;
	padding-top: 8px;
	padding-bottom: 8px;
	display:inline-block;
}

#chat .my_msg .name {
	float: right;
	color: #2b2b2b;
}

#chat .my_msg .time {
	color: #8E8E8E;
	text-align: right;
	font-size: 60%;
}

#chat .my_msg .avatar {
	height: 40px;
	width: 40px;
	clear: both;
	float: right;
	border: solid 1px #e0e0e0;
}
#chat .other_msg .balloon:before{
    top: 26px;
    left: 48px;
    transform: rotate(30deg);
    position: absolute;
    content: " ";
    border-width: 1.5px 1.2ex 4.2px 0px;
    border-style: solid;
    width: 0px;
    height : 0px;

}

#chat .my_msg .balloon:before {
	top: -4px;
	right: -9px;
    transform: rotate(135deg);
    position: relative;
    content: " ";
    border-width: 1.5px 1.2ex 4.2px 0px;
    border-style: solid;
    float: right;
    width: 0px;
    height : 0px;
}
#chat .my_msg .balloon {

	display:inline-block;
	max-width: 280px;
	margin-left: 5px;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
	min-height: 22px;
	line-height: 190%;
	padding: 2px 6px;
	border-radius:7px;
	font-size: 80%;
	padding-left: 10px;
	margin-bottom: 5px;
}

#chat .my_msg .balloon_non {

	display:inline-block;
	max-width: 280px;
	margin-left: 5px;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
	min-height: 22px;
	font-size: 80%;
	border-radius:5px;

}
#srh_chat .match {
	background-color: #ffff00;
}
#chat .my_msg .balloon_non.map , #srh_chat .srh_my_msg .srh_balloon_non.map{
	background: #e3f3f4;
	border-radius:7px;
}
#chat .other_msg .balloon_non.map, #srh_chat .srh_other_msg .srh_balloon_non.map{
	background:#efefef;
	border-radius:7px;
}
/*.balloon.map */

.location_name {
	padding: 2px 10px;
	position: relative;
	line-height: 190%;
}

.location_name img {
	position: absolute;
    left: -3px;
    top: 1px;
    bottom: 3px;
    margin-top: auto;
    margin-bottom: auto;
}
a.location_link {
	text-decoration: none;
	color:black;
	display: inline-block;
}
.location_msg  {
	height: 157px;
	min-width: 279px;
	border-radius: 4px 4px 0px 0px;
}
#chat .balloon_non .sticker_msg ,
#srh_chat .srh_balloon_non .sticker_msg,
#broadcast_chat .balloon_non .sticker_msg {
	/* INCV-1411 REMOVE CSS height : 160px; */
	width : 185px;
/* INCV-1411 REMOVE CSS line-height: 160px; */
}
#chat .balloon_non .sticker_msg img ,
#srh_chat .srh_balloon_non .sticker_msg img,
#broadcast_chat .balloon_non .sticker_msg img{
	width :100%;
	/* INCV-1411 Update Start */
	vertical-align: bottom;
	/* vertical-align: middle; */
	/* INCV-1411 Update End */
}
#chat .my_msg .image_msg {
}

#chat .my_msg .readed_me {

	color: #8E8E8E;
	font-size:9px;
	text-align: right;
	padding-bottom: 3px;
}

#chat .my_msg .fileuploading {
	width: 16px;
	height: 16px;
	margin-top:10px;
}
#chat .other_msg {
	float: left;
	clear: both;
	width: 475px;
	padding: 8px 0 8px 10px;
	position:relative;

}
.pArea {

}
.rArea {
    display: inline-block;
    vertical-align: bottom;
    padding-bottom: 6px;

}
.my_msg .rArea {

}
.my_msg .tArea {
	max-width:391px\9;
    float: right;
}

.bArea {
    height: inherit;
}


#chat .other_msg .readed_other {

	color: #8e8e8e;
	font-size:9px;
	padding: 0 0 0 5px;


}

#chat .sys_msg .readed_sys {
	float: right;
	color: #2b2b2b;
	font-size:60%;
}



#chat .other_msg .name {
	float: left;
	margin: 0px 2px 8px 4px;
	color: #606060;
	width: 420px;
	font-size: 75%;
}

#chat .other_msg .time {

	padding: 3px 0 0px 5px;
	color: #8E8E8E;
	font-size: 60%;


}

#chat .other_msg .category {
	float: right;
	margin: 5px 5px 0 0;
	color: #2b2b2b;
	font-weight: bold;
}

#chat .other_msg .avatar {
	position:relative;
	height: 35px;
	width: 35px;
	clear: both;
	float: left;
	margin-right: 5px;
	margin-bottom: 2px;
	border-radius: 18px;
	cursor:pointer;
}
#broadcast_chat .other_msg .avatar:hover{
	transform: scale(1.15);
    transition: all 200ms ease-out;
}
#chat .other_msg .avatar:hover {
	transform: scale(1.15);
    transition: all 200ms ease-out;
}
#fl_chat .fl_other_msg .fl_avatar:hover {
	transform: scale(1.15);
    transition: all 200ms ease-out;
}
#srh_ticket_chat .srh_other_msg .srh_avatar:hover{
	transform: scale(1.15);
    transition: all 200ms ease-out;
}
#chat .other_msg .balloon {
	display: inline-block;
	background-color: #efefef;
	max-width: 280px;
	margin: 0 0 5px 2px;
	padding: 2px 10px;
	text-align: left;
	border-top: 1px solid #efefef;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
	border-radius:7px;
	min-height: 22px;
	line-height: 190%;
	font-size: 80%;
}

#chat .other_msg .balloon_non {
	display: inline-block;
	max-width: 280px;
	text-align: left;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
	border-radius : 5px;
	min-height: 22px;
	font-size: 80%;
}
#chat .other_msg .image_msg {
	float: right;

}

#chat .image_msg:hover {
	cursor: pointer;
}

#chat .video_msg:hover {
	cursor: pointer;
}

#chat .sys_msg {
	float: left;
	clear: both;
	width: 460px;
	padding: 8px 0 8px 10px;
}

#chat .sys_msg .name {
	float: left;
	margin: 3px 2px 9px 4px;
	color: #2b2b2b;
	width: 400px;
	font-size: 75%;
}

#chat .sys_msg .time {
	float: left;
	margin: 5px 5px 5px 1px;
	color: #2b2b2b;
	font-size: 70%;
	line-height: 28px;
}

#chat .sys_msg .category {
	float: right;
	margin: 5px 5px 0 0;
	color: #2b2b2b;
	font-weight: bold;
}

#chat .sys_msg .balloon {
	clear: left;
	float: left;
	background-color: #efefef;
	max-width: 300px;
	margin: 0 0 5px 2px;
	padding: 2px 5px;
	text-align: left;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */

	min-height: 22px;
	line-height: 120%;
}
#chat .dlChat{
	cursor: pointer;
}

#chat .msg_none {
	margin: 20px 40px;
	color: #2b2b2b;
}

#chat .separate {
	clear: both;
	border: none;
}

#chat_member {
    font-weight: normal;
    font-size: 80%;
    padding-left: 10px
}

/* Modal Dialog */
#mask {
  position:absolute;
  z-index:9900;
  background-color:#fff;
  display:none;
  top: 0;
  left:0;
}
#coverScreen {
  position:absolute;
  z-index:9000;
  background-color:#524A4A;
  display:none;
  top: 0;
  left:0;
  text-align: center;
  vertical-align:middle;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
.extendingImg{
  z-index:9500;
  border: 1px solid silver;
  position: fixed;
  border-radius: 8px;
}

#multi_select_dialog {
  position:fixed;
  width:440px;
  height:400px;
  display:none;
  z-index:9999;
  padding:20px;
  background-color: #FFFFFF;
  border: solid 1px #999;
}

#multi_select_dialog header {
	float: left;
	clear: both;
	width: 100%;
	height: 50px;
}

#multi_select_dialog header h1 {
	float: left;
	font-size: 140%;
	line-height: 40px;
}

#multi_select_dialog header nav {
	float: right;
}

#multi_select_dialog header nav img {
	margin: 0 0 0 5px;
	cursor: pointer;
}

#multi_select_dialog .member_list {
	float: left;
	clear: both;
	overflow: auto;
	width: 96%;
	height: 300px;
	margin: 2%;
}

#multi_select_dialog .member_list .member {
	float: left;
	border-bottom: 1px solid #cccccc;
	padding:1% 2%;
	width: 96%;
	cursor: pointer;
}

#multi_confirm_dialog {
  position:fixed;
  width:80%;
  height:500px;
  display:none;
  z-index:9999;
  padding:15px;
  background-color: #FFFFFF;
}

#multi_confirm_dialog header {
	float: left;
	clear: both;
	width: 100%;
	height: 50px;
	border-bottom: 1px solid #cccccc;
}

#multi_confirm_dialog header h1 {
	float: left;
	font-size: 140%;
	line-height: 40px;
}

#multi_confirm_dialog header nav {
	float: right;
	border-bottom: 2px;
}

#multi_confirm_dialog header nav img {
	margin: 0 0 0 5px;
	cursor: pointer;
}

#multi_confirm_dialog .address {
	float: left;
	width: 70%;
	margin: 1% 0;
}

#multi_confirm_dialog .address div {
	width: 89%;
    color: #2b2b2b;
    float: left;
    margin-top: 3px;
}

#multi_confirm_dialog .address label {
	width: 10%;
    float: left;
    color: #999999;
    clear: both;
    text-align: right;
    margin-top: 3px;
    margin-right: 1%;
}

#multi_confirm_dialog .attachment {
	width: 30%;
	float: right;
	margin: 1%;
}

#multi_confirm_dialog .attachment label {
	float: left;
}

#multi_confirm_dialog .attachement_list {
	overflow: scroll;
	overflow-x: hidden;
	float: left;
	width: 30%;
	height: 80px;
	margin-top: 10px;
}


#multi_confirm_dialog .mail_contents {
	float: left;
	overflow: auto;
	width: 100%;
	height: 50%;
	border-top: 1px solid #cccccc;
	margin: 1% 0;
}

#attachment_dialog {
  position:fixed;
  width:440px;
  height:400px;
  display:none;
  z-index:9999;
  padding:20px;
  background-color: #FFFFFF;
  border: solid 1px #999;
}

#attachment_dialog header {
	float: left;
	clear: both;
	width: 100%;
	height: 50px;
}

#attachment_dialog header h1 {
	float: left;
	font-size: 140%;
	line-height: 40px;
}

#attachment_dialog header nav {
	float: right;
}

#attachment_dialog header nav img {
	margin: 0 0 0 5px;
	cursor: pointer;
}

#attachment_dialog .attachment_attention {
	line-height: 120%;
}

#attachment_dialog .attachment_form {
	margin-top: 10px;
}

#attachment_dialog .attachment_form .file {
	float: left;
}

#attachment_dialog .attachment_form .addfile {
	color: black;
	margin-left: 2%;
	float: left;
}


#file_loader {
	float: left;
    margin: 4px 0 0 5px;
    height: 18px;
    width: 18px;
}

#attachment_dialog .attachment_list {
	float: left;
	clear: both;
	overflow: auto;
	width: 96%;
	height: 300px;
	margin: 2%;
}

#attachment_dialog .attachment_list li {
	float: left;
	border-bottom: 1px solid #cccccc;
	padding:1% 2%;
	width: 96%;
	cursor: pointer;
}

#attachment_dialog .attachment_errors {
	clear: both;
	font-weight: bold;
	font-size: 100%;
	text-align: left;
	padding:1% 2%;
	width: 96%;
	line-height: 120%;
	color: #df3f3f;
}

#no_connect_server_dialog {
  position:fixed;
  width:210px;
  height:100px;
  display:none;
  z-index:9999;
  padding:10px;
  background-color: #FFFFFF;
  border: solid 1px #999;
  text-align: center;
  border-radius: 5px;
}

#no_connect_server_dialog h1 {
	font-weight: normal;
	font-size: 110%;
}

#no_connect_server_dialog .reload_link {
	display: block;
	margin-top: 25px;
}

#no_connect_server_dialog .reload_loader {
	display: none;
	margin-top: 25px;
}

/* START TALK CONFIRM DIALOG */
#talk_confirm_dialog {
    position:absolute;
    width:210px;
    display:none;
    z-index:9999;
    padding:10px;
    background-color: #FFFFFF;
    border: solid 1px #999;
    text-align: center;
}

#talk_confirm_dialog .icon {
    float: left;
    width: 45px;
    height: 45px;
    margin: 1px 5px 1px 0;
}

#talk_confirm_dialog h1 {
    float: left;
    width: 160px;
}

#talk_confirm_dialog h1 input {
    float: left;
    width: 100%;
    border: 1px solid #E0E0E0;
    font-size: 100%;
}

#talk_confirm_dialog h2 {
    clear: left;
    float: left;
    font-size: 90%;
    font-weight: normal;
    margin-top: 5px;
}

#talk_confirm_dialog .members {
    width: 210px;
    height: 100px;
    float: left;
    text-align: left;
    font-size: 90%;
    line-height: 120%;
    margin-top: 5px;
    display: block;
    list-style-type: none;
}

#talk_confirm_dialog .buttons {
    float: left;
    width: 210px;
}

#talk_confirm_dialog .buttons img {
    height: 24px;
    width: 24px;
    margin-top: 4px;
}

#talk_confirm_dialog .buttons a {
    float: left;
    font-size: 80%;
    width: 70px;
    height: 50px;
    text-align: center;
    color: #666666;
    text-decoration: none;
}

#talk_confirm_dialog .buttons.nocontinue a {
    float: left;
    font-size: 80%;
    width: 105px;
    height: 50px;
    text-align: center;
    color: #666666;
    text-decoration: none;
}

#talk_confirm_dialog .buttons a:hover {
    background-color: #eeeeee;
}

#talk_confirm_dialog .buttons.nocontinue a.continue {
    display: none;
}

#talk_confirm_dialog .buttons span {
    float: left;
    margin: 5px auto 0;
    width: 100%;
    text-align: center;
    display: block;
}

.copyright {
	font-size: 80%;
	color: #A0A0A0;
	margin-top: 40px;
	line-height: 24px;
}

.copyright span{
	padding-right: 1px;
}

#loader {
	position: absolute;
	width: 16px;
	height: 16px;
	margin: 2px;
	z-index: 9999;
	left: 8px;
	bottom: 0px;
}

#loader img {
	height: 100%;
	width: 100%;
}

.errors {
	font-weight: bold;
	font-size: 120%;
	text-align: center;
	width: 100%;
	line-height: 120%;
	color: #df3f3f;
}

.errors a {
	text-decoration: underline;
	cursor: pointer;
}

/* CUSTOM SELECT BOX */
.mmSelectbox {
	position: relative;
	display: block;
	float: left;
	height: 19px;
	width: auto;
	z-index: 9999;
}

.mmSelectbox .selector {
	cursor: pointer;
	display: block;
	float: left;
	height: 19px;
	line-height: 19px;
	font-size: 75%;
	width: auto;
}

.mmSelectbox .toggle {
	cursor: pointer;
	display: block;
	float: right;
	height: 19px;
	width: 30px;
	background: url(images/select-icons-small.png) 3px -93px no-repeat;
}
.mmSelectbox .toggle:hover{
	background: url(images/select-icons-small.png) 3px -133px no-repeat;
}
.mmSelectbox .toggleOpen{
	background: url(images/select-icons-small.png) 3px -17px no-repeat;
}
.mmSelectbox .toggleOpen:hover{
	background: url(images/select-icons-small.png) 3px -56px no-repeat;
}

.mmSelectbox ul {
	float: left;
	position: absolute;
	border:1px solid #bbbbbb;
	background-color: #ffffff;
	z-index: 9999;
	height: 0px;
	display: none;
	list-style-type: none;
	left: 0;
}

.mmSelectbox ul li {
	border-bottom: dotted 1px #bbbbbb;
	text-indent: 10px;
	white-space: nowrap;
	font-size: 75%;
}

.mmSelectbox ul li a {
	display: block;
	height: 30px;
	line-height: 30px;
	padding-right: 20px;
	color: #333333;
	text-decoration: none;
	cursor: pointer;
}

.mmSelectbox ul li a:hover{
	background-color: #dddddd;
}
.mmSelectbox ul li.last{
	border-bottom: none;
}

.white_screen {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #ffffff;
	z-index: 1000;
	display: none;
}



/* NAVI */


#nav {
    float: right;
    margin: 0;
    line-height: 100%;

    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
}
#nav li {
    padding: 0;
    float: left;
    position: relative;
    list-style: none;
    z-index: 8888;
}


/* main level link */
#nav a {
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding:  4px 9px;
    margin: 0;
    border: 1px solid #ffffff;
}
#nav a:hover {
    background: #eeeeee;
    border: 1px solid #e0e0e0;
}

/* main level link hover */
#nav .current a, #nav li:hover > a {
    color: #444;

    -webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
    box-shadow: 0 1px 1px rgba(0,0,0, .2);

    text-shadow: 0 1px 0 rgba(255,255,255, 1);
}

/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
    background: none;
    border: none;
    color: #666;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

#nav ul a {
    font-weight: normal;
    width: 167px;
}


#nav ul a:hover {
    cursor: pointer;
    background-color: #eeeeee !important;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;

    text-shadow: 0 1px 1px rgba(0,0,0, .1);
}

/* dropdown */
#nav li:hover > ul {
    display: block;
}

/* level 2 list */
#nav ul {
    display: none;

    margin: 0;
    padding: 0;
    width: 185px;
    position: absolute;
    top: 25px;
    right: 0;
    background: #fff;
    border: solid 1px #b4b4b4;
    box-shadow: 0 1px 3px rgba(0,0,0, .3);
    z-index: 8888;
}
#nav ul li {
    float: none;
    margin: 0;
    padding: 0;
    z-index: 8888;
}


/* clearfix */
#nav:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
#nav {
    display: inline-block;
}
html[xmlns] #nav {
    display: block;
}

* html #nav {
    height: 1%;
}
/* START TALK MEMBER DIALOG */
#talk_member_dialog .memContent {
    position:absolute;
    width:492px;
    background-color: #FFFFFF;
    text-align: center;
}

#talk_member_dialog .memHeader {
   	height: 70px;
   	padding: 10px 10px;
}

#talk_member_dialog .icon {
    float: left;
    position : relative;
    width: 46px;
    height: 46px;
    margin: 1px 5px 1px 0;
    border: 1px solid #e0e0e0;
    border-radius : 23px;
}
#pop_broadcast_talk_member_dialog .pop_groupHeader .icon {
	float:  left;
    width:  44px;
    height: 44px;
    margin: 0;
}
#talk_member_dialog .memHeader .icon {
    float:  left;
    width:  49px;
    height: 49px;
    margin: 0;
}

/* group profile */
#srh_room_info .profileIcon,
#room_info .profileIcon ,
#broadcast_room_info .profileIcon{
	float:left;
	margin-right: 10px;
}


.mousePointer.profileIcon{
	cursor : pointer;
}

#broadcast_room_info #popDialogGroupProfile{
	margin-left: 35px;
}
#pop_broadcast_talk_member_dialog #popDialogGroupProfile {
	left: 55px;
    top: 7px;
}
#broadcast_room_info .profileIcon span.camera,
#srh_room_info .profileIcon span.camera,
#room_info .profileIcon span.camera {
    position: absolute;
    width: 15px;
    height: 15px;
    left: 23px;
    top: 16px;
    background: white;
    border-radius: 8px;
   	border: solid 1px #e0e0e0;
    padding: 1px;
    display: none;
}
#broadcast_room_info .profileIcon .camera img,
#srh_room_info .profileIcon .camera img ,
#room_info .profileIcon .camera img {
    width: 100%;
    margin-bottom: 8px;
}

#broadcast_room_info .profileIcon:hover span.camera,
#pop_broadcast_talk_member_dialog .profileIcon:hover span.camera,
#srh_room_info .profileIcon:hover span.camera,
#room_info .profileIcon:hover span.camera {
	display:block;
}
#pop_broadcast_talk_member_dialog .pop_groupHeader span.camera{
	position: absolute;
    width: 18px;
    height: 18px;
    left: 26px;
    top: 31px;
    background: white;
    border-radius: 10px;
    border: solid 1px #eee;
    display:none;
}
#srh_talk_dialog .memHeader span.camera,
#talk_member_dialog .memHeader span.camera {
	position: absolute;
    width: 18px;
    height: 18px;
    left: 42px;
    top: 42px;
    background: white;
    border-radius: 10px;
    border: solid 1px #eee;
    display:none;
}
#pop_broadcast_talk_member_dialog .pop_groupHeader span.camera img,
#srh_talk_dialog .memHeader span.camera img,
#talk_member_dialog .memHeader span.camera img {
	width:100%;
}



#talk_member_dialog .delicon {
    float: right;
    width: 16px;
    height: 16px;
    margin: 1px 5px 1px 0;
    cursor: pointer;
}

#new_talk_title h1 {
    float: left;
    width: 400px;
}


#new_talk_title h1 input {
    float: left;
    width: 94%;
    border: 1px solid #E0E0E0;
    font-size: 100%;
    margin-left: 10px;
}
#new_talk_title input.title:disabled{
	background: none;
}
#talk_member_dialog h2 {
    clear: left;
    float: left;
    font-size: 90%;
    font-weight: normal;
    margin-top: 5px;
}

#talk_member_dialog .members {
    float: left;
    text-align: left;
    font-size: 90%;
    line-height: 120%;
    margin-top: 5px;
    display: block;
    list-style-type: none;
}

#talk_member_dialog .buttons {
    float: left;
    width: 100%;
}

#talk_member_dialog .buttons img {
    height: 24px;
    width: 24px;
    margin-top: 4px;
}

#talk_member_dialog .buttons a {
    float: left;
    font-size: 80%;
    width: 80px;
    height: 50px;
    text-align: center;
    color: #666666;
    text-decoration: none;
}

#talk_member_dialog .buttons.nocontinue a {
    float: left;
    font-size: 80%;
    width: 105px;
    height: 50px;
    text-align: center;
    color: #666666;
    text-decoration: none;
}

#talk_member_dialog .buttons a:hover:not([disabled]) {
    background-color: #eeeeee;
}

#talk_member_dialog .buttons a[disabled]:hover {
    cursor: default;
}

#talk_member_dialog .buttons a[disabled] {
    opacity: 0.4;
    filter: alpha(opacity=40);
	-ms-filter: "alpha(opacity=40)";
	-moz-opacity:0.4;
}

#talk_member_dialog .buttons.nocontinue a.continue {
    display: none;
}

#talk_member_dialog .buttons span {
    float: left;
    margin: 5px auto 0;
    width: 100%;
    text-align: center;
    display: block;
}
#talk_member_dialog .member_list_item {
	width: 384px;
	position: relative;
	float: left;
	line-height: 130%;
	overflow: hidden;
	white-space: nowrap;
	font-size: 90%;
	color: #666666;
	border-top: 1px solid #e0e0e0;
	padding: 5px;
	margin-left:45px;
}

#srh_input_window {
	z-index:9002;
	height:306px;
	width:296px;
	display: none;
	background-color: white;
	position: absolute;
	border: solid 1px silver;
	border-radius: 8px;
}

#video_window {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index:9002;
	display: none;
	background-color: white;
	border: solid 1px silver;
	width:50;
	height:50;
	border-radius :8px;
}

#pop_pop_window {
	z-index:9002;
	width:590px;
	display: none;
	background-color: white;
	position: absolute;
	top:50%;
	left:50%;
	margin-left:-295px;
	border: solid 1px silver;
	overflow:hidden;
	border-radius: 8px;
}

#pop_pop_saving,#broadcast_pop_pop_saving {
	z-index:9500;
	height:128px;
	width:300px;
	display: none;
	background-color: white;
	position: absolute;
	top: 160px;
	left: 240px;
	border: none;
	text-align: center;
	padding: 8px 15px;
	border-radius : 5px;
}

#broadcast_group_window {
	z-index:9002;
	width:600px;
	display: none;
	background-color: white;
	position: absolute;
	top:50%;
	left:50%;
	border-radius: 8px;
	margin-left:-295px;
	border: solid 1px silver;
}

#read_userlist_window {
	z-index:9002;
	min-height:409px;
	display: none;
	top:50%;
	left:50%;
	margin-left:-160px;
	background-color: white;
	position: absolute;
	border: solid 1px silver;
}
#read_userlist_window .explanation{
	height: 40px;
	width: 310px;
	border-top:1px #e0e0e0 solid;
	border-bottom:1px #e0e0e0 solid;
	margin-top: 5px;
	font-size:76%;
	line-height: 140%;
	bottom:0px;
}
#read_userlist_window #pop_readlist_contents {
	 margin-top: 35px;
    clear: both;
}
#pop_readlist_main{
	height:420px;
}
#pop_pop_saving div, #broadcast_pop_pop_saving div {
	line-height: 24px;
	padding:20px 0;
}

.readmoreMessage img{
	margin-top: 9px;
	height: 25px;
}
#ticket_chat .readmoreMessage {
	text-align: center;
	font-size: 100%;
    height: 50px;
    right: 15px;
    left: 0;
    background: white;
    z-index: 1;
}

#ticket_chat .readmoreMessage span {

    -moz-border-radius: 100px / 50px;
    width: 100%;
    height: 40px;
    color: #0070FF;
    position: absolute;
    right: 0;
    left: 0;
}
#ticket_chat .readmoreMessage span:hover {

}
#talk_dialog .talkContent {
    position:absolute;
    width:499px;
    background-color: #FFFFFF;
}
#talk_dialog .chat_adduser,
#talk_dialog .chat_exit,
#talk_dialog .chat_search,
#talk_dialog .chat_filelist,
#talk_dialog .chat_notification_icon,
#talk_dialog  .label_setting  {
	float: right;
	margin-right: 4px;
}
#talk_dialog .label_setting_icon,
#broadcast_talk_dialog .label_setting_icon {
}
#talk_dialog .chat_adduser_icon,
#talk_dialog .chat_exit_icon,
#talk_dialog .chat_search_icon,
#talk_dialog .chat_filelist_icon,
#talk_dialog .chat_notification_icon,
#broadcast_talk_dialog .chat_notification_icon,
#talk_dialog .label_setting_icon
{
	width: 24px;
	height: 24px;
	cursor: pointer;

}/*
#talk_dialog .chat_notification_icon {
    width: 24px;
    float: right;
    font-size: 6px;
    height: 24px;
    cursor:pointer;
}*/

#header_tabs  .noti_icon,
#ticket_list .noti_icon{
    display: inline-block;
    position: relative;
    vertical-align: middle;
    background-size: 19px;
    width: 21px;
    height: 18px;
    padding-top: 5px;
}
#header_tabs  .noti_icon{
	float:right;
	padding-top:12px;
}
.chat_notification_icon.on  {
	background: url(../../img/ticket/bell_on.png) 0 0 no-repeat;
    background-position: center;
    opacity: 0.5;
}
.chat_notification_icon.onlymention,  .chat_notification_icon_10{
	background: url(../../img/ticket/bell_mention.png) 0 0 no-repeat;
    background-position: center;
    opacity: 0.5;
}
.chat_notification_icon_1{
	background: none;
    background-position: center;
}
.chat_notification_icon.off ,.chat_notification_icon_0 {
    background: url(../../img/ticket/bell_off.png) 0 0 no-repeat;
    background-position: center;
    opacity: 0.5;
}


.chat_notification_icon_0 {

}


.chat_header{
	width: 460px;
	height: 15px;
}
#talkFileUpload {
	height: 1px;
    width: 100%;
}
/* sub levels link hover */
/*#talkFileUpload:hover >div {
    display: block;
}
*/
/* fileupload list */

#talkFileUpload .fselectImg {
    height: 34px;
    width: 34px;
    background: url(../../img/ticket/chat_send_image.png) 0 0 no-repeat;
   	background-position: center;
    display:inline-block;
    overflow: hidden;
    cursor: pointer;
    opacity :0.3;
    float:left;
    margin-left: 6px;
    margin-right:3px;
}
#talkFileUpload .fselectImg:hover {
	opacity :0.9;
}
#talkFileUpload .fselectFile {
    height: 34px;
    width: 34px;
    background: url(../../img/ticket/chat_send_file.png) 0 0 no-repeat;
    background-position: center;
    display:inline-block;
    overflow: hidden;
    cursor: pointer;
    opacity :0.3;
    float:left;
    margin-right:3px;
}
#talkFileUpload .fselectFile:hover {
	opacity :0.9;
}

#talkFileUpload .dSelectImg {
	bottom: 59px;
	display: none;
	overflow: hidden;
	position: absolute;
	border: 1px solid #999;
	background-color: #EEDAFF;
	width:100px;
	height:25px;
}
#talkFileUpload .dSelectFile {
	bottom: 34px;
	display: none;
	overflow: hidden;
	position: absolute;
	border: 1px solid #999;
	background-color: #EEDAFF;
	width:100px;
	height:25px;
}
#talkFileUpload .dSelectImg:hover,#talkFileUpload .dSelectFile:hover{

}

#talkFileUpload input[type="file"] {

    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    position: static;
    /* right: 0; */
    /* top: 0; */
    margin: 0;
    font-size: 100px;
    cursor: pointer;
    background: black;
    width: 100%;
    height: 100%;

}

#exit_confirm_dialog,#broadcast_exit_confirm_dialog {
	z-index:9101;
	width:360px;
	margin:160px 0 0 -180px;
	display: none;
	background-color: white;
	position: absolute;
	top: 0;
	left: 50%;
	border: none;
	text-align: center;
	border-radius : 8px;
}

#exit_confirm_dialog div,#broadcast_exit_confirm_dialog div {
	line-height: 24px;
}

#exit_confirm_dialog #exit_confirm_dialog_message{
	padding: 16px;
	text-align: left;
}

#exit_confirm_dialog #exit_confirm_dialog_button{
	padding-bottom: 16px;
}

#exit_confirm_dialog_button #exit_ok{
	line-height: 16px;
	width: 100px;
}

#exit_confirm_dialog_button #exit_cancel{
	line-height: 16px;
	width: 110px;
	margin-left: 20px;
}

/* INCV-1358 Start */
#exit_confirm_dialog_firefox {
    z-index:9101;
    width:600px;
    /* margin:160px 0 0 -180px; */
    display: none;
    background-color: white;
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -20%);
    border: none;
    text-align: center;
    border-radius : 8px;
}

#exit_confirm_dialog_firefox div {
    line-height: 24px;
}

#exit_confirm_dialog_firefox #exit_confirm_dialog_firefox_message{
    padding: 16px;
    text-align: left;
}

#exit_confirm_dialog_firefox #exit_confirm_dialog_firefox_button{
    padding-bottom: 16px;
}

#exit_confirm_dialog_firefox_button #exit_ok{
    line-height: 16px;
    width: 100px;
}
/* INCV-1358 End */


.member_list_item h1 {
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	float: left;
	width: 290px;
}

.member_list_item .description {
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	float: left;
	width: 290px;
}

.member_list_item h1 .fo_text {
	position: absolute;
	right: 0;
	top: 0;
	height: 18px;
	width: 8px;
}

.member_list_item .description .fo_text {
	position: absolute;
	right: 0;
	top: 0;
	height: 33px;
	width: 8px;
	float: right;
}

#srh_talk_dialog .srh_talkContent,#fl_talk_dialog .fl_talkContent {
	position:absolute;
	width:499px;
	background-color: #FFFFFF;
}

#srh_talk_dialog .srh_chat_return,#fl_talk_dialog .fl_chat_return {
	float: right;
	margin-right: 15px;
}

#srh_talk_dialog .srh_chat_return_icon,#fl_talk_dialog .fl_chat_return_icon {
	width: 24px;
	height: 24px;
	cursor: pointer;
}

#srh_room_info,#fl_room_info {
    float: left;
    color: #333333;
    font-size: 100%;
    width: 100%;
    height:29px;
    padding: 3px 10px 4px;
    text-align: left;
    line-height: 140%;
}

#srh_room_info .icon,#fl_room_info .icon {
    width: 25px;
    height: 25px;
    float: left;
    position: relative;
	border-radius: 13px;
}

#srh_room_info h1,#fl_room_info h1 {
    display: inline-block;
    min-height: 22px;
    min-width: 30px;
}


#srh_room_subject,#fl_room_subject {
    float: left;
    width:360px;
    height:30px;
    display: inline-block;
    border-spacing: 4px 0;
}

#srh_chat_member,#fl_chat_member {
    font-weight: normal;
    font-size: 70%;
    padding-left: 10px;
    vertical-align: top;
    color: #8e8e8e;
}

#srh_previous_next {
	position: relative;
	clear: both;
	height: 40px;
	bottom: 0;
}

#srh_previous_next .srh_footer_buttons {
    float: left;
    width: 200px;
    margin-left: 155px;
}

#srh_previous_next .srh_footer_buttons img {
    height: 24px;
    width: 24px;
    margin-top: 4px;
}

#srh_previous_next .srh_footer_buttons a {
    float: left;
    font-size: 80%;
    width: 70px;
    height: 50px;
    text-align: center;
    color: #666666;
    text-decoration: none;
}

#srh_previous_next .srh_footer_buttons.srh_nocontinue a {
    float: left;
    font-size: 80%;
    width: 105px;
    height: 50px;
    text-align: center;
    color: #666666;
    text-decoration: none;
}

#srh_previous_next .srh_footer_buttons.srh_nocontinue a.srh_continue {
    display: none;
}

#srh_previous_next .srh_footer_buttons span {
    float: left;
    margin: 5px auto 0;
    width: 100%;
    text-align: center;
    display: block;
}

#srh_previous_next .srh_footer_buttons a:hover:not([disabled]) {
    background-color: #eeeeee;
}

#srh_previous_next .srh_footer_buttons a[disabled]:hover {
    cursor: default;
}

#srh_previous_next .srh_footer_buttons a[disabled] {
    opacity: 0.4;
    filter: alpha(opacity=40);
	-ms-filter: "alpha(opacity=40)";
	-moz-opacity:0.4;
}

#srh_chat,#fl_chat {
	font-size: 90%;
}

#srh_chat .srh_icon,#fl_chat .fl_icon {
	width:24px;
	height:24px;
	float: left;
	padding-right: 3px;
}

#srh_chat .srh_my_msg,#fl_chat .fl_my_msg {
	width: 470px;
	padding-top: 8px;
	padding-bottom: 8px;
	display: inline-block;
}

#srh_chat .srh_my_msg .srh_name,#fl_chat .fl_my_msg .fl_name {
	float: right;
	color: #2b2b2b;
}

#srh_chat .srh_my_msg .srh_time,#fl_chat .fl_my_msg .fl_time {
	/*float: right;*/
	color: #8E8E8E;
	text-align: right;
	font-size: 60%;
}

#srh_chat .srh_my_msg .srh_avatar,#fl_chat .fl_my_msg .fl_avatar {
	height: 40px;
	width: 40px;
	clear: both;
	float: right;
	border: solid 1px #e0e0e0;
}
#srh_chat .srh_my_msg .srh_balloon:before,#fl_chat .fl_my_msg .fl_balloon:before{
   	top: -4px;
   	right: -9px;
    transform: rotate(135deg);
    border-color: transparent #E3F3F1 transparent transparent;
    position: relative;
    content: " ";
    border-width: 1.5px 1.2ex 4.2px 0px;
    border-style: solid;
    width: 0px;
    height : 0px;

    float: right;
}

#srh_chat .srh_my_msg .srh_balloon,#fl_chat .fl_my_msg .fl_balloon {
	float: right;
	background-color: #e3f3f4;
	max-width: 280px;
	margin-left: 5px;
	/* border-left: 3px solid #e3f3f4; */
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
	min-height: 22px;
	line-height: 190%;
	padding: 2px 6px;
	border-radius:7px;
	font-size: 80%;
	padding-left: 10px;
}

#srh_chat .srh_my_msg .srh_balloon_non,#fl_chat .fl_my_msg .fl_balloon_non {
	clear: both;
	float: right;
	max-width: 280px;
	margin-left: 5px;
	/* border-left: 3px solid #e3f3f4; */
	white-space: pre;			/* CSS 2.0 */
	white-space: pre-wrap;		/* CSS 2.1 */
	white-space: pre-line;		/* CSS 3.0 */
	white-space: -pre-wrap; 	/* Opera 4-6 */
	white-space: -o-pre-wrap;	/* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;	/* HP Printers */
	word-wrap: break-word;		/* IE 5+ */
	min-height: 22px;
	font-size: 80%;
}


#srh_chat .srh_my_msg .srh_image_msg,#fl_chat .fl_my_msg .fl_image_msg {
	float: right;
	width: 280px;
}

#srh_chat .srh_other_msg,#fl_chat .fl_other_msg {
	float: left;
	clear: both;
	width: 460px;
	padding: 8px 0 8px 10px;
	position: relative;
}

#srh_chat .srh_other_msg .srh_name,#fl_chat .fl_other_msg .fl_name {
	float: left;
	margin: 0px 2px 9px 4px;
	color: #606060;
	width: 390px;
	font-size: 75%;
}

#srh_chat .srh_other_msg .srh_time,#fl_chat .fl_other_msg .fl_time {
	float: left;
	padding: 5px 0 0 8px;
	color: #8E8E8E;
	font-size: 60%;
	width: 95px;
}

#srh_chat .srh_other_msg .srh_category,#fl_chat .fl_other_msg .fl_category {
	float: right;
	margin: 5px 5px 0 0;
	color: #2b2b2b;
	font-weight: bold;
}

#srh_chat .srh_other_msg .srh_avatar,#fl_chat .fl_other_msg .fl_avatar {
	height: 35px;
	width: 35px;
	clear: both;
	float: left;
	/*border: solid 1px #e0e0e0;*/
	margin-right: 5px;
	margin-bottom: 2px;
	position: relative;
	border-radius: 18px;
}
#srh_chat .srh_other_msg .srh_balloon:before,#fl_chat .fl_other_msg .fl_balloon:before{
	top: 26px;
    left: 48px;
    transform: rotate(30deg);
    border-color: transparent #eee transparent transparent;
    position: absolute;
    content: " ";
    border-width: 1.5px 1.2ex 4.2px 0px;
    border-style: solid;
    width: 0px;
    height : 0px;

}
#srh_chat .srh_other_msg .srh_balloon,#fl_chat .fl_other_msg .fl_balloon {
	float: left;
	background-color: #efefef;
	max-width: 280px;
	margin: 0 0 5px 2px;
	padding: 2px 10px;
	text-align: left;
	border-top: 1px solid #efefef;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
	border-radius:7px;
	min-height: 22px;
	line-height: 190%;
	font-size: 80%;
}
#srh_chat .srh_other_msg .srh_balloon_non,#fl_chat .fl_other_msg .fl_balloon_non {
	float: left;
	max-width: 280px;
	text-align: left;
	white-space: pre;			/* CSS 2.0 */
	white-space: pre-wrap;		/* CSS 2.1 */
	white-space: pre-line;		/* CSS 3.0 */
	white-space: -pre-wrap; 	/* Opera 4-6 */
	white-space: -o-pre-wrap;	/* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;	/* HP Printers */
	word-wrap: break-word;		/* IE 5+ */
	min-height: 22px;
	font-size: 80%;
}

#srh_chat .srh_other_msg .srh_image_msg,#fl_chat .fl_other_msg .fl_image_msg {
	float: right;
	width: 280px;
}

#srh_chat .image_msg:hover,#fl_chat .image_msg:hover {
	cursor: pointer;
}

#srh_chat .video_msg:hover,#fl_chat .video_msg:hover {
	cursor: pointer;
}

#srh_chat .srh_sys_msg,#fl_chat .fl_sys_msg {
	float: left;
	clear: both;
	width: 460px;
	padding: 8px 0 8px 10px;
}

#srh_chat .srh_sys_msg .srh_name,#fl_chat .fl_sys_msg .fl_name {
	float: left;
	margin: 3px 2px 9px 4px;
	color: #2b2b2b;
	width: 400px;
	font-size: 75%;
}

#srh_chat .srh_sys_msg .srh_time,#fl_chat .fl_sys_msg .fl_time {
	float: left;
	margin: 5px 5px 5px 1px;
	color: #2b2b2b;
	font-size: 70%;
	line-height: 28px;
}

#srh_chat .srh_sys_msg .srh_category,#fl_chat .fl_sys_msg .fl_category {
	float: right;
	margin: 5px 5px 0 0;
	color: #2b2b2b;
	font-weight: bold;
}

#srh_chat .srh_sys_msg .srh_balloon,#fl_chat .fl_sys_msg .fl_balloon {
	clear: left;
	float: left;
	background-color: #efefef;
	max-width: 300px;
	margin: 0 0 5px 2px;
	padding: 2px 5px;
	text-align: left;
	border: 1px solid #e0e0e0;

	white-space: pre;			/* CSS 2.0 */
	white-space: pre-wrap;		/* CSS 2.1 */
	white-space: pre-line;		/* CSS 3.0 */
	white-space: -pre-wrap; 	/* Opera 4-6 */
	white-space: -o-pre-wrap;	/* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;	/* HP Printers */
	word-wrap: break-word;		/* IE 5+ */

	min-height: 22px;
	line-height: 120%;
}

#srh_chat .srh_dlChat,#fl_chat .fl_dlChat{
	cursor: pointer;
}

#fl_chat .fl_msg_none {
	margin: 20px 40px;
	color: #2b2b2b;
	font-size: 90%;
}

#srh_chat .srh_separate,#fl_chat .fl_separate {
	clear: both;
	border: none;
}

#srh_ticket_chat .srh_readForwardMessage,#fl_ticket_chat .fl_readForwardMessage {
	text-align: center;
	font-size: 100%;
	height: 20px;
}

#srh_ticket_chat .srh_readForwardMessage span,#fl_ticket_chat .fl_readForwardMessage span {

 	-moz-border-radius: 100px / 50px;
	float: left;
	width: 100%;
	height: 20px;
	color: #0070FF;
}

#srh_ticket_chat .srh_readForwardMessage span:hover,#fl_ticket_chat .fl_readForwardMessage span:hover {
	/* background-color: rgba(154, 226, 63, 0.49); */
	cursor: pointer;
}

#srh_ticket_chat .srh_readBackwardMessage,#fl_ticket_chat .fl_readBackwardMessage {
	text-align: center;
	font-size: 100%;
    height: 50px;
    right: 15px;
    left: 0;
    background: white;
    z-index: 1;
}
.fl_readBackwardMessage img, .fl_readForwardMessage img{
	margin-top: 9px;
	height: 25px;
}

.srh_readBackwardMessage img, .srh_readForwardMessage img {
	margin-top: 9px;
	height: 25px;
}
#srh_ticket_chat .srh_readBackwardMessage span,#fl_ticket_chat .fl_readBackwardMessage span {
	-moz-border-radius: 100px / 50px;
    width: 100%;
    height: 20px;
    color: #0070FF;
    position: absolute;
    right: 0;
    left: 0;
}

#srh_ticket_chat .srh_readBackwardMessage span:hover,#fl_ticket_chat .fl_readBackwardMessage span:hover {
	/*background-color: rgba(154, 226, 63, 0.49);*/
	cursor: pointer;
}

#srh_return_to_talk,#fl_return_to_talk {
	float: right;
	border: 1px solid #B5B0B0;
	font-size: 10px;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 24px;
	position: absolute;
    right: -10px;
    top: 3px;
}

#srh_return_to_talk span,
#fl_return_to_talk span {
	font-size: 90%;
	color: #666666;
}

#play_small {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom:0;
	margin:auto;
	width: 50px;
	height: 50px;
}

#play_small:hover{
	cursor: pointer;
}

#broadcast_talk_dialog .broadcast_talk {
    position:absolute;
    width:499px;
    background-color: #FFFFFF;
}
#broadcast_talk_dialog .broadcast_chat_addgroup ,
#broadcast_talk_dialog .chat_notification_icon,
#broadcast_talk_dialog .label_setting {
	float: right;
	margin-right: 4px;
}
#broadcast_talk_dialog .broadcast_chat_exit {
	float: right;
	margin-right: 12px;
}

#broadcast_talk_dialog .broadcast_chat_addgroup_icon,#broadcast_talk_dialog .broadcast_chat_exit_icon ,#broadcast_talk_dialog .label_setting_icon {
	width: 24px;
	height: 24px;
	cursor: pointer;

}


/* broadcast ROOM INFO */
#broadcast_room_info {
    float: left;
    color: #333333;
    font-size: 100%;
    width: 98%;
    height:29px;
    padding: 3px 0 4px 2%;
    text-align: left;
    line-height: 140%;
}

#broadcast_room_subject {
    float: left;
    width:330px;
    height:30px;
    display: inline-block;
    border-spacing: 4px 0;
}

#broadcast_room_subject .edit{
	border: 1px solid #B5B0B0;
	font-size: 10px;
	display: table-cell;
    vertical-align: middle;
    padding-left: 4px;
	padding-right: 4px;
}
#broadcast_room_subject .edit:hover{
	border: 1px solid #666666;
	cursor: pointer;
}

#broadcast_room_info h1 {
    display: inline-block;
    min-height: 22px;
    min-width: 30px;
}

#broadcast_room_info h1:hover {
    border: 1px solid #e0e0e0;
}

#broadcast_room_info span {
    font-size: 90%;
    color: #666666;
}

#broadcast_room_info .icon {
    width: 25px;
    height: 25px;
    float: left;
    border-radius: 13px;
}

#broadcast_room_info #update_subject {
    float: left;
    width: 220px;
    height:22px;
    border: 1px solid #E0E0E0;
}

#broadcast_talk_body {
	width: 100%;
	float: left;
	clear: both;
	overflow: hidden;
	position: relative;
}

#broadcast_talk_body .wrapper {
	height: 100%;
}

/* broadcast CHAT */
#broadcast_chat {
    font-size: 90%;

}

#broadcast_chat .my_msg {
	width: 475px;
	padding-top: 8px;
	padding-bottom: 8px;
	display: inline-block;
}

#broadcast_chat .my_msg .name {
	float: right;
	color: #2b2b2b;
}

#broadcast_chat .my_msg .time {
	float: right;
	color: #8E8E8E;
	text-align: right;
	font-size: 60%;
}

#broadcast_chat .my_msg .avatar {
	height: 40px;
	width: 40px;
	clear: both;
	float: right;
	border: solid 1px #e0e0e0;
}


#broadcast_chat .my_msg .balloon:before {
	top: -4px;
	right: -9px;
    transform: rotate(135deg);
    position: relative;
    content: " ";
    border-width: 1.5px 1.2ex 4.2px 0px;
    border-style: solid;
    float: right;
    width: 0px;
    height : 0px;
}
#broadcast_chat .my_msg .balloon {
	display:inline-block;

	max-width: 280px;
	margin-left: 5px;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
	min-height: 22px;
	line-height: 190%;
	padding: 2px 6px;
	border-radius:7px;
	font-size: 80%;
	padding-left: 10px;
	margin-bottom: 5px;
}

#broadcast_chat .my_msg .balloon_non {
	display:inline-block;
	max-width: 280px;
	margin-left: 5px;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
	min-height: 22px;
	line-height: 190%;
	padding: 2px 6px;
	border-radius:7px;
	font-size: 80%;
	padding-left: 10px;
}

#broadcast_chat .my_msg .image_msg {

}


#broadcast_chat .my_msg .readed_me {
	color: #8E8E8E;
	font-size:9px;
	text-align: right;
	padding-bottom: 3px;
}

#broadcast_chat .my_msg .fileuploading {

	width: 16px;
	height: 16px;
	margin-top:10px;
}

#broadcast_chat .other_msg .readed_other {
	color: #2b2b2b;
	font-size:9px;
	margin-left: 4px;
}

#broadcast_chat .sys_msg .readed_sys {
	float: right;
	color: #2b2b2b;
	font-size:60%;
}

#broadcast_chat .other_msg {
	clear: both;
	width: 475px;
	padding: 8px 0 8px 10px;
	position: relative
}

#broadcast_chat .other_msg .name {
	margin: 0px 2px 9px 4px;
	color: #606060;
	width: 420px;
	font-size: 75%;
}

#broadcast_chat .other_msg .time {
	padding: 3px 0 0 5px;
	color: #8E8E8E;
	font-size: 60%;
}

#broadcast_chat .other_msg .category {
	float: right;
	margin: 5px 5px 0 0;
	color: #2b2b2b;
	font-weight: bold;
}

#broadcast_chat .other_msg .avatar {
	height: 35px;
	width: 35px;
	clear: both;
	float: left;
	border: solid 1px #e0e0e0;
	margin-right: 5px;
	margin-bottom: 2px;
	border-radius:18px;
}

#broadcast_chat .other_msg .balloon:before{
    top: 27px;
    left: 51px;
    transform: rotate(30deg);
    position: absolute;
    content: " ";
    border-width: 1.5px 1.2ex 4.2px 0px;
    width: 0px;
    height : 0px;
    border-style: solid;

}

#broadcast_chat .other_msg .balloon {
	display: inline-block;
	max-width: 280px;
	margin: 0 0 5px 2px;
	padding: 2px 10px;
	text-align: left;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
	border-radius:7px;
	min-height: 22px;
	line-height: 190%;
	font-size: 80%;
}

#broadcast_chat .other_msg .balloon_non {
	display: inline-block;
	max-width: 280px;
	text-align: left;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
	min-height: 22px;
	line-height: 190%;
	font-size: 80%;
}

#broadcast_chat .other_msg .image_msg {
	float: right;
}

#broadcast_chat .image_msg:hover {
	cursor: pointer;
}
#broadcast_chat .other_msg .avatar:hover{
	cursor: pointer;
}

#broadcast_chat .video_msg:hover {
	cursor: pointer;
}

#broadcast_chat .sys_msg {
	float: left;
	clear: both;
	width: 460px;
	padding: 8px 0 8px 10px;
}

#broadcast_chat .sys_msg .name {
	float: left;
	margin: 3px 2px 9px 4px;
	color: #2b2b2b;
	width: 400px;
	font-size: 75%;
}

#broadcast_chat .sys_msg .time {
	float: left;
	margin: 5px 5px 5px 1px;
	color: #2b2b2b;
	font-size: 70%;
	line-height: 28px;
}

#broadcast_chat .sys_msg .category {
	float: right;
	margin: 5px 5px 0 0;
	color: #2b2b2b;
	font-weight: bold;
}

#broadcast_chat .sys_msg .balloon {
	clear: left;
	float: left;
	max-width: 300px;
	margin: 0 0 5px 2px;
	padding: 2px 5px;
	text-align: left;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */

	min-height: 22px;
	line-height: 120%;
}
#broadcast_chat .dlChat{
	cursor: pointer;
}

#broadcast_chat .msg_none {
	margin: 20px 40px;
	color: #2b2b2b;
}

#broadcast_chat .separate {
	clear: both;
	border: none;
}

#broadcast_chat_member {
    font-weight: normal;
    font-size: 80%;
    padding-left: 10px
}

#broadcast_talkFileUpload:hover >div {
    display: block;
}
/* broadcast fileupload  */

#broadcast_talkFileUpload .fselectImg {
    height: 34px;
    width: 34px;
    background: url(../../img/ticket/chat_send_image.png) 0 0 no-repeat;
   	background-position: center;
    display:inline-block;
    overflow: hidden;
    cursor: pointer;
    opacity :0.3;
    float:left;
    margin-left: 6px;
}
#broadcast_talkFileUpload .fselectImg:hover {
	opacity :1;
}
#broadcast_talkFileUpload .fselectFile {
    height: 34px;
    width: 34px;
    background: url(../../img/ticket/chat_send_file.png) 0 0 no-repeat;
    background-position: center;
    display:inline-block;
    overflow: hidden;
    cursor: pointer;
    opacity :0.3;
    float:left;
}
#broadcast_talkFileUpload .fselectFile:hover {
	opacity :1;
}

#broadcast_talkFileUpload .dSelectImg {
	bottom: 59px;
	display: none;
	overflow: hidden;
	position: absolute;
	border: 1px solid #999;
	background-color: #EEDAFF;
	width:100px;
	height:25px;
}
#broadcast_talkFileUpload .dSelectFile {
	bottom: 34px;
	display: none;
	overflow: hidden;
	position: absolute;
	border: 1px solid #999;
	background-color: #EEDAFF;
	width:100px;
	height:25px;
}
#broadcast_talkFileUpload .dSelectImg:hover,#talkFileUpload .dSelectFile:hover{

}

#broadcast_talkFileUpload input[type="file"] {

    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    position: static;
    /* right: 0; */
    /* top: 0; */
    margin: 0;
    font-size: 100px;
    cursor: pointer;
    background: black;
    width: 100%;
    height: 100%;

}





#loadingScreen{
	position:absolute;
	top:50%;
	left:50%;
	width:300px;
	height:50px;
	margin:-25px 0 0 -150px;
	z-index:9001;
	text-align:center;
}

#loadingScreen img{
	clear:both;
}


#image_number {
	position:absolute;
	top:10px;
	text-align:center;
	font-size:12px;
	left: 0px;
    right: 0px;
    margin: 0 auto;

}
#image_number b {
	font-weight:bolder;
}
#image_number div {
	display: inline-block;
    vertical-align: bottom;
    /* width: 316px; */
    text-align: center;
    font-size: 12px;
    color: #ffffff;
    left: 0px;
    right: 0px;
    background: gray;
    opacity: 0.5;
    padding: 5px;
    border-radius: 3px;
}
#image_number span {
	padding-right: 12px;
}
.image_left_link{
  	position : absolute;
  	left:10px;
  	top:50%;
  	width: 18px;
    margin-top: -50px;
    opacity : 0.3;
    padding-left: 13px;
    padding-right: 11px;
    padding-top: 7px;
    padding-bottom: 7px;
    background: gray;
    border-radius: 5px;
}

.image_right_link{
  	position : absolute;
  	right:10px;
  	top:50%;
  	width: 18px;
    margin-top: -50px;
    opacity : 0.3;
    padding-left: 13px;
    padding-right: 11px;
    padding-top: 7px;
    padding-bottom: 7px;
    background: gray;
    border-radius: 5px;
}

.image_left_link:hover,.image_right_link:hover{
    opacity : 1;
}

.image_footer{
	width: 100%;
	position:absolute;
    bottom: 0px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.image_footer a.image_download, .image_footer a.image_close{
	float: right;
    font-size: 80%;
    width: 80px;
    height: 50px;
    text-align: center;
    color: #666666;
    text-decoration: none;
}

.image_footer .image_download img, .image_footer .image_close img{
 	height: 24px;
    width: 24px;
    margin-top: 4px;
}
 .image_footer a.image_close:hover {
 	border-radius : 8px;
 }
.image_buttons a:hover:not([disabled]) {
    background-color: #eeeeee;
}
.image_buttons a[disabled]:hover {
    cursor: default;
}
.image_buttons a[disabled] {
    opacity: 0.4;
    filter: alpha(opacity=40);
	-ms-filter: "alpha(opacity=40)";
	-moz-opacity:0.4;
}
.groupTalkRoom:hover {
	transform: scale(1.15);
    transition: all 200ms ease-out;
}

#talk_member_dialog #popDialogGroupProfile {
	top: 20px;
    left: 75px;
}

#rightScreen.doNotAllow ,
#talk_dialog.doNotAllow {
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

#talk_dialog div#popDialogGroupProfile {
    top: 0px;
    left: 50px;
}
#popDialogGroupProfile{
	position:absolute;
	display:none;
	width:225px;
	height: 380px;
	background:#FFFFFF;
    margin: 0;
	z-index:9999;
	padding-bottom: 10px;
	border-radius: 5px;
	box-shadow: 0px 2px 25px -2px rgba(0,0,0,0.15);
    border: solid 1px #e0e0e0;
}
#popDialogGroupProfile .nano{
    height: 365px;
    margin-top: 25px;
}
#popDialogGroupProfile .nano > .nano-pane{
	width:8px;
	border-radius: 3.5px;
	margin: 5px 2px;
}
#popDialogGroupProfile .nano > .nano-pane > .nano-slider{
	border-radius: 3.5px;
}
#popDialogGroupProfile span.item {
    display: inline-block;
    width: 65px;
    height: 72px;
    cursor: pointer;
    float: left;
    margin-left: 5px;
}
#popDialogGroupProfile span.item img {
    height: 66px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 101;
    position: relative;
}

#popDialogGroupProfile .triangle{
	position: absolute;
    top: 10px;
    left: -13px;
    margin: 0;
    height: 0;
    width: 0;
    width: 0px;
    height: 0px;
    border-left: 8px solid transparent;
    border-bottom: 10px solid #e0dfe1;
    border-right: 8px solid transparent;
    content: "";
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}
#popDialogGroupProfile .triangle:before{
	position: absolute;
    bottom: -12px;
    left: -8px;
    margin: 0;
    height: 0;
    width: 0;
    width: 0px;
    height: 0px;
    border-left: 8px solid transparent;
    border-bottom: 10px solid white;
    border-right: 8px solid transparent;
    content: "";
}

#popDialogGroupProfile .loadingLayout{
    position: absolute;
    background: white;
    right: 0;
    left: 0;
    top: 20px;
    bottom: -1px;
    z-index: 105;
}
#popDialogGroupProfile .loadingLayout img {
	vertical-align: middle;
    margin-top: -4px;
    margin-right: 10px;
}
#popDialogGroupProfile .loadingLayout .content {
    height: 100%;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    margin-top: 135px;
}

.closeBtn {
	text-align:center;
	top: 0px;
    right: 0px;
    padding: 5px;
    position: absolute;
    cursor: pointer;
    margin-right: 0px;
}

#popDialogProfile{
	position:absolute;
	display:none;
	width:240px;
	/* min-height: 400px; */
	height: 400px;
	background:#FFFFFF;
	top:50%;
	left:50%;
	margin:-200px 0 0 -120px;
	z-index:9999;
	padding-bottom: 10px;
	border-radius: 5px;
}

#popDialogProfile p{
	font-size:13px;
	line-height:150%;
	margin:1px 0px;
	margin-right: 10px;
}
#userProfileText {
	height: 170px;
	width: 210px;
	margin: 0px 20px;

}
html[lang='en'] #userProfileText .mobile{
	    margin-left: 20px;
}
html[lang='ja'] #userProfileText .mobile{
	font-size :12px;
}
#userProfileText .mobile{
	text-align: left;
    margin-left: 32px;
}
p#userProfileGroup {
    font-size: 15px;
    width: 200px;
}
p#userProfileInfo {
	width:200px;
    margin: 6px 0px;
}
#userProfileText p {

}
#userProfileText.nano > .nano-pane {
	width:8px;
}
#userProfileText.detail {

}
#userProfileText.detail p{
    white-space: normal !important;
    text-overflow: clip;

}


#popDialogProfile #userProfileIcon{
    width: 150px;
    height: 150px;
    margin: 25px 45px 10px;
    border-radius: 85px;
}

#popDialogProfile #userProfilePresence{
    width: 7px;
    height: 7px;
    position: absolute;
    border-radius: 10px;
    top: 165px;
    left: 50px;
    margin: 0;
}

#popDialogProfile #userProfileName{
	margin: 1px 20px;
	font-size:20px;
	width:200px;
	line-height:22px;
	/* font-weight:600; */

}
#userProfileMail {
	 word-wrap: break-word;
}
#popDialogProfile p#userProfileAuthority  {
	margin-left: 20px;
    margin-right: 20px;
    font-size: 11px;
}
#userProfileEdit{
	width: 20px;
    height: 20px;
    position: absolute;
    border-radius: 10px;
    top: 205px;
    right: 15px;
    margin: 0;
    cursor: pointer;
}
#userProfileGroup , #userProfileMail ,#userProfileMobile{
	width:200px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}
.reduceWords {
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#userProfileGroup span{
	display:inline-block;
}
#popDialogProfile #userProfileClose{
 	top: 0px;
    right: 0px;
    padding: 5px;
    position: absolute;
    cursor: pointer;
    margin-right: 0px;
}

.notReadMessageBtn{
	position: absolute;
    top: 1px;
    z-index: 1;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.3);
 	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    color: white;
    padding: 5px;
    cursor: pointer;
    border-radius: 5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-left: 76px;
    width: 320px;
    text-align: center;
    font-size: 11px;
}
#notReadMessageBtn img {
    top: 25px;
    position: absolute;
    left: 143px;
}
.notReadMessageBtn span {
    font-size: 10px;
}

.unreadMessageBelow {
    text-align: center;
    background: #efefef;
    border-radius: 10px;
    padding: 3px;
    width: 440px;
    margin-left: 18px;
    color: #999999;
    font-size: 11px;
    height: 12px;
}
.remarks, .pop_remarks {
    padding: 10px;
    padding-right: 15px;
}

/*  group profile   */

#groupProfile {
    padding: 0;
    border: none;
    width: 162px;
    display: none;
    position: absolute;
}
#pop_broadcast_talk_member_dialog #groupProfile{
	left: 25px;
    top: 50px;
}
#srh_talk_dialog #groupProfile , #talk_member_dialog #groupProfile{
    left: 40px;
    top: 65px;
}
#talk_dialog #groupProfile, #broadcast_talk_dialog #groupProfile {
    left: 30px;
    top: 35px;
}
#groupProfile ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
    background-color: rgb(255, 255, 255);
    border: none;
    font-size: 12px;
    z-index: 2;
    border-right: solid #efefef;
    border-bottom: solid #efefef;
    position: absolute;
    width:100%;
}
#groupProfile ul li {
	background-color : #FFFFFF;
	color: #111111;
	margin: 0px;
    display: block;
    cursor: default;
    padding: 5px 20px;
    line-height: 20px;
    text-align : left;
}
#groupProfile input[type='button']{
	opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
#groupProfile input[type='file']{
	opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
}
#groupProfile input[type='button']{
 	opacity: 0;
	left: 0px;
    width: 100%;
    position: absolute;
    border: 0;
    height: 30px;
    display: inline-block;
    top: 30px;
}
#groupProfile ul li:hover {
	background-color :#EFEFEF;
}
#pop_broadcast_talk_member_dialog .icon, #srh_talk_dialog  .icon, #talk_member_dialog .memHeader .icon {
	overflow: hidden;
}
#pop_broadcast_talk_member_dialog .pop_groupHeader .profileIcon{
	overflow:hidden;
	display: inline;
	width: 44px;
    height: 44px;
    float: left;
    border-radius: 23px;
    border: 1px solid #e0e0e0;
}
#talk_member_dialog .memHeader .profileIcon{
	overflow:hidden;
	display: inline;
    width: 49px;
    height: 49px;
    float: left;
    border-radius: 27px;
    border: 1px solid #e0e0e0;
}
#talk_member_dialog .memHeader .profileIcon .icon{
	border :0;
}
/* "#pop_broadcast_talk_member_dialog .pop_groupHeader .profileIcon"*/
#pop_broadcast_talk_member_dialog .profileIcon:hover span.camera, #srh_talk_dialog .profileIcon:hover span.camera, #talk_member_dialog .memHeader .profileIcon:hover span.camera {
	display:block;
}
#srh_talk_dialog .alert,#talk_member_dialog .memHeader .alert{
	color:red;
	font-size:15px;
	margin-left:36px;
	float:left;
	margin-top:10px;
}


/* "drag and drop layout "*/
/*
#popDialogDragAndDrop{
    position: absolute;
    display: none;
    width: 400px;
     min-height: 400px;
    height: 380px;
    background: #FFFFFF;
    top: 50%;
    left: 50%;
    margin: -200px 0 0 -120px;
    z-index: 9999;
    padding-bottom: 10px;
    border-radius: 5px;
}
*/
#popDialogDragAndDrop .closeBtn {
	float:right;
	position:relative;
	padding: 0;
	padding-right: 5px;
}
#popDialogDragAndDrop .closeBtn:hover {
	background: #eee;
}
#popDialogDragAndDrop.image {
	height: 530px;
    /* top: 40%; */
    top: calc(50% - 265px);
    left: calc(50% - 200px);
    bottom: calc(50% - 200px);
    right: calc(50% - 265px);
    width: 400px;
    /* height: 510px; */
}

#popDialogDragAndDrop.attach {
	height: 420px;
    top: calc(50% - 210px);
    left: calc(50% - 200px);
    bottom: calc(50% - 200px);
    right: calc(50% - 210px);
    width: 400px;
}
/*
#popDialogDragAndDrop .title{
    text-align: center;
    padding: 15px;
    font-size: 21px;
    font-weight: bold;
}*/

#popDialogDragAndDrop .content {
    padding-left: 15px;
    margin-right: 3px;
}
#popDialogDragAndDrop.attach .content{
	height: 315px;
    width: 380px;
}
#popDialogDragAndDrop.image .content {
    height: 158px;
    width: 380px;
}

#popDialogDragAndDrop .fileItem {
    padding: 5px;
    margin: 0 5px;
    margin-top: 5px;
    width:370px;
}
#popDialogDragAndDrop .noScroller .fileItem{
	width:380px;
}
#popDialogDragAndDrop.image .fileItem {
	 cursor:pointer;
}

#popDialogDragAndDrop  .fileItem .file_name{

}
#popDialogDragAndDrop .fileItem.selected {
    background: #eeeeee;
}
/*
#popDialogDragAndDrop .footer {
    bottom: 3px;
    right: 3px;
    left: 3px;
    position: absolute;
    width: 99%;
    text-align: right;
    border-top: solid 1px #e0e0e0;
}
#popDialogDragAndDrop .button {
    padding: 10px;
    width: 80px;
    text-align: center;
    float: right;
    margin: 5px;
    border-radius: 5px;
} */
#popDialogDragAndDrop .button:hover {
	cursor:pointer;
	background-color: #eeeeee;
}
#popDialogDragAndDrop .button span{
	/*vertical-align: 6px;
    margin-left: 5px; */
}
#popDialogDragAndDrop .button img {
    /* height: 21px; */
    display: block;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 5px;
}
#popDialogDragAndDrop .limited_alert,#popDialogDragAndDrop .round_alert{
	color:red;
}

#popDialogDragAndDrop  .result {
    float: left;
    font-size: 12px;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;

}
#popDialogDragAndDrop .thumbnail {
    height: 260px;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    display: flex;
    justify-content: center;
}
#popDialogDragAndDrop .thumbnail .center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#popDialogDragAndDrop .thumbnail img,#popDialogDragAndDrop .thumbnail canvas{
	    max-height: 255px;
    /* height: auto; */
    max-width: 360px;
}


/* tree ui  */
.childList {
	max-width: 287px;
}
.childList .outline {
	border-top: 1px solid #e0e0e0;
	margin-left: 5px;
}
.list_item_tree_group.depth_1 {
	margin-left: 5px;
}
.list_item_tree_group.depth_2 {
	margin-left: 25px;
	border : none;
}
.list_item_tree_group.depth_3 {
	margin-left: 45px;
	border : none;
}
.list_item_tree_group.depth_4 {
	margin-left: 65px;
	border : none;
}
.list_item_tree_group.depth_5 {
	margin-left: 85px;
	border : none;
}
.list_item_tree_group.depth_6 {
	margin-left: 105px;
	border : none;
}
.list_item_tree_group.depth_7 {
	margin-left: 125px;
	border : none;
}
.list_item_tree_group.depth_8 {
	margin-left: 145px;
	border : none;
}
.list_item_tree_group.depth_9 {
	margin-left: 165px;
	border : none;
}

.list_item_tree_group {
	cursor: pointer;
    padding: 5px;
    border-top: 1px solid #e0e0e0;
    position: relative;
    display: block;
    max-width: 277px;
    padding-left: 0px;
}
html.ie .list_item_tree_group ,html.ie .childList {

}
.list_item_tree_group h1 {
	position: relative;
    width: 170px;
    line-height: 21px;
    margin-left: 0px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 84%;
    display: inline;
    vertical-align: middle;

    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
}

.list_item_tree_group.depth_1 h1{
    width:240px;
}
.list_item_tree_group.depth_2 h1{
	width:220px;
}
.list_item_tree_group.depth_3 h1{
	width:200px;
}
.list_item_tree_group.depth_4 h1{
    width:180px;
}
.list_item_tree_group.depth_5 h1{
	width:160px;
}
.list_item_tree_group.depth_6 h1{
	width:140px;
}

.list_item_tree_group span.arrow_btn {
    display: inline;
    font-size: 10px;
    padding: 5px;
}
.list_item_tree_group span.arrow_btn.none:before{
 	content: "　";
}
.list_item_tree_group span.arrow_btn.closed:before {
   content: "▶";
}
.list_item_tree_group span.arrow_btn.opend:before {
    content: "▼";
}
#pop_broadcast_grouplist .list_item_tree_group.depth_1 h1{
	 width:220px;
}
#pop_broadcast_grouplist .list_item_tree_group.depth_2 h1{
	 width:200px;
}
#pop_broadcast_grouplist .list_item_tree_group.depth_3 h1{
	 width:180px;
}
#pop_broadcast_grouplist .list_item_tree_group.depth_4 h1{
	 width:160px;
}
#pop_broadcast_grouplist .list_item_tree_group.depth_5 h1{
	 width:140px;
}
#pop_broadcast_grouplist .list_item_tree_group.depth_6 h1{
	 width:120px;
}
.pop_memberList.has-scrollbar .pop_right_grouplist{
    width: 255px;
}
#pop_broadcast_grouplist .list_item_group h1{
	width: 247px !important;
}
#member_list .list_item_group{
	width: 281px;
}

.list_item_group h1{
	font-size: 13px;
	text-overflow: ellipsis;
}

.pop_broadcast_group_check{
    position: absolute;
    height: 100%;
    right: 20px;
    top: 0;
}
html.ie .pop_broadcast_group_check{
	right:10px;
}
.pop_broadcast_group_check input{
    top: 0;
    bottom: 0;
    height: 100%;
}

#notification_setting_layout {
	position: absolute;
    z-index: 9000;
    background: white;
    width: 125px;
    top: 35px;
    right: 0;
    border: solid 1px #eee;
    border-radius: 10px;
    padding: 9px;
    font-size: 14px;
}

#notification_setting_layout .item {
    padding: 5px;
    cursor: pointer;
    text-indent: 4px;
}
#notification_setting_layout .item{
	padding: 5px;
	cursor: pointer;
	text-indent: 4px;
}
#notification_setting_layout .item.checked {
    background: #e3f3f4;
}
#notification_setting_layout .item:hover{
	background:#eee;
}