@charset "utf-8";
/* CSS Document */

.chatPP_title .title_name, .Im_send_message_title {
	text-align:right;
}

/* ~~~~~~~~~~ */
.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;
	overflow:visible !important;
}
.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;
	background: url(../Images/IM_contents.jpg) repeat-x left bottom;
}
.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 a{
	color: #eaeaea;
}
.chatPP_footer a:hover{
	color: #e9a81d;
}
.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, .chatPP_footer .IM_linkIMArchive {
	min-width: 80px;
	height: 16px;
	padding: 3px 17px 0 0;
	text-align: right;
	float: right;
	margin-right: 10px;
	font-size: 10px;
}
.chatPP_footer .IM_linkIMArchive { background: url(../Images/IM_linkIMArchive.gif) no-repeat right 2px; padding:3px 23px 0 0; }
/* ~~~~~ 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_textBox_bt textarea{
	border:none;
	width:233px !important;
	height:172px !important;
}
.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:244px;
	margin:6px 8px 0;
	height:24px;
	display:inline-block;
	float:left;
}
.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;
}
/* ------------ */
.IM_send_message table{
	margin:0 auto;
}
.Im_send_txtdiv{
	height:170px;
	border:1px solid #ccc;
	border-radius:5px;
	margin-top:5px;
	padding:10px;
	background:url(../Images/Im_send_txtdiv.gif) no-repeat center 1px;
	width:348px;
	overflow:auto;
}
.Im_client_txtdiv{
	height:100%;
	overflow:auto;
}
.Im_client_txtdiv input{
	margin:5px;
}
.Im_msg_send, .Im_msg_confirmed, .Im_msg_confirmDelete{
	position:absolute;
	padding:15px 35px 15px 10px;
	border:1px solid #ccc;
	background:url(../Images/1353392t-send.gif) no-repeat right center #fffecf;
	border-radius:4px;
}
.Im_msg_send{
	top:175px;
	left:50%;
	min-width:150px;
	margin-left:-75px;
}
.Im_msg_confirmed, .Im_msg_confirmDelete{
	top:225px;
	left:12px;
	width:190px;
}
.Im_msg_receive{
	position:fixed;
	bottom:20px;
	left:20px;
	padding:19px 24px 5px 0;
	color:#fff;
	width:168px;
	height:34px;
	background:url(../Images/Im_msg_receive.png) no-repeat 0 0;
	text-align:center;
	font:bold 11px tahoma;
	text-shadow:1px 1px 0 #000;
}
.Im_msg_noitem{
	padding:14px 40px 14px 10px;
	background:url(../Images/Im_msg_noitem.png) no-repeat right 10px;
	border:1px solid #eee;
	border-bottom:3px solid #eee;
	border-radius:4px;
}
.Im_send_message_divBase{
	width:370px;
	margin:0 auto;
}
.IM_setting .Im_ms_sendBt{
	margin:6px 0 0 0 !important;
}
.IM_send_message .Im_ms_sendBt{
	margin:6px 0 0 0 !important;
}
.Im_send_message_title{
	margin-bottom:3px;
}
.Im_setting_divonline, .Im_setting_divoffline{
	padding:5px 10px;
	border:1px solid #ddd;
	background-color:#f3f3f3;
	border-radius:5px;
	border-top:4px solid #5b8ab3;
}
.IM_setting{
	width:502px;
}
.IM_setting input[type=radio]{
	margin-left:4px;
}
.IM_setting label{
	vertical-align:bottom;
}
.Im_setting_radioBtlist{
	background:url(../Images/Im_setting_radioBtlistBG.gif) no-repeat left top #fff;
	margin:5px 0;
	padding:2px 7px 5px;
}
.Im_setting_radioBtlist td{
	padding-top:3px;
}
.Im_setting_rings{
	padding-bottom:4px;
}
.Im_send_txt{
	height:215px;
}
.IM_send_message .Im_ms_sendBt{
	margin-top:-12px !important;
}
.IM_setting .Im_ms_sendBt{
	margin-top:-3px !important;
}
.Im_setting_onlineTitle, .Im_setting_offlineTitle{
	font-weight:bold;
}
.Im_setting_previewBt{
	text-align:left;
}
.SoundPreview{
	background:url(../Images/SoundPreviewBG.gif) no-repeat left top #ccc;
	border:none;
	width:125px;
	padding-right:8px;
	text-align:right;
	cursor:pointer;
	padding-bottom:4px;
	height:21px;
}
.SoundPreview:hover{
	color:#06c;
}
textarea.Im_client_txtdiv{
	width:231px !important;
	border:none;
}
div.Im_client_txtdiv{
	max-height:77px;
}