body.talkOnline #tellFriend{
	background: url('../images/chat_tell_box_background.gif') left top no-repeat;
	width: 262px;
	height: 198px;
	margin-left: -5px;
	margin-top: 15px;
}
body.talkOnline #tellFriend .content,
body.talkOnline #tellFriend .header{
	background: none;
	border: 0px;
}

.unselectable, .unselectable * {
	-moz-user-select:none;
	-khtml-user-select:none;
	unselectable: on;
}

.modal{
	background-color: #FF6600;
	z-index: 998;
	clear: none;
	margin: auto;
}
/*****************************************
				WHITE BOX
*******************************************/
.white-box{
	height: auto;
}
.white-box > table{
	padding: 0px !important;
	margin: 0px !important;
	width: inherit;
	border-collapse: collapse;
}
.white-box > table tr td{
	background-image: url('../images/chat/white_shadow_box_sprite.png');
	background-repeat: no-repeat;
	text-align: left;
}
/* header */
.white-box > table tr.header td.left{
	background-position: 0px 0px;
	width: 10px;
	height: 10px;
}
.white-box > table tr.header td.middle{
	background-position: 0px -10px;
	height: 10px;
	background-repeat: repeat-x;
}
.white-box > table tr.header td.right{
	background-position: 0px -20px;
	width: 10px;
	height: 10px;
}
/* body */
.white-box > table tr.body td.left{
	background-image: url('../images/chat/white_shadow_box_body_sprite.png');
	background-position: 0px 0px;
	background-repeat: repeat-y;
	width: 10px;
}
.white-box > table tr.body td.middle{
	background-image: none;
	background-color: #fff;
}
.white-box > table tr.body td.right{
	background-image: url('../images/chat/white_shadow_box_body_sprite.png');
	background-position: -10px 0px;
	background-repeat: repeat-y;
	width: 10px;
}

/* footer */
.white-box > table tr.footer td.left{
	background-position: 0px -60px;
	width: 10px;
	height: 10px;
}
.white-box > table tr.footer td.middle{
	background-position: 0px -50px;
	background-repeat: repeat-x;
	height: 10px;
}
.white-box > table tr.footer td.right{
	background-position: 0px -40px;
	height: 10px;
	width: 10px;
	background-repeat: no-repeat;
}

/**************************************************
					SIMPLE MENU
**************************************************/
ul.simple-menu{
	list-style: none;
}
ul.simple-menu li{
	background-image: url('../images/chat/simple_menu_bg.gif');
	background-position: 0px -22px;
	background-repeat: repeat-x;
	cursor: pointer;
	margin-bottom: 2px;
	height: 22px;
	margin: 0px;
	margin-top: 1px;
	padding: 0px;
	padding-left: 1px;
	padding-right: 6px;
}
ul.simple-menu li.selectable{
	padding-left: 15px;
}
ul.simple-menu li:hover{
	background-position: 0px 0px;
}
ul.simple-menu li.separator, ul.simple-menu li.separator:hover{
	background-position: 0px -44px;
	height: 14px;
}
ul.simple-menu li.selected{
	background-image: url('../images/chat/simple_menu_selcheck_bg.gif');
	background-position: 0px -22px;
	background-repeat: no-repeat;
}
ul.simple-menu li.selected:hover{
	background-position: 0px 0px;
}
ul.simple-menu li.checked{
	background-image: url('../images/chat/simple_menu_selcheck_bg.gif');
	background-position: 0px -66px;
	background-repeat: no-repeat;
}
ul.simple-menu li.checked:hover{
	background-position: 0px -44px;
}

/*******************************************************************************
						SCROLL GENERAL
*******************************************************************************/
body.talkOnline div.ui-tabs-panel .scroll{
	padding: 1px;
	margin: 0px;
	width: 16px;
	/*height: 520px;*/
	height: auto;
	float: right;
	border-left: 1px solid #FFD1B2;
	display: none;
}
.ui-scroller-disabled{
	opacity: .3;
    filter: alpha(opacity=30);
}
body.talkOnline div.ui-tabs-panel .scroll a{
	display: block;
	width: 16px;
	height: 16px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
body.talkOnline div.ui-tabs-panel .scroll a.up{
	background: url('../images/scroll_up_arrow.gif') left top no-repeat;
}
body.talkOnline div.ui-tabs-panel .scroll div.slide-cntr{
	/*height: 486px;*/
	height: auto;
	padding: 0px;
	margin: 0px;
	margin-top: 1px;
	margin-bottom: 1px;
}
body.talkOnline div.ui-tabs-panel .scroll div.slide-cntr a.slide{
	background: url('../images/scroll_slide.gif') left top no-repeat;
	height: 62px;
	position: relative;
}
body.talkOnline div.ui-tabs-panel .scroll a.down{
	background: url('../images/scroll_down_arrow.gif') left top no-repeat;
}


/******************************************************************************
						CONTROL PANEL
******************************************************************************/
body.talkOnline #controlPanel{
	padding: 5px;
	width: 250px;
	height: 494px;
	background: url('../images/control_panel_background.jpg') left top no-repeat;
}


