.clearfix {
	zoom: 1;
}

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.sns_webim {
	font-size: 12px;
	font-family: 'Microsoft YaHei', 'Arial Narrow';
	color: #470404;
	z-index: 1000;
	position: fixed;
	bottom: 0px;
	right: 0px;
	height: 560px;
}

.sns_webim a {
	color: #470404;
}

.sns_webim li {
	list-style: none;
}

.sns_webim em, .sns_webim i {
	font-style: normal;
	font-weight: normal;
}

.sns_webim img {
	border: 0;
}

.sns_webim input, .sns_webim .sendbox_area {
	outline-style: none;
}

.sns_webim .sendbox_area {
	font-size: 14px;
	resize: none;
	border: none;
	background: #fff;
}

.sns_webim table {
	border-collapse: collapse;
	border-spacing: 0;
}

.sns_webim .spetxt {
	color: #c90000;
}

.sns_webim a, .sns_webim a:link, .sns_webim a:visited, .sns_webim a:hover {
	text-decoration: none;
}

.sns_webim input::-ms-clear, .sns_webim input::-ms-reveal {
	display: none;
}

.W_fl {
	float: left;
	_display: inline;
}

.W_fr {
	float: right;
	_display: inline;
}

.sns_webim .W_pages_minibtn {
	text-align: right;
}

.sns_webim .W_pages_minibtn .page {
	display: inline-block;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	border-radius: 1px;
	vertical-align: middle;
	margin: 0 5px;
}

.snsim_chat {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url('res/skin/default/icons/online_icon.png') no-repeat;
}

.snsim_unavailable {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url('res/skin/default/icons/online_icon01.png') no-repeat;
}

.snsim_dnd {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url('res/skin/default/icons/online_icon04.png') no-repeat;
}

.snsim_away, .snsim_xa {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url('res/skin/default/icons/online_icon03.png') no-repeat;
}

.snsim_chatroom {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-left: -2px;
	margin-right: -3px;
	background: url('res/skin/default/icons/small.png') no-repeat;
}

.sns_webim .W_chat_stat.W_chat_stat_systemroster {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-left: -2px;
	margin-right: -3px;
	background: url('res/skin/default/icons/messagesmall_btn.png') no-repeat;
}

.snsim_icon_available {
	overflow: hidden;
	width: 10px;
	height: 10px;
}

.snsim_icon_available {
	background-position: 0 0;
}

.snsim_icontab_link {
	display: inline-block;
	width: 12px;
	height: 14px;
	background: url('res/skin/default/icons/lefttop_icon.png') no-repeat;
}

.cur .snsim_icontab_link {

}

.snsim_icontab_single {
	display: inline-block;
	width: 21px;
	height: 18px;
	background: url('res/skin/default/icons/single_icon.png') no-repeat;
}

.snsim_icontab_group {
	display: inline-block;
	width: 15px;
	height: 13px;
	background: url('res/skin/default/icons/qun_icon.png') no-repeat;
}

.snsim_icontab_last {
	display: inline-block;
	width: 13px;
	height: 13px;
	background: url('res/skin/default/icons/history01_icon.png') no-repeat;
}

.snsim_icontab_organization {
	display: inline-block;
	width: 14px;
	height: 12px;
	margin-top: 10px;
	background: url('res/skin/default/icons/zuzhi_icon.png') no-repeat;
}

.snsim_icon_search_b {
	background-position: -91px -69px;
	width: 16px;
	height: 16px;
}

.snsim_icon_search_lb {
	display: inline-block;
	width: 19px;
	height: 19px;
	background: url('res/skin/default/icons/search_icon.png') no-repeat;
	margin: 14px 0px 0px 14px;
}

.snsim_icon_downfold {
	width: 10px;
	height: 10px;
	overflow: hidden;
}

.snsim_icon_leftfold1 {
	margin: 10px;
	display: inline-block;
	width: 19px;
	height: 18px;
	background: url('res/skin/default/icons/in_icon.png') no-repeat;
}

.snsim_icon_leftfold1:hover {
	background: url('res/skin/default/icons/in_icon.png') no-repeat;
}

.snsim_icon_downfold {
	background-position: -26px -26px;
	height: 11px;
}

.snsim_icon_rightfold {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url('res/skin/default/icons/out_icon.png') no-repeat;
}

.snsim_icon_rightfold:hover {
	background: url('res/skin/default/icons/out_icon.png') no-repeat;
}

.snsim_icon_settingY, .snsim_icon_closeY, .snsim_layer_close, .snsim_icon_tipsclose, .sns_webim .icon_warnS, .sns_webim .icon_askS, .snsim_icon_com,
	.snsim_icon_shield, .snsim_ico_page_prev, .snsim_ico_page_next, .snsim_icon_groupAdd, .sns_webim .W_layer .arrow_hui {
	display: inline-block;
	overflow: hidden;
	background: url(icons/snsim_icon.png?id=1395747661147) no-repeat;
	_background: url(icons/snsim_icon.gif?id=1395747661147) no-repeat;
}

.snsim_icon_settingY, .snsim_icon_closeY {
	width: 16px;
	height: 16px;
}

.snsim_icon_settingY {
	background-position: -13px 0;
}

.snsim_icon_settingY:hover {
	background-position: -39px 0;
}

.snsim_icon_minY {
	display: inline-block;
	margin-bottom: 7px;
	width: 17px;
	height: 6px;
	background: url('res/skin/default/icons/middle_left.png') center no-repeat;
}

.snsim_icon_minY:hover {
	background: url('res/skin/default/icons/middle_left.png') center no-repeat;
}

.snsim_icon_closeY {
	background-position: -13px -40px;
}

.snsim_icon_closeY:hover {
	background-position: -39px -52px;
}

.snsim_icon_tipsclose {
	background-position: -78px -26px;
	width: 12px;
	height: 12px;
}

.snsim_icon_tipsclose:hover {
	background-position: -91px -26px;
}

.snsim_layer_close {
	background-position: -13px -52px;
	width: 16px;
	height: 16px;
}

.snsim_layer_close:hover {
	background-position: -39px -52px;
}

.sns_webim .icon_warnS, .sns_webim .icon_askS {
	width: 16px;
	height: 16px;
	overflow: hidden;
}

.sns_webim .icon_askS {
	background-position: -247px -78px;
}

.sns_webim .icon_warnS {
	background-position: -247px -104px;
}

.sns_webim .snsim_icon_com {
	width: 16px;
	height: 16px;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}

.snsim_iconsend_face {
	cursor: pointer;
	display: inline-block;
	width: 17px;
	height: 17px;
	background: url('res/skin/default/icons/smile.png') no-repeat;
}

.snsim_iconsend_face:hover {
	background: url('res/skin/default/icons/smile.png') no-repeat;
}

.snsim_iconsend_img {
	margin-left: 18px;
	cursor: pointer;
	display: inline-block;
	width: 15px;
	height: 13px;
	background: url('res/skin/default/icons/image_icon.png') no-repeat;
}

#swf_upload_image {
	margin-left: 18px;
	cursor: pointer;
	display: inline-block;
	width: 15px;
	height: 13px;
	background: url('res/skin/default/icons/image_icon.png') no-repeat;
}

#swf_upload_image:hover {
	background: url('res/skin/default/icons/image_icon.png') no-repeat;
}

.swfupload {
	vertical-align: middle;
	margin-top: auto;
}

/* #SWFUpload_0 : chatgroup, #SWFUpload_3 : setVCard */
#SWFUpload_0, #SWFUpload_3{
  background: #4fb45d;
  border-radius: 3px;
  vertical-align: top;
  margin-left: 13px;
  padding-top: 3px;
  color: #fff;
}

/* send file */
#SWFUpload_1 {
  cursor: pointer;
  display: inline-block;
  margin-left: 16px;
  width: 15px;
  height: 16px;
  background: url('res/skin/default/icons/image_upload.png') no-repeat;
}

#SWFUpload_1 : hover {
	background: url('res/skin/default/icons/image_upload.png') no-repeat;
}

/* send image */
#SWFUpload_2 {
	cursor: pointer;
	display: inline-block;
	margin-left: 17px;
	width: 15px;
	height: 15px;
	background: url('res/skin/default/icons/file_upload.png') no-repeat;
}

#SWFUpload_2:hover {
	background: url('res/skin/default/icons/file_upload.png') no-repeat;
}


/* #SWFUpload_2, #SWFUpload_3 {
  cursor: pointer;
  display: inline-block;
  margin-left: 16px;
  width: 30px;
  height: 20px;
  background: green;
} */

.snsim_iconsend_his {
	background-position: -117px -78px;
}

.snsim_iconsend_his:hover {
	background-position: -143px -78px;
}

.snsim_iconsend_copysc {
	cursor: pointer;
	display: inline-block;
	margin-left: 18px;
	width: 15px;
	height: 14px;
	background: url('res/skin/default/icons/share_icon.png') no-repeat;
}

.snsim_iconsend_copysc:hover {
	background: url('res/skin/default/icons/share_icon.png') no-repeat;
}

.snsim_histroy_msg {
	cursor: pointer;
	display: inline-block;
	float: right;
	margin-right: 30px;
}
.snsim_icon_shield {
	margin-right: 12px;
	width: 13px;
	height: 15px;
	background: url('res/skin/default/icons/history_icon.png') no-repeat;
}

.snsim_icon_shield:hover {
	background: url('res/skin/default/icons/history_icon.png') no-repeat;
}

.sns_webim .snsim_icon_groupcreat {
	background: url("res/skin/default/icons/add_icon.png") no-repeat;
	width: 15px;
	height: 15px;
	width: 20px;
}

.snsim_ico_page_prev, .snsim_ico_page_next {
	width: 8px;
	height: 12px;
	margin: 3px 0 0;
}

.snsim_ico_page_prev {
	background-position: -83px -78px;
}

.snsim_ico_page_next {
	background-position: -91px -78px;
}

.snsim_btn_page_prevdis .snsim_ico_page_prev {
	background-position: -83px -65px;
	cursor: default;
}

.snsim_icon_groupAdd {
	background-position: -364px 0;
	width: 30px;
	height: 30px;
}

.snsim_icon_groupAdd:hover {
	background-position: -403px 0;
}

.list_box_fold .sns_snsim_arrow {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 0 5px 0 5px;
	vertical-align: middle;
	background: url('res/skin/default/icons/right_arrow.png') no-repeat;
}

.list_box_unfold .sns_snsim_arrow {
	display: inline-block;
	width: 15px;
	height: 10px;
	margin-right: 12px;
	vertical-align: middle;
	background: url('res/skin/default/icons/arrow_bottom.png') no-repeat;
}

.sns_webim .W_layer .arrow_t {
	background-position: -85px -91px;
	width: 12px;
	height: 9px;
}

.sns_webim .W_layer .arrow_b {
	background-position: -85px -99px;
	width: 12px;
	height: 9px;
}

.sns_webim .snsim_btn_a, .sns_webim .snsim_btn_a span, .sns_webim .snsim_btn_a:hover, .sns_webim .snsim_btn_a:hover span {
	color: #fff;
	cursor: pointer;
}

.sns_webim .snsim_btn_a, .sns_webim .snsim_btn_a span {
	display: inline-block;
	vertical-align: middle;
	border-width: 1px;
	border-style: solid;
	border-radius: 2px;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
}

.sns_webim .snsim_btn_a {
	border-color: #ff9b01;
	background-color: #ffa00a;
}

.sns_webim .snsim_btn_a span {
	padding: 0 7px 0 8px;
	height: 18px;
	border-color: #ffb33b;
	line-height: 18px;
	vertical-align: top;
}

.sns_webim .snsim_btn_a:hover, .sns_webim .snsim_btn_a:hover span {
	text-decoration: none;
	background: #ffb847;
	background: -moz-linear-gradient(top, rgba(255, 184, 71, 1) 0, rgba(255, 162, 16, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 184, 71, 1)), color-stop(100%, rgba(255, 162, 16, 1)));
	background: -webkit-linear-gradient(top, rgba(255, 184, 71, 1) 0, rgba(255, 162, 16, 1) 100%);
	background: -o-linear-gradient(top, rgba(255, 184, 71, 1) 0, rgba(255, 162, 16, 1) 100%);
	background: -ms-linear-gradient(top, rgba(255, 184, 71, 1) 0, rgba(255, 162, 16, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 184, 71, 1) 0, rgba(255, 162, 16, 1) 100%);
}

.sns_webim .snsim_btn_a:hover span {
	border-color: #ffce82;
}

.sns_webim .snsim_btn_b, .sns_webim .snsim_btn_b span, .sns_webim .snsim_btn_b:hover, .sns_webim .snsim_btn_b:hover span {
	cursor: pointer;
}

.sns_webim .snsim_btn_b, .sns_webim .snsim_btn_b span {
	display: inline-block;
	vertical-align: middle;
	border-width: 1px;
	border-style: solid;
	border-radius: 2px;
	white-space: nowrap;
	overflow: hidden;
	color: #333;
	text-align: center;
}

.sns_webim .snsim_btn_b {
	border-color: #d9d9d9;
	background-color: #f2f2f2;
}

.sns_webim .snsim_btn_b span {
	padding: 0 7px 0 8px;
	height: 18px;
	border-color: #fff;
	line-height: 18px;
	vertical-align: top;
}

.sns_webim .snsim_btn_b:hover, .sns_webim .snsim_btn_b:hover span {
	text-decoration: none;
	color: #fff;
	zoom: 1;
	background: #ffb847;
	background: -moz-linear-gradient(top, rgba(255, 184, 71, 1) 0, rgba(255, 162, 16, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 184, 71, 1)), color-stop(100%, rgba(255, 162, 16, 1)));
	background: -webkit-linear-gradient(top, rgba(255, 184, 71, 1) 0, rgba(255, 162, 16, 1) 100%);
	background: -o-linear-gradient(top, rgba(255, 184, 71, 1) 0, rgba(255, 162, 16, 1) 100%);
	background: -ms-linear-gradient(top, rgba(255, 184, 71, 1) 0, rgba(255, 162, 16, 1) 100%);
	background: linear-gradient(top bottom, rgba(255, 184, 71, 1) 0, rgba(255, 162, 16, 1) 100%);
}

.sns_webim .snsim_btn_b:hover {
	border-color: #ff9b01;
}

.sns_webim .snsim_btn_b:hover span {
	border-color: #ffce82;
}

.sns_webim .snsim_btn_c, .sns_webim .snsim_btn_c span, .sns_webim .snsim_btn_c:hover, .sns_webim .snsim_btn_c:hover span {
	color: #333;
	cursor: pointer;
}

.sns_webim .snsim_btn_c, .sns_webim .snsim_btn_c span {
	display: inline-block;
	vertical-align: middle;
	border-width: 1px;
	border-style: solid;
	border-radius: 2px;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
}

.sns_webim .snsim_btn_c {
	border-color: #d9d9d9;
	background-color: #f2f2f2;
}

.sns_webim .snsim_btn_c span {
	padding: 0 7px 0 8px;
	height: 18px;
	border-color: #fff;
	line-height: 18px;
	vertical-align: top;
}

.sns_webim .snsim_btn_c:hover, .sns_webim .snsim_btn_c:hover span {
	text-decoration: none;
}

.sns_webim .snsim_btn_c:hover, .sns_webim .snsim_btn_c:hover span {
	background: #fafafa;
}

.sns_webim .snsim_btn_c_disable, .sns_webim .snsim_btn_c_disable span, .sns_webim .snsim_btn_c_disable:hover, .sns_webim .snsim_btn_c_disable:hover span {
	color: #ccc;
	cursor: default;
}

.sns_webim .snsim_btn_c_disable, .sns_webim .snsim_btn_c_disable span {
	display: inline-block;
	background-color: #f2f2f2;
	border-width: 1px;
	border-style: solid;
	border-radius: 2px;
	border-color: #d9d9d9;
	text-decoration: none;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
}

