.mediaIconInstantClick{
	opacity:0.8;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.mediaIconInstantClick:hover{
	opacity:1;
}

.mediaicon{
	-webkit-box-shadow: 10px 10px 26px -13px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 26px -13px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 26px -13px rgba(0,0,0,0.75);
	float:right;
	height:40px;
	border-top-right-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-bottom-right-radius:4px;
}

#questionIcon{
	position:fixed;
	left:-420px;
	top:200px;
	z-index:9969;
	cursor:pointer;
	height:40px;
	width:340px;
	transition:1s;
	-webkit-transition:1s;
	-moz-transition:1s;
}

#questionIcon:hover{
	left:0;
}

#questionIcon .mediaicon{
	left: 120px;
    position: relative;
    width: 40px;
    color: #637700;
    font-size: 26px;
    line-height: 40px;
    text-align: center;
    background-color: #fff;
    color: #;
    height: 40px;
}

#questionPanel{
	width:420px;
	padding:0 20px 20px 20px;
	background-color:rgba(255, 255, 255, 1);
	position:relative;
	left:0;
	top:0;
	transition:1s;
	-webkit-transition:1s;
	-moz-transition:1s;
	border-bottom-right-radius:12px;
	-webkit-border-bottom-right-radius:12px;
	-moz-border-bottom-right-radius:12px;
}

#questionPanel img{
	margin-top:-20px;
}

#facebookIcon{
	position:fixed;
	left:-300px;
	top:140px;
	z-index:9979;
	cursor:pointer;
	height:40px;
	width:340px;
	transition:1s;
	-webkit-transition:1s;
	-moz-transition:1s;
}

#facebookPanel{
	width:300px;
	height:400px;
	background-color:#ccc;
	position:relative;
	left:0;
	top:0;
	transition:1s;
	-webkit-transition:1s;
	-moz-transition:1s;
	border-bottom-left-radius:12px;
	-webkit-border-bottom-left-radius:12px;
	-moz-border-bottom-left-radius:12px;
}

#facebookIcon:hover{
	left:0;
}