body.talkOnline #controlPanel div.ui-tabs-panel{
	width: 228px;
	height: 428px;
	margin-top: 19px;
	* margin-top: -1px;
	border-left: 1px solid #FFE0CC;
	border-bottom: 1px solid #FFE0CC;
	border-top: 1px solid #FFE0CC;
	border-right: 1px solid #FFE0CC;
}

/********************************************
		CONTACT PANEL
*********************************************/
body.talkOnline #contacts{
	padding-top: 13px;
	padding-left: 10px;
	padding-right: 0px;
}
body.talkOnline #contacts div.me{
	height: auto;
}
body.talkOnline #contacts div.me div.avatar{
	background-position: center;
	border: 1px solid #ccc;
	width: 67px;
	height: 67px;
	overflow: hidden;
	float: left;
	margin-top: 2px;
}
body.talkOnline #contacts div.me div.avatar div.white-border{
	border: 2px solid #fff;
	width: 63px;
	height: 63px;
	background: transparent;
}
body.talkOnline #contacts div.me div.user-actions{
	float: right;
	width: 140px;
	height: 71px;
	font-size: 13px;
	color: #333333;
}
body.talkOnline #contacts div.me div.user-actions div,
body.talkOnline #contacts div.me div.user-actions input{
	display: block;
	height: 19px;
	float: left;
}
body.talkOnline #contacts div.me div.user-actions div.show{
	height: 20px;
	padding-left: 22px;
	background-position: left;
	background-image: url('../images/chat/show_icons/white_bg/logout.gif');
	background-repeat: no-repeat;
}
body.talkOnline #contacts div.me div.user-actions > div.available{
	background-image: url('../images/chat/show_icons/white_bg/available.gif');
}
body.talkOnline #contacts div.me div.user-actions > div.chat{
	background-image: url('../images/chat/show_icons/white_bg/available.gif');
}
body.talkOnline #contacts div.me div.user-actions > div.away{
	background-image: url('../images/chat/show_icons/white_bg/away.gif');
}
body.talkOnline #contacts div.me div.user-actions > div.xa{
	background-image: url('../images/chat/show_icons/white_bg/xa.gif');
}
body.talkOnline #contacts div.me div.user-actions > div.dnd{
	background-image: url('../images/chat/show_icons/white_bg/dnd.gif');
}
body.talkOnline #contacts div.me div.user-actions > div.phone{
	background-image: url('../images/chat/show_icons/white_bg/phone.gif');
}
body.talkOnline #contacts div.me div.user-actions > div.lunch{
	background-image: url('../images/chat/show_icons/white_bg/lunch.gif');
}
body.talkOnline #contacts div.me div.user-actions > div.logout{
	background-image: url('../images/chat/show_icons/white_bg/logout.gif');
}
body.talkOnline #contacts div.me div.user-actions > div.hidden{
	background-image: url('../images/chat/show_icons/white_bg/hidden.gif');
}
body.talkOnline #contacts div.me div.user-actions div.show div.name{
	width: 38px;
	height: 19px;
	overflow: hidden;
	font-weight: bold;
}
body.talkOnline #contacts div.me div.user-actions div.show div.spacer{
	width: 5px;
	overflow: hidden;
	margin-left: 2px;
	margin-right: 2px;
}
body.talkOnline #contacts div.me div.user-actions div.show div.status{
	width: 55px;
	height: 19px;
	overflow: hidden;
}
body.talkOnline #contacts div.me div.user-actions div.show input.change-show-btn{
	width: 11px;
	height: 7px;
	margin-top: 6px;
}
body.talkOnline #contacts div.me div.user-actions div.status-cntr{
	background: url('../images/chat/status_input_bg.gif') left top no-repeat;
	width: 135px;
	height: 20px;
	margin-top: 5px;
	margin-left: 1px;
}
body.talkOnline #contacts div.me div.user-actions div.status-cntr input{
	background: transparent;
	width: 135px;
	height: 20px;
	border: 0px;
	font-size: 11px;
	color: #ccc;
	padding-top: 2px;
}
body.talkOnline #contacts div.me div.user-actions div.chat-actions{
	height: 23px;
	margin-top: 5px;
}
body.talkOnline #contacts div.me div.user-actions div.chat-actions input{
	display: block;
	width: 23px;
	height: 23px;
	float: left;
	margin-right: 7px;
	cursor: pointer;
}