.sns_webim .snsim_btn_c_disable span {
	padding: 0 7px 0 8px;
	height: 18px;
	line-height: 18px;
	vertical-align: top;
	border-color: #fff;
	background-color: #f2f2f2;
	color: #ccc;
	cursor: default;
	text-decoration: none;
}

.sns_webim .snsim_btn_c_disable:hover, .sns_webim .snsim_btn_c_disable:hover span {
	text-decoration: none;
}

.sns_webim .snsim_btn_page_prevdis span, .sns_webim .snsim_btn_page_next span {
	min-width: 1px;
	padding: 0 6px;
}

.sns_webim .snsim_btn_page_prevdis, .sns_webim .snsim_btn_page_next {
	vertical-align: middle;
}

.sns_webim .snsim_win_minD {
	width: 182px;
	background: url(res/skin/default/icons/first_add.png?id=1395747661147) 0 -91px repeat-x;
	height: 24px;
	border: solid 1px #ababab;
	line-height: 24px;
	line-height: 26px\9;
	*line-height: 24px;
	box-shadow: 0 0 5px rgba(0, 0, 75, .2);
	border-radius: 1px 1px 0 0;
	cursor: pointer;
}

.sns_webim .snsim_min_chat {
	width: 162px;
	padding: 0 10px;
	line-height: 24px;
	font-family: "Microsoft YaHei";
	float: right;
	position: relative;
	top: 530px;
	display: none;
	margin-right: 8px;
}

.sns_webim .snsim_chat_tips {
	line-height: 15px;
	padding: 4px 5px 4px 9px;
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, .8);
	position: relative;
	zoom: 1;
}

.sns_webim .tips_icon {
	vertical-align: middle;
	float: left;
}

.sns_webim .snsim_chat_tips .snsim_icon_tipsclose {
	float: right;
	margin: 2px;
	_margin-top: 0;
}

.sns_webim .snsim_tips02 {
	background: #fefceb;
	border: solid 1px #fbe4b7;
}

.sns_webim .snsim_list_relink {
	display: none;
	width: 168px;
	position: absolute;
	bottom: 1px;
	right: 1px;
	z-index: 16000;
}

.sns_webim .snsim_list_relink .container {
	display: none;
}

.sns_webim .snsim_list_head {
	position: relative;
}

.sns_webim .snsim_list_head .head_pic img {
	width: 36px;
	height: 36px;
	border-radius: 23px;
}

.snsim_list_head .snsim_icon_dev, .snsim_list_head .W_chat_stat {
	position: absolute;
	bottom: 2px;
	right: 7px;
}

.sns_webim .snsim_list_head .snsim_icon_new {
	position: absolute;
	top: -3px;
	left: -3px;
}

.sns_webim .snsim_head_30 {

}

.sns_webim .snsim_head_30 .head_pic {
	display: block;
}

.sns_webim .snsim_list {
	border: solid 1px #d6d5cd;
	background: #fff;
	/*display: none;*/
}

.sns_webim .snsim_list .snsim_icontab_link {
	margin-top: 10px;
}

.sns_webim .snsim_list .snsim_icontab_group {
	margin-top: 10px;
}

.sns_webim .snsim_list .snsim_icontab_last {
	margin-top: 10px;
}

.snsim_chat_rt .snsim_titin .snsim_icontab_group, .snsim_chat_rt  .snsim_icontab_single {
	float: left;
	margin: 12px 0 0 24px;
}

.sns_webim .snsim_list .list_title {
	margin-top: 10px;
	margin-bottom: 5px;
}

.sns_webim .snsim_list .title_cate {
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
}

.sns_webim .snsim_list .title_cate a:hover {
	text-decoration: none;
}

.sns_webim .snsim_list.snsim_fold .snsim_list_main {
	position: relative;
	overflow: hidden;
	height: 414px;
}

.sns_webim .snsim_list.snsim_unfold .snsim_list_main {
	position: relative;
	overflow: hidden;
	height: 448px;
}

.sns_webim .snsim_list .snsim_list_main {
	position: relative;
}

.sns_webim .snsim_list .snsim_list_main .snsRostersScroll {
	position: relative;
	overflow: hidden;
	overflow: auto\9;
	height: 448px;
}
/* IE 10 and above */
/* @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.sns_webim .snsim_list .snsim_list_main .snsRostersScroll {
		position: relative;
		overflow: hidden;
		height: 448px;
	}
} */

.sns_webim .snsim_list .snsim_list_main .snsGroupsScroll {
	position: relative;
	overflow: hidden;
	overflow: auto\9;
	height: 448px;
}
/* IE 10 and above */
/* @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.sns_webim .snsim_list .snsim_list_main .snsGroupsScroll {
		position: relative;
		overflow: hidden;
		height: 448px;
	}
} */

.sns_webim .snsim_list .snsim_list_main .snsOrganizationScroll {
	position: relative;
	overflow: hidden;
	height: 448px;
}

.sns_webim .snsim_list .snsim_list_main .snsGroupsScroll  .snsim_list_con {
	overflow: hidden;
	_zoom: 1;
}

.sns_webim .snsim_list .snsim_list_main .snsRecentsScroll {
	position: relative;
	overflow: hidden;
}

.sns_webim .snsim_list .snsim_list_main .snsRecentsScroll .snsim_list_con {
	overflow: hidden;
	_zoom: 1;
}

.sns_webim .snsim_list .snsim_list_main .snsim_list_con {
	overflow: visible;
	*zoom: 1;
}

.tab_list{
	background: #edf0f2;
}

.tab_list li {
	float: left;
	width: 33.3%;
	text-align: center;
}

.tab_list li:hover {
	background: #e4e4e4;
}

.sns_webim .snsim_chat_box  .tab_list li a {
	  display: inline-block;
	  height: 20px;
	  line-height: 20px;
	  padding: 3px 0 0;
}

.sns_webim .snsim_chat_box .cur {
	display: block;
	visibility: visible;
	z-index: 3;
	background: white;
}

.sns_webim .snsim_chat_box .list_content_li li {
	padding: 6px 10px;
	cursor: pointer;
	overflow: visible;
	line-height: 48px;
	border-bottom: 1px solid #d6d6d6;
}

.sns_webim .snsim_chat_box  .snsim_chat_rt .chatRoomMemberListBox {
	max-height: 350px;
	overflow-y: auto;
	position: absolute;
	z-index: 99999;
	background: #EBE8E8;
	width: 420px;
}

.sns_webim .snsim_chat_box  .snsim_chat_rt .snsim_chat_sendbox, .sns_webim .snsim_chat_box  .snsim_chat_rt .snsim_chat_sendbox .sendbox_bar {
	position: relative;
	border-left: 1px solid #f8fbfb;
}

.sns_webim .snsim_chat_box  .snsim_chat_rt .snsim_chat_sendbox .sendbox_bar .layer_title {
	z-index: 109;
	left: 110px;
	top: 30px;
}

.sns_webim .snsim_list .list_content_li li {
	position: relative;
	cursor: pointer;
	overflow: visible;
	border-bottom: 1px solid #f7f4f4;
}

.sns_webim .snsim_list .list_content_li .layer_setting li {
	padding: 5px 15px;
	cursor: pointer;
	line-height: 20px;
	overflow: visible;
	border-bottom: 1px solid #d6d6d6;
}

.sns_webim .snsim_list .list_content_li .layer_setting li:hover {

}

.sns_webim .snsim_list .list_content_li li:hover {
	border-left: 2px solid #e01a00;
	background: #f6f3f3;
}

.sns_webim .snsim_list .snsim_list_head, .snsim_list_name {
	float: left;
}

.sns_webim .snsim_list .snsim_list_head {
	display: inline;
}

.sns_webim .snsim_list .snsim_list_name {
	margin-left: 10px;
	white-space: nowrap;
	overflow: hidden;
	max-width: 90px;
	line-height: 48px;
}

.sns_webim .snsim_list .snsim_list_name .user_name {
	_display: inline-block;
}

.sns_webim .snsim_list .snsim_chat_tips {
	margin: 1px;
}

.sns_webim .snsim_list .list_box_fold .list_content {
	display: none;
}

.sns_webim .snsim_list .list_box_fold .title_cate .list_title_a {
	_display: block;
	_height: 15px;
	_overflow: hidden;
	_zoom: 1;
	padding-left: 10px;
}

.sns_webim .snsim_list .list_box_unfold .list_content {
	display: block;
}

.sns_webim .snsim_list .list_box_unfold .title_cate .list_title_a {
	_display: block;
	_height: 15px;
	_overflow: hidden;
	_zoom: 1;
	padding-left: 16px;
}

.sns_webim .snsim_list .snsim_list_setting .list_setting_box {
	background: #edf0f2;
	height: 21px;
	padding-top: 11px;
}

.sns_webim .snsim_list .snsim_list_setting {
	z-index: 9999;
}

.sns_webim .snsim_list .snsim_list_setting .layer_setting {
	bottom: 20px;
	left: -85px;
	display: none;
	visibility: hidden;
}

.sns_webim .snsim_list .snsim_list_setting .setting_r {
	float: right;
	margin: 0px 10px 0px 0px;
}

.snsim_list_setting .setting_btn .snsim_icon_downfold, .snsim_list_setting .setting_btn .snsim_icon_downfold {
	margin-top: 7px;
}

.sns_webim .snsim_list .snsim_list_setting .state_setting_btn {
	background: #f7fafa;
	height: 40px;
	text-align: center;
	cursor: pointer;
}

.sns_webim .snsim_list .snsim_fold_btn {
	display: inline-block;
	position: absolute;
	left: -15px;
	top: 45%;
	_top: 45%;
	cursor: pointer;
}

.sns_webim .snsim_list .snsim_fold_btn .btn_click {
	display: inline-block;
	width: 15px;
	height: 90px;
	opacity: 0.90;
	background: url('res/skin/default/icons/button02_icon.png');
}

.sns_webim .snsim_list .snsim_fold_btn .btn_click.list_unfold{
	background: url('res/skin/default/icons/button03_icon.png');
}
.sns_webim .add_list {
	margin: 1px;
}

.sns_webim .add_list_box {
	background: #f2f2f2;
	border-radius: 8px;
	display: block;
	margin: 8px auto 0 auto;
	padding: 5px;
	text-align: center;
	line-height: 22px;
	width: 150px;
	height: 22px;
}

.sns_webim .add_list_box .snsim_icon_groupcreat {
	vertical-align: middle;
	display: inline-block;
	margin-left: 8px;
}

.sns_webim .add_list_box .add_list_txt {
	margin-left: 5px;
}

.sns_webim .snsim_unfold {
	width: 200px;
}

.sns_webim .snsim_unfold  .snsim_list_wrap {
	position: relative;
}

.sns_webim .snsim_unfold  .snsim_list_wrap .snsim_list_header {
	position: relative;
	z-index: 5;
	height: 526px;
}

.sns_webim .snsim_fold {
	height: 100%;
	position: fixed;
	width: 50px;
	right: 0px;
	z-index: 9000;
	bottom: 0px;
	opacity: 1;
	display: none;
}

.sns_webim .snsim_list .snsim_search {
	background: #edf0f2;
	/* border-bottom: 1px solid #d6d5cd; */
	height: 38px;
}

.sns_webim .snsim_list .snsim_search input {
	background: transparent;
	text-align: center;
	margin: 15px 0px 0px 13px;
	border-bottom: 1px solid #d6d5cd;
	border-bottom-width: -13px;
	width: 110px;
	text-align: center;
	vertical-align: top;
	padding-bottom: 3px;
}

.sns_webim .snsim_list .snsim_search input::-ms-clear, .sns_webim .snsim_list .snsim_search input::-ms-reveal {
	display: none;
}

.sns_webim .list_setting_box .online_status {
	float: left;
	/* width: 64px; */
	padding-left: 10px;
	cursor: pointer;
}

.sns_webim .list_setting_box .online_status .W_chat_stat {
	margin-right: 10px;
	vertical-align: middle;
}

.sns_webim .list_setting_box a.setting_cho .setting_txt {
	color: #333;
	margin-left: 3px;
}

.sns_webim .list_setting_box .online_status a.setting_cho:hover {
	text-decoration: none;
}

