/*
 * default style for pusher chat 
 * Pusher chat
 * facebook like chat jQuery plugin using Pusher API 
 * version: 1.0   
 * Author & support : zied.hosni.mail@gmail.com 
 * © 2012 html5-ninja.com
 * for more info please visit http://html5-ninja.com
 *
*/

#pusherChat{position: fixed; right:0; bottom: 0;font-family:Arial,Helvetica,Garuda,sans-serif;font-size: 12px;color:#515151 ;width: 100%}
#pusherChat #membersContent{
    position:absolute;right: 10px; bottom:-2px ; width: 200px; border:#ccc 1px solid ;background: #eee;
    padding: 2px;box-shadow: 0px -1px 3px #ccc
}
#pusherChat #membersContent a{
    position: relative; background: #fff;color:#515151;padding: 2px 0px ;display: block;border-top:1px solid #eee;width: available;
    text-decoration: none;padding: 2px 4px;height: 28px; line-height: 28px;text-indent: 10px
}
#pusherChat #membersContent a.off{opacity: 0.5; background/*\**/: #eee\9;}
#pusherChat #membersContent a:hover{background: #00B4FF;color :#fff}
#pusherChat #membersContent h2{font-size: 12px;line-height: 0;text-indent: 10px; }
#pusherChat #membersContent .scroll{overflow-y :auto }
#pusherChat #expand, #pusherChat .expand{ font-size: 15px; font-weight: bold;position: absolute; right: 10px; top: 0px;cursor: pointer;}
#pusherChat #expand .open,#pusherChat .pusherChatBox .expand .open{display: none; }

@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
50% {opacity: 1.0;}
100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}

@keyframes pulsateFF {
    0% {transform: scale(0.1, 0.1); opacity: 0.0;}
50% {opacity: 1.0;}
100% {transform: scale(1.2, 1.2); opacity: 0.0;}
}
#pusherChat .chatBoxWrap{float: left;  position: relative }
#pusherChat .chatBoxWrap .pusherChatBox{ margin-right: 10px;position: absolute}
#templateChatBox{display: none}
.chatBoxslide{float: right;position: relative;}
.overFlowChat{top: 9000px !important}
#pusherChat .chatBoxWrap #slideLeft,#pusherChat .chatBoxWrap #slideRight{display: none; position: absolute;font-size: 40px; top:-42px;cursor: pointer;color :#00B4FF }
#pusherChat .chatBoxWrap #slideLeft img,#pusherChat .chatBoxWrap #slideRight img{display: none}
#pusherChat .chatBoxWrap #slideLeft.on img,#pusherChat .chatBoxWrap #slideRight.on img{display: block}
#pusherChat .chatBoxWrap #slideLeft {left: 10px;}
#pusherChat .chatBoxWrap #slideRight{right: -5px}
#pusherChat .chatBoxWrap  .overFlowHideChat{display: none}