div#orderTypePanel{
	position: absolute;
	display: none;
}

body.talkOnline #contacts div.list-cntr{
	border-top: 1px solid #FFE0CC;
	margin-top: 80px;
	* margin-top: 90px;
	height: 347px;
	overflow: hidden;
}

body.talkOnline #contacts div.list-cntr .scroll{
	display: block;
	height: 345px;
	* height: 348px;
}
body.talkOnline #contacts div.list-cntr .scroll div.slide-cntr{
	height: 313px;
}
body.talkOnline #contacts div.list-cntr .list{
	width: 209px;
	height: auto;
	overflow: hidden;
}
body.talkOnline #contacts div.list-cntr .list .group{
	height: auto;
}
body.talkOnline #contacts div.list-cntr .list .partner-hover-group{
	border: 1px solid #dadada;
}
body.talkOnline #contacts div.list-cntr > .list > .msn-group{
	background-image: url('../images/chat/transport_icon_msn.jpg');
	background-position: 150px 0px;
	background-repeat: no-repeat;
}
body.talkOnline #contacts div.list-cntr div.list div.group > div.group-header{
	padding-left: 17px;
	background: transparent url('../images/chat/contact_group_arrow_sprite.gif') 0px -20px no-repeat;
	color: #333333;
	font-weight: bold;
	height: 20px;
	cursor: pointer;
}
body.talkOnline #contacts div.list-cntr div.list div.group > div.partners{
	height: auto;
}
body.talkOnline #contacts div.list-cntr div.list div.group > div.partners > div > div.partner{
	height: 22px !important;
	overflow: hidden;
	background: url('../images/chat/partner_list_sprite.gif') left top no-repeat;
	margin-top: 2px;
	margin-left: 15px;
	font-size: 11px;
	cursor: pointer;
	/*width: 215px;*/
}
body.talkOnline #contacts div.list-cntr div.list div.group > div.partners > div.long > div.partner{
	background: url('../images/chat/partner_list_sprite_long.gif') left top no-repeat;
	width: 195px;
}

body.talkOnline #contacts div.list-cntr div.list div.group > div.partners > div{
	height: auto;
	padding: 0px;
	margin: 0px;
}

body.talkOnline #contacts div.list-cntr div.list div.group > div.partners > div > div.partner > div{
	height: 19px;
	overflow: hidden;
	padding-left: 25px;
}

body.talkOnline #contacts div.list-cntr div.list div.group > div.partners > div > div.available{
	background-position: 0px -22px;
}
body.talkOnline #contacts div.list-cntr div.list div.group > div.partners > div > div.chat{
	background-position: 0px -22px;
}
body.talkOnline #contacts div.list-cntr div.list div.group > div.partners > div > div.away{
	background-position: 0px -66px;
}
body.talkOnline #contacts div.list-cntr div.list div.group > div.partners > div > div.xa{
	background-position: 0px -66px;
}
body.talkOnline #contacts div.list-cntr div.list div.group > div.partners > div > div.dnd{
	background-position: 0px -44px;
}
body.talkOnline #contacts div.list-cntr div.list div.group > div.partners > div > div.phone{
	background-position: 0px -88px;
}
body.talkOnline #contacts div.list-cntr div.list div.group > div.partners > div > div.lunch{
	background-position: 0px -110px;
}
body.talkOnline #contacts div.list-cntr div.list div.group > div.partners > div > div.unavailable{
	background-position: 0px -132px;
}
body.talkOnline #contacts div.list-cntr div.list div.group > div.partners > div > div.blocked-available{
	background-position: 0px -154px;
}
body.talkOnline #contacts div.list-cntr div.list div.group > div.partners > div > div.blocked-chat{
	background-position: 0px -154px;
}