.sns_webim .snsim_list .state_search_btn {
	cursor: pointer;
	background: #F6F6F6;
	height: 58px;
	text-align: center;
	border-bottom: 1px solid #d6d5cd;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}

.sns_webim .snsim_list .state_search_btn .snsim_icon_search_b {
	margin-top: 22px;
}

.sns_webim .snsim_list .snsim_state_new {
	height: 45px;
	_position: relative;
	_bottom: 0;
	border-bottom: solid 1px #c9d0da;
	box-shadow: 0 -1px 1px rgba(0, 0, 0, .1);
	background:#f7fafa;
	cursor: pointer;
}

.sns_webim .snsim_list .snsim_state_new a {
	display: block;
	width: 64px;
	height: 45px;
	color: #333;
	line-height: 64px;
	margin-left: 6px;
}

.sns_webim .snsim_list .snsim_state_new a:hover {
	text-decoration: none;
}

.sns_webim .snsim_list .snsim_state_new i {
	margin: 7px -15px 0px 11px;
}

.snsim_dia_bg .dia_con {
	text-align: center;
}

.sns_webim .snsim_dia_box {
	margin-top: 10px;
}

.sns_webim .snsim_dia_box .dia_info .info_date {
	vertical-align: -1px;
	white-space: pre;
	zoom: 1;
	display: inline-block;
	background: #e7e7e7;
	color: #333;
	padding: 3px 5px;
	border-radius: 10px;
	font-size: 12px;
}

.sns_webim .snsim_dia_box .snsim_dia_bg {
	min-width: 30px;
	max-width: 210px;
	margin-left: 10px;
	padding: 6px 10px;
	border-radius: 10px;
	position: relative;
}

.sns_webim .snsim_dia_box .snsim_dia_bg .dia_txt {
	white-space: pre-wrap;
	word-wrap: break-word;
	word-break: break-all;
	text-align: left;
}

.sns_webim .snsim_dia_box .msg_arr {
	display: inline-block;
	background: url(res/skin/default/icons/pop_righttoparrow.png) no-repeat;
	/*_background: url(images/chatright,png) no-repeat; */
	width: 22px;
	height: 10px;
	position: absolute;
	top: 0px;
	right: -5px;
}

.sns_webim .snsim_dia_r .snsim_dia_bg {
	background: #AEAEAE;
	float: right;
	color: white;
	margin-top: 20px;
}

.sns_webim .snsim_dia_r .dia_info {
	text-align: center;
}

.sns_webim .snsim_dia_l .snsim_dia_bg {
	background: #d8fcfc;
	float: left;
	margin-top: 4px;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
}

.sns_webim .snsim_dia_l .dia_info {
	text-align: center;
}

.sns_webim .snsim_dia_l .msg_arr {
	left: -5px;
	top: -1px;
	background: url(res/skin/default/icons/pop_lefttoparrow.png) no-repeat;
	/*_background: url(images/chartleft,png) no-repeat; */
}

.sns_webim .snsim_dia_l .dia_att .dia_line {
	border-bottom: dotted 1px #d8d8d8;
	height: 0;
	overflow: hidden;
	clear: both;
}

.sns_webim .sendbox_bar, .sns_webim .sendbox_btn {
	background: #f7fafa;
	line-height: 34px;
	position: relative;
	height: 35px;
}

.sns_webim .sendbox_bar {
	_padding: 3px 0;
	height: 34px;
}

.sns_webim .sendbox_bar .sendbox_ac {
	padding-left: 14px;
}

.sns_webim .sendbox_bar .snsim_icon_com {
	vertical-align: middle;
}

.sns_webim .sendbox_bar .sendbox_his {
	color: #808080;
}

.sns_webim .sendbox_bar .sendbox_his .snsim_icon_com {
	margin-right: 3px;
}

.sns_webim .sendbox_bar .sendbox_kind .snsim_icon_shield, .sendbox_kind a {
	vertical-align: middle;
}

.sns_webim .sendbox_box {
	height: 83px;
}

.sns_webim .sendbox_box .sendbox_area {
	width: 98%;
	height: 79px;
	padding: 5px 2px 5px 5px;
	overflow-y: auto;
}

.sns_webim .sendbox_btn_l {
	float: left;
	padding-left: 10px;
}

.sns_webim .sendbox_btn .sendbox_btn_r {
}

.sns_webim .sendbox_btn .btn a {
}

.sns_webim .snsim_btn_sub {
	display: inline-block;
	background: url('res/skin/default/icons/button_icon.png') no-repeat;
	color: #4b4848;
	width: 105px;
	margin-top: 2px;
}
.sns_webim .sendbox_btn .snsim_tips_char, .sendbox_btn .btn {
	float: left;
}

.sns_webim .sendbox_btn .btn {
	margin-top: 6px;
	float: right;
}

.snsim_chat_wrap {
	position: relative;
}

.sns_webim .snsim_chat_input_tips {
	height: 20px;
	background: #f6f6f6;
	text-align: left;
	position: relative;
	z-index: 101;
}

.sns_webim .snsim_chat_input_tips .fl {
	float: left;
	line-height: 20px;
	width: 170px;
	padding-left: 10px;
	height: 20px;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
	position: relative;
}

.sns_webim .snsim_chat_input_tips .fr {
	float: right;
	margin-right: 9px;
	display: inline;
	line-height: 20px;
}

.sns_webim .snsim_tips_pos_n {
	border: 1px solid #A0A0A0;
	position: absolute;
	padding: 2px;
	background: #fff;
	bottom: 24px;
	left: 0;
	z-index: 200;
}

.sns_webim .snsim_tips_pic_n {
	max-width: 120px;
	max-height: 120px;
	min-width: 30px;
	overflow: hidden;
	text-align: center;
}

.sns_webim .snsim_tips_pic_n img {
	max-width: 120px;
}

.sns_webim .snsim_p_arr {
	display: inline-block;
	width: 8px;
	height: 5px;
	background: url(res/skin/default/icons/snsim_icon.png?id=1395747661147) -26px -143px;
	position: absolute;
	bottom: -5px;
	_bottom: -15px;
	left: 13px;
}

.sns_webim .snsim_win_mutiperson {
	float: left;
	width: 98px;
	background: #edf0f2;
	_overflow: hidden;
	padding-top: 38px;
}
.snsim_chat_lf {
	background: #f7fafa;
	border-top: 1px solid #fbfbfa;
	border-right: 1px solid #f4f6f5;
}

.sns_webim .snsim_win_mutiperson .list_head_state {
	float: left;
	position: relative;
}

.sns_webim .snsim_win_mutiperson .snsim_username {
	float: left;
	word-wrap: break-word;
	word-break: break-all;
	white-space: nowrap;
	_white-space: normal;
	overflow: hidden;
	_font-family: 'Microsoft YaHei', 'Arial Narrow';
	max-width: 57px;
}

.sns_webim .snsim_win_mutiperson .snsim_username .snsim_icon_vf {
	_margin: 8px 0 0;
	_vertical-align: 0;
}

.sns_webim .snsim_win_mutiperson .snsim_chat_friend_box {
	height: 415px;
	overflow: hidden;
	position: relative;
}

.sns_webim .snsim_win_mutiperson .snsim_chat_friend_list {
	position: absolute;
	top: 0;
	width: 97px;
	min-height: 320px;
	*overflow: hidden;
}

.sns_webim .snsim_win_mutiperson .snsim_chat_friend_list li {
	height: 42px;
	float: left;
	cursor: pointer;
	width: 98px;
	zoom: 1;
	overflow: hidden;
	position: relative;
}

.sns_webim .snsim_win_mutiperson .snsim_chat_friend_list .snsim_icon_close2 {
	float: right;
}

.sns_webim .snsim_win_mutiperson .snsim_chat_friend_list li:after {
	snsContent: "";
	display: block;
	overflow: hidden;
	height: 0;
	clear: both;
}

.sns_webim .snsim_win_mutiperson .snsim_chat_friend_list .list_head_state {
	_display: inline;
	margin: 2px 5px 0 10px;
}

.sns_webim .snsim_win_mutiperson .snsim_chat_friend_list .snsim_username {
}

.sns_webim .snsim_win_mutiperson .snsim_chat_friend_list li .unread_msg_num{
	display: none;
	margin-left: 79px;
	float: left;
	margin-top: -16px;
	background: #ff6868;
	padding: 0px 2px;
	border-radius: 6px;
	color: #ffffff;
}
.sns_webim .snsim_win_mutiperson .snsim_chat_friend_list li.snsim_active .unread_msg_num{
	display: inline;
}
.sns_webim .snsim_win_mutiperson .snsim_chat_friend_list li.snsim_active:hover .snsim_chat_window_tab_close_btn{
	display: none;
}

.sns_webim .snsim_chat_list {
	height: 100%;
}

.sns_webim .snsim_chat_box {
	background: #fff;
	position: fixed;
	width: 452px;
	z-index: 99999;
}

.sns_webim .snsim_chat_dialogue {
	overflow: hidden;
	position: relative;
	background: #FFFFFF;
	_padding-bottom: 5px;
}

.sns_webim .snsim_chat_box  .snsim_chat_up {
	height: 263px;
	overflow: hidden;
	border-left: 1px solid #f8fbfb;
}

.sns_webim .snsim_chat_box .snsim_dia_list {
	overflow: hidden;
}

.sns_webim .snsim_chat_box .snsim_dia_list .sns_message_container {
	height: 253px;
	overflow: hidden;
	overflow: auto\9;
	position: relative;
	padding-right: 10px;
	/* overflow-x: hidden; */
}
/* IE 10 and above */
/* @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.sns_webim .snsim_chat_box .snsim_dia_list .sns_message_container {
		height: 253px;
		overflow: hidden;
		position: relative;
		padding-right: 10px;
		overflow-x: hidden;
	}
} */

.sns_webim .snsim_chat_box .snsim_dia_list.snsim_dia_chatroom_list .sns_message_container, .sns_webim .snsim_chat_box .snsim_dia_list.snsim_dia_chatroom_list .sns_share_container,.sns_webim .snsim_chat_box .snsim_dia_list.snsim_dia_chatroom_list .sns_app_container{
	height: 229px;
	/* overflow-y:auto; */
}

.sns_webim .snsim_chat_scroll {
	position: absolute;
	right: 1px;
	width: 11px;
	cursor: pointer;
}

.sns_webim .snsim_chat_scroll em {
	display: inline-block;
	/*background-image: url(images/snsim_scroll_bg.png?id=1395747661147);*/
	/*_background-image: url(images/snsim_scroll_bg.gif?id=1395747661147);*/
	cursor: pointer;
}

.sns_webim .snsim_chat_scroll .scroll_top {
	background-position: 0 0;
	width: 6px;
	margin-left: 5px;
	height: 3px;
	border-radius: 4px 4px 0 0;
	overflow: hidden;
}

.sns_webim .snsim_chat_scroll .scroll_bottom {
	background-position: 0 -7px;
	border-radius: 0 0 4px 4px;
	width: 6px;
	height: 4px;
	margin-left: 5px;
	overflow: hidden;
}

.sns_webim .snsim_chat_scroll .scroll_main {
	background-position: -9px 0;
	background-repeat: repeat-y;
	width: 11px;
	min-height: 5px;
}

.sns_webim .snsim_tit2 {
	height: 28px;
	background: #edf0f2;
	border-bottom: 1px solid #fbfbfa;
	padding-top: 10px;
}
.sns_webim .snsim_tit2:hover{
	cursor: move;
}

.sns_webim .sns_setting_win .snsim_tit2_rt {
	/* margin: 19px 21px 0 0; */
}

.sns_webim .snsim_tit2_rt .rt_icon {
	margin:0 0 0 10px;
	width: 16px;
	height: 16px;
	display: inline-block;
	background:none scroll no-repeat center center;
}

.sns_webim .snsim_tit2_rt .snsim_icon_close1 {
	background-image: url('res/skin/default/icons/cut_icon.png');
}

.sns_webim .snsim_tit2_rt .snsim_icon_close2 {
 	background-image: url('res/skin/default/icons/close2_icon.png');
}

.snsim_chat_rt {
	float: left;
	width: 354px;
}

.sns_webim .snsim_search input {
	outline: none;
	box-shadow: none;
	border: 0 none;
}

.sns_webim .W_layer {
	position: absolute;
	border-radius: 3px;
	z-index: 9999;
	color: #333;
}

.sns_webim .W_layer .snsContent {
	position: relative;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 2px;
}

.sns_webim .W_layer .detail {
	padding: 0 10px 10px;
}

.sns_webim .W_layer .arrow_hui {
	position: absolute;
	overflow: hidden;
}

.sns_webim .W_layer .arrow_t, .sns_webim .W_layer .arrow_b {
	top: -5px;
	left: 13px;
}

.sns_webim .W_layer .arrow_b {
	top: auto;
	bottom: -5px;
}

.sns_webim .W_layer, .sns_webim .W_layer .S_txt1 {
	color: #333;
}

.sns_webim .W_layer .S_txt2 {
	color: #808080;
}

.sns_webim .W_layer a {
	color: #0a8cd2;
}

.sns_webim .W_layer .S_bg1 {
	background-color: #f3f3f3;
}

.sns_webim .W_layer.selRostersToInvite {
	height: 300px;
	background-color: white;
	overflow-y: auto;
	border: 1px solid #969696;
	width: 210px;
	left: -500px;
	display: none;
	visibility: hidden;
	bottom: 200px;
}

.sns_webim .W_layer.selRostersToInvite .list_content_li {
	margin-top: 10px;
}

.sns_webim .W_layer.selRostersToInvite  .snsim_confirm_btn {
	margin-bottom: 20px;
}

#snsim_confirm_bg {
	position: absolute;
	left: 0px;
	top: 58px;
	background: none repeat scroll 0% 0% rgb(119, 119, 119);
	opacity: 0.6;
	z-index: 1001;
	display: none;
	visibility: hidden;
	width: 100%;
	height: 410px;
}

.sns_webim .layer_menu_list {
	background: #fff;
	color: #333;
	border: 1px solid #ccc;
	border-radius: 2px;
	line-height: 16px;
}

.sns_webim .layer_menu_list ul {
	margin: 0;
	padding: 0;
	clear: both;
}

