/* CSS Document */
 @media only screen and (max-width : 540px)
{
	.chat-sidebar
	{
		display: none !important;
	}
   
	.chat-popup
	{
		display: none !important;
	}
}

.chat-sidebar
{
	width: 200px;
	position: fixed;
	/*height: 100%;*/
	right: 0px;
	bottom: 0px;
	/*padding-top: 10px;*/
	/*padding-bottom: 10px;*/
	border: 1px solid rgba(29, 49, 91, .3);
	background:#FFFFFF;
	z-index:9;
}

.sidebar-name
{
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 4px;
	font-size: 12px;
}

.sidebar-name span
{
	padding-left: 5px;
}

.sidebar-name a
{
	display: block;
	height: 100%;
	text-decoration: none;
	color: inherit;
}

.sidebar-name:hover
{
	background-color:#e1e2e5;
}

.sidebar-name img
{
	width: 32px;
	height: 32px;
	vertical-align:middle;
	margin:5px 0;
}

.popup-box
{
	display: none;
	position: fixed;
	bottom: 0px;
	right: 220px;
	min-height: 285px;
	background-color: rgb(237, 239, 244);
	width: 300px;
	border: 1px solid rgba(29, 49, 91, .3);
}

.popup-box .popup-head
{
	background-color: #6d84b4;
	padding: 5px;
	color: white;
	font-weight: bold;
	font-size: 14px;
	clear: both;
}

.popup-box .popup-head .popup-head-left
{
	float: left;
}

.popup-box .popup-head .popup-head-right
{
	float: right;
	opacity: 0.5;
}

.popup-box .popup-head .popup-head-right a
{
	text-decoration: none;
	color: inherit;
}

.popup-box .popup-messages
{
	height: 285px;
	overflow-y: scroll;
	padding:10px 0 0 0;
/*	 top: 0; height: 100%; width: 100%; */
}
.popup-box a{color:#FFFFFF;}
.popup-box input{width:95%; border:none;padding:5px;}

.chat-sidebar .sidebar-head
{
	background-color: #005c8f;
	padding: 5px;
	color: white;
	font-weight: bold;
	font-size: 14px;
	clear: both;
	cursor:pointer;
	
}
.chat-sidebar .sidebar-namelist{height:100%;}

.active-chat span{background:#4080FF; padding:3px; color:#FFFFFF; margin:3px;}
.passive-chat span{background:#CCCCCC; padding:3px; color:#000000; margin:3px;}
a.active-chat{background:#4080FF; padding:5px; color:#FFFFFF; margin:5px; margin:0 90px; 	border: 2px solid #4080FF;  border-radius: 25px; }
/*.popup-messages{padding:10px 3px;}
*/.active-chat img, .passive-chat img{ 
	height: 32px;
    margin: 5px 0;
    vertical-align: middle;
    width: 32px;
}