/*body.talkOnline #contacts div.list-cntr div.list div.offlines > div.partners > div > div.partner{
	background-position: 0px -132px;
}
body.talkOnline #contacts div.list-cntr div.list div.offlines > div.partners > div > div.blocked-unavaliable{
	background-position: 0px -176px;
}*/

body.talkOnline #contacts div.list-cntr div.list div.group > div.partners > div > div.partner > div > div{
	float: left;
	color: #333333;
	font-weight: bold;
	font-family: Tahoma;
}
body.talkOnline #contacts div.list-cntr div.list div.group > div.partners > div > div.partner > div > div.name{
	font-size: 13px;
}
body.talkOnline #contacts div.list-cntr div.list div.group > div.partners > div > div.partner > div > div.show{
	font-size: 11px;
	font-weight: normal;
	padding-top: 2px;
}
body.talkOnline #contacts div.list-cntr div.list div.group > div.partners > div > div.partner > div > div.status{
	font-size: 11px;
	color: #666666;
	padding-top: 2px;
	height: 15px;
}
body.talkOnline #contacts div.list-cntr div.list div.group > div.partners > div > div.partner > div > div.separator{
	width: 11px;
	height: 18px;
	background: url('../images/chat/separator_bg.gif') center center no-repeat;
}
/*body.talkOnline #contacts div.list-cntr div.list div.group > div.partners > div.partner table{
	color: #333333;
	font-weight: bold;
	font-family: Tahoma;
	height: 21px !important;
	width: 100%;
	overflow: hidden;
	display: block;
	margin-top: 0px;
}
body.talkOnline #contacts div.list-cntr div.list div.group > div.partners > div.partner table tr td{
	vertical-align: top !important;
	height: 21px;
	word-break: keep-all;
}
body.talkOnline #contacts div.list-cntr div.list div.group > div.partners > div.partner td.name{
	font-size: 13px;
	width: 33%;
}
body.talkOnline #contacts div.list-cntr div.list div.group > div.partners > div.partner td.show{
	width: 33%;
	font-size: 11px;
	font-weight: normal;
	padding-top: 2px;
}
body.talkOnline #contacts div.list-cntr div.list div.group > div.partners > div.partner td.status{
	font-size: 11px;
	color: #666666;
}
body.talkOnline #contacts div.list-cntr div.list div.group > div.partners > div.partner td.separator{
	width: 11px !important;
	height: 18px;
	background: url('../images/chat/separator_bg.gif') 2px 8px no-repeat;
}*/

/*******************************************************************************
							CHAT PANELS
*******************************************************************************/
body.talkOnline #chatPanel{
	width: 665px;
	height: 665px;
	background: url('../images/chat_panel_background.jpg') left top no-repeat;
	margin-top: 14px;
	padding: 12px;
	overflow: hidden;
}

body.talkOnline #chatPanel #chats div.ui-tabs-panel .scroll{
	display: block;
	height: 500px;
	margin-top: 0px;
}
body.talkOnline #chatPanel div.ui-tabs-panel .scroll div.slide-cntr{
	height: 470px;
}

body.talkOnline #chatPanel div.tabs{
	width: 485px;
	height: 20px;
	overflow: hidden;
}
body.talkOnline #chatPanel div.tabs ul.tab{
	width: 9999px;
}

body.talkOnline #chats{
	margin-top: -1px;
	width: 630px;
}

body.talkOnline #chatPanel div.ui-tabs-panel{
	width: 628px;
	height: 506px;
	* height: 490px;
	/*margin-top: -1px;*/
	font-family: Tahoma;
	padding-right: 0px;
	overflow: hidden;
	z-index: 1;
	border: 1px solid #FFCDAC;
	border-top: none;
}
body.talkOnline #chatPanel div.ui-tabs-panel div.msg-cntr{
	height: auto;
	width: 628px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}