.sns_webim .layer_menu_list ul li {
	display: block;
	position: static;
	float: none;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.sns_webim .layer_menu_list ul li a {
	white-space: nowrap;
	padding: 5px 10px;
	color: #333;
	display: block;
	*font-family: SimSun;
	*zoom: 1;
}

.sns_webim .layer_menu_list ul li a:link, .sns_webim .layer_menu_list ul li a:active, .sns_webim .layer_menu_list ul li a:visited {
	color: #333;
}

.sns_webim .layer_menu_list ul li a:hover {
	background-color: #e6e6e6;
	text-decoration: none;
	color: #333;
}

.sns_webim .menu_setting {
	text-align: left;
}

.sns_webim .menu_setting .select_state, .menu_setting .list_border {
	border-bottom: solid 1px #ccc;
}

.sns_webim .menu_setting .select_state li {
	padding: 5px 7px;
	_width: 111px;
	_padding: 5px 0 5px 7px;
}

.sns_webim .menu_setting .select_state li:hover {
	background: #e6e6e6;
}

.sns_webim .menu_setting .list_oth a {
	padding: 5px 10px 5px 23px;
}

.sns_webim .menu_setting .sns_radio {
	vertical-align: -2px;
	margin-right: 3px;
	_vertical-align: -1px;
	_margin-right: 0;
}

.snsim_layer_close {
	position: absolute;
	z-index: 2;
	right: 2px;
	top: 2px;
}

.snsim_layer_faces {
	width: 310px;
}

.snsim_layer_faces .detail {
	padding: 10px;
	background: white;
}

.snsim_layer_faces .faces_list {
	margin: 0 0 0 6px;
}

.snsim_layer_faces .faces_list li {
	cursor: pointer;
	float: left;
	border: 1px solid #e8e8e8;
	height: 22px;
	width: 26px;
	overflow: hidden;
	margin: -1px 0 0 -1px;
	padding: 4px 2px;
	text-align: center;
}

.snsim_layer_faces .faces_list li:hover {
	border: 1px solid #0095cd;
	background: #fff9ec;
	position: relative;
	z-index: 2;
}

.sns_webim .W_layer .snsim_layer_faces .W_pages_minibtn {
	margin: 0 -4px 0 0;
	padding: 10px 0 0;
}

.sns_webim .snsim_layer_faces .snsim_loading_box {
	line-height: 20px;
	padding-bottom: 10px;
}

.sns_webim .snsim_layer_faces .snsim_loading_box .snsim_loading_icon {
	vertical-align: middle;
}

.layer_title {
	position: absolute;
	padding: 0 5px;
	line-height: 20px;
	border: solid 1px #767676;
	border-radius: 3px;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, .5);
	background: #fff;
	background:
		url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNGU1ZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #fff 0, #e4e5f0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e4e5f0));
	background: -webkit-linear-gradient(top, #fff 0, #e4e5f0 100%);
	background: -o-linear-gradient(top, #fff 0, #e4e5f0 100%);
	background: -ms-linear-gradient(top, #fff 0, #e4e5f0 100%);
	background: linear-gradient(to bottom, #fff 0, #e4e5f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e4e5f0', GradientType=0);
}

.layer_title span {
	word-break: break-all;
	word-wrap: break-word;
	white-space: normal;
}

.sns_webim .icon_warnS, .sns_webim .icon_askS {
	margin-right: 3px;
	vertical-align: middle;
}

.sns_webim .snsim_fold .layer_setting {
	display: none;
	visibility: hidden;
	right: 55px;
	bottom: 20px;
	z-index: 1500;
}

.snsim_float_window  .setting_list {
	background: #fff;
	border: solid 1px #ababab;
	padding: 1px;
	border-radius: 5px;
	font-size: 12px;
}

.snsim_float_window .setting_list li {
	padding: 5px 3px;
	cursor: pointer;
	_width: 78px;
	list-style: none;
}

.snsim_float_window.snsim_roster_operation_panel .setting_list li {
	width: 65px;
}

.snsim_float_window .setting_list li:hover {
	background: #f0efef;
	border-left: none;
}

.snsim_float_window .setting_list li a {
	text-decoration: none;
}

.snsim_float_window .setting_list li a span {
	color: #333;
	padding: 3px 8px;
}

.snsim_float_window .setting_list li:hover {
	background: #f0efef;
	border-left: none;
}

 .layer_setting .setting_list {
	background: #fff;
	border: solid 1px #ababab;
	padding: 1px;
	border-radius: 5px;
	font-size: 12px;
}

 .layer_setting .setting_list li {
	padding: 5px 7px;
	cursor: pointer;
	_width: 78px;
}

 .layer_setting .setting_list li:hover {
	background: #f0efef;
	border-left: none;
}

 .layer_setting .setting_list .sns_radio {
	vertical-align: -2px;
	margin-right: 3px;
}

 .layer_setting .setting_list label {
	cursor: pointer;
}

 .layer_setting .setting_cho {
	padding: 0 5px;
	line-height: 16px;
	height: 16px;
}

.sns_webim .snsim_chat_con .layer_setting {
	right: -25px;
	top: -31px;
	display: none;
}

.sns_webim .snsim_chat_con .head_pic img.curchat_pic {
	border-radius: 50px;
	width: 32px;
	height: 32px;
}

.sns_webim .layer_setting .setting_cho:visited {
	color: #808080;
}

.sns_webim .layer_setting .setting_cho:hover {
	background: #e6e6e6;
	text-decoration: none;
	color: #808080;
}

.sns_webim .layer_setting .setting_cho .W_chat_stat, .sns_webim .layer_setting .setting_cho .setting_txt {
	display: inline-block;
	vertical-align: middle;
}

.sns_webim .layer_setting .setting_cho .W_chat_stat {
	margin-right: 10px;
}

.sns_webim .layer_setting {
	position: absolute;
	line-height: 16px;
}
/*
.sns_webim .layer_searchList {
	position: absolute;
	right: 64px;
	top: 0px;
	display: none;
}

.sns_webim .layer_searchList .snsContent {
		border: 1px solid #969696;

}

.sns_webim .layer_searchList .searchList_head {
	background: #f6f6f6;
	height: 58px;
	overflow: hidden;
	border-bottom: 1px solid #d9d9d9;
}

.W_layer.layer_searchList.layer_searchList_wide {
	width: 228px;
	right: 23px;
	position: absolute;
	visibility: visible;
	display: block;
}

.sns_webim .layer_searchList .input_wrap {
		border: 1px solid #d9d9d9;
	margin: 5px;
	height: 56px;
	overflow: hidden;
	background: #f6f6f6;
}

.sns_webim .layer_searchList .input_wrap input {
	width: 228px;
	height: 40px;
	padding-left: 10px;
	line-height: 36px;
	border: 0 none;
	*padding: 0;
	margin-top: 5px;
	background: #f6f6f6;
}

.sns_webim .layer_searchList .input_wrap .snsim_icon_closeY {
	margin: 14px 0 0 3px;
}

.sns_webim .layer_searchList .search_return {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.sns_webim .layer_searchList .list_content_li li {
	height: 30px;
	overflow: hidden;
	padding: 6px 10px;
	cursor: pointer;
	width: 228px;
}

.sns_webim .layer_searchList .list_content_li li:hover {
	background: #f0efef;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	padding: 5px 10px;
}

.sns_webim .layer_searchList .list_head {
	width: 30px;
	height: 30px;
}

.sns_webim .layer_searchList .list_head .head_pic {
	width: 30px;
	height: 30px;
	display: block;
	overflow: hidden;
}

.sns_webim .layer_searchList .list_head .head_pic img {
	width: 30px;
}

.sns_webim .layer_searchList .list_name {
	line-height: 30px;
	margin-left: 5px;
}

.sns_webim .layer_searchList .list_name .user_name {
	*display: inline-block;
	overflow: hidden;
	width: 142px;
}
 */

.snsim_user_item_img {
	border-radius: 23px;
}@charset "utf-8";
/* CSS Document */
/* .uploadify-button{
	display:inline-block;
	margin:12px;
	border:1px solid #808080;
	background-color: #707070;
	line-height:24px;
	border-radius:12px;
	padding:0 18px;
    font-size:12px;
    font-weight: 600;
    font-family: '微软雅黑';
	color:#FFF;
	cursor:pointer;
	text-decoration:none;
} */
.uploadify-button{
    cursor: pointer;
    display: inline-block;
    height: 16px;
    width: 15px;
}
.uploadify-button:hover{
	/* background: url('icons/fujian_icon.png') no-repeat; */
}
.uploadfile{
	width:0;
}
.uploadify-queue .uploadify-queue-item{
	list-style-type:none;
	margin-top:25px;
}
.uploadbtn{
	display:inline-block;
	border:1px solid #999;
	line-height:24px;
	border-radius:4px;
	padding:0 5px;
    font-size:12px;
	color:#666;
	cursor:pointer;
	text-decoration:none;
}
.up_filename{
	font-size:12px;
	margin-left:10px;
	float: left;
	max-width: 100px;
	overflow: hidden;
	white-space: nowrap;
}
.progressnum,.uploadbtn,.up_percent{
	font-size:12px;
	color:#666;
	margin-left:14px;
}
.uploadify-progress{
	width: 240px;
	height: 2px;
	background-color: #ddd;
	overflow: hidden;
	position: absolute;
	margin-top: 30px;
	margin-left: 41px;
 }
.uploadify-progress-bar{
	width:0;
	height:100%;
	background-color: #4ED059;
}
.delfilebtn {
	float: right;
	margin-right: 20px;
	margin-top: 17px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background: url('res/skin/default/icons/delete_icon.png') no-repeat;
}
.upload_file_icon {
	float: left;
	margin-top: 8px;
}
.upload_file_icon img {
	width: 30px;
	height: 30px;
}.hide {
	display: none;
}

.snsim_center {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	background: #888888;
	opacity: 0.5;
	filter:alpha(opacity=50);
	z-index: 1000;
}

#snsim_expression_panel {
	display: none;
	position: absolute;
	z-index: 9999;
}

.snsim_workflow_item {
	padding: 10px 5px;
	color: #333;
}

.snsim_workflow_item a {
	text-decoration: none;
	color: #333;
	font-size: 14px;
	padding: 0px 10px;
}

.snsim_workflow_item span {
	color: #bbb;
}

.snsim_float_window {
	display: none;
	z-index: 99999;
	position: absolute;
	background: #ffffff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	left: 30%;
	top: 16%;
}

.snsim_float_window .snsim_float_window_head{
	height:18px;
}

.snsim_float_window .snsim_float_window_head, .snsim_float_window .snsim_float_window_foot {
	background: #ddd;
	width: 100%;
	height: 20px;
}

.snsim_tab_content {
	display: none;
}

.snsim_tab_content.cur {
	display: block;
}

.snsim_float_window .snsim_float_window_content {
	width: 100%;
	height: 100%;
}

.snsim_chat_window_tab_close_btn {
	margin-left: 86px;
	margin-top: 5px;
	width: 8px;
	height: 8px;
	background: url('res/skin/default/icons/smallcut_icon.png') center no-repeat;
	display: none;
}

.cur {
	display: block;
}

.snsim_unfold .head_config_panel {
	height: 23px;
	background: #f8f7f7;
	text-align: right;
}

.snsim_unfold .head_config_panel a {
	margin: 6px 10px 0 0;
}

#expressionWindow {
	display: none;
	visibility: hidden;
	bottom: 163px;
}

/* .snsim_confirm_con .snsim_confirm_p  input[name='prompt_box_input'] {
	height: 20px;
	margin-top: 5px;
	margin-left: 5px;
	width: 180px;
} */


.snsim_chat_list .sns_message_container, .snsim_chat_list .sns_share_container, .snsim_chat_list .sns_photo_container {
	display: none;
}

.snsim_message_character_exceed {
	font-weight: 700;
	color: red;
}

.sns_psw_change_container {
	line-height: 30px;
	padding-top: 20px;
	float: left;
}

.sns_psw_change_container tr {
	height: 40px;
}

.sns_psw_change_container th {
	text-align: right;
	width: 100px;
	padding-right: 12px;
	font-weight: normal;
}
.sns_psw_change_container td .info{
	color: #d0d0d0;
	margin-left: 10px;
}
.sns_psw_change_input {
	padding-left: 8px;
	height: 22px;
	width: 122px;
	border: 1px solid #cecece;
}

.sns_psw_change_btn_div {
	color: #fff;
	width: 382px;
	margin-top: 196px;
}

.sns_psw_change_container .sns_psw_change_bottom{
	width: 95%;
	height: 40px;
	background: #f6f3f3;
	border-radius: 7px 7px 7px 7px;
}
.sns_psw_change_container .sns_psw_change_bottom a{
	width: 83px;
	height: 25px;
	display: inline-block;
	white-space: nowrap;
	cursor: pointer;
	padding-top: 2px;
}

.sns_psw_change_container .sns_psw_change_bottom a span{
	margin: -7px 0 0 29px;
	float: left;
}
.sns_psw_change_container .sns_psw_change_bottom .sns_psw_change_btn {
	color: #fff;
	background: url('res/skin/default/icons/buttonblue.png') no-repeat;
}
.sns_psw_change_container .sns_psw_change_bottom .sns_psw_change_btn_cancel {
	color: #470404;
	background: url('res/skin/default/icons/button05_icon.png') no-repeat;
}

span.sns_psw_change_error_msg {
	color: red;
}

span.invite_btn {
	background: url("res/skin/default/icons/add01.png") no-repeat;
	display: inline-block;
	width: 22px;
	height: 21px;
}

span.invite_btn:hover {
	background: url("res/skin/default/icons/add02.png") no-repeat;
}

.snsChatRoomnviteRosterICheckBox {
	margin: 12px 0 0 6px;
}

div[node-type='snsListTitleContainer'] .checkbox, .snsChatRoomnviteRosterICheckBox .checkbox {
	display: inline-block;
	height: 22px;
	width: 22px;
	cursor: pointer;
}

div[node-type='snsListTitleContainer'] .checkbox {
	margin-left: 16px;
}

div[node-type='snsListTitleContainer'] span.checked, .snsChatRoomnviteRosterICheckBox span.checked {
	background: url("icons/checkbox_selected.png") no-repeat;
}

div[node-type='snsListTitleContainer'] span.unchecked, .snsChatRoomnviteRosterICheckBox span.unchecked {
	background: url("icons/checkbox_btn.png") no-repeat;
}

div[node-type='snsListTitleContainer'] input[type='checkbox'], .snsChatRoomnviteRosterICheckBox input[type='checkbox'] {
	display: none;
}

.snsInviteRosterFoot a {
	padding: 0px 12px;
}

.snsInviteRosterFoot {
	position: absolute;
	height: 36px;
	bottom: -5px;
	text-align: center;
}

.snsInviteRosterFoot .snsim_confirm_btn a {
	margin: 0 5px;
	padding: 0 24px;
}

.snsInviteRosterFoot  .snsim_btn_a span {
	border: none;
	height: 24px;
	line-height: 24px;
	padding: 0 7px 0 8px;
	vertical-align: top;
}

.snsInviteRosterFoot  .snsim_btn_b span {
	border: none;
	height: 24px;
	line-height: 24px;
	padding: 0 7px 0 8px;
	vertical-align: top;
}

.snsInviteRosterHead {
	top: 3px;
	position: absolute;
	padding-left: 10px;
}

.snsInviteRosterBody {
	top: 112px;
	width: 150px;
}

.snsInviteRosterBody .add_whole_group{
	width: 22px;
	height: 21px;
	float: right;
	margin-right: 10px;
	background: url("res/skin/default/icons/invite_add_icon.png") no-repeat;
}

.snsInviteRosterBody .add_whole_group:hover{
	cursor: pointer;
	background: url("res/skin/default/icons/invite_add_icon_hl.png") no-repeat;
}

.snsInviteRosterBody ul {
	margin: 0px 0 14px 17px;
	list-style: none;
}

.snsInviteRosterBody ul li{
	margin-top: 14px;
	margin-left: 12px;
}
.snsInviteRosterBody ul li:hover{
	cursor: pointer;
}
.snsInviteRosterBody .group_arrow{
	display: inline-block;
	width: 7px;
	height: 10px;
	margin-left: 12px;
	vertical-align: middle;
	background: url('res/skin/default/icons/arrow_bottom.png') no-repeat;
}

.snsInviteRosterBody .group_arrow_bottom{
	background: url('res/skin/default/icons/arrow_bottom.png') no-repeat;
}

.snsInviteRosterBody .group_arrow_right{
	background: url('res/skin/default/icons/right_arrow.png') no-repeat;
}

.snsInviteRosterBody .group_info:hover{
	background: #ffffff;
}

.invite_window_group_name {
	margin-left: 12px;
}

.sns_invite_head {
	height: 39px;
	width: 100%;
	position: absolute;
	background: url('res/skin/default/icons/bg.png') no-repeat;
}

.sns_invite_head img {
	border-radius: 15px;
	width: 33px;
	margin: 4px 0 0 10px;
	float: left;
}

.sns_chatroom_name_div {
	margin: 7px 0;
	display: none;
}

.sns_chatroom_name_input {
	border: 1px solid #ddd;
	font-size: 13px;
	height: 22px;
	margin-left: 12px;
	padding-left: 5px;
	width: 102px;
}

.sns_chatroom_name_btn, .sns_chatroom_name_btn span {
	cursor: pointer;
	border-radius: 8px;
	border-style: solid;
	border-width: 1px;
	display: inline-block;
	overflow: hidden;
	text-align: center;
	font-size: 13px;
	border-radius: 8px;
}

.sns_chatroom_name_btn {
	height: 19px;
	background-color: #ffa00a;
	border-color: #ff9b01;
}

.sns_chatroom_name_btn span {
	border-color: #ffb33b;
	height: 24px;
	line-height: 18px;
	vertical-align: middle;
	padding: 0px 4px 0px 7px;
	width: 33px;
	color: #fff;
	font-size: 12px;
}

.create_conference_div {
	display: none;
	margin: 7px 0;
}

.create_conference_input {
	border: 1px solid #ddd;
	font-size: 13px;
	height: 26px;
	margin-left: 12px;
	margin-top: 4px;
	padding-left: 5px;
	width: 128px;
}

.create_conference_btn, .create_conference_btn span {
	cursor: pointer;
	border-radius: 8px;
	border-style: solid;
	border-width: 1px;
	display: inline-block;
	overflow: hidden;
	text-align: center;
	font-family: 'Microsoft YaHei', 'Arial Narrow';
	font-size: 13px;
	border-radius: 8px;
}

.create_conference_btn {
	height: 26px;
	background-color: #ffa00a;
	border-color: #ff9b01;
	margin: 4px;
}

.create_conference_btn span {
	border-color: #ffb33b;
	height: 24px;
	line-height: 24px;
	padding: 0 7px 0 8px;
	vertical-align: middle;
	width: 52px;
	color: #fff;
}

.sns_curchat_pic {
	left: 31px;
	position: absolute;
	top: 3px;
	z-index: 9;
}

.sns_curchat_title {
	text-align: center;
	margin-top: -13px;
}

/** -------------Roster List-----------------**/
.sns_wide_window_online_roster {
	position: absolute;
	top: 70px;
	z-index: 3;
	background: none repeat scroll 0% 0% white;
	box-shadow: 0px 0px 5px rgba(0, 0, 75, 0.2);
	width: 180px;
	height: 20px;
	padding-top: 5px;
	display: none;
}

.sns_roster_list_large {
	right: 0px;
	z-index: 9000;
	bottom: 0px;
	opacity: 1;
	visibility: visible;
	width: 260px;
	border: solid 1px #969696;
	box-shadow: 0 0 5px rgba(0, 0, 75, .2);
	background: #fff;
	-moz-transition: opacity .4s ease;
	-webkit-transition: opacity .4s ease;
	transition: opacity .4s ease 0s;
}

.sns_roster_list_wide_head {
	padding: 8px 8px 4px 8px;
}

.sns_roster_list_wide_menu_btn {
	display: none;
	width: 24px;
	height: 24px;
	float: right;
	margin: 3px 10px 0 0;
	background: url('res/skin/default/icons/snsim_icon.png') -22px -148px no-repeat #f8f8f8;
	cursor: pointer;
}

.sns_roster_list_wide_menu_btn:hover {
	display: block;
}

/** ------------end of Roster List----------**/
/** ---------------configuration window --------------**/
.sns_setting_win {
	font-size: 12px;
	background: #fff;
	width: 452px;
	display: none;
	height: 452px;
	position: absolute;
	z-index: 9999;
	border-radius: 7px;
}
.sns_setting_win .snsim_user_info_settings{
	height: 365px;
	margin-top: -31px;
	padding: 0 10px 0 10px;
}

.sns_setting_win .snsim_settings_window_close.rt_icon {
	float: right;
	margin-right: 10px;
	margin-top: 10px;
}
.sns_setting_win .snsim_tit2_rt{
	background: url('res/skin/default/icons/bg.png') no-repeat;
	height: 37px;
	border-radius: 5px 5px 0px 0px;
	margin: 0;
	width: 100%;
}

.sns_setting_win_header {
	background: #f7fafa;
	width: 82px;
	display: inline-block;
	position: absolute;
	height: 373px;
	margin-top: 39px;
}
.sns_setting_win .snsim_settings_bottom{
	width: 100%;
	height: 40px;
	background: #f6f3f3;
	margin-bottom: 98px;
	border-radius: 0px 0px 7px 7px;
}
.sns_setting_win_header_container {
}

.sns_webim .snsim_chat_box .sns_setting_win_header_container .cur{
	display: inline;
	background: #fff;
}

.sns_setting_win_header_container li {
}

.sns_setting_win_header_container li a {
	line-height: 42px;
	margin: 0 17px;
}

.sns_setting_win_body .snsim_tab_user_info{
	margin-left: 20px;
}

.sns_setting_win_body{
	display: block;
	width: 370px;
	margin-left: 82px;
	height: 413px;
	border-radius: 0 7px 0 0;
}

.sns_setting_win_body .avatarUploaderContainer{
	padding-bottom: 17px;
	border-bottom: 1px solid rgba(200, 200, 200, 0.87);
}

.sns_setting_win_body .avatarUploaderContainer .head_icon{
	margin-top: 53px;
}

.sns_setting_win_body .avatarUploaderContainer .user_settings_head_icon{
	margin-left: 3px;
	border-radius: 25px;
	width: 50px;
	height: 50px;
}
.sns_setting_win_body .avatarUploaderContainer .instruction{
	color: #cacaca;
    float: left;
    margin-left: 100px;
    margin-top: -15px;
}
.sns_setting_win_body .sns_setting_win_body_item {
	background: #fff;
}

.sns_setting_win_body_item {
	display: none;
}

.sns_setting_win_body_item.active {
	display: block;
}

/** ---------------end of configuration window --------------**/
/** ---------------vcard display --------------**/
.snsim_vcard_container {
	width: 98%;
	padding: 12px 2%;
	height: 277px;
}

.snsim_vcard_content_item {
	padding: 8px 0px;
}

.snsim_vcard_content_item_label {
	width: 30px;
	display: inline-block;
}

.snsim_vcard_content_item_value {
	margin-left: 7px;
	background: #ffffff;
	padding-left: 10px;
	width: 259px;
	height: 20px;
	border: #ffffff 1px solid;
}

.snsim_vcard_separate_line {
	height: 8px;
	opacity: 0.8;
}

.vcard_input_edit {
	border: #d0d0d0 1px solid;
	background: #f4fff0;
}

.edit_vcard_content_btn {
	float: left;
	height: 30px;
	width: 70px;
	padding: 2px 2px 2px 20px;
	background: url('res/skin/default/icons/button05_icon_hl.png') no-repeat;
}
.sns_setting_win_body .snsim_vcard_info_list{
	margin-top: 26px;
}

.sns_vcard_change_btn_div {
	color: #fff;
	width: 382px;
	margin-top: 413px;
	margin-left: -14px;
	position: absolute;
}

.sns_vcard_change_btn_div .sns_vcard_change_bottom{
	width: 95%;
	height: 40px;
	background: #f6f3f3;
	border-radius: 7px 7px 7px 7px;
}
.sns_vcard_change_btn_div .sns_vcard_change_bottom a{
	width: 83px;
	height: 25px;
	display: inline-block;
	white-space: nowrap;
	cursor: pointer;
	padding-top: 2px;
}
.sns_vcard_change_btn_div .sns_vcard_change_bottom .sns_vcard_change_btn {
	color: #fff;
	background: url('res/skin/default/icons/buttonblue.png') no-repeat;
}
.sns_vcard_change_btn_div .sns_vcard_change_bottom .sns_vcard_change_btn_cancel {
	color: #470404;
	background: url('res/skin/default/icons/button05_icon.png') no-repeat;
}

.user_avatar_uploader_preview{
	width: 300px;
	height: 218px;
}
.user_avatar_uploader_preview .bgDiv{
	margin: 60px 132px 1px 91px;
}
#swf_upload_user_avatar{
	background: #4fb45d;
	border-radius: 3px;
	vertical-align: top;
	margin-left: 13px;
}
#swf_upload_user_avatar:hover{
	cursor: pointer;
}

