@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
a { text-decoration: none; }

/* ~~~~~~~~~~ */
.im{
	direction:rtl;
	font:11px tahoma;
	color:#333;
}
.chatPP_main a, .IM_main a { cursor: pointer; }
.chatPP_main {
	width: 260px;
	height: 27px;
	float: right;
	position: fixed;
	bottom: 0;
}
.chatPP_title_padding {
	background: url(../Images/top-right.png) no-repeat right top;
	padding-right: 5px;
}
.chatPP_title { background: url(../Images/cht-top.png) repeat-x right top; }
.chatPP_title .title_top { background: url(../Images/cht-top-title.png) no-repeat 42px top; }
.chatPP_title .title_dis {
	display: inline-block;
	width: 100%;
}
.chatPP_title .title_bt {
	background: url(../Images/cht-top-title-left.png) no-repeat left top;
	height: 27px;
	width: 42px;
	float: left;
}
.chatPP_title .title_bt a {
	float: left;
	height: 100%;
	width: 37px;
}
.chatPP_title .title_name {
	min-height: 25px;
	width: 165px;
	float: left;
	color: #fff;
}
.chatPP_title .title_name a { color: #fff; }
.chatPP_title .title_msg {
	height: 22px;
	background: url(../Images/IM_msg_right.png) no-repeat right top;
	float: right;
	padding-right: 6px;
	margin: -7px 7px 0 0;
	position: relative;
}
.chatPP_title .title_msg_left {
	background: url(../Images/IM_msg_left.png) no-repeat left top;
	padding-left: 6px;
}
.chatPP_title .title_msg_mid { background: url(../Images/MI_msg_r.png) repeat-x left top; }
.chatPP_title .title_msg_cent {
	height: 22px;
	background: url(../Images/IM_msg_mid.png) no-repeat center top;
	font-size: 9px;
	text-align: center;
}
.chatPP_title .title_text {
	height: 20px;
	float: left;
	padding: 5px 5px 0 20px;
}
.chatPP_title .title_text a:hover { color: #f00; }
.chatPP_content {
	background: url(../Images/cht-bt-border.gif) repeat-x left bottom #424242;
	height: 100%;
}
.chatPP_content_left {
	background: url(../Images/cht-left-border.gif) repeat-y left bottom;
	height: 100%;
}
.chatPP_content_right {
	background: url(../Images/cht-right-border.gif) repeat-y right bottom;
	height: 100%;
}
/* ~~~~~ Tabs~~~~~ */
.chatPP_tab {
	margin: 7px 7px 3px;
	background: url(../Images/IM_tab_br_bt.gif) repeat-x left bottom #fff;
	display: inline-block;
}
.chatPP_tab_top { background: url(../Images/IM_tab_br_top.gif) repeat-x left top; }
.chatPP_tab_left { background: url(../Images/IM_tab_br_left.gif) repeat-y left bottom; }
.chatPP_tab_right { background: url(../Images/IM_tab_br_right.gif) repeat-y right bottom; }
.chatPP_tab_right_bt { background: url(../Images/IM_tab_br_bt_right.gif) no-repeat right bottom; }
.chatPP_tab_left_bt {
	background: url(../Images/IM_tab_br_bt_left.gif) no-repeat left bottom;
	width: 527px;
	min-height: 326px;
}
.chatPP_tabs {
	width: 523px;
	height: 24px;
	margin: 2px 2px 0 2px;
	display: inline-block;
	background-color: #424242;
}
.chatPP_tabs .tabBg, .chatPP_tabs .tabBg_s, .chatPP_tabs .tabBg_i, .chatPP_tabs .tabBg_c {
	width: 130px;
	height: 22px;
	float: left;
	background: url(../Images/IM_tab_bg.gif) no-repeat left top;
	text-align: center;
	color: #000;
}
.chatPP_tabs a {
	width: 130px;
	height: 19px;
	display: block;
	color: #000;
	padding-top: 3px;
}
.chatPP_tabs a:hover { color: #cc1313; }
.chatPP_tabs .tabBg, .chatPP_tabs .tabBg_s, .chatPP_tabs .tabBg_i { margin-right: 1px; }
.chatPP_tabs .active { background: url(../Images/IM_tab_bg_over.gif) no-repeat center top; }
.chatPP_tabs .tabBg a { background: url(../Images/icon_tabBg.png) no-repeat 109px 6px; }
.chatPP_tabs .tabBg_s a { background: url(../Images/icon_tabBg_s.png) no-repeat 110px 3px; }
.chatPP_tabs .tabBg_i a { background: url(../Images/icon_tabBg_i.png) no-repeat 110px 3px; }
.chatPP_tabs .tabBg_c a { background: url(../Images/icon_tabBg_c.png) no-repeat 110px 3px; }
/* ~~~~~ Contents~~~~~ */
.IM_contents {
	width: 503px;
	height: 275px;
	margin: 2px 2px 0 2px;
	display: inline-block;
	overflow: auto;
	padding: 10px;
}
.IM_contents .IM_messages_received, .IM_contents .IM_sent, .IM_contents .IM_setting {
	width: 503px;
	display: inline-block;
	display: none;
}
/* ~~~~~ Footer ~~~~~ */
.chatPP_footer {
	margin: 0 7px;
	display: inline-block;
	width: 527px;
	height: 20px;
	color: #eaeaea;
}
.chatPP_footer .IM_footer_sep { background: url(../Images/footer_sep.gif) no-repeat left top; }
.chatPP_footer .IM_online { background: url(../Images/IM_Online.gif) no-repeat right 2px; }
.chatPP_footer .IM_offline { background: url(../Images/IM_Offline.gif) no-repeat right 2px; }
.chatPP_footer .IM_total { background: url(../Images/IM_Total.gif) no-repeat right 2px; }
.chatPP_footer .IM_total, .chatPP_footer .IM_offline, .chatPP_footer .IM_online {
	min-width: 80px;
	height: 16px;
	padding: 3px 17px 0 0;
	text-align: right;
	float: right;
	margin-right: 10px;
	font-size: 10px;
}
/* ~~~~~ IM client ~~~~~ */
.IM_main {
	position: fixed;
	bottom: 0;
	right: 0;
	margin-right: 260px;
}
.IM_client {
	width: 260px;
	height: 27px;
	float: right;
	margin-top: 2px;
	overflow: hidden;
}
*+html .IM_client {
	width: 260px;
	height: 27px;
	float: none !important;
	margin-top: 2px;
	overflow: hidden;
}
.chatPP_title .title_bt_cl {
	background: url(../Images/cht-top-title-left-client1.png) no-repeat left top;
	height: 25px;
	width: 42px;
	float: left;
}
.chatPP_title .title_bt_cl a {
	float: left;
	height: 14px;
	width: 14px;
}
.chatPP_title .title_bt_cl a.IM_cl_close {
	background: url(../Images/IM_cl_close.gif) no-repeat left top;
	margin: 7px 0 0 7px;
}
.chatPP_title .title_bt_cl a.IM_cl_close:hover { background: url(../Images/IM_cl_close.gif) no-repeat left -14px; }
.chatPP_title .title_bt_cl a.IM_cl_minimize {
	background: url(../Images/IM_cl_min.gif) no-repeat left top;
	margin: 7px 0 0 2px;
}
.chatPP_title .title_bt_cl a.IM_cl_minimize:hover { background: url(../Images/IM_cl_min.gif) no-repeat left -14px; }
.chatPP_title .title_bt_cl a.IM_cl_maximize {
	background: url(../Images/IM_cl_max.gif) no-repeat left top;
	margin: 7px 0 0 2px;
}
.chatPP_title .title_bt_cl a.IM_cl_maximize:hover { background: url(../Images/IM_cl_max.gif) no-repeat left -14px; }
.IM_client_content {
	background: url(../Images/IM-left-right-cl.gif) repeat-y left top;
	height: 100%;
}
.IM_client_text {
	background: url(../Images/IM-br-top-cl.gif) no-repeat center top;
	height: 100%;
}
.IM_ms_textBox_title {
	width:240px;
	margin:6px 6px 0;
	height:20px;
	display:inline-block;
	background:url(../Images/IM-cl-title.gif) no-repeat left top;
	padding:5px 7px 0 0;
	font-size:10px;
}
.IM_ms_textBox {
	background:url(../Images/IM-cl-br-textbox.gif) repeat-y center top;
	margin:0 6px;
	width:247px;
}
.IM_ms_textBox_bt {
	background:url(../Images/IM-cl-br-textbox-bt.gif) no-repeat center bottom;
	height:173px;
	padding:7px;
}
.Im_ms_p{
	width:240px;
	margin:6px 6px 0;
	height:20px;
	display:inline-block;
	padding:0 7px 0 0;
	color:#ebebeb;
}
.IM_ms_tBox {
	background:url(../Images/IM-cl-br-textbox.gif) repeat-y center top;
	margin:0 6px;
	width:247px;
}
.IM_ms_tBox_bt {
	background:url(../Images/IM-cl-br-textbox-bt.gif) no-repeat center bottom;
}
.IM_ms_tBox_top {
	background:url(../Images/IM-cl-br-textbox_top.gif) no-repeat left top;
	height:46px;
	padding:7px;
}
.Im_ms_sendBt{
	width:247px;
	margin:6px 6px 0;
	height:24px;
	display:inline-block;
}
.Im_ms_sendBt a{
	width:65px;
	height:20px;
	float:left;
	color:#000;
	text-align:center;
	padding-top:4px;
	background:url(../Images/IM_send_bt.gif) no-repeat center top;
}
.onlineUser
{
    color: #009900;
    }