body.talkOnline #chatPanel div.ui-tabs-panel .message{
	width: 602px;
	height: auto;
	margin-bottom: 10px;
}
body.talkOnline #chatPanel div.ui-tabs-panel .message .header{
	height: 22px;
	width: 602px;
	background: url('../images/message_header_me.gif') left top no-repeat;
}
body.talkOnline #chatPanel div.ui-tabs-panel .partner-message .header{
	background-image: url('../images/message_header_partner.gif');
}
body.talkOnline #chatPanel div.ui-tabs-panel .message .header span.name{
	display: block;
	float: left;
	font-weight: bold;
	font-size: 12px;
	padding-left: 5px;
}
body.talkOnline #chatPanel div.ui-tabs-panel .message .header span.msg-time{
	display: block;
	float: right;
	font-size: 10px;
	color: #666666;
	padding-right: 10px;
}
body.talkOnline #chatPanel div.ui-tabs-panel .message .msg-body{
	padding-left: 20px;
	padding-right: 20px;
	height: auto;
}
body.talkOnline #chatPanel div.ui-tabs-panel .message .same-sender{
	padding-top: 5px;
	border-top: 1px solid #99CC00;
}
body.talkOnline #chatPanel div.ui-tabs-panel .partner-message .same-sender{
	border-top: 1px solid #FF6600;
}
body.talkOnline #chatPanel .msg-editor-cntr{
	width: 637px;
	height: 81px;
	overflow: hidden;
	border: 1px solid #FFB17C;
	margin-top: 10px;
}
body.talkOnline #chatPanel .msg-editor-cntr .header{
	height: 23px;
	width: 637px;
	overflow: hidden;
	background: url('../images/chat/editor_header_bg.jpg') left repeat-x;
	padding-left: 2px;
}
body.talkOnline #chatPanel .msg-editor-cntr .header span.spacer,
body.talkOnline #chatPanel .msg-editor-cntr .header a.icon{
	display: block;
	float: left;
	height: 22px;
	width: 2px;
	background: url('../images/chat/editor_icon_spacer.gif') left center no-repeat;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 1px;
}
body.talkOnline #chatPanel .msg-editor-cntr .header a.icon{
	width: 24px;
}
body.talkOnline #chatPanel .msg-editor-cntr .header a.emoticon{
	background: url('../images/chat/editor_emoticons_icon.gif') center center no-repeat;
	width: 29px;
}
body.talkOnline #chatPanel .msg-editor-cntr .header a.sendfile{
	background: url('../images/chat/editor_sendfile_icon.gif') center center no-repeat;
}
body.talkOnline #chatPanel .msg-editor-cntr .header a.font-style{
	background: url('../images/chat/editor_fontstyle_icon.gif') center center no-repeat;
}
body.talkOnline #chatPanel .msg-editor-cntr .header a.nudge{
	background: url('../images/chat/editor_nudge_icon.gif') center center no-repeat;
	width: 36px;
}
body.talkOnline #chatPanel .msg-editor-cntr .header a.wink{
	background: url('../images/chat/editor_wink_icon.gif') center center no-repeat;
}
body.talkOnline #chatPanel .msg-editor-cntr .header a.voice{
	background: url('../images/chat/editor_voice_icon.gif') center center no-repeat;
	width: 25px;
}
body.talkOnline #chatPanel .msg-editor-cntr .editor-area{
	border: 0px;
	padding: 0px;
	margin: 5px;
	* margin: 1px;
	width: 627px;
	height: 52px;
	display: block;
	overflow: auto;
	font-family: Tahoma;
	font-size: 10px;
}

/***********************************************************
					ADD GROUP
***********************************************************/
body.talkOnline .add-group-panel{
	/*width: 257px;
	height: 252px;
	padding-left: 25px;
	padding-top: 10px;*/
	width: 282px;
	height: 262px;
	background: url('../images/chat/add_group_bg.png') left top no-repeat;
	overflow: hidden;
	position: absolute;
	z-index: 999;
	font-family: Tahoma;
	font-size: 12px;
	text-align: left;
	color: #333333;
}
.add-group-panel{
	display: none;
}
body.talkOnline .add-group-panel h3{
	font-size: 12px;
	position: relative;
	left: 30px;
	top: 10px;
	width: 215px;
	height: auto;
}
body.talkOnline .add-group-panel h4{
	font-size: 12px;
	position: relative;
	left: 32px;
	top: 40px;
	width: 215px;
	height: auto;
}
body.talkOnline .add-group-panel div.note{
	position: relative;
	left: 32px;
	top: 60px;
	width: 215px;
	height: auto;
	
}
body.talkOnline .add-group-panel div.input-cntr{
	position: relative;
	left: 32px;
	top: 87px;
	width: 215px;
	height: auto;
}