/** ---------------end of vcard display --------------**/

/** ---------------invite chatroom member display --------------**/
.invite_chatroom_member {
	width: 40px;
	height: 40px;
	display: inherit;
	background: url('res/skin/default/icons/add_btn.png') no-repeat;
}

.invite_chatroom_member:hover {
	width: 40px;
	height: 40px;
	display: inherit;
	background: url('res/skin/default/icons/add_btnhighlight.png') no-repeat;
}
/** ---------------end of invite chatroom member display --------------**/

/* system messages display */
.system_messages {
	width: 25px;
	height: 24px;
	margin-left: 10px;
	display: inline-block;
}

.system_messages_bg {
	background: url('res/skin/default/icons/ring.png') no-repeat;
}

.unread_system_messages {
	width: 26px;
	height: 20px;
	float: right;
	margin-top: -2px;
	display: inline-block;
	background: url('res/skin/default/icons/ring.gif') no-repeat;
}
/* end of system messages display */

/* system messages display */
.system_config {
	width: 13px;
	height: 14px;
	display: inline-block;
	background: url('res/skin/default/icons/edic_icon.png') no-repeat;
	margin: 0px 0px 9px 16px;
}

.system_config:hover {
	background: url('res/skin/default/icons/edic_icon.png') no-repeat;
}

#sns_webim .confirm_btn_a {
	margin-right: 10px;
	color: #ffb33b;
}

#sns_webim .confirm_btn_b {
	color: #000000;
}

.snsim_img_preview {
	display: none;
}

.snsim_img_preview .snsim_img_container {
	display: inline-block;
	padding: 10px;
	border-radius: 10px;
	background: #fff;
}

.snsim_img_preview_menu {
	display: block;
}

.snsim_img_preview_close {
	display: inline-block;
	float: right;
	width: 16px;
	height: 16px;
	background: url('res/skin/default/icons/cut_icon.png') no-repeat;
	margin: 0px 10px 5px 0;
}

.snsim_img_preview_close:hover {
	background: url('res/skin/default/icons/cut_icon.png') no-repeat;
}

/*search*/
.multi_search {
	width: 13px;
	height: 14px;
	margin: 0px 0px 9px 5px;
	/* padding-right: 5px; */
	/* margin-left: 0px; */
	display: inline-block;
	background: url('res/skin/default/icons/search_icon.png') no-repeat;
}

.multi_search_window {
	height: 426px;
	width: 426px;
	z-index: 1005;
	position: fixed;
	background: #ffffff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-size: 12px;
}

.multi_search_tab{
	list-style: none;
	padding: 0;
	margin: 0;
}

.multi_search_tab li {
	float: left;
	display: inline-block;
	width: 141px;
	height: 34px;
	line-height: 30px;
	text-align: center;
	background: #E1E3E7;
	color: #6C6060;
	text-decoration: none;
	cursor: pointer;
	border-right: 1px solid #D8D8D8;
}

.multi_search_tab .tab_head_icon{
	display: inline-block;
	margin-right: 8px;
	vertical-align: middle;
	width: 16px;
	height: 17px;
}

.multi_search_tab .roster_search_head_icon{
	background: url('res/skin/default/icons/lefttop_icon.png') no-repeat;
}
.multi_search_tab .chatroom_search_head_icon{
	background: url('res/skin/default/icons/qun_icon.png') no-repeat;
}
.multi_search_tab .pubaccount_search_head_icon{
	background: url('res/skin/default/icons/gongzhong_icon.png') no-repeat;
}

.multi_search_tab li.cur{
	background: #F2F4F8;
}

.multi_search_tab_active {
	background: #ffffff;
}

.multi_search_input {
	margin: 10px 0px 0px 6px;
	width: 255px;
	height: 24px;
	padding-left: 5px;
	background: rgba(246, 234, 234, 0);
	text-align: left;
	outline: none;
	box-shadow: none;
	border: 1px solid rgb(226, 221, 221);
}

.multi_search_btn {
	height: 24px;
	border: 0;
	color: white;
	background: #36c048;
	width: 80px;
	border-radius: 5px;
	margin-left: 5px;
}

.multi_search_result {
	margin-top: 10px;
	height: 260px;
}

.multi_search_result ul {
	list-style: none;
}

.multi_search_result ul li {
	margin-left: 10px;
	overflow: hidden;
}
.multi_search_result .head_icon{
	float: left;
	display: inline-block;
}
.multi_search_result img {
	width: 20px;
	height: 20px;
	border-radius: 23px;
}

.multi_search_result .name{
	white-space: nowrap;
	margin-left: 7px;
	float: left;
	position: absolute;
	width: 100px;
	overflow: hidden;
}
.multi_search_result .info{
	width: 165px;
	overflow: hidden;
	margin-left: 165px;
}
.multi_search_result .btn {
	max-width: 50px;
	border-radius: 4px;
	white-space: nowrap;
	float: right;
	margin-right: 24px;
	color: #36c048;
}

.multi_search_result .item_info {
	margin-top: 3px;
}

.search_result_head {
	background: #e4e4e4;
	margin-top: 16px;
	height: 20px;
	padding-top: 4px;
	display: none;
}

.search_result_head .member_name{
	margin-left: 40px;
}
.search_result_head .member_info{
	margin-left: 107px;
	border-left: 1px solid #BABABA;
	padding-left: 8px;
}
.search_result_head .member_opt{
	margin-left: 125px;
	border-left: 1px solid #BABABA;
	padding-left: 8px;
}

.multi_search_window_menu {
	display: block;
	background: #edf0f2;
	border-radius: 7px 7px 0 0;
}

.multi_search_window_menu .search_head_icon{
	display: inline-block;
	width: 19px;
	height: 19px;
	background: url('res/skin/default/icons/search_icon.png') no-repeat;
	margin: 12px 0px 0px 14px;
}

.multi_search_window_close {
	display: inline-block;
	float: right;
	width: 16px;
	height: 16px;
	margin: 12px 10px 0 0;
	background: url('res/skin/default/icons/cut_icon.png') no-repeat;
}

.snsim_float_window_close_btn {
	display: inline-block;
	float: right;
	width: 16px;
	height: 16px;
	background: url('res/skin/default/icons/cut_icon.png') no-repeat;
}

.multi_search_window_close:hover {
	background: url('res/skin/default/icons/cut_icon.png') no-repeat;
}

.local_search_result {
	width: 185px;
	position: absolute;
	visibility: visible;
	display: block;
	top: 37px;
	background: #FFF;
	z-index: 1;
	overflow: hidden;
	max-height: 522px;
}

.local_search_result.cover {
	height: 522px;
}

.sns_webim .snsim_list .snsim_local_search_result_list li{
	display: block;
	height: 30px;
	padding: 0px 0px 10px 10px;
	white-space: nowrap;
	max-width: 160px;
	overflow: hidden;
}

.snsim_local_search_result_list li .user_name{
	marin-left: 10px;
}

.snsim_local_search_result_list li img{
	width: 31px;
	height: 31px;
	border-radius : 15px;
	margin: 0px 10px -8px 0px;
}

/* roster infomation */
.roster_info {
	background: #fff;
	width: 220px;
	height: 171px;
	position: fixed;
	overflow: visible;
	z-index: 99999;
	font-size: 12px;
	/* border-radius: 10px; */
	display: none;
	/* padding: 10px 0 0 10px; */
	box-shadow: 10px 10px 14px rgba(93, 93, 93, 0.4);
	border: 1px solid #ddd;
}
.roster_info .roster_info_head{
	border-left: 2px solid #e01a00;
	padding: 6px 0 18px 14px;
}
.roster_info ul {
	margin: 0 0 0 6px;
	list-style: none;
}

.roster_info ul li {
	border-top: 1px solid #ddd;
	/* float: left; */
	height: 26px;
	/* width: 101px; */
	overflow: hidden;
	margin: -4px 17px 0 10px;
	padding: 7px 0 0px 0px;
	text-align: left;
	white-space: nowrap;
}
.roster_info .snsim_vcard_info{
	margin-top: 6px;
}

.roster_info ul li span {
	margin-left: 5px;
}

/* invite window */
.invite_window {
	height: 430px;
	width: 499px;
	font-size: 12px;
	z-index: 99999;
	position: absolute;
	background: #f7fafa;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	left: 50%;
	top: 50%;
	margin-left: -300px;
	margin-top: -200px;
}

.invite_window .snsim_tab_content_container{
	margin-top: 63px;
}

.invite_window .snsim_tab_content_container ul{
	list-style: none;
}
.snsim_tab_content_invite_from_roster li a, .invite_window .snsim_tab_head_container li a, .invite_roster_list_box li a，.snsim_selected_container li a{
	display: block;
	float: left;
	width: 71px;
	height: 19px;
	padding-top: 5px;
	background: #f4f4f4;
	text-align: center;
}

.invite_window .snsim_tab_head_container .cur a{
	background: #ffffff;
}

.invite_window .snsim_tab_head_invite_from_roster{

}
.invite_window .snsim_tab_head_invite_from_org{

}
.invite_window .snsim_tab_content_invite_from_roster{
	height: 280px;
	overflow: hidden;
	position: absolute;
	margin-top: 13px;
}
.invite_window .snsim_tab_content_invite_from_org{
	overflow: hidden;
	height: 295px;
	width: 145px;
	position: absolute;
}

.invite_window .snsim_icon_invite_roster_tab{
	display: inline-block;
	width: 15px;
	height: 14px;
	background: url('res/skin/default/icons/lefttop_icon.png') no-repeat;
}

.invite_window .snsim_icon_invite_org_tab{
	display: inline-block;
	width: 14px;
	height: 12px;
	background: url('res/skin/default/icons/zuzhi_icon.png') no-repeat;
}

.invite_window_input {
	margin: -15px 0px 0px 11px;
	width: 115px;
	line-height: 20px;
	padding: 0px 0px 0px 13px;
	background: #f4fff0;
	text-align: left;
	outline: none;
	box-shadow: none;
	border: 1px solid rgb(226, 221, 221);
}

.invite_window_search_btn {
	height: 30px;
	border: 0;
	color: white;
	background: rgb(235, 138, 35);
	width: 80px;
	float: right;
	border-radius: 5px;
	margin: 10px 14px 0px 0px;
}

.invite_roster_list_box {
	height: 320px;
	width: 150px;
	overflow: hidden;
	position: absolute;
}

.invite_roster_list_box ul {
	margin-left: 59px;
	list-style: none;
}

.invite_roster_list_box ul li {
	margin-top: 16px;
	cursor: pointer;
}

.invite_roster_list_box img {
	width: 30px;
	height: 30px;
	border-radius: 23px;
}

.invite_window_menu {
	display: block;
	margin: 10px 10px 0px 0px;
}

.invite_window_close {
	display: inline-block;
	float: right;
	width: 16px;
	height: 16px;
	background: url('res/skin/default/icons/cut_icon.png') no-repeat;
}

.invite_window .snsim_selected_container{
	width: 342px;
	height: 370px;
	margin-top: -383px;
	margin-left: 147px;
	padding: 10px 0 0 10px;
	background: #ffffff;
	position: absolute;
}

.invite_window .selected_num{

}

.invite_window .selected_list_container{
	margin-top: 14px;
	height: 315px;
	position: relative;
	overflow: hidden;
}

.invite_window .selected_list{
	margin-left: 20px;
}

.invite_window .selected_list li{
	margin-top: 8px;
}

.invite_window .selected_list .head_icon{
	width: 18px;
	height: 18px;
	border-radius: 10px;
}

.invite_window .selected_list .remove_btn{
	color: red;
	float: right;
	cursor: pointer;
	margin-right: 16px;
}

.select_rosters_to_invite {
	float: left;
	margin: 10px 0 0 -66px;
}

.select_rosters_to_invite .checkbox {
	display: inline-block;
	height: 22px;
	width: 22px;
	cursor: pointer;
}

.select_rosters_to_invite .unchecked {
	background: url("res/skin/default/icons/checkbox_btn.png") no-repeat;
}

.select_rosters_to_invite .checked {
	background: url("res/skin/default/icons/checkbox_selected.png") no-repeat;
}

.invite_rosters_footer {
	position: absolute;
	height: 28px;
	bottom: 0px;
	text-align: center;
	width: 100%;
	background: #f6f3f3;
	padding-top: 6px;
}

