@import url(https://fonts.googleapis.com/css?family=Indie+Flower);
#chat_window { -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px; }
#chat_window, #chat_window *    { font: 12px "Lucida Grande", Sans-Serif; background: url(images/bg.png); }
#chat_window .chat-h2           { color: #fa9f00; font: 20px Helvetica, Sans-Serif; margin: 0 0 10px 0; cursor: pointer; display:block; }
#page-wrap                      { margin: 0; position: relative; }

#chat-wrap                      { border: 1px solid #eee; margin: 0 0 15px 0; }
#chat-area                      { height: 300px; overflow: auto; border: 1px solid #666; padding: 20px; background: white; }
#chat-area span                 { color: white; background: #333; padding: 4px 8px; -moz-border-radius: 5px; -webkit-border-radius: 8px; margin: 0 5px 0 0; }
#chat-area p                    { padding: 8px 0; border-bottom: 1px solid #ccc; background: white; }
#chat-area p *					{ background: white; }
#chat-area p span               { background: #333; display: inline-block; }

#name-area                      { position: absolute; top: 5px; right: 0; color: white; font: bold 12px "Lucida Grande", Sans-Serif; text-align: right; margin: 0; }
#name-area span                 { color: #fa9f00; }

#send-message-area p            { float: left; color: white; padding-top: 20px; margin: 0; font-size: 14px; }
#sendie                         { border: 3px solid #999; width: 360px; padding: 10px; font: 12px "Lucida Grande", Sans-Serif; width:90%; background: white; }
#chat_window.inactive			{ padding: 5px 10px!important; width:auto!important; cursor: pointer; }
#chat_window.inactive .wrapper  { display: none; }
#chat_window.inactive .chat-h2  { margin: 0; }
#chat_window .checkbox-cont     { display: inline-block; color: white; }
#chat_window .checkbox-cont *   { cursor: pointer; }
.chat-popup, .chat-popup * {font-family: 'Indie Flower', cursive;}

.chat-popup {
  position:fixed;
  left:0;
  margin-left:35px;
  bottom:35px;
  margin-top:0;
  opacity:0;
  transition:all 1s;
  -webkit-transition:all 1s;
  z-index: 9999;
}

.chat-popup.activated {
  opacity:1;
}

.chat-popup div {
  width:auto;
  font-size:20px;
  padding:30px 20px;
  background:url(images/bg.png);
  border-radius:40px;
  color:#fa9f00;
  text-align:center;
}

.chat-popup svg path {
  fill: #000;
}