html*div.add-group-panel div.input-cntr label{
	margin-top: 14px;
	/* IE HACK */
	*margin-top: 0px;
}

body.talkOnline .add-group-panel div.input-cntr label{
	display: block;
}
body.talkOnline .add-group-panel div.input-cntr input{
	border: 0px;
	padding: 0px;
	background: none;	
	width: 216px;
	height: 20px;
	margin: 4px 0px 0px 0px;
}
body.talkOnline .add-group-panel div.buttons-cntr{
	position: relative;
	top: 125px;
}
body.talkOnline .add-group-panel div.buttons-cntr > div{
	float: right;
	margin-right: 20px;
}

/***********************************************************
					ADD PATRNER
***********************************************************/
body.talkOnline .add-partner-panel{
	/*width: 257px;
	height: 371px;
	padding-left: 25px;
	padding-top: 10px;*/
	width: 282px;
	height: 346px;
	background: url('../images/chat/add_partner_bg.png') left top no-repeat;
	/*overflow: hidden;*/
	position: absolute;
	z-index: 999;
	font-family: Tahoma;
	font-size: 12px;
	text-align: left;
	color: #333333;
}
.add-partner-panel{
	display: none;
}
body.talkOnline .add-partner-panel h3{
	position: relative;
	left: 30px;
	top: 14px;
	font-size: 12px;
	/*margin-left: 5px;*/
}
body.talkOnline .add-partner-panel h4{
	position: relative;
	font-size: 12px;
	left: 32px;
	top: 42px;
	/*margin: 30px 0px 0px 7px;*/
}
body.talkOnline .add-partner-panel div.note{
	position: relative;
	font-size: 12px;
	left: 32px;
	top: 65px;
}
body.talkOnline .add-partner-panel div.input-cntr{
	position: relative;
	font-size: 12px;
	left: 32px;
	top: 104px;
	height: auto;
}
body.talkOnline .add-partner-panel div.input-cntr label{
	display: block;
}
body.talkOnline .add-partner-panel div.input-cntr label.email-label{
	position: relative;
}
body.talkOnline .add-partner-panel div.input-cntr input{
	border: 0px;
	padding: 0px;
	background: none;	
	width: 216px;
	height: 20px;
}
body.talkOnline .add-partner-panel div.input-cntr input.partner-email{
	position: relative;
	left: 2px;
	top: 12px;
	* top: 10px;
}
body.talkOnline .add-partner-panel div.input-cntr label.group-label{
	position: relative;
	left: 2px;
	top: 35px;
}
body.talkOnline .add-partner-panel div.input-cntr input.group-name{
	position: relative;
	width: 199px;
	height: 18px;
	left: 2px;
	top: 48px;
	* top: 45px;
}
body.talkOnline .add-partner-panel div.input-cntr div.group-cbx-btn{
	position: relative;
	width: 16px;
	height: 16px;
	cursor: pointer;
	left: 200px;
	top: 28px;
}
body.talkOnline .add-partner-panel div.buttons-cntr{
	position: relative;
	top: 175px;
	left: 0px;
}
body.talkOnline .add-partner-panel div.buttons-cntr > div{
	float: right;
	margin-right: 18px;
}

/**************************************************************
						INFO LAYER
***************************************************************/
body.talkOnline div.info-layer{
	width: 263px;
	height: 159px;
	overflow: hidden;
	position: absolute;
	z-index: 995;
	background: url('../images/chat/infolayer_bg-trans.png') left top no-repeat;
	text-align: left;
}
div.info-layer{
	display: none;
}
body.talkOnline div.info-layer > div{
	position: absolute;
	padding: 0px;
	margin: 0px;
}
body.talkOnline div.info-layer div.avatar-cntr{
	left: 10px;
	top: 11px;
	padding: 1px;
	width: 64px;
	height: 63px;
	* width: 66px;
	* height: 65px;
	overflow: hidden;
	vertical-align: middle;
}
body.talkOnline div.info-layer div.avatar-cntr img.avatar{
	vertical-align: middle;
}
body.talkOnline div.info-layer div.show-cntr{
	left: 84px;
	top: 16px;
	width: 19px;
	height: 19px;
	background: url('../images/chat/show_icons/white_bg/unknow.gif') center center no-repeat;
}

body.talkOnline div.info-layer div.available{
	background-image: url('../images/chat/show_icons/white_bg/available.gif');
}
body.talkOnline div.info-layer div.away{
	background-image: url('../images/chat/show_icons/white_bg/away.gif');
}
body.talkOnline div.info-layer div.blocked-available{
	background-image: url('../images/chat/show_icons/white_bg/blocked_available.gif');
}
body.talkOnline div.info-layer div.blocked-unavailable{
	background-image: url('../images/chat/show_icons/white_bg/blocked_unavailable.gif');
}
body.talkOnline div.info-layer div.dnd{
	background-image: url('../images/chat/show_icons/white_bg/dnd.gif');
}
body.talkOnline div.info-layer div.logout{
	background-image: url('../images/chat/show_icons/white_bg/logout.gif');
}
body.talkOnline div.info-layer div.lunch{
	background-image: url('../images/chat/show_icons/white_bg/lunch.gif');
}
body.talkOnline div.info-layer div.phone{
	background-image: url('../images/chat/show_icons/white_bg/phone.gif');
}
body.talkOnline div.info-layer div.unavailable{
	background-image: url('../images/chat/show_icons/white_bg/unavailable.gif');
}
body.talkOnline div.info-layer div.unknow{
	background-image: url('../images/chat/show_icons/white_bg/unknow.gif');
}
body.talkOnline div.info-layer div.xa{
	background-image: url('../images/chat/show_icons/white_bg/xa.gif');
}

body.talkOnline div.info-layer div.name-cntr{
	left: 107px;
	top: 17px;
	height: 17px;
	width: 120px;
	overflow: hidden;
}
body.talkOnline div.info-layer div.name-cntr span.name{
	font-weight: bold;
}
body.talkOnline div.info-layer div.name-cntr span.show-text{
	
}
body.talkOnline div.info-layer div.status-cntr{
	left: 107px;
	top: 33px;
	height: 15px;
	width: 140px;
	overflow: hidden;
	color: #999999;
	font-size: 11px;
}
body.talkOnline div.info-layer div.menu{
	left: 230px;
	top: 9px;
	width: 17px;
	height: 17px;
	cursor: pointer;
}
body.talkOnline div.info-layer div.action-icons-cntr{
	left: 84px;
	top: 54px;
	width: 165px;
	height: 25px;
}
body.talkOnline div.info-layer div.action-icons-cntr input{
	display: block;
	float: left;
	margin-right: 5px;
	width: 23px;
	height: 23px;
	cursor: pointer;
}
body.talkOnline div.info-layer div.vcard-cntr{
	left: 8px;
	top: 86px;
	width: 240px;
	height: 60px;
}
body.talkOnline div.info-layer div.vcard-cntr div.vcard-item{
	width: 240px;
	height: 15px;
}
body.talkOnline div.info-layer div.vcard-cntr div.vcard-item label{
	font-weight: bold;
}
body.talkOnline div.info-layer div.vcard-cntr div.vcard-item span{	
}

/*****************************************************************
						SHOW PANEL
*****************************************************************/
#showPanel{
	margin-left: 5px;
	margin-top: 5px;
	display: none;
}
body.talkOnline #showPanel ul.show-list li {
	padding-left: 25px;
	height: 22px;
	background: url('../images/chat/partner_list_sprite.gif') left top no-repeat;
}
body.talkOnline #showPanel ul.show-list li.available{
	background-position: 0px -22px;
}
body.talkOnline #showPanel ul.show-list li.chat{
	background-position: 0px -22px;
}
body.talkOnline #showPanel ul.show-list li.away{
	background-position: 0px -66px;
}
body.talkOnline #showPanel ul.show-list li.xa{
	background-position: 0px -66px;
}
body.talkOnline #showPanel ul.show-list li.dnd{
	background-position: 0px -44px;
}
body.talkOnline #showPanel ul.show-list li.phone{
	background-position: 0px -88px;
}
body.talkOnline #showPanel ul.show-list li.lunch{
	background-position: 0px -110px;
}
body.talkOnline #showPanel ul.show-list li.hidden,
body.talkOnline #showPanel ul.show-list li.unavailable{
	background-position: 0px -132px;
}
body.talkOnline #showPanel ul.show-list li.blocked-available{
	background-position: 0px -154px;
}
body.talkOnline #showPanel ul.show-list li.blocked-chat{
	background-position: 0px -154px;
}