.invite_rosters_footer a {
	float: right;
	width: 83px;
	height: 25px;
	display: inline-block;
	white-space: nowrap;
	cursor: pointer;
	padding-top: 2px;
}

.invite_rosters_footer .submit_btn {
	color: #fff;
	background: url('res/skin/default/icons/buttonblue.png') no-repeat;
}

.invite_rosters_footer .cancel_btn {
	color: #470404;
	background: url('res/skin/default/icons/button05_icon.png') no-repeat;
}

.list_box_unfold .invite_roster_list {
	display: block;
}

.list_box_fold .invite_roster_list {
	display: none;
}
/* sendbox tools*/
.snsim_iconsend_face {
	margin-left: 18px;
}

.snsim_upload_file {
	margin-left: 18px;
	cursor: pointer;
	display: inline-block;
	width: 15px;
	height: 16px;
	background: url('res/skin/default/icons/fujian_icon.png') no-repeat;
}
/* font */
.sns_webim .sendbox_kind .snsim_iconsend_font {
	cursor: pointer;
	width: 11px;
	height: 12px;
	display: inline-block;
	background: url('res/skin/default/icons/font.png') no-repeat;
}

.set_font_panel {
	height: 30px;
	line-height: 30px;
	background: white;
}

.set_font_panel a {
	margin-right: 10px;
	color: rgba(133, 122, 122, 0.73);
	cursor: pointer;
	margin-right: 9px;
	width: 17px;
	height: 16px;
	display: inline-block;
}

.set_font_panel a:hover {
	color: rgba(133, 122, 122, 0.34);
}

.set_font_panel .set_font_family {
	margin-right: 10px;
}

.set_font_panel .set_font_size {
	margin-right: 10px;
}

.set_font_panel .set_font_bold {
	background: url('res/skin/default/icons/bold.png') no-repeat;
}

.set_font_panel .set_font_italic {
	background: url('res/skin/default/icons/italic.png') no-repeat;
}

.set_font_panel .set_font_underline {
	background: url('res/skin/default/icons/underline.png') no-repeat;
}

.font_bold {
	font-weight: bold;
}

.font_italic {
	font-style: italic;
}

.font_underline {
	text-decoration: underline;
}

/* chatroom shared files */
/* .sns_share_panel {
	overflow: auto;
	max-height: 346px;
	background: white;
	font-size: 12px;
	color: #000000;
}

.sns_share_panel ul {
	list-style: none;
}

.sns_share_panel ul li {
	border-bottom: 1px solid #d6d6d6;
	padding: 3px 10px 3px 10px;
}

.sns_share_panel ul li:hover {
	background: #ebedec;
}
 */

/* chatroom member list */
.chatroom_member_list {
	height: 420px;
	background: #ffffff;
	font-size: 12px;
	color: #666666;
	width: 454px;
	border-radius: 5px;
	box-shadow: 20px 20px 20px rgba(93, 93, 93, 0.4);
}
.chatroom_member_list .member_list_content{
	overflow: hidden;
	height: 277px;
	position: absolute;
	width: 100%;
}
.chatroom_member_list .close_btn {
	display: inline-block;
	float: right;
	width: 16px;
	height: 16px;
	margin: 10px 10px 0 0;
	background: url('res/skin/default/icons/cut_icon.png') no-repeat;
}

.chatroom_member_list .chatroom_menubar{
	height: 30px;
}
.chatroom_member_list .chatroom_menubar .members_title{
	display: inline-block;
	width: 100px;
	text-align: center;
	color: #470404;
	border-right: 1px solid #DDDDDD;
	height: 20px;
	vertical-align: middle;
	padding-top: 10px;
}
.chatroom_member_list .chatroom_menubar .settings{
	float: right;
	margin-right: 12px;
	margin-top: 5px;
	background: #4fb45d;
	padding: 3px 17px 3px 17px;
	border-radius: 3px;
	color: #fff;
}
.chatroom_member_list .chatroom_menubar .settings:hover{
	cursor: pointer;
}
.chatroom_member_list .chatroom_menubar .quit{
	float: right;
	margin-right: 12px;
	margin-top: 5px;
	background: #F8AB27;
	padding: 3px 17px 3px 17px;
	border-radius: 3px;
	color: #fff;
}
.chatroom_member_list .chatroom_menubar .quit:hover{
	cursor: pointer;
}
.chatroom_member_list .chatroom_info{
	height: 82px;
	border-radius: 0px 5px 0px 0px;
	background: url('res/skin/default/icons/bg.png') no-repeat;
}
.chatroom_member_list .chatroom_info .chatroom_name{
	margin: 30px 0 0 15px;
	float: left;
	color: #fff;
	font-size: 16px;
}
.chatroom_member_list .chatroom_info img{
	margin: 10px 0 10px 12px;
	width: 62px;
	height: 62px;
	border-radius: 30px;
	float: left;
}
.chatroom_member_list .chatroom_operation{
	display: none;
	height: 23px;
	border-bottom: 1px solid #d6d6d6;
	margin-top: 10px;
	color: #754D4D;
}
.chatroom_member_list .chatroom_operation .chatroom_operation_item{
	height: 23px;
	border-bottom: 1px solid #d6d6d6;
	margin: 0px 0px 0px 10px;
	color: #754D4D;
	cursor: pointer;
	background: rgb(235, 138, 35);
	border-radius: 5px;
	padding: 1px 3px;
}
.chatroom_member_list .member_list_title{
	height: 15px;
	border-bottom: 1px solid #d6d6d6;
	background: #ddd;
	padding: 4px;
}

.chatroom_member_list .snsim_members_info{
	display: inline-block;
	margin: 6px 20px 0px 6px;
	width: 100px;
	overflow: hidden;
	outline-style: none;
	float: left;
}

.chatroom_member_list .cur{
	border: 1px solid #C6BBBB;
	box-shadow: 0 0 10px #1A944A;
}

.chatroom_member_list .odd{
	background: #f7fafa;
}

.chatroom_member_list .snsim_modify_nickname_btn{
	margin: 5px 0px 0px 5px;
	color: #FFFFFF;
	cursor: pointer;
	background: rgba(141, 141, 141, 0.55);
	border-radius: 5px;
	padding: 0px 3px;
	float: left;
}
.chatroom_member_list .snsim_members_mail{
	padding-top: 5px;
	width: 209px;
	overflow: hidden;
}
.chatroom_member_list .head_icon{
	width: 22px;
	height: 22px;
	border-radius: 15px;
	float: left;
	margin-left: 12px;
	margin-top: 3px;
}

/* 查看资料 */
.chatroom_member_list .see{
	display: inline-block;
	width: 25px;
	height: 20px;
}

.chatroom_member_list .see:hover {
	background: url('res/skin/default/icons/see.png') no-repeat;
	cursor: pointer;
}
/* 修改备注 */
.chatroom_member_list .edit{
	display: inline-block;
	width: 20px;
	height: 20px;
}

.chatroom_member_list .edit:hover {
	background: url('res/skin/default/icons/edit.png') no-repeat;
	cursor: pointer;
}

.chatroom_member_list ul {
	border-collapse: collapse;
	width: 100%;
	list-style: none;
}

.chatroom_member_list li {
	border-bottom: 1px solid #d6d6d6;
	/* padding: 3px 10px 3px 10px; */
	height: 26px;
}

.chatroom_member_list li:hover {
	background: #ebedec;
}

.chatroom_member_list ul td {
	white-space: nowrap;
	width: 30%;
	overflow: hidden;
}

/* chatroom settings */
.snsim_chatroom_settings_window {
	display: none;
	font-size:12px;
	position: absolute;
	z-index: 99999;
	width: 428px;
	height: 434px;
	background: #FFF;
	/* background: url('icons/bg.png') no-repeat; */
	border-radius: 10px;
	box-shadow: 20px 20px 20px rgba(93, 93, 93, 0.4);
}
.snsim_chatroom_settings_window .chatroom_settings_content{
	padding: 0 30px;
}
.snsim_chatroom_settings_window .chatroom_settings_container{
	/* text-align: center; */
}

.snsim_chatroom_settings_window .top_container{
	background: url('res/skin/default/icons/bg.png') no-repeat;
	height: 37px;
	border-radius: 7px 7px 0px 0px;
}
.snsim_chatroom_settings_window .chatroom_settings_close_btn{
	width: 30px;
	height: 30px;
	background: url('res/skin/default/icons/cut_icon.png') center no-repeat;
	float: right;
}
.snsim_chatroom_settings_window .chatroom_avatar_uploader_preview{
	width: 100%;
	height: 218px;
}
.snsim_chatroom_settings_window .chatroom_head_icon {
	margin-left: 18px;
	border-radius: 25px;
	width: 50px;
	height: 50px;
}
.snsim_chatroom_settings_window .avatar_default_preview{
	width: 160px;
	height: 160px;
	border: 1px solid #DBDBDB;
	position: relative;
	margin: 19px 132px 1px 132px;
	background: url('res/skin/default/icons/avatar_change.png') no-repeat;
}
.snsim_chatroom_settings_window .avatarUploaderContainer{
	background: #FFF;
	width: 351px;
	text-align: center;
	height: 182px;
	padding: 20px;
}
.snsim_chatroom_settings_window .head_icon{
	margin-top: 16px;
}

.snsim_chatroom_settings_window .body_container{
	margin-top: 14px;
}
.snsim_chatroom_settings_window .instruction{
	color: #CACACA;
	margin-right: 34px;
	float: right;
	margin-top: -20px;
}
.snsim_chatroom_settings_window .chatroom_name{
	border-bottom: 1px solid rgba(200, 200, 200, 0.87);
	padding-bottom: 20px;
}

.snsim_chatroom_settings_window .chatroom_name_input{
	width: 288px;
	height: 22px;
	border-radius: 4px;
	outline-style: none;
	border: 1px solid #CCC;
	margin-left: 12px;
}

.snsim_chatroom_settings_window .chatroom_name_input.error_input{
	box-shadow: 0 0 7px #fe3f07;
}

.snsim_chatroom_settings_window .chatroom_name_input:focus{
	box-shadow: 0 0 7px #73BDE5;
}

.snsim_chatroom_settings_window .chatroom_desc_input{
	width: 302px;
	border-radius: 6px;
	height: 100px;
	resize: none;
	outline-style: none;
	font-size: 16px;
	font-family: "Microsoft YaHei";
	border: 1px solid #CCC;
}

.snsim_chatroom_settings_window .chatroom_desc_input.error_input{
	box-shadow: 0 0 7px #fe3f07;
}
.snsim_chatroom_settings_window .chatroom_desc_input:focus{
	box-shadow: 0 0 7px #73BDE5;
}

.snsim_chatroom_settings_window .bottom_container {
	background: #f6f3f3;
	height: 25px;
	padding-top: 7px;
	border-top: 1px solid #f5f3f3;
	border-radius: 0px 0px 7px 7px;
}

.snsim_chatroom_settings_window .bottom_container .snsim_confirm_btn {
	text-align: center;
	float: right;
}

.snsim_chatroom_settings_window .bottom_container .snsim_confirm_btn a {
	width: 83px;
	height: 25px;
	display: inline-block;
	white-space: nowrap;
	cursor: pointer;
	padding-top: 2px;
}

.snsim_chatroom_settings_window .bottom_container .snsim_confirm_btn .snsim_btn_a {
	border-color: #ff9b01;
	color: #fff;
	background: url('res/skin/default/icons/buttonblue.png') no-repeat;
}

.snsim_chatroom_settings_window .bottom_container .snsim_confirm_btn .snsim_btn_a:hover {
	background: url('res/skin/default/icons/buttonblue_hl.png') no-repeat;
}
.snsim_chatroom_settings_window .bottom_container .snsim_confirm_btn .snsim_btn_b {
	border-color: #d9d9d9;
	color: #470404;
	background: url('res/skin/default/icons/button05_icon.png') no-repeat;
}

.snsim_chatroom_settings_window .bottom_container .snsim_confirm_btn .snsim_btn_b:hover {
	background: url('res/skin/default/icons/button05_icon_hl.png') no-repeat;
}

#swf_upload_avatar{
	background: #4fb45d;
	border-radius: 3px;
	vertical-align: top;
	margin-left: 13px;
}
#swf_upload_avatar:hover{
	cursor: pointer;
}

/* organization panel */
.organization_list_opt {
	margin-left: 10px;
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url('res/skin/default/icons/edic_icon.png') no-repeat;
}

.organization_list_opt:hover {
	background: url('res/skin/default/icons/edic_icon.png') no-repeat;
}

.user_operation_panel {
	position: fixed;
	display: none;
}

.user_operation_panel ul {
	background: #fff;
	border: solid 1px #ababab;
	padding: 1px;
	border-radius: 5px;
	font-size: 12px;
}

.user_operation_panel ul li {
	padding: 5px 15px;
	cursor: pointer;
	line-height: 20px;
	overflow: visible;
	border-bottom: 1px solid #d6d6d6;
}

.user_operation_panel ul li a {
	padding: 0 5px;
	line-height: 16px;
	height: 16px;
}

/* chat window tab list scroll botton*/
.snsim_scroll_top {
	/* background: url(icons/top_arrow.png) center no-repeat; */
	height: 29px;
	display: none;
	width: 100%;
}

.snsim_scroll_bottom {
	/* background: url(icons/bottom_arrow.png) center no-repeat; */
	height: 29px;
	display: none;
	width: 100%;
}


/* system roster */
.snsim_system_roster {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-left: -2px;
	margin-right: -3px;
	background: url('res/skin/default/icons/ring.png') no-repeat;
}

.snsim_system_message {
	max-width: 350px;
	width: 251px;
	font-size: 12px;
}
.snsim_system_message img{
	width: 30px;
	height: 30px;
	border-radius: 15px;
	float: left;
}

.snsim_system_message_info{
	float: left;
	margin-left: 5px;
}

.snsim_system_message_confirm {
	display: inline-block;
	margin: 8px 0px 0px 15px;
	vertical-align: top;
}

.snsim_system_message_confirm .accept_btn{
	color: #ffb33b;
	margin-left: 5px;
}

.snsim_system_message_confirm .ignore_btn{
	margin-left: 5px;
}

.sns_webim .snsim_system_message_confirm .unuse{
	cursor: default;
}

/* dialog */
/* .snsim_dialog .snsim_confirm_box {
	width: 188px;
	border: 1px solid #c6c6c6;
	background: #fff;
	display: inline-block;
	font-size: 12px;
	border-radius: 3px;
	color: #470404;
	box-shadow: 6px 7px 12px rgba(93, 93, 93, 0.4);
} */

.snsim_confirm_info {
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	background: white;
	border: 1px solid #ccc;
	text-align: center;
	font-size: 12px;
	margin-left: -91px;
	margin-top: -61px;
}

.snsim_confirm_p {
	margin: 10px auto;
}

.snsim_confirm_p .txt {
	display: inline-block;
	width: 168px;
	line-height: 16px;
	vertical-align: top;
	text-align: left;
}

.snsim_confirm_btn {
	text-align: center;
}

.snsim_confirm_btn a {
	margin: 0 5px;
	width: 50px;
	display: inline-block;
	vertical-align: middle;
	border-width: 1px;
	border-style: solid;
	border-radius: 2px;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	cursor: pointer;
}

.snsim_confirm_btn .snsim_btn_a {
	border-color: #ff9b01;
	background-color: #ffa00a;
	color: #fff;
}

.snsim_confirm_btn .snsim_btn_b {
	border-color: #d9d9d9;
	background-color: #f2f2f2;
	color: #333;
}

.snsim_dialog .icon_alert {
	width: 0;
	height: 16px;
	overflow: hidden;
	display: inline-block;
	/* background: url(icons/dialog_alert.png) no-repeat; */
}

/* message history */
.snsim_msg_info_content {
	vertical-align: -1px;
	white-space: pre;
	zoom: 1;
	display: inline-block;
	background: #d6d5cd;
	color: white;
	padding: 3px 5px;
	border-radius: 10px;
	font-size: 12px;
}

