#support{width: 350px; max-width: 100%; position:absolute; right: 0px; bottom: 0; background:#EFEFEF; position:fixed; z-index: 2000; border: 1px solid #FF7F0D;}
#support #title{padding: 10px; position: relative; top: 0; left: 0; right: 0; background:#FF7F0D; color:#FFF; font-weight: bold; cursor:pointer;}
#support #c #messages{position:relative; display:none; top: 0; bottom: 0; left: 0; right: 0; float: left; overflow-y:scroll; max-height: 400px; padding-bottom: 10px;}
#support #c #answers{position:relative; display:none; width: 100%; float: left; border-top: 2px dotted #FF7F0D;}
#support #c #answers a{width: 100%; float: left; text-align: center; font-size: 1em; padding: 5px 0px 5px 0px; border-bottom: 1px dotted #FF7F0D;}
#support #c #answers a:hover{background:#415968; color:#FFF;}
#support #c #typing{ float: left; display:none; margin: 10px;}
#support form{float: left; border: 0; margin: 0; padding: 0;}
#support #c input[type="text"]{width: 100%; float: left; padding: 0; padding: 5%; margin: 0; font-size: 1em;}

.bubble{
	position: relative;
	width: 80%;
	float: left;
	min-height: 20px;
	padding: 5px;
	padding-left: 20px;
	background: #BDD4DE url(../htmimg/arrow.png) no-repeat left center;
	color:#000;
	margin-top: 10px;
	margin-left: 5px;
}

.bubble.sec{
	background: #415968 url(../htmimg/arrow1.png) no-repeat right center;
	float: right;
	padding-right: 20px;
	padding-left: 5px;
	color:#FFF;
	margin-right: 5px;
}

.bubble.sec.hidden{display:none;}



/* Larger than mobile */
@media (min-width: 400px) {
	#support{ right: 30px; }
}

/* Larger than phablet */
@media (min-width: 550px) {
	
}