div.chat{
	margin: 0;
	border-top: 1px solid white;
	border-bottom: 0px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
}
div.chat.bottom:hover { 

}
div.chat a {
	position: fixed;
	bottom: 0px;
	right:0px;
	margin: 0px;
	display: block;
	padding: 8px;
	max-width:200px;
	color: white;
	text-decoration: none;
	font-weight: bold;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	cursor:pointer;
	background: #EE352A;
	font-family: ionicons;
	font-size:13px;
}
div.chat a:hover {
	opacity:1;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	opacity:0.8;
}

div.chat a.online span.icon:before { content:"\f11d"; font-size:30px; margin-right: 10px; vertical-align: middle; display: inline-block; }
div.chat a.offline span.icon:before { content:"\f11e"; font-size:30px; margin-right: 10px; vertical-align: middle; display: inline-block; }

div.chat.right {
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	border-right: 0px solid white;
}
div.chat.right a.offline {
	bottom: 80px;
	right: -165px;
}
div.chat.right:hover a.offline{ 
	bottom: 80px;
	right:0px;
}
	

div.chat.right a.online {
	width:180px;
	right: -154px;
	bottom: 80px;
}
div.chat.right:hover a.online{ 
	bottom: 80px;
	right:-20px;
	bottom: 80px;
}

div.chat.left {
	margin: 0px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 0px solid white;
	border-right: 1px solid white;
}
div.chat.left:hover { 
	bottom: 80px;
	left:-20px;

}
div.chat.left a.offline {
	width:180px;
	left: -129px;
	bottom: 80px;
}
div.chat.left a.online {
	width:180px;
	left: -129px;
	bottom: 80px;
}

/* Mozilla positioning */
@-moz-document url-prefix() {
    div.chat.right a.offline {
        right: -128px;
    }
    div.chat.right a.online {
        right: -144px;
    }
}

div.chat a.offline {
	background: rgb(207, 207, 207);
  	color: black;
}
div.chat a.offline img {
	opacity:0.4;
}

div.chat img {
	vertical-align:middle;
}