.chatRoom {
	margin:0 0 0 4px;
	padding:0;
	position:relative;
	font-size:0;
	background:#f4f4f4;
	width:100%;
}
.userCss {
	background:#f4f4f4;
}
.miniMode {}
.tinyMode {}
body {
	margin:0;
	padding:0;
	border:none;
}
.welcomePage {
	position:absolute;
	top:0;
	left:0;	
	z-index:9999;
	background:#f4f4f4;
}
.welcomePagePnl {
	position:absolute;
	background:url(images/room_1_1/im_loading.gif) no-repeat;
	font-size:12px;
	width:200px;
	height:32px;
	margin:0 0 0 50%;
	left:-100px;
}
.welcomePagePnl div {
	position:relative;
	top:12px;
	left:50px;
}
/*head area*/
.headArea {
	position:relative;
	color:#164358;
	font-size:12px;
	z-index:31;
}
.headArea a {
	color:#164358;
	text-decoration:none;
}
.headArea a:hover {
	text-decoration:none;
}
.headArea a:visited {
	color:#164358;
}
.headNick {
	float:left;
	padding:3px 0 0 0;
	margin:8px 1px;
	width:66px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.bnStyle1BgL {
	float:left;
	height:25px;
	width:2px;
	background:none;
}
.bnStyle1BgM {
	cursor:pointer;
	float:left;
	height:25px;
	background:none;
}
.bnStyle1BgR {
	float:left;
	height:25px;
	width:2px;
	background:none;
}
.bnStyle1Hover {
}
.bnStyle1Hover .bnStyle1BgL {
	background:url(images/room_1_1/im_bn1BgL.gif) no-repeat;
}
.bnStyle1Hover .bnStyle1BgM {
	background:url(images/room_1_1/im_bn1BgM.gif) repeat-x;
}
.bnStyle1Hover .bnStyle1BgR {
	background:url(images/room_1_1/im_bn1BgR.gif) no-repeat;
}

.headChange {
	float:left;
	cursor:pointer;
	width:76px;
	height:22px;
	margin:6px 2px;
	line-height:1.9;
}
.headChange .bnStyle1BgM {
	width:72px;
}
.hdChangeText {
	margin:0 0 0 3px;
	padding:3px 0 0 20px;
	background:url(images/room_1_1/im_s_2.gif) no-repeat;
}
.miniHdChangeText {
	cursor:pointer;
	display:none;
	margin:0 0 0 3px;
}
.miniMode .hdChangeText {
	display:none;
}
.miniMode .headChange {
	width:32px;
}
.miniMode .headChange .bnStyle1BgM {
	width:28px;
}
.miniMode .miniHdChangeText {
	display:inline;
}
.changePropertyPnl {
	position:absolute;
	top:30px;
	left:150px;
	width:203px;
	z-index:9999;
	background:#f4f4f4;
	border:1px solid #B8BDC7;
}
.miniMode .changePropertyPnl {
	left:80px;
}
.tinyMode .changePropertyPnl {
	left:0;
}
.changePropertyHead {
	color:#114E9D;
	font-size:12px;
	font-weight:bold;
	padding: 0 0 0 17px;
	background:url(images/room_1_1/im_s_abj.gif) repeat-x;
}
.changePropertyBody {
	background:#f4f4f4;
}
.changePropertyText {
	font-size:12px;
}
.changeSubmit {
	cursor:pointer;
	width:46px;
	height:21px;
	background:url(images/room_1_1/c_p_3.gif) no-repeat;
}
.changeCancel {
	cursor:pointer;
	width:46px;
	width:46px;
	height:21px;
	background:url(images/room_1_1/c_p_4.gif) no-repeat;
}
.headSlider {
	float:left;
	height:12px;
	width:1px;
	margin:10px 4px;
	background: #164358;
}
.hdCopyAdd {
	float:left;
	cursor:pointer;
	width:115px;
	height:22px;
	margin:6px 2px;
	line-height:1.9;
}
.hdCopyAddText {
	margin:0 0 0 3px;
	padding:3px 0 0 20px;
	background:url(images/room_1_1/im_h_c.gif) no-repeat;
}
.miniHdCopyAddText {
	cursor:pointer;
	display:none;
	margin:0 0 0 3px;
}
.miniMode .hdCopyAdd {
	width:55px;
}
.miniMode .hdCopyAddText {
	display:none;
}
.miniMode .miniHdCopyAddText {
	display:inline;
}
.tinyMode .hdCopyAdd ,
.tinyMode .miniHdCopyAddText {
    display:none;
}
.headManage {
	float:left;
	cursor:pointer;
	width:88px;
	height:22px;
	margin:6px 2px;
	line-height:1.9;
}
.headManage .bnStyle1BgM {
	width:84px;
}
.hdManageText {
	margin:0 0 0 3px;
	padding:3px 0 0 20px;
	background:url(images/room_1_1/im_s_3.gif) no-repeat;
}
.miniHdManageText {
	cursor:pointer;
	display:none;
	margin:0 0 0 3px;
}
.miniMode .hdManageText {
	display:none;
}
.miniMode .headManage {
	width:32px;
}
.miniMode .headManage .bnStyle1BgM {
	width:28px;
}
.miniMode .miniHdManageText {
	display:inline;
}
.tinyMode .headManage {
	display:none;
}

.newWinBtn {
	float:right;
	line-height:1.9;
	width:95px;
	height:22px;
	margin:6px;
	display:none;
}
.newWinBtn .bnStyle1BgM {
	width:91px;
}
.headNewWindow {
	cursor:pointer;
	margin:4px;
	font-size:12px;
	padding:2px 0 0 20px;
	background:url(images/room_1_1/im_open_window.gif) no-repeat;
	display:none;
}
.miniHeadNewWindow  {
	cursor:pointer;
	display:none;
	margin:4px;
	white-space:nowrap;
}
.miniMode .headNewWindow {
	display:none;
}
.miniMode .newWinBtn {
	width:32px;
}
.miniMode .newWinBtn .bnStyle1BgM {
	width:28px;
}
.miniMode .miniHeadNewWindow {
	display:inline;
}

.selectRoomBox {
	float:right;
	width:90px;
	height:28px;
}
.selectRoom {
	width:90px;
	margin:6px 0 0 0;
	border:1px solid #999;
}
.selectRoomText {
	float:right;
	width: 60px;
	padding:8px;
	line-height:1.7;
}
.miniMode .selectRoomText {
	display:none;
	width:0;
	font-size:0;
}
.msgCount {
	position:absolute;
	text-align:right;
	bottom:5px;
	right:4px;
	width:80px;
	height:20px;
	z-index:50;
}

/*body area*/
.bodyArea {
    position:relative;
    height:260px;
	z-index:30;
}
.bodyLeft {
	position:absolute;
	top:0;
	left:0;
	width:40px;
	z-index:20;
}
.bodyRight {
	position:absolute;
	top:0;
	right:0;
	z-index:10;
}
.bodyRightCtrl {
	position:absolute;
	padding: 0;
	top:0;
	left:0;
	width:19px;
	height:300px;
	z-index:100;
	background: #f4f4f4 url(images/room_1_1/r_btn_r.gif) no-repeat 0 0 ;
}
.rightCtrlBtn {
	position:absolute;
	color:#87989d;
	font-size:12px;
	padding:18px 0 0 0;
	top:150px;
	cursor:pointer;
	width:14px;
	height:133px;
	right:-2px;	
}
.rightCtrlBtn div {
	position:relative;
	left:-1px;
}
.rightCtrlBtnHover {
	background:url(images/room_1_1/r_btn_r1.gif) no-repeat;
}
.rightHide {
	background:url(images/room_1_1/r_btn_l.gif) no-repeat;
}
.rightHideHover {
	background:url(images/room_1_1/r_btn_l1.gif) no-repeat;
}
.bodyRightPnl {
	position:absolute;
	cursor:pointer;
	right:0;
	width:24px;
	height:560px;
	background:#ECF1F5;
	border:1px solid #CCD0DB;
	font-size:0;
	line-height:0;
}
.miniPnlText {
	width:12px;
	font-size:12px;
	color:#114e6b;
	margin:30px 5px;
	line-height:normal;
}
.pnlSlider {
	width:16px;
	height:1px;
	background:#CCD0DB;
	margin: 0 4px;
}
.bodyRightContent {
	position:absolute;
	top:0;
	right:0;
	width:150px;
	border:1px solid #999;
	border-left:0;
	background:#fff;
	overflow:hidden;
}

/*foot area*/
.footArea {
	display:none;
    position:relative;
    height:80px;
	z-index:30;
}
.footSysArea {
	margin: 0 4px;
	width:auto;
	height:74px;	
	background:url(images/room_1_1/ban.gif) no-repeat;
}

/* chat area */
.chatArea {
	position:relative;
	top:0;
	left:0;
	width:60%;
	height:180px;
	border:1px solid #999;
	background:#fff;
	overflow:hidden;
}
.chatScreen {
	position:absolute;
	color:#7a9393;
	background:none;
	font-size:12px;
	overflow:auto;
	overflow-x:visible;
	overflow-y:scroll;
	height:130px;
	width:60%;
}
.lockIcon {
	background:url(images/room_1_1/im_lock.gif) no-repeat;
}
.publicScreenIcon {
	position:absolute;
	top:10px;
	right:20px;
	z-index:50;
}
.tinyMode .publicScreenIcon {
	display:none;
}
.privateScreenIcon {
	position:absolute;
	top:15px;
	right:20px;
	z-index:50;
}
.screenIconFloater {
	float:right;
	line-height:0px;
	width:1px;
	height:1px;
}
.screenIconContainer {
	float:right;
	clear:right;
	visibility:visible;
	width:68px;
	height:30px;
}
.private .screenIconContainer {
	width:78px;
	height:40px;
}
.linkingIcon {
	width:79px;
	height:25px;
	background:url(images/room_1_1/im_linking.gif) no-repeat;
}
.offlineIcon {
	width:65px;
	height:16px;
	background:url(images/room_1_1/im_link_offline.gif) no-repeat;
}
.privateIcon {
	width:68px;
	height:13px;
	background:url(images/room_1_1/im_pri_tip.gif) no-repeat;
}
.tinyMode .privateIcon {
	display:none;
}
.cMsgItem {
	position:relative;
	width:auto;
	margin:0 0 0 2px;
	padding: 2px 0;
	overflow-x:hidden;
	word-break:break-all;
	word-wrap:break-word;
}
.public .msgBg{
	background:none;/*#f1f4f7;*/
}
.msgText {
	cursor:text;
	margin:0 4px;
	overflow-x:hidden;
	word-break:break-all;
	word-wrap:break-word;
	line-height:1.4;
}
.msgText a {
	color:#2175c9;
}
.msgUserText {
	margin:0 12px;
	width:90%;
	word-break:break-all;
	word-wrap:break-word;
}
.public {
	top:0;
}
.private {
	bottom:0;
	height:40px;
	background:none;
}
.privateSlider {
	position:absolute;
	top:130px;
	cursor:n-resize;
	cursor:row-resize;
	height:10px;
	width:60%;
	overflow:hidden;
	background:url(images/room_1_1/ps_bg.gif) repeat-x;
	z-index:20;
}
.sliderDisable {
	cursor:not-allowed;
}
.sliderMover {
	position:absolute;
	top:130px;
	cursor:n-resize;
	cursor:row-resize;
	height:6px;
	width:100%;
	background:#8f9498;
	z-index:999;
}
.priSliderBtn {
	cursor:pointer;
	margin:0;
	height:10px;
	width:120px;
	background:url(images/room_1_1/p_btn_u.gif) no-repeat 0 2px;
}
.priSliderBtnHover {
	background:url(images/room_1_1/p_btn_u1.gif) no-repeat 0 2px;
}
.priShow {
	background:url(images/room_1_1/p_btn_d.gif) no-repeat 0 2px;
}
.priShowHover {
	background:url(images/room_1_1/p_btn_d1.gif) no-repeat 0 2px;
}
.nick {
	color:#2175c9;
	cursor:pointer;
}
.myNick {
	color:#f16f06;
	font-weight:bold;
}
.offlineNick {
	color:#7a91a8;
}
.msgText .nick {
	text-decoration:underline;
	font-weight:bold;
}
.actionMsg {
	color:#8cc818;
	font-weight:bold;
}
.sysMsgHead {
	color:#009a00;
}
.sysMsgText {
	font-weight:bold;
	color:#7a91a8;
}
.hisMsgHead {
	color:#9c9c9c;
}
/* end chat area*/


/* edit area */
.editArea {
	position:relative;
	left:0;
	bottom:0;
	height:80px;
	width:60%;
}
.editAreaBottom {
	position:relative;
	height:40px;
	background:white;
	border:1px solid #999;
	overflow:hidden;
}

.sendBtn {
	position:absolute;
	cursor:pointer;
	right:4px;
	top:3px;
	width:73px;
	height:34px;
	background:url(images/room_1_1/im_s_15.gif) no-repeat;
}
.tinyMode .sendBtn {
	width:39px;
	height:19px;
	top:10px;
	background:url(images/room_1_1/tinySendBtn.gif) no-repeat;
}
.editCtrl {
	color:#000;
	position:relative;
	left:0;
	top:0;
	height:24px;
	font-size:12px;
}
.appletsBox {
	position:relative;
	left:0;
	top:0;
	height:24px;
	overflow:hidden;
	text-overflow:ellipsis;
}
.userNumLabel {
	position:absolute;
	right:8px;
	top:6px;
/*	width:110px;*/
	height:24px;
	text-align:right;
}
.tinyMode .userNumLabel {
	display:none;
}

.selectUserText {
	position:absolute;
	left: 3px;
	top:5px;
	
}
.selectUserBox {
	position:absolute;
	left:18px;
	top:1px;
	height:26px;
	font-size:12px;
}

.selectChatUser {
	height:20px;
	width:80px;
	border:1px solid #999;
}

.privateBox {
	position:absolute;
	left:100px;
	top:0;
	height:26px;
	width:58px;
}
.privateBox input {
	position:absolute;
	left:0;
	top:3px;
	>top:0;
}
.privateBox div {
	position:absolute;
	top:5px;
	right:0;
	font-size:12px;
}
.btnBox {
	position:absolute;
	left:160px;
	top:1px;
	height:26px;
}
.btnBox div {
	cursor:pointer;
}
.emBg {
	position:absolute;
	top:-142px;
	left:3px;
	width:260px;
	height:130px;
	border:1px solid #DEDEDE;
	background: transparent url(images/room_1_1/em_bg.gif) no-repeat scroll 0%;
	z-index:555551;
}
.emBox {
	position:absolute;
    top:-162px;
    left:3px;
	width:260px;
	background:#EEE;
	border:1px solid #DEDEDE;
}
.emLabelsBox {
	position:relative;
	height:20px;
	width:100%;
	top:-1px;
	left:0;
	z-index:555552;
}
.emLabelsBox div{
	float:right;
	width:36px;
	height:18px;
	overflow:hidden;
	cursor:pointer;
}
.emLabelsBox div div {
	margin:3px 0 0 0;
	width:36px;
	text-align:center;
}
.stdBtn ,
.std .stdBtn,
.fuwa .fuwaBtn, 
.huhuaoyun .huhuBtn {
	color:#346699;	
	background:#FFF;
	border:1px solid #DEDEDE;
	border-top:none;
}
.huhuBtn ,
.fuwaBtn,
.huhuaoyun .fuwaBtn,
.huhuaoyun .stdBtn,
.fuwa .stdBtn, 
.fuwa .huhuBtn {
	background:#eee;
	border:1px solid #eee;
	border-top:none;
	color:#3B3B3B;
}
.emBody {
	position:relative;
	top:0;
	left:0;
    width:260px;
	height:130px;
	border-bottom:1px solid #DEDEDE;
    z-index:555551;	
}
.huHuAoYunEm {
	position:absolute;
	top:0;
	left:0;
	background:#fff;
	width:260px;
	height:130px;
	z-index:0;
}
.huHuAoYunEm img {
    width:42px;
    height:42px;
	padding:4px;
}

.fuwaEm {
	position:absolute;
	top:0;
	left:0;
	background:#fff;
	width:260px;
	height:130px;
	z-index:0;
}
.fuwaEm img {
	width:48px;
	height:48px;
	padding:1px;
}
.stdEm {
	position:absolute;
	top:0;
	left:0;
    background: transparent url(images/room_1_1/em_bg.gif) no-repeat scroll 0%;
	z-index:1;
}
.std .fuwaEm ,
.std .huHuAoYunEm ,
.fuwa .stdEm ,
.fuwa .huHuAoYunEm ,
.huhuaoyun .stdEm,
.huhuaoyun .fuwaEm {
	z-index:0;
}
.std .stdEm ,
.fuwa .fuwaEm ,
.huhuaoyun .huHuAoYunEm {
	z-index:1;
}
	
.emItem {
	float:left;
	width:24px;
	height:24px;
	border:1px solid white;
}
.emItemHover {
	border:1px solid blue;
}
.colorPnl {
	position:absolute;
	font-size:0px;
	top:12px;
	height:3px;
	width:12px;
	border:1px solid gray;
	background:black;	
}

.colorPalette {
	position:absolute;
	padding:0;
	margin:0;
	top:-125px;
	>top:-140px;
	left:97px;
	background:white;
	z-index:51;
}

.miniBtnBox {
	position:absolute;
	width:26px;
	height:22px;
}
.miniBtnBox1 {
	left:0;
}
.miniBtnBox2 {
	left:26px;
}
.miniBtnBox3 {
	width:30px;
	left:52px;
}
.miniBtnBox4 {
	width:32px;
	left:82px;
}
.miniBtnBox5 {
	width:34px;
	left:114px;
}
.miniBtnBoxHover{
	background:#acbccd;
}
.miniMode .miniBtnBox2,
.miniMode .miniBtnBox3,
.miniMode .miniBtnBox4 {
	display:none;
}
.miniMode .miniBtnBox5 {
	left:26px;
}
.tinyMode .miniBtnBox1 {
	display:none;
}
.tinyMode .miniBtnBox5 {
	left:0;
}
            
.mEmBtn {
	position:absolute;
	top:3px;
	left:5px;
	height:16px;
	width:16px;
	background:url(images/room_1_1/em_btn.gif) no-repeat;
}
.fontColorBtn {
	position:absolute;
	top:3px;
	left:5px;
	height:16px;
	width:16px;
	background:url(images/room_1_1/colorBtn.gif) no-repeat 1px 0;
}
.btnBtn {
	height:16px;
	width:5px;
	margin:0 0 0 18px;
	background:url(images/room_1_1/im_b_b.gif) no-repeat 0 50%;
}
.chatActionBtn {
	position:absolute;
	top:3px;
	left:5px;

	height:16px;
	width:16px;
	background:url(images/room_1_1/im_ac_s.gif) no-repeat;
}
.chatOptionsBtn {
	position:absolute;
	top:3px;
	left:5px;
	height:16px;
	width:17px;
	background:url(images/room_1_1/im_op_s.gif) no-repeat;
}
.clsScreensBtn {
	position:absolute;
	top:3px;
	left:5px;
	height:16px;
	width:17px;
	background:url(images/room_1_1/im_cls_btn.gif) no-repeat;
}

/* extend edit */
.extendEdit {
	position:absolute;
	top:-200px;
	left:50px;
	background:#f4f4f4;
	width:355px;
	height:185px;
	border:1px solid #999;
	z-index:50;
}
.miniMode .extendEdit {
	left:3px;
}
.tinyMode .extendEdit {
	top:-180px;
	height:165px;
	width:185px;
}
.exPnlHead {
	height:28px;
	width:auto;
	background:url(images/room_1_1/im_s_abj.gif) repeat-x;
	overflow:hidden;
}
.exPnlHead div {
	float:left;
	cursor:pointer;
	width:60px;
	height:26px;
	color:#494B4E;
	font-weight:bold;
	padding:7px 0 0 6px;
}
.tinyMode .exPnlHead {
	height:20px;
}
.tinyMode .exPnlHead div {
	padding:3px 0 0 1px;
}
.exPnlBody {
	width:355px;
	height:122px;
}
.tinyMode .exPnlBody {
	position:absolute;
	top:20px;
	left:0;
	height:145px;
	width:185px;
	overflow:scroll;
}
.tinyMode .fbItem {
	width:300px;
}
.submitItem {
	position:relative;
	width:355px;
	margin:10px 0 0 0;
}

.okBtn {
	position:absolute;
	cursor:pointer;
	top:0;
	left:130px;
	width:46px;
	height:21px;
	background:url(images/room_1_1/im_p_3.gif) no-repeat;
}
.cancelBtn {
	position:absolute;
	cursor:pointer;
	top:0;
	left:200px;
	width:46px;
	height:21px;

	background:url(images/room_1_1/im_p_4.gif) no-repeat;
}
.exFontBlock {
	display:none;
	margin:10px 0 0 0;
	position:relative;
}
.fbItem {
	width:auto;
	margin:0 8px;
	height:30px;	
}
.tinyMode .fbItem {
	margin: 0 2px;
}
.fbItem div {
	margin:4px 0 0 4px;
	float:left;
	height:21px;
}
.fbItem select,
.fbItem input{
	float:left;
	margin: 0 4px;
}
.tinyMode .fbItem select {
	margin:0 1px;
	width:45px;
}
.tinyMode .fbItem .wrap {
	float:none;
	
}
.tinyMode .wrap select {
	width:10px;
}
.exFont {}
.exFont .exFontBlock {
	display:block;
}
.exLinkBlock {
	display:none;
	margin:20px 0;
}
.tinyMode .exLinkBlock {
	margin:0;
}
.exItem {
	text-align:left;
	padding:0 0 0 20px;
	width:auto;
	height:24px;
}

.exLink {}
.exLink .exLinkBlock {
	display:block;
}
.exImgBlock {
	display:none;
	margin:20px 0;
}
.exImg {}
.exImg .exImgBlock {
	display:block;
}
.exFlash {}

/*rich edit*/
.richEditBox {
	position:relative;
	top:0;
	left:0;
	background:white;
}

/* simple edit */
.textAreaBox {
	position:absolute;
	top:0;
	left:0;
}
.editTextArea {
	width:100%;
	height:38px;
	border:none;
}
/* end edit area*/


/*hint area*/
.hintArea {
	position:relative;
}
.hintCap {
	position:relative;
	cursor:pointer;
	height:18px;
	padding:0 0 0 12px;
	background:url(images/room_1_1/hCapBg.gif) no-repeat right ;
}
.capIcon {
	position:absolute;
	top:0;
	left:8px;
	height:18px;
	width:7px;
	background:url(images/room_1_1/im_s.gif) no-repeat left 6px;
}
.capIconDown {
	background:url(images/room_1_1/im_s.gif) no-repeat right 6px;
}
.capText {
	position:absolute;
	font-size:12px;
	top:2px;
	left:20px;
	color:#353535;
}
.hintContentBox {
	position:relative;
	height:auto;
}
.hintContentText {
	position:relative;
	margin: 3px 6px;
	line-height:1.5;
	color:#444444;
	font-size:12px;
}

/* user list*/
.userList {
	position:relative;
	height:250px;
	/*font-size:12px;*/
	background:#fff;;
}
.listBox {
	height:130px;
	overflow-x:auto;
	overflow-y:scroll;
}
.myUserBox {}
.myUserBox .nick {
	cursor:default;
}
.adminUserBox {}
.specialUserBox {}
.userUserBox {}

.adminUserBox .nickBox .nick {
	color:#F16F06;
}
.guestUserBox .nickBox .nick {
	color:#7A9393;
}

.userItem {
	margin:1px 0;
	padding:3px 0 0 8px;
	font-size:12px;
}
.userItemSelect {
	background:#728ec0;
	font-size:12px;
}
.permSayIcon {
	width:13px;
	height:15px;
}
.permIcon {
	float:left;
	width:13px;
	height:15px;
	margin: 2px 0;
}
.block .permIcon {
	background:url(images/room_1_1/im_block_msg.gif) no-repeat;
}
.lock .permIcon {
	background:url(images/room_1_1/im_lock.gif) no-repeat;
}
.chatting .permIcon {
	background:url(images/room_1_1/im_popo.gif) no-repeat;
}
.adminIcon {
	background:url(images/room_1_1/im_star.gif) no-repeat;
}
.superAdminIcon {
	background:url(images/room_1_1/im_blue_star.gif) no-repeat;
}
.cleanerAdminIcon {
	background:url(images/room_1_1/im_green_star.gif) no-repeat;
}
.userIcon {
/*
	background:url(images/room_1_1/im_heart.gif) no-repeat;
*/
}
.candleman {
	float:left;
	width:13px;
	height:13px;
	margin:0 1px;
}
.nickBox {
	float:left;
	margin:0 4px;
	width:75px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.nickBox .nick {
	color:#444;
}
.userItemSelect .nickBox .nick {
	color:white;
}
/* end user list*/
/*  menu */
.menu {
	position:absolute;
	border:1px solid #8495ca;
	background:#F7F9FD;
	width:120px;
}
.contextMenu {
	top:-500px;
	left:-500px;
}
.menuList {
	list-style-type:none;
	padding:0px;
    margin:0;
}
.contextMenu .menuList {
	margin:2px;
}
.menuItem {
    vertical-align:middle;
    padding:0 4px 0 0;
    color:#3c4d81;
	cursor:pointer;
	white-space:nowrap;
	overflow:hidden;
}
.menuItemHover{
    vertical-align:middle;
    padding:0 4px 0 0;
	cursor:pointer;
	white-space:nowrap;
	overflow:hidden;
    color:#ffffff;
}
.contextMenu .menuItem,
.contextMenu .menuItemHover {
	padding:2px 4px;
}
.contextMenu .menuItemHover{
	background:#7d96bb none;
}

.menuItemSubMenu,
.menuItemSubMenuHover {
    vertical-align:middle;
    padding:2px 4px 2px 0;
    color:#3c4d81;
	cursor:pointer;
	white-space:nowrap;
	overflow:hidden;
}
.menuItemSubMenuHover {
	background:#7d96bb none;
}
.contextMenu .menuItemSubMenu,
.contextmenu .menuItemSubMenuHover {
	padding:2px 4px;
}
.menuIcon {
    float: right;
    margin-right:-2px;
    width: 7px;
	background:transparent url(images/moreBtn2.gif) no-repeat center right;
}
.menuText {
    float:left;
	font-size:12px;
    color:#3c4d81;
	white-space:nowrap;
	overflow:hidden;
}

.menuText a{
    text-decoration:none
}

.menuTextLeft {
	float:left;
	width:22px;
	height:20px;
	background:#ACBDD3;
}
.menuTextLeftChecked {
	float:left;
	width:22px;
	height:20px;
	background:#ACBDD3 url(images/room_1_1/im_chk.gif) no-repeat 7px 6px;
}

.menuTextRight {
	float:left;
	margin: 2px 4px;
	width:75px;
}
.actionText {
	width: 50px;
}
.menuItemHover .menuTextRight {
	background:#7d96bb none;
}

.menuItemHover .menuText,
.menuItemSubMenuHover .menuText{
    color:#fff;
}

/*action menu*/
.actionMenu {}
.actionMenu .menuTextRight {
	margin: 2px 1px;
}
.actionMenu .menuTextLeft {
	width:20px;
}
/*action menu end*/

.displayUserInfoPnl {
	position:absolute;
	padding:4px 2px 4px 8px;
	background:white;
	color:#444444;
	font-size:12px;
	border:1px solid #7a91a8;
	width: 220px;
	height:auto;
	z-index:100;
}
.tinyMode .displayUserInfoPnl {
	width:200px;
	overflow:auto;
}
.closeUserInfoBtn {
	cursor:pointer;
	float:right;
	width:13px;
	height:13px;
	background:url(images/room_1_1/pix_7g.gif) no-repeat;
}
.userInfoPnlItem {
	color:#7A91A8;
	float:left;
	width: 40px;
	font-weight:bold;
}
.userInfoPnlCon {
	margin:0 5px;
	float:left;
	
}
/* menu end */
/* login pnl*/
.loginPnl {
	margin:0 0 0 50%;
	left:-198px;
	width:400px;
	height:390px;
	color:#0D316F;
	background:url(images/room_1_1/im_lgPnlBg.gif) no-repeat;
	position:absolute;
}
.loginPnlBody {
	position:absolute;
	top:90px;
	left:20px;
	width:325px;
	height:138px;
}
.lgItem {
	margin:5px;
}
.lgItemL {
	margin:4px 0 0 0;
}
.lgItem div {
	float:left;
}
.lgGender {
	width:170px;
	text-align:left;
	line-height:1.6;
}
.lgGender input {
	float:left;
}
.lgGender div {
	float:left;
	margin:0 3px;
}
.genderIcon1 {
	background:url(images/room_1_1/im_wbs10.gif) no-repeat;
}
.genderIcon2 {
	background:url(images/room_1_1/im_wbs9.gif) no-repeat;
}

.lgChangeInfo {	
	display:none;
	font-size:14px;
	margin: 20px 0 0 90px;
}
.lgMsgIcon {
	font-size:15px;
	width:30px;
	height:18px;
	background:url(images/room_1_1/im_login_01.gif) no-repeat;
}
.outMsgArea {
	font-size:14px;
	display:block;
	padding:30px 0 0 100px;
}
.changeInfo {
}
.changeInfo .outMsgArea {
	display:none;
}
.changeInfo .lgChangeInfo {
	display:block;
}
.lgBtnItem {
	margin:14px 0;
}
.loginBtn {
	margin:0 0 0 100px;
	width:154px;
	height:24px;
	cursor:pointer;
	background:#fbf7b8 url(images/room_1_1/im_wbs11.gif) no-repeat;
}

/* flush Pnl*/
.flushPnl {
	position:absolute;
	width:267px;
	z-index:200;
}
.flushPnl1 {
	width:267px;
	height:12px;
	background:url(images/room_1_1/im_flush1.gif) no-repeat;
}
.flushPnl2 {
	width:267px;
	height:94px;
	background:url(images/room_1_1/im_flush2.gif) repeat-y;
}
.flushPnlMsg {
	position:relative;
	text-align:center;
	height:40px;
	top:25px;
	font-size:12px;
	color:#004b95;
	line-height:25px;
}
.flushPnlIcon {
	font-size:13px;
	background:url(images/room_1_1/im_flushIcon.gif) no-repeat;
}
.flushPnlBtn {
	cursor:pointer;
	position:relative;
	width:134px;
	height:36px;
	margin:0 0 0 50%;
	top:15px;
	left:-67px;
	background:url(images/room_1_1/im_flushBtn.gif) no-repeat;
}
.flushPnl3 {
	width:267px;
	height:14px;
	background:url(images/room_1_1/im_flush3.gif) no-repeat;
}
/*cleanerPnl*/
.cleanerPnl {
	position:absolute;
	top:200px;
	left:120px;
	width:300px;
	height:auto;
	z-index:20;
	font-size:12px;
	background:#fff;
	border:1px solid #999;
}
.clPnlHead {
	background:url(images/room_1_1/im_s_abj.gif) repeat-x;
	width:100%;
	height:28px;
	color:#494B4E;
	font-weight:bold;
	line-height:2.8;
}
.clDisplayBox {
	font-size:12px;
	width:100%;
}
.clDisplayBoxH {
	margin:5px;
	padding:2px;
	background:#F7F9FD;
}
.clDisplayItem {
	margin:5px;
    padding:2px;
}
.clDisplayItem input {
	border:solid 1px #fff;
	
}

.clPnlItem {
	border:none;
}

.clPnlBtn {
	color:#2175C9;
	cursor:pointer;
}
/*ad css*/
.chatAreaAdBox1 {
	display:none;
	overflow:hidden;
	text-align:center;
	padding:0 0 3px 0;	
}
.chatAreaAdBox1 a img {
	border:none;
}
/** Definition of Float Clear Fix */
.clearfix:after {
	content: "."; 
	display:block; 
	height:0px; 
	clear:both; 
	visibility:hidden;
}
.clearfix { display:inline-block; }
/** Hide from IE-Mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/** End hide IE/Mac */
/** end of Definition of Float Clear Fix */

/*皮肤默认模板*/

/*聊天室大背景*/
.skin1,
.skin1 .chatRoom {
	background:#F5F0DD;
}
.skin1 .welcomePage {
	background:#F5F0DD;
}

/*改名换性，新开窗口区域*/

/*文字颜色*/
.skin1 .headArea,
.skin1 .headArea a,
.skin1 .headArea a:hover,
.skin1 .headArea a:visited {
	color:#164358;
}
/*文字分割线颜色，使用边框风格实现*/
.skin1 .headSlider {
	background:#164358;
}
/*按钮*/
 /*左，图片大小 2*22 */

.skin1 .bnStyle1Hover .bnStyle1BgL {
	background:url(images/room_1_1/im_bn1BgL.gif) no-repeat;
}
 /*中,图片大小 1*22 水平拉伸*/
.skin1 .bnStyle1Hover .bnStyle1BgM {
	background:url(images/room_1_1/im_bn1BgM.gif) repeat-x;
}
 /*右，图片大小，2*22*/
.skin1 .bnStyle1Hover .bnStyle1BgR {
	background:url(images/room_1_1/im_bn1BgR.gif) no-repeat;
}

/*新开房间select边框*/
.skin1 .selectRoom {
	border:1px solid #7f9db9;
}

/*聊天信息区，右侧公告区，用户列表区，消息编辑区 边框*/
.skin1 .chatArea,
.skin1 .editAreaBottom {
	border:1px solid #c27c31;
}
.skin1 .bodyRightContent {
	border:1px solid #c27c31;
	border-left:0;
}


/*聊天信息显示区域*/
 /*公告消息背景色*/
.skin1 .public .msgBg {
	background:none;/*#f1f4f7;*/
}
 /*聊天区域的用户昵称颜色*/
.skin1 .nickBox .nick {
	color:#444;
}
.skin1 .adminUserBox .nickBox .nick {
	color:#F16F06;
}
.skin1 .guestUserBox .nickBox .nick {
	color:#7A9393;
}
 /*离线的用户昵称颜色*/
.skin1 .offlineNick {
	color:#7a91a8;
}
 /*'你'字的颜色*/
.skin1 .myNick {
	color:#f16f06;
}
 /*系统消息字色*/
.skin1 .sysMsgHead {
	color:#009a00;
}
 /*系统消息内容颜色*/
.skin1 .sysMsgText {
	color:#7a91a8;
}
 /*私人消息区域底色*/
.skin1 .private {
	background:none;
}

 /*聊天文字颜色*/
.skin1 .chatScreen {
	color:#7a9393;
}
 /*分隔条背景,图片1*10水平拉伸*/
.skin1 .privateSlider {
	background:url(images/room_1_1/ps_bg.gif) repeat-x;
}
 /*分隔条中按钮,4张背景图片，120*8，分别为箭头向上，箭头向上高亮，箭头向下，箭头向下高亮*/
.skin1 .priSliderBtn {
	background:url(images/room_1_1/p_btn_u.gif) no-repeat 0 2px;
}
.skin1 .priSliderBtnHover {
	background:url(images/room_1_1/p_btn_u1.gif) no-repeat 0 2px;
}
.skin1 .priShow {
	background:url(images/room_1_1/p_btn_d.gif) no-repeat 0 2px;
}
.skin1 .priShowHover {
	background:url(images/room_1_1/p_btn_d1.gif) no-repeat 0 2px;
} 
 /*移动分隔条颜色*/
.skin1 .sliderMover {
	background:#8f9498;
}


/*编辑区域‘对，悄悄话’文字颜色*/
.skin1 .editCtrl {
	color:#000;
}
 /*聊天对象select元素边框*/
.skin1 .selectChatUser {
	border:1px solid #7f9db9;
}
 /*表情字体颜色等按钮的背景色*/
.skin1 .miniBtnBoxHover {
	background:#acbccd;
}
 /*发送按钮*/

.skin1 .sendBtn {
	background:url(images/room_1_1/im_s_15.gif) no-repeat;
}
   /*tiny模式时，39*19*/
.skin1 .tinyMode .sendBtn {
	background:url(images/room_1_1/skin1/im_s_151.gif) no-repeat;
}

/*左右分隔条,注意背景色和背景图片同时使用，背景色和大背景色一致，背景图片为16*1120，上下各预留了500像素的细线，以适应很高的聊天室*/
.skin1 .bodyRightCtrl {
	background: #F5F0DD url(images/room_1_1/skin1/r_btn_r1.gif) no-repeat 0 0 ;
}
.skin1 .rightHide {
	background: url(images/room_1_1/skin1/r_btn_l1.gif) no-repeat 0 0 ;
}
 /*分隔条内文字颜色*/
.skin1 .rightCtrlBtn {
	color:#87989d;
}

/*右侧公告和用户列表区域*/
 /*背景色*/
.skin1 .bodyRightContent,
.skin1 .hintArea,
.skin1 .userList {
	background:#fff;
}
 /*标题栏, 140*18 居右布局*/
.skin1 .hintCap {
	background:url(images/room_1_1/hCapBg.gif) no-repeat right;
}
/*箭头图标，13*3,上下的箭头各1*/
.skin1 .capIcon {
	background:url(images/room_1_1/im_s.gif) no-repeat left 6px;	
}
.skin1 .capIconDown {
	background:url(images/room_1_1/im_s.gif) no-repeat right 6px;
}
/*标题文字颜色*/
.skin1 .capText {
	color:#353535;
}

/*改名换性*/
 /*背景底色，边框*/
.skin1 .changePropertyPnl {
	background:#f4f4f4;
	border:1px solid #B8BDC7;
}
.skin1 .changePropertyBody {
    background:#f4f4f4;
}
 /*标题文字颜色,背景*/
.skin1 .changePropertyHead {
	color:#494B4E;
	background:url(images/room_1_1/im_s_abj.gif) repeat-x;
}
 /*确定和取消按钮*/
.skin1 .changeSubmit {
	background:url(images/room_1_1/c_p_3.gif) no-repeat;
}
.skin1 .changeCancel {
	background:url(images/room_1_1/c_p_4.gif) no-repeat;
}

/*高级编辑器*/
 /*边框和底色*/
.skin1 .extendEdit {
	background:#f4f4f4;
	border:1px solid #c27c31;
}
 /*标题栏色值*/
.skin1 .exPnlHead div {
	color:#494B4E;
}

/*登录页*/
 /*背景图，文字颜色*/
.skin1 .loginPnl {
	color:#c78843;
	background:#F5F0DD url(images/room_1_1/skin1/im_lgPnlBg1.gif) no-repeat center;
}
 /*进入按钮*/
.skin1 .loginBtn {
	background:url(images/room_1_1/skin1/im_wbs111.gif) no-repeat;	
}
/*重新进入按钮*/
.skin1 .flushPnlBtn {
	background:url(images/room_1_1/skin1/im_flushBtn1.gif) no-repeat;
}
/*重新进入背景*/
.skin1 .flushPnl1 {
	background:url(images/room_1_1/skin1/im_flush11.gif) no-repeat;
}
.skin1 .flushPnl2 {
	background:url(images/room_1_1/skin1/im_flush21.gif) repeat-y;
}
.skin1 .flushPnl3 {
	background:url(images/room_1_1/skin1/im_flush31.gif) no-repeat;
}
/*skin2*/
.skin2,
.skin2 .chatRoom {
	background:#bfeaff;
}
.skin2 .welcomePage {
	background:#bfeaff;
}
.skin2 .loginPnl {
	background:#e4f8ff url(images/room_1_1/skin2/im_lgPnlBg.jpg) no-repeat center;
}
.skin2 .chatArea,
.skin2 .editAreaBottom {
	border:1px solid #749dc0;
}
.skin2 .bodyRightContent {
	border:1px solid #749dc0;
	border-left:0;
}
.skin2 .bodyRightCtrl {
	background: #bfeaff url(images/room_1_1/r_btn_r.gif) no-repeat 0 0 ;
}
.skin2 .rightHide {
    background:url(images/room_1_1/r_btn_l.gif) no-repeat;
}   
.skin2 .privateSlider {
	background:url(images/room_1_1/skin2/ps_bg.gif) repeat-x;
}
.skin2 .priSliderBtn {
	background:url(images/room_1_1/skin2/p_btn_u.gif) no-repeat 0 2px;
}
.skin2 .priSliderBtnHover {
	background:url(images/room_1_1/p_btn_u1.gif) no-repeat 0 2px;
}
.skin2 .priShow {
	background:url(images/room_1_1/skin2/p_btn_d.gif) no-repeat 0 2px;
}
.skin2 .priShowHover {
	background:url(images/room_1_1/p_btn_d1.gif) no-repeat 0 2px;
}
.skin2 .sendBtn {
	background:url(images/room_1_1/skin2/im_s_15.gif) no-repeat;
}
   /*tiny模式时，39*19*/
.skin2 .tinyMode .sendBtn {
	background:url(images/room_1_1/tinySendBtn.gif) no-repeat;
}

/*end skin2*/
/*skin3*/
.skin3,
.skin3 .chatRoom {
	background:#feeac4;
}
.skin3 .welcomePage {
	background:#feeac4;
}
.skin3 .loginPnl {
	color:#990000;
	background:#e4f8ff url(images/room_1_1/skin3/im_lgPnlBg.jpg) no-repeat center;
}
.skin3 .loginPnl input {
	border:1px solid #c09774;
}
.skin3 .loginBtn {
	background:url(images/room_1_1/skin3/im_wbs11.gif) no-repeat;	
}
.skin3 .chatArea,
.skin3 .editAreaBottom {
	border:1px solid #c09774;
}
.skin3 .bodyRightContent {
	border:1px solid #c09774;
	border-left:0;
}
.skin3 .bodyRightCtrl {
	background: #feeac4 url(images/room_1_1/r_btn_r.gif) no-repeat 0 0 ;
}
.skin3 .rightHide {
    background:url(images/room_1_1/r_btn_l.gif) no-repeat;
}   
.skin3 .privateSlider {
	background:url(images/room_1_1/skin3/ps_bg.gif) repeat-x;
}
.skin3 .priSliderBtn {
	background:url(images/room_1_1/skin3/p_btn_u.gif) no-repeat 0 2px;
}
.skin3 .priSliderBtnHover {
	background:url(images/room_1_1/p_btn_u1.gif) no-repeat 0 2px;
}
.skin3 .priShow {
	background:url(images/room_1_1/skin3/p_btn_d.gif) no-repeat 0 2px;
}
.skin3 .priShowHover {
	background:url(images/room_1_1/p_btn_d1.gif) no-repeat 0 2px;
}
.skin3 .sendBtn {
	background:url(images/room_1_1/skin3/im_s_15.gif) no-repeat;
}
   /*tiny模式时，39*19*/
.skin3 .tinyMode .sendBtn {
	background:url(images/room_1_1/tinySendBtn.gif) no-repeat;
}

/*end skin3*/

.tip {
	background:url(images/room_1_1/tip_1_1.gif) no-repeat;
    /*border:1px white solid;*/
	text-align:left;
	/*filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;*/
	position:absolute;
    height:34px;
    width:123px;
	z-index:21;	
	left:-80px;
    top:-100px;
}
.tip span {
	position:absolute;
	display:block;
	font-size:12px;
    color:#eb7331;
	font-weight:bold;
    width:105px;
	left:8px;
    top:10px;
}
.tip div {
	position:absolute;
	width:13px;
	height:13px;
	left:94px;
	top:7px;
	/*background-color:red;*/
	cursor:pointer;
}
.chatComplaintsReport {
    border:1px solid #969696;
    text-align:left;
    position:absolute;
    width:320px;
    color:#969696;
    font-size:12px;
    background-color:white;
    z-index:999;
}
.chatComplaintsReportTitle {
    background:url('images//room_1_1/errorPlaint_1_1.gif') no-repeat;
    background-position: 5px 1px;
    background-color:#e5e7fe;
    margin:2px 2px 0px 2px;
    color:black;
    font-weight:900;
    font-size:13px;
    height:21px;
}
.chatComplaintsReportTitle span {
    display:block;
    position:absolute;
    top:6px;
    left:35px;
}

.chatComplaintsSendBtn{
    display:inline;
    background-color:#969696;
    color:white;
    cursor:pointer;
    padding:2px 8px 1px 8px;
}

.adBox1 {
	padding:3px 0 0 0;
	font-size:12px;
	color:#6f6f6f;
}
.adBox1 a {
	color:#6f6f6f;
	color:#0e2a37;
}
.adBox1 a:hover {
	color:#6f6f6f;
	color:#0e2a37;
}


#_webim_elems_container_20070814 .addBuddyWin {
	width:180px;
}
#_webim_elems_container_20070814 .actionStatus {
	width:160px;
}
#_webim_elems_container_20070814 .resultTxt {
	padding:0;
}
#_webim_elems_container_20070814 .addBuddyTextarea {
	width:130px;
}
#_webim_elems_container_20070814 .addBuddyWin .capTxt {
	width:130px;
}

.scrollIconMsg{
	background:url("images//room_1_1/im_newScrollMsg.gif") no-repeat;
	position:absolute;
	width:17px;
	height:17px;
	right:0px;
	cursor:pointer;
	z-index:1000;
}

/*处理聊天室内部署的小纸条窗口*/
.dlgMinBtn,
.openBuddyWin,
.imWin .dlgBtns .dlgStickBtn {
	display:none;
}