@charset "utf-8";
@keyframes chatWindow
{
from { -webkit-transform:rotate(10deg);}
to { -webkit-transform:rotate(-3deg); }
}

@-webkit-keyframes chatWindow
{
from { -webkit-transform:rotate(10deg);}
to { -webkit-transform:rotate(-3deg); }
}

@-moz-keyframes chatWindow
{
from { -moz-transform:rotate(10deg);}
to { -moz-transform:rotate(-3deg); }
}
@-o-keyframes chatWindow
{
from { -o-transform:rotate(10deg);}
to { -o-transform:rotate(-3deg); }
}
#ExternalCode {
 display:block !important; 
 position:fixed; 
 right:0px; 
 bottom:-1px; 
 border-top-left-radius:10px; 
 border-top-right-radius:10px; 
 background-color:#FF9C08; 
 text-decoration:none; 
 font-family:Arial, Helvetica, sans-serif; 
 font-size:12px; 
 font-weight:bold; 
 color:#000000; 
 padding:10px 10px 10px 40px; 
 width:180px; 
 background-image: url('http://www.mahapage.com/mid-chat/design/customtheme/images/icons/user_green_chat.gif'); 
 background-repeat:no-repeat; 
 background-position:5px center; 
 border:1px solid #FFF; 
 box-shadow:-2px -2px 5px rgba(50, 50, 50, 0.17);
 -webkit-animation: chatWindow 0.4s linear 10s 5 alternate;
 -moz-animation: chatWindow 0.4s linear 10s 5 alternate;
 -o-animation: chatWindow 0.4s linear 10s 5 alternate;
 animation: chatWindow 0.4s linear 10s 5 alternate;
 -webkit-transform-origin:right bottom;
 -moz-transform-origin:right bottom;
 -o-transform-origin:right bottom;
 transform-origin:right bottom;
 z-index:1300;
 line-height:18px;
 
 }