.snsim_trans_to_muc{
	display: inline-block;
	margin-left: 18px;
	width: 15px;
	height: 13px;
	background: url('res/skin/default/icons/qun01_icon.png') no-repeat;
}/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/

/*
CONTENTS:
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/

/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
	-ms-touch-action: none;
	touch-action: none; /* MSPointer events - direct all pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar {
	-ms-touch-action: auto;
	touch-action: auto;
}

.mCustomScrollBox { /* contains plugin's markup */
	position: relative;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	outline: none;
	direction: ltr;
}

.mCSB_container { /* contains the original content */
	overflow: hidden;
	width: auto;
	height: auto;
}

/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside>.mCSB_container {
	margin-right: 10px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 0;
} /* non-visible scrollbar */
.mCS-dir-rtl>.mCSB_inside>.mCSB_container { /* RTL direction/left-side scrollbar */
	margin-right: 0;
	margin-left: 30px;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-left: 0;
} /* RTL direction/left-side scrollbar */
.mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
	position: absolute;
	width: 8px;
	height: auto;
	left: auto;
	top: 0;
	right: 0;
	bottom: 0;
}

.mCSB_outside+.mCSB_scrollTools {
	right: -26px;
} /* scrollbar position: outside */
.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools, .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools { /* RTL direction/left-side scrollbar */
	right: auto;
	left: 0;
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
	left: -26px;
} /* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: auto;
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
	margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
	width: 2px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger { /* the draggable element */
	cursor: pointer;
	width: 100%;
	height: 30px; /* minimum dragger height */
	z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */
	position: relative;
	width: 4px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar
	{
	width: 12px; /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail
	{
	width: 8px; /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown {
	display: block;
	position: absolute;
	height: 20px;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
	bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside>.mCSB_container {
	margin-right: 0;
	margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
	min-height: 100%;
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
	margin-bottom: 0;
} /* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	width: auto;
	height: 16px;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
}

.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: -26px;
} /* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
	margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 2px;
	margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 30px; /* minimum dragger width */
	height: 100%;
	left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 4px;
	margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar
	{
	height: 12px; /* auto-expanded scrollbar */
	margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail
	{
	height: 8px; /* auto-expanded scrollbar */
	margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
	display: block;
	position: absolute;
	width: 20px;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
	left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
	right: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
	position: absolute;
	height: auto;
	width: auto;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin-right: 30px;
	margin-bottom: 30px;
}

.mCSB_container_wrapper>.mCSB_container {
	padding-right: 30px;
	padding-bottom: 30px;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
	bottom: 20px;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	right: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
	bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal
	{
	right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools ~
	.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	left: 0;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper { /* RTL direction/left-side scrollbar */
	margin-right: 0;
	margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
	padding-right: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
	padding-bottom: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 0; /* non-visible scrollbar */
	margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
	margin-bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight {
	-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
	-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s,
		margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
	-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s,
		margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
	-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s,
		margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
	transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s,
		margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
}

/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/

/*
	----------------------------------------
	6.1 THEMES
	----------------------------------------
	*/

/* default theme ("light") */
.mCSB_scrollTools {
	opacity: 0.75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide>.mCustomScrollBox ~ .mCSB_scrollTools {
	opacity: 0;
	filter: "alpha(opacity=0)";
	-ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar>.mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover>.mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide:hover>.mCustomScrollBox
	~ .mCSB_scrollTools {
	opacity: 1;
	filter: "alpha(opacity=100)";
	-ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.4);
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.75);
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.85);
	filter: "alpha(opacity=85)";
	-ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.9);
	filter: "alpha(opacity=90)";
	-ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
	background-image: url(mCSB_buttons.png); /* css sprites */
	background-repeat: no-repeat;
	opacity: 0.4;
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
	background-position: 0 0;
	/*
		sprites locations
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
}

.mCSB_scrollTools .mCSB_buttonDown {
	background-position: 0 -20px;
	/*
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
}

.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: 0 -40px;
	/*
		sprites locations
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
}

.mCSB_scrollTools .mCSB_buttonRight {
	background-position: 0 -56px;
	/*
		sprites locations
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
}

.mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover
	{
	opacity: 0.75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active
	{
	opacity: 0.9;
	filter: "alpha(opacity=90)";
	-ms-filter: "alpha(opacity=90)";
}

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -56px;
}

/* ---------------------------------------- */

/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.1);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 4px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.75);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 4px;
	margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -56px;
}

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.75);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -56px;
}

/* ---------------------------------------- */

/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.1);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.75);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 4px;
	margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 6px;
	margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar
	{
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -20px -56px;
}

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.75);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -100px -56px;
}

/* ---------------------------------------- */

/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 2px;
	margin: 7px auto;
}

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -56px;
}

/* ---------------------------------------- */

/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
	height: 14px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 14px;
	margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 14px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar
	{
	height: 14px;
	margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar
	{
	width: 16px; /* auto-expanded scrollbar */
	height: 16px;
	margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail
	{
	width: 4px; /* auto-expanded scrollbar */
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar
	{
	height: 16px; /* auto-expanded scrollbar */
	width: 16px;
	margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail
	{
	height: 4px; /* auto-expanded scrollbar */
	margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
	background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
	background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
	background-position: 0 -128px;
}

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar
	{
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -128px;
}

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
	width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	background-color: transparent;
	background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-image:
		url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
	background-repeat: repeat-y;
	opacity: 0.3;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	height: 4px;
	margin: 6px 0;
	background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -20px -128px;
}

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-image:
		url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -100px -128px;
}

/* ---------------------------------------- */

/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-repeat: repeat-y;
	background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
	background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
	height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 70px;
}

.mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools {
	opacity: 1;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)";
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
	width: 8px;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.2);
	box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #555;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 8px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 8px;
	margin: 4px 0;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 8px;
	margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px;
}

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.1);
	box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px;
}

/* ---------------------------------------- */

/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools {
	opacity: 1;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer
	{
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
	right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
	box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
	bottom: 1px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
	width: 12px;
	margin: 2px;
	position: absolute;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 12px;
	width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.05);
	box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px;
}

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
	box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar
	{
	background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
	background-color: #fff;
	background-color: rgba(0, 0, 0, 0.05);
	box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px;
}

/* ---------------------------------------- */

/* theme: "minimal", "minimal-dark" */
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
	right: 0;
	margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal
	{
	bottom: 0;
	margin: 0 12px;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
	left: 0;
	right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
	height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.2);
	filter: "alpha(opacity=20)";
	-ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.5);
	filter: "alpha(opacity=50)";
	-ms-filter: "alpha(opacity=50)";
}

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.2);
	filter: "alpha(opacity=20)";
	-ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar
	{
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.5);
	filter: "alpha(opacity=50)";
	-ms-filter: "alpha(opacity=50)";
}

/* ---------------------------------------- */

/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
	width: 6px;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 6px;
	margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail
	{
	width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail
	{
	height: 12px;
	margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px;
}

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px;
}

/* ---------------------------------------- */

/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
	width: 12px;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
	{
	width: 6px;
	margin: 3px 5px;
	position: absolute;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 6px;
	margin: 5px 3px;
	position: absolute;
	width: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail
	{
	width: 100%;
	height: 12px;
	margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px;
}

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
	{
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar
	{
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px;
}

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	border-color: rgba(255, 255, 255, 0.2);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
	border-color: #000;
	border-color: rgba(0, 0, 0, 0.2);
}

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar
	{
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.9);
}

/* ---------------------------------------- */.ps-container>.ps-scrollbar-x-rail {
    display: none;
    position: absolute; /* please don't change 'position' */
    bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 3px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
}

.ps-container.ps-active-x>.ps-scrollbar-x-rail {
    display: block;
}

.ps-container:hover>.ps-scrollbar-x-rail {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.ps-container>.ps-scrollbar-x-rail:hover {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.ps-container>.ps-scrollbar-x-rail.in-scrolling {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.ps-container>.ps-scrollbar-y-rail {
    display: block;
    position: absolute; /* please don't change 'position' */
    right: 3px; /* there must be 'right' for ps-scrollbar-y-rail */
    width: 3px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity = 0);
    -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
}

.ps-container.ps-active-y>.ps-scrollbar-y-rail {
    display: block;
}

.ps-container:hover>.ps-scrollbar-y-rail {
    opacity: 0.6;
    filter: alpha(opacity=60);
    z-index: 99;
}

.ps-container>.ps-scrollbar-y-rail:hover {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity=90);
    z-index: 99;
}

.ps-container>.ps-scrollbar-y-rail.in-scrolling {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    position: absolute; /* please don't change 'position' */
    bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */
    height: 3px;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.ps-container>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
    background-color: #999;
}

.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    position: absolute; /* please don't change 'position' */
    right: 0; /* there must be 'right' for ps-scrollbar-y */
    width: 3px;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
    background-color: #999;
}
.list_head_item{
	margin: 10px 0 10px 0;
	padding-top: 2px;
}

.snsim_chat_window_tab_head .snsim_tab_head.cur .list_head_item{
	background: #fff;
	height: 20px;
};

.sns_chatroom_list_wide_head {
	padding: 8px 8px 4px 8px;
}

/* 聊天框顶部图标 */
#show_chatroom_members {
	width: 32px;
	height: 32px;
}
.snsim_current_session_group {
	background: url('res/skin/default/icons/qun_icon.png') no-repeat;
}
.snsim_current_session_group:hover {
	cursor: pointer;
}
.snsim_current_session_roster {
	background: url('res/skin/default/icons/lefttop_icon.png') no-repeat;
}

.snsim_current_session_others {
}

/* 群消息tab、群共享tab */
.snsim_dia_chatroom_list .snsim_tab_title{
	margin-left: 8px;
	vertical-align: 2px;
}
.snsim_message_tab_icon{
	display: inline-block;
	width: 15px;
	height: 16px;
	background: url('res/skin/default/icons/message_icon.png') no-repeat;
}
.snsim_share_tab_icon{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url('res/skin/default/icons/files_icon.png') no-repeat;
}

.sns_share_panel {
	position: fixed;
	z-index: 9;
	width: 353px;
	height: 382px;
	max-height: 382px;
	background: white;
	overflow: hidden;
}

.sns_share_panel ul {
	list-style: none;
}

.sns_share_panel ul li {
	border-bottom: 1px solid #f7f4f4;
	padding: 4px 10px;
}

.sns_share_panel ul li:hover{
	background: #edf0f2;
}

.snsim_sharefile_box{
	overflow: hidden;
	height: 350px;
	position: relative;
}

.snsim_share_panel_head{
	height: 22px;
	margin-top: 8px;
	padding-left: 20px;
	border-bottom: 1px solid #f7f4f4;
}
.snsim_share_file_refresh_btn{
	margin-right: 20px;
	float: right;
}
.snsim_share_file_refresh_btn .refresh_icon{
	display: inline-block;
	width: 23px;
	height: 12px;
	background: url('res/skin/default/icons/refrsh_icon.png') no-repeat;
}
.download_btn{
	float: right;
	margin: 15px 9px 0px 0px;
}
.download_btn .download_info{
	vertical-align: top;
}
.download_btn .download_icon{
	display: inline-block;
	width: 23px;
	height: 16px;
	background: url('res/skin/default/icons/download_icon.png') no-repeat;
}

.snsim_sharefile_container .snsim_file_info{
	display: inline-block;
	margin-left: 12px;
	width: 230px;
	overflow: hidden;
	white-space: nowrap;
}
.snsim_sharefile_container .snsim_file_info .name{
	display:block;
	width: 210px;
	overflow: hidden;
	font-size: 12px;
	margin-bottom: 4px;
}
.snsim_sharefile_container .snsim_file_info .downnum{
	color: #A19F9F;
}
.snsim_sharefile_container .snsim_file_info .creator{
	color: #A19F9F;
	margin-left: 12px;
}
.snsim_sharefile_container .snsim_file_info .time{
	color: #A19F9F;
	margin-left: 12px;
}
/* 头像上传裁图 */
.rRightDown, .rLeftDown, .rLeftUp, .rRightUp, .rRight, .rLeft, .rUp,
	.rDown {
	position: absolute;
	background: #FFF;
	border: 1px solid #333;
	width: 6px;
	height: 6px;
	z-index: 500;
	font-size: 0;
	opacity: 0.5;
	filter: alpha(opacity = 50);
}

.rLeftDown, .rRightUp {
	cursor: ne-resize;
}

.rRightDown, .rLeftUp {
	cursor: nw-resize;
}

.rRight, .rLeft {
	cursor: e-resize;
}

.rUp, .rDown {
	cursor: n-resize;
}

.rLeftDown {
	left: -4px;
	bottom: -4px;
}

.rRightUp {
	right: -4px;
	top: -4px;
}

.rRightDown {
	right: -4px;
	bottom: -4px;
	background-color: #00F;
}

.rLeftUp {
	left: -4px;
	top: -4px;
}

.rRight {
	right: -4px;
	top: 50%;
	margin-top: -4px;
}

.rLeft {
	left: -4px;
	top: 50%;
	margin-top: -4px;
}

.rUp {
	top: -4px;
	left: 50%;
	margin-left: -4px;
}

.rDown {
	bottom: -4px;
	left: 50%;
	margin-left: -4px;
}

.bgDiv {
	width: 160px;
	height: 160px;
	border: 1px solid #666666;
	position: relative;
	margin: 19px 132px 1px 132px;
}

.dragDiv {
	border: 1px dashed #fff;
	width: 100px;
	height: 100px;
	top: 50px;
	left: 50px;
	cursor: move;
}
/* 消息提醒 */
.snsim_list_opt {
	display: none;
	width: 17px;
	height: 18px;
	background: url('icons/edic_icon.png') no-repeat;
}

.sns_webim .snsim_list .list_content_li li:hover .snsim_list_opt {
	display: inline-block;
}

.sns_webim .snsim_list .list_content_li li:hover .snsim_unread_msg_num {
	display: none;
}

.snsim_unread_msg_num {
	display: none;
	color: #fff;
	background: #FF6868;
	border-radius: 10px;
	padding: 2px 4px;
}

/* remind */
.snsim_unread_message_panel {
	background: rgba(223, 223, 223, 0.62);
	position: absolute;
	overflow: auto;
	width: 182px;
	border-radius: 0;
	background: white;
	font-size: 12px;
	color: #000000;
	box-shadow: 9px 1px 38px rgba(93, 93, 93, 0.4);
}

.snsim_unread_message_panel ul {
	list-style: none;
}

.snsim_unread_message_panel ul li {
	border-top: 1px solid #d6d6d6;
	padding: 3px 10px 3px 10px;
}

.snsim_unread_message_panel ul li:hover {
	background: #ebedec;
}

.snsim_unread_message_panel .remind_message_num {
	float: right;
	margin: -36px 16px 0px 0px;
	border-radius: 40%;
	background: #FF6868;
	color: #FFF;
	width: 23px;
	text-align: center;
}

.snsim_unread_message_panel .name_content {
	display: inline-block;
	margin-left: 12px;
	width: 140px;
	white-space: nowrap;
	overflow: hidden;
	height: 56px;
}

.snsim_unread_message_panel .remind_message_content {
	color: #8b9395;
	margin-top: 6px;
}

.snsim_unread_message_panel .bottom {
	border-top: 1px solid #D3D3D3;
	padding: 5px 6px;
	margin:0 10px 16px 10px;
}
.snsim_unread_message_panel .arrow{
	background: rgba(189, 168, 168, 1) url(icons/bottomarrow.png) no-repeat;
	height: 7px;
	border: 1px solid;
	background-position: 77px 0px;
}

.snsim_unread_message_panel .bottom span {
	color: #f8ab7c;
	cursor: pointer;
}
#ignore_all {
	float: left;
}

#check_all {
	float: right;
}

.sns_webim a.avatar_upload_btn, a.avatar_upload_btn {
	background: #4fb45d;
	border-radius: 3px;
	vertical-align: top;
	margin-left: 13px;
	padding: 3px 14px;
	color: #fff;
}

.sns_msg_file_icon {
	float: left;
	width: 30px;
}
.sns_msg_file_info {
	white-space: nowrap;
	float: left;
	margin-top: 7px;
	margin-left: 10px;
	max-width: 170px;
	overflow: hidden;
}

/* workflow */

.sns_webim .snsim_chat_box .tab_list li.cur a.process_tab {
	color: #470404;
}

.sns_room_inner_tab {
	background:#fafafa;
	height: 34px;
}

.sns_invite_search_result {
	margin-left: 26px;
	background: #f7fafa;
	padding: 0px 15px;
}

.sns_sys_config {
	width: 100%;
	height: 400px;
	border-radius: 0 7px 0 0;
}/***
Spectrum Colorpicker v1.5.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/

.sp-container {
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    *display: inline;
    *zoom: 1;
    /* https://github.com/bgrins/spectrum/issues/40 */
    z-index: 9999994;
    overflow: hidden;
}
.sp-container.sp-flat {
    position: relative;
}

/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
  position:relative;
  width: 100%;
  display:inline-block;
}
.sp-top-inner {
   position:absolute;
   top:0;
   left:0;
   bottom:0;
   right:0;
}
.sp-color {
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:20%;
}
.sp-hue {
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:84%;
    height: 100%;
}

.sp-clear-enabled .sp-hue {
    top:33px;
    height: 77.5%;
}

.sp-fill {
    padding-top: 80%;
}
.sp-sat, .sp-val {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.sp-alpha-enabled .sp-top {
    margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
    display: block;
}
.sp-alpha-handle {
    position:absolute;
    top:-4px;
    bottom: -4px;
    width: 6px;
    left: 50%;
    cursor: pointer;
    border: 1px solid black;
    background: white;
    opacity: .8;
}
.sp-alpha {
    display: none;
    position: absolute;
    bottom: -14px;
    right: 0;
    left: 0;
    height: 8px;
}
.sp-alpha-inner {
    border: solid 1px #333;
}

.sp-clear {
    display: none;
}

.sp-clear.sp-clear-display {
    background-position: center;
}

.sp-clear-enabled .sp-clear {
    display: block;
    position:absolute;
    top:0px;
    right:0;
    bottom:0;
    left:84%;
    height: 28px;
}

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button  {
    -webkit-user-select:none;
    -moz-user-select: -moz-none;
    -o-user-select:none;
    user-select: none;
}

.sp-container.sp-input-disabled .sp-input-container {
    display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
    display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
    display: none;
}
.sp-palette-only .sp-picker-container {
    display: none;
}
.sp-palette-disabled .sp-palette-container {
    display: none;
}

.sp-initial-disabled .sp-initial {
    display: none;
}


/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
    background-image: -webkit-gradient(linear,  0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
    filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}
.sp-val {
    background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
    filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}

.sp-hue {
    background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
    background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
.sp-1 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.sp-2 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.sp-3 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.sp-4 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.sp-5 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.sp-6 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}

.sp-hidden {
    display: none !important;
}

/* Clearfix hack */
.sp-cf:before, .sp-cf:after { content: ""; display: table; }
.sp-cf:after { clear: both; }
.sp-cf { *zoom: 1; }

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
    .sp-color { right: 40%; }
    .sp-hue { left: 63%; }
    .sp-fill { padding-top: 60%; }
}
.sp-dragger {
   border-radius: 5px;
   height: 5px;
   width: 5px;
   border: 1px solid #fff;
   background: #000;
   cursor: pointer;
   position:absolute;
   top:0;
   left: 0;
}
.sp-slider {
    position: absolute;
    top:0;
    cursor:pointer;
    height: 3px;
    left: -1px;
    right: -1px;
    border: 1px solid #000;
    background: white;
    opacity: .8;
}

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/

.sp-container {
    border-radius: 0;
    background-color: #ECECEC;
    border: solid 1px #f0c49B;
    padding: 0;
    z-index: 1000;
}
.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
    font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.sp-top {
    margin-bottom: 3px;
}
.sp-color, .sp-hue, .sp-clear {
    border: solid 1px #666;
}

/* Input */
.sp-input-container {
    float:right;
    width: 100px;
    margin-bottom: 4px;
}
.sp-initial-disabled  .sp-input-container {
    width: 100%;
}
.sp-input {
   font-size: 12px !important;
   border: 1px inset;
   padding: 4px 5px;
   margin: 0;
   width: 100%;
   background:transparent;
   border-radius: 3px;
   color: #222;
}
.sp-input:focus  {
    border: 1px solid orange;
}
.sp-input.sp-validation-error {
    border: 1px solid red;
    background: #fdd;
}
.sp-picker-container , .sp-palette-container {
    float:left;
    position: relative;
    padding: 10px;
    /* padding-bottom: 300px;
    margin-bottom: -290px; */
}
.sp-picker-container {
    width: 172px;
    border-left: solid 1px #fff;
}

/* Palettes */
.sp-palette-container {
    border-right: solid 1px #ccc;
}

.sp-palette-only .sp-palette-container {
    border: 0;
}

.sp-palette .sp-thumb-el {
    display: block;
    position:relative;
    float:left;
    width: 24px;
    height: 15px;
    margin: 3px;
    cursor: pointer;
    border:solid 2px transparent;
}
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
    border-color: orange;
}
.sp-thumb-el {
    position:relative;
}

/* Initial */
.sp-initial {
    float: left;
    border: solid 1px #333;
}
.sp-initial span {
    width: 30px;
    height: 25px;
    border:none;
    display:block;
    float:left;
    margin:0;
}

.sp-initial .sp-clear-display {
    background-position: center;
}

/* Buttons */
.sp-palette-button-container,
.sp-button-container {
    float: right;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
    margin:0;
    overflow:hidden;
    cursor:pointer;
    display:inline-block;
    *zoom: 1;
    *display: inline;
    border: solid 1px #91765d;
    background: #eee;
    vertical-align: middle;
}
.sp-replacer:hover, .sp-replacer.sp-active {
    border-color: #F0C49B;
    color: #111;
}
.sp-replacer.sp-disabled {
    cursor:default;
    border-color: silver;
    color: silver;
}
.sp-dd {
    height: 14px;
    line-height: 14px;
    float:left;
    font-size:10px;
    margin: 3px -1px 0px -6px;
}
.sp-preview {
	border-right: solid 1px #91765d;
    position:relative;
    width:18px;
    height: 18px;
    margin-right: 5px;
    float:left;
    z-index: 0;
}

.sp-palette {
    *width: 220px;
    max-width: 220px;
}
.sp-palette .sp-thumb-el {
    width:16px;
    height: 16px;
    margin:2px 1px;
    border: solid 1px #d0d0d0;
}

.sp-container {
    padding-bottom:0;
}


/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
  background-color: #eeeeee;
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  vertical-align: middle;
}
.sp-container button:hover {
    background-color: #dddddd;
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd;
}
.sp-container button:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}
.sp-cancel {
    font-size: 11px;
    color: #d93f3f !important;
    margin:0;
    padding:2px;
    margin-right: 5px;
    vertical-align: middle;
    text-decoration:none;

}
.sp-cancel:hover {
    color: #d93f3f !important;
    text-decoration: underline;
}


.sp-palette span:hover, .sp-palette span.sp-thumb-active {
    border-color: #000;
}

.sp-preview, .sp-alpha, .sp-thumb-el {
    position:relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
    display:block;
    position:absolute;
    top:0;left:0;bottom:0;right:0;
}

.sp-palette .sp-thumb-inner {
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}

.sp-clear-display {
    background-repeat:no-repeat;
    background-position: center;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}
/*-------------------------------------
zTree Style

version:	3.4
author:		Hunter.z
email:		hunter.z@263.net
website:	http://code.google.com/p/jquerytree/

-------------------------------------*/
.ztree * {
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif
}

.ztree {
	margin: 0;
	padding: 5px;
	color: #333
}

.ztree li {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 14px;
	text-align: left;
	white-space: nowrap;
	outline: 0;
	margin-top: 4px;
}

.ztree li ul {
	margin: 0;
	padding: 0 0 0 18px;
	margin-top: 4px;
}

.ztree li ul.line {
	background: url(res/skin/default/icons/zTree/line_conn.gif) 0 0 repeat-y;
}

.ztree li a {
	padding: 1px 3px 0 0;
	margin: 0;
	cursor: pointer;
	height: 17px;
	color: #333;
	background-color: transparent;
	text-decoration: none;
	vertical-align: top;
	display: inline-block
}

.ztree li a:hover {
	/* text-decoration: underline */
}

.ztree li a.curSelectedNode {
	padding-top: 0px;
	background-color: #FFE6B0;
	color: black;
	height: 16px;
	border: 1px #FFB951 solid;
	opacity: 0.8;
}

.ztree li a.curSelectedNode_Edit {
	padding-top: 0px;
	background-color: #FFE6B0;
	color: black;
	height: 16px;
	border: 1px #FFB951 solid;
	opacity: 0.8;
}

.ztree li a.tmpTargetNode_inner {
	padding-top: 0px;
	background-color: #316AC5;
	color: white;
	height: 16px;
	border: 1px #316AC5 solid;
	opacity: 0.8;
	filter: alpha(opacity = 80)
}

.ztree li a.tmpTargetNode_prev {

}

.ztree li a.tmpTargetNode_next {

}

.ztree li a input.rename {
	height: 14px;
	width: 80px;
	padding: 0;
	margin: 0;
	font-size: 12px;
	border: 1px #7EC4CC solid;
	*border: 0px
}

.ztree li span {
	line-height: 16px;
	margin-right: 2px
}

.ztree li span.button {
	line-height: 0;
	margin: 0;
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	border: 0 none;
	cursor: pointer;
	outline: none;
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-image: url("res/skin/default/icons/zTree/zTreeStandard.png");
	*background-image: url("res/skin/default/icons/zTree/zTreeStandard.gif")
}

.ztree li span.button.chk {
	width: 13px;
	height: 13px;
	margin: 0 3px 0 0;
	cursor: auto
}

.ztree li span.button.chk.checkbox_false_full {
	background-position: 0 0
}

.ztree li span.button.chk.checkbox_false_full_focus {
	background-position: 0 -14px
}

.ztree li span.button.chk.checkbox_false_part {
	background-position: 0 -28px
}

.ztree li span.button.chk.checkbox_false_part_focus {
	background-position: 0 -42px
}

.ztree li span.button.chk.checkbox_false_disable {
	background-position: 0 -56px
}

.ztree li span.button.chk.checkbox_true_full {
	background-position: -14px 0
}

.ztree li span.button.chk.checkbox_true_full_focus {
	background-position: -14px -14px
}

.ztree li span.button.chk.checkbox_true_part {
	background-position: -14px -28px
}

.ztree li span.button.chk.checkbox_true_part_focus {
	background-position: -14px -42px
}

.ztree li span.button.chk.checkbox_true_disable {
	background-position: -14px -56px
}

.ztree li span.button.chk.radio_false_full {
	background-position: -28px 0
}

.ztree li span.button.chk.radio_false_full_focus {
	background-position: -28px -14px
}

.ztree li span.button.chk.radio_false_part {
	background-position: -28px -28px
}

.ztree li span.button.chk.radio_false_part_focus {
	background-position: -28px -42px
}

.ztree li span.button.chk.radio_false_disable {
	background-position: -28px -56px
}

.ztree li span.button.chk.radio_true_full {
	background-position: -42px 0
}

.ztree li span.button.chk.radio_true_full_focus {
	background-position: -42px -14px
}

.ztree li span.button.chk.radio_true_part {
	background-position: -42px -28px
}

.ztree li span.button.chk.radio_true_part_focus {
	background-position: -42px -42px
}

.ztree li span.button.chk.radio_true_disable {
	background-position: -42px -56px
}

.ztree li span.button.switch {
	width: 18px;
	height: 18px
}

.ztree li span.button.root_open {
	background-position: -92px -54px
}

.ztree li span.button.root_close {
	background-position: -74px -54px
}

.ztree li span.button.roots_open {
	background-position: -92px 0
}

.ztree li span.button.roots_close {
	background-position: -74px 0
}

.ztree li span.button.center_open {
	background-position: -92px -18px
}

.ztree li span.button.center_close {
	background-position: -74px -18px
}

.ztree li span.button.bottom_open {
	background-position: -92px -36px
}

.ztree li span.button.bottom_close {
	background-position: -74px -36px
}

.ztree li span.button.noline_open {
	background-position: -92px -72px
}

.ztree li span.button.noline_close {
	background-position: -74px -72px
}

.ztree li span.button.root_docu {
	background: none;
}

.ztree li span.button.roots_docu {
	background-position: -56px 0
}

.ztree li span.button.center_docu {
	background-position: -56px -18px
}

.ztree li span.button.bottom_docu {
	background-position: -56px -36px
}

.ztree li span.button.noline_docu {
	background: none;
}

.ztree li span.button.ico_open {
	margin-right: 2px;
	background-position: -126px -16px;
	vertical-align: top;
	*vertical-align: middle
}

.ztree li span.button.ico_close {
	margin-right: 2px;
	background-position: -110px 0;
	vertical-align: top;
	*vertical-align: middle
}

.ztree li span.button.ico_docu {
	margin-right: 2px;
	background-position: -110px -32px;
	vertical-align: top;
	*vertical-align: middle
}

.ztree li span.button.edit {
	margin-right: 2px;
	background-position: -110px -48px;
	vertical-align: top;
	*vertical-align: middle
}

.ztree li span.button.remove {
	margin-right: 2px;
	background-position: -110px -64px;
	vertical-align: top;
	*vertical-align: middle
}

.ztree li span.button.person_ico_docu,.ztree li span.button.person_ico_open, .ztree li span.button.person_ico_close {
	margin-right: 2px;
	background-position: -110px -80px;
	vertical-align: top;
	*vertical-align: middle
}

.ztree li span.button.loading_ico_docu, .ztree li span.button.loading_ico_open, .ztree li span.button.loading_ico_close {
	margin-right: 2px;
	background:url("res/skin/default/icons/zTree/loading.gif") no-repeat;
	vertical-align: top;
	*vertical-align: middle
}

.ztree li span.button.department_ico_docu,.ztree li span.button.department_ico_open, .ztree li span.button.department_ico_close {
	margin-right: 2px;
	vertical-align: top;
	*vertical-align: middle
}

.ztree li span.button.department_ico_docu,.ztree li span.button.department_ico_open {
	background-position: -126px -16px;
}

.ztree li span.button.department_ico_close {
	background-position: -126px 0;
}

.ztree li span.button.ico_loading {
	margin-right: 2px;
	background: url(res/skin/default/icons/zTree/loading.gif) no-repeat scroll 0 0 transparent;
	vertical-align: top;
	*vertical-align: middle
}

ul.tmpTargetzTree {
	background-color: #FFE6B0;
	opacity: 0.8;
	filter: alpha(opacity = 80)
}

span.tmpzTreeMove_arrow {
	width: 16px;
	height: 16px;
	display: inline-block;
	padding: 0;
	margin: 2px 0 0 1px;
	border: 0 none;
	position: absolute;
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: -110px -80px;
	background-image: url("res/skin/default/icons/zTree/zTreeStandard.png");
	*background-image: url("res/skin/default/icons/zTree/zTreeStandard.gif")
}

ul.ztree.zTreeDragUL {
	margin: 0;
	padding: 0;
	position: absolute;
	width: auto;
	height: auto;
	overflow: hidden;
	background-color: #cfcfcf;
	border: 1px #00B83F dotted;
	opacity: 0.8;
	filter: alpha(opacity = 80)
}

.zTreeMask {
	z-index: 10000;
	background-color: #cfcfcf;
	opacity: 0.0;
	filter: alpha(opacity = 0);
	position: absolute
}

/* level style*/
/*.ztree li span.button.level0 {
	display:none;
}
.ztree li ul.level0 {
	padding:0;
	background:none;
}*/