
.chattingTabOnline
{
	width: 196px; 
	HEIGHT: 17px; 
	TEXT-ALIGN:left;
	OVERFLOW: hidden;
	border-right: dimgray 1px solid; 
	border-left: dimgray 1px solid;
	MARGIN-RIGHT: 2px; 
	margin-left: 2px;
	text-indent: 20px;
	background: url(images/chat/OnlineTab.png) no-repeat;
	cursor: pointer;
	direction:ltr;
}
.hiddenChattingTabOnline
{
	width: 196px; 
	HEIGHT: 17px; 
	TEXT-ALIGN:left;
	OVERFLOW: hidden;
	background: url(images/chat/OnlineTab.png) no-repeat;
	text-indent: 20px;
	direction:ltr;
	cursor: pointer
}
.chattingTabOffline
{
	width: 196px; 
	HEIGHT: 17px; 
	TEXT-ALIGN:left;
	OVERFLOW: hidden;
	border-right: dimgray 1px solid; 
	border-left: dimgray 1px solid;
	MARGIN-RIGHT: 2px; 
	margin-left: 2px;
	text-indent: 20px;
	background: url(images/chat/OfflineTab.png) no-repeat;
	direction:ltr;
	cursor: pointer
}
.hiddenChattingTabOffline
{
	width: 196px; 
	HEIGHT: 17px; 
	TEXT-ALIGN:left;
	OVERFLOW: hidden;
	text-indent: 20px;
	background: url(images/chat/OfflineTab.png) no-repeat;
	direction:ltr;
	cursor: pointer
}
.chattingTabTd
{
	width: 196px; 
	HEIGHT: 17px; 
	/*TEXT-ALIGN:left;*/
	MARGIN-RIGHT: 2px; 
	margin-left: 2px;
	display:none;
	direction:ltr;
}
.overTab
{
	width: 196px; 
	HEIGHT: 17px; 
	TEXT-ALIGN:left;
	background: url(images/chat/OverTab.png) no-repeat;
	OVERFLOW: hidden;
	border-right: dimgray 1px solid; 
	border-left: dimgray 1px solid;
	MARGIN-RIGHT: 2px; 
	margin-left: 2px;
	text-indent: 20px;
	direction:ltr;
	cursor: pointer
}
.blinkChattingTab 
{
	MARGIN-RIGHT: 2px; 
	margin-left: 2px;
	border-right: dimgray 1px solid; 
	border-left: dimgray 1px solid;
	VERTICAL-ALIGN: middle; 
	width: 196px; 
	direction:ltr;
	HEIGHT: 17px; 
	TEXT-ALIGN:left;
	OVERFLOW: hidden;
	background:url(images/chat/BlinkTab.png) no-repeat;
	text-indent: 20px;
	cursor: pointer
	
}
.chattingBox 
{
	width: 196px; 
	HEIGHT: 275px;
	TEXT-ALIGN:right;
    clear:none;
    background: url(images/chat/ChatBox.png) no-repeat;
    position:absolute;
	/*border: dimgray 1px solid;*/
	direction:ltr;		
    z-index: 5000
}
.chattingBoxes 
{
	direction:ltr;
    /*WIDTH: 933px;*/
    height: 275px
}
.hiddenMenu
{
	display: none;
	width: 196px; 
	direction:ltr;
	height: 200px;
	TEXT-ALIGN:left;
    background: url(images/chat/HiddenMenu.png) no-repeat;
    position:absolute;
	z-index: 5000;
    /*border: dimgray 1px solid*/
    
}
.chatSendButton 
{
	width:47px;
	height:28px;
	direction:ltr;
	background:url(images/chat/SendButton.png) no-repeat;
}
.chatSendButtonClicked
{
	width:47px;
	height:28px;
	direction:ltr;
	background:url(images/chat/SendButtonClicked.png) no-repeat;
}
.divChattingBar
{
	position:absolute;
	direction:ltr;
	/*left: 5px; 
	top: 318px;
	 WIDTH: 941px;*/
	/* modifies by hazem 14/1/2009*/
	#z-index: 5000;
	display:none;
}
.tdChattingBar
{
	/*width: auto;
	text-align:right;*/
	height: 25px;
	z-index: 5000;
	direction:ltr;
	background:url(images/chat/ChatBar.png) no-repeat left;
}
.tdRightArrow
{
	width:  30px; 
	height: 25px; 
	direction:ltr;
	background: url(images/chat/RightArrow.png) no-repeat left;
	border-left: dimgray 1px solid;
	cursor: pointer;
	z-index: 5000
}

.divContactList
{
	WIDTH: 200px;
	height: 330px; 
	text-align: center;
    clear:none;
	direction:ltr;
    background:url(images/chat/ChatList.png) no-repeat;
    position: absolute;
    z-index: 5000;
	display:none;
    /*border: dimgray 1px solid;*/
}
.divOnlinePending
{
	background:transparent url(images/chat/OnlinePending.png) no-repeat scroll 0 0;
	color:#FFFFFF;
	font-size:10pt;
	font-weight:bold;
	height:27px;
	margin-left:17px;
	#margin-left:7px;
	_margin-left:7px;
	text-align:center;
	vertical-align:middle;
	direction:ltr;
	width:168px;
}
.divOnlinePendingList
{
	WIDTH: 190px;
	height: 120px; 
	background-color:White; 
	text-align: left; 
	overflow:auto;
	margin-left:5px;
	#margin-left:0px;
	_margin-left:0px;
	direction:ltr;
}
.minimizeChat
{
	width: 9px; 
	padding:7px;
	background: url(images/chat/min_chat.PNG) no-repeat;
	direction:ltr;
	cursor: pointer;
	_margin-top:5px;


}
.closeChat
{
	width: 9px; 
	padding:7px;
	background: url(images/chat/close_chat.PNG) no-repeat;
	direction:ltr;
	cursor: pointer;
	_margin-top:5px;
}
.tdContactList
{
	WIDTH: 200px;
	background:url(images/chat/ChatListTab.png) no-repeat left;
	color:#FFFFFF;
	text-align:center;
	direction:ltr;
	cursor: pointer
}
.tdContactListClicked
{
	WIDTH: 200px;
	direction:ltr;
	background:url(images/chat/ChatListTabClicked.png) no-repeat left;
	color:#FFFFFF;
	text-align:center;
}
.tdRightArrowBlink
{
	width:  30px; 
	height: 25px; 
	background: url(images/chat/RightArrowBlink.png) no-repeat;
	border-left: dimgray 1px solid;
	direction:ltr;
	cursor: pointer
}
.approve
{
	WIDTH: 51px; 
	HEIGHT: 25px;
	direction:ltr;
	background: url(images/chat/Approve.PNG) no-repeat;
}
.deny
{
	WIDTH: 51px; 
	HEIGHT: 25px;
	direction:ltr;
	background: url(images/chat/Deny.PNG) no-repeat;
}
.divLoading
{
	width: 48px;
	height: 48px;
	background: url(images/chat/loading.gif) no-repeat;
}

#divChattingBar table
{
	direction:ltr;
	/* modifies by hazem 14/1/2009*/
	position:relative;	
	z-index:500;
}
#divOnline
{
	margin-top:-20px;
	}
