/* CSS of Chat Starts */
html, body {
	height:100%;
}

html.chat-box { 
	overflow:hidden;
	}
	
#chat-box
	{
	position:relative;
	float:left;
	width:976px;
	border:solid 1px #b5b5b5
	}
	
#chat-list
	{
	position:fixed;
	bottom:26px;
	width:200px;
	right:23px;
	border-left:#999999 solid 1px;
	border-right:#999999 solid 1px;
	border-top:#999999 solid 1px;
	background-color: #ffffff;
	z-index:99;
	}

#user-chat-list
	{
	position:fixed;
	bottom:0;
	backgroud-color:#000000;
	right:226px;
  width:409px;
	z-index:500;
	}
.chatDivRight
{
float:right;
width:202px;
border-left:#999999 solid 1px;
border-right:#999999 solid 1px;
border-top:#999999 solid 1px;
bottom: 0;
position: relative;
z-index: 100;
}
.chatDivLeft
{
float:left;
width:202px;
border-left:#cccccc solid 1px;
border-right:#cccccc solid 1px;
border-top:#cccccc solid 1px;
bottom: 0;
position: fixed;
z-index: 100;
}


#chat-text, #user-chat-text
	{
	position:relative;
	float:left;
	background:#ebebeb url(../images/modules/chat/top-bar.jpg) repeat-x;
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:95%;
	color:#FFFFFF;
	z-index:99;
	}

#user-chat-text
	{
	height:55px;
	width:202px;
	border-bottom:1px solid #cccccc;
	}

#chat-text
	{
	height:22px;
	width:200px;
	}
.chat-mini-button, .UserChatClose
	{
	width:30px;
	height:10px;
	float:left;
	}

.chat-mini-button
	{
	text-align:center;
	padding-top:10px;
	}
.chat-mini-button a
	{
	color: #ffffff;
	text-decoration: none;
	}
.UserChatClose
	{
	text-align:right;
	}

#friend-list, #image-bg
	{
	position:relative;
	float:left;
	width:201px;
	background:#f3f4f6;
	border-bottom:#808080 solid 1px;
	}

#image-bg
	{
	height:32px;
	}
#friend-list
	{
	height:22px;
	background-color:#FFFFFF;
	}

#available-chat, #userChatShow
	{
	position:relative;
	float:left;
	width:197px;

	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:11.2px;
	border-bottom:#808080 solid 1px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	
	}
	
.userChatShow
	{
	height:180px;
	color:#000000;
	background-color:#FFFFFF;
	padding:5px;
	float:left;
	width:192px;
	bottom:0;
	}
	
.userChatText
	{
	overflow-y:auto;
	border: 1px none mediumTurquoise;
	}

#available-chat
	{
	color:#6a6a6a;
	height:100%;
	background-color:#ffffff;
	width:196px;
	}
.chat-bootom-box-wrapper {
	position:fixed;
	bottom:0;
	height:26px;
	width:100%;
	z-index:99;
}
#chat_bottom_box{
	margin-left:23px;
	margin-right:23px;
	height:24px;
	background:url(../images/modules/chat/nav-bg.png) repeat-x;
	border: solid 1px #b5b5b5;
	z-index:99;
	}

#chat-botton-box2, #userChatMenu
	{
	position:static;
	height:20px;
	color:#6a6a6a;
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:11.2px;
	padding-top:5px;
	}
#userChatMenu
	{
	width:196px;
	float:left;
	padding-left:5px;
	background-color:#FFFFFF;
	bottom: 0;
	}

/*.userChatMenu:hover 
	{
	background-color: #ffffff;
	}*/


.chat-botton-box2
	{
	width:195px;
	height:19px;
	float:right;
	border-left:#cdcdcd solid 1px;
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:11.2px;
	padding-left:5px;
	vertical-align:middle;
	padding-top:5px;
	}
.chat-botton-box2:hover 
	{
	background-color: #ffffff;
	}

.chat-button, .chat-button-two, .chat-link-text
	{
	height:17px;
	float:left;
	padding-top:3px;
	
	}
.chat-button-two, .chat-link-text
	{
	width:115px;
	padding-left:8px;
	}
.chat-button
	{
	width:165px;
	padding-left:5px;
	}
.chat-link-text a
  {
    color: #000000;
    text-decoration: none;
  }

#chat-time
	{
	position:relative;
	height:17px;
	width:197px;
	float:left;
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:9.2px;
	color:#999999;
	text-align:right;
	padding-right:5px;
	padding-top:3px;
	background-color:#ffffff;
	}
	
.user-small-image
	{
	position:relative;
	width:23px;
	height:100%;
	float:left;
	padding-top: 2px;
	margin-left:10px;
	}
	
.user-online-name
	{
	position:relative;
	width:145px;
	height:100%;
	float:left;
	padding-top:4px;
	padding-bottom:5px;
	padding-left:3px;
	font-weight:bold;
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	}

.user-box
	{
	position:relative;
	float:left;
	width:196px;
	height:26px;
	}
	
.user-box:hover 
	{
	background-color: #edf1fd;
	}
	
.user-image-show
	{
	position:relative;
	float:left;
	width:41px;
	height:53px;
	padding-left:5px;
	padding-top:3px;
	}
.chat_next_tab, .chat_next_tab_hover
	{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	float:right;
	padding:4px 7px 0 7px;
	height:20px;
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:11.2px;
	bottom: 0;
	position: fixed;
	right: 225px;
	z-index: 500;
	}
.chat_previous_tab, .chat_previous_tab_hover
	{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	float:right;
	padding:4px 7px 0 7px;
	height:20px;
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:11.2px;
	bottom: 0;
	position: fixed;
	right: 665px;
	z-index: 500;
	}	

.chat_next_tab_hover:hover, .chat_previous_tab_hover:hover
  {
	background-color:#FFFFFF;
	}

.notification
	{
	position:absolute;
	background-image:url(../images/notification.png);
	background-repeat:no-repeat;
	height:17px;
	width:17px;
	top:-9px;
	text-align:center;
	margin-top:-5px;
	margin-right:-8px;
	*margin:-6px;
	color:#FFFFFF
	}
.notification_user
	{
	position:absolute;
	background-image:url(../images/notification.png);
	background-repeat:no-repeat;
	height:17px;
	width:17px;
	top:-9px;
	text-align:center;
	margin-top:-5px;
	margin-right:-8px;
	*margin:-6px;
	color:#FFFFFF;
	right:101px;
	z-index:101;
	}
.new_chat
  {
  width:169px; 
  height:18px; 
  background:#ffffff url(../images/modules/chat/chat-icon.png) no-repeat; 
  padding:2px 5px 2px 28px; 
  border-top:1px solid #cccccc; 
  border-bottom:1px solid #cccccc;
  float:left;
  }
/* CSS for chat ends */