#wpsp_support_btn{
	position: fixed;
	z-index: 1000;
	cursor: pointer;
}
#wpsp_support_front_panel{
	position: fixed;
	z-index: 1001;
	background-color: #ffffff;
	border: 1px solid #c7d7e9;
	width: 298px;
	border-radius: 3px;
}
#support_panel_title{
	width: 100%;
	height: 50px;
	background-color: #3375e5;
	font-family: "yekan","byekan",sans-serif;
}
.support_panel_icon{
	float: RIGHT;
	padding: 5px;
}
#support_panel_title_text{
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
    float: RIGHT;
    height: 37px;
    padding: 13px 0 0 0;
}
#support_panel_close{
	float: left;
	padding: 15px 0px 0 5px;
	cursor: pointer;
}
.front_support_menu{
	width: 288px;
	height: 50px;
	margin: 5px;
	border-radius: 5px;
	cursor: pointer;
	color: #000000;
	background-color: #fff1cc;
}
.front_support_menu:HOVER {
	background-color: #ffba00;
	color: #ffffff;
}
.support_panel_menu_text{
	font-weight: bold;
	font-size: 14px;
	float: RIGHT;
	margin: 14px 0 0 5px;
}
#chatOnlineAgentTitle{
	font-size: 20px;
	font-family: Arial,Helvetica,sans-serif;
	text-align: RIGHT;
	background-color: #ffba00;
	color: #ffffff;
	border-radius: 5px;
	padding: 10px;
	font-weight: bold;
}
.onlineAgent{
	width: 100%;
	height: 60px;
	background-color: #eeeeee !important;
	border-radius: 5px;
	font-family: Arial,Helvetica,sans-serif;
	margin-top: 10px;
	color: #000000 !important;
}
.onlineAgent:HOVER{
	color: #ffffff !important;
	background-color: #3375e5 !important;
}

.supportAgentImage{
	float: RIGHT;
    margin: 5px;
}
.supportAgentInfo{
	width: 180px;
	float: RIGHT;
	text-align: RIGHT;
}
.supportAgentName{
	font-size: 14px;
	font-weight: bold;
}
#support_skype_call_body .wait,#support_skype_chat_body .wait {margin: 134px auto 0 144px;}
@media only screen and (min-width:320px) and (max-width: 699px) {
	#wpsp_support_btn{
		width: 25px;
	}
}
@media only screen and (min-width:700px) and (max-width: 900px) {
	#wpsp_support_btn{
		width: 40px;
	}
}