/* PARLEY CHAT APPLICATION STYLES
** Copyright Pigment Limited www.thinkpigment.com
** Parley Chat Application www.getparley.com
**/

/* ---[ Reset ]------------------------------------------------------------ */
body {
  margin-bottom: 40px; /* Make space for presence bar */
}

a:focus {
  outline:none;
}

div#parley-presence-bar * { /* Reset any inherited styles from site inside presence bar */
  font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
  letter-spacing: normal;
  text-align: left;
  font-size: 100%;
  border: 0;
}
div.parley-clear {
  clear: both;
}
/* ---[ Presence Bar Styles ]------------------------------------------------------------ */
div#parley-presence-bar {
  position: fixed;
  bottom: 0;
  height: 25px;
  border: 1px solid #b3b3b3;
  border-bottom: none;
  font-size: 11px;
  padding: 0;
  width: 98.5%;
  margin: 0 .75%;
  z-index: 1000;
  font-weight: normal;
  font-style: normal;
  background: #eee;
  -webkit-border-top-left-radius:   3px;
  -webkit-border-top-right-radius:  3px;
  -moz-border-radius-topleft:       3px;
  -moz-border-radius-topright:      3px;
  border-top-left-radius:           3px;
  border-top-right-radius:          3px;
}

div#parley-presence-bar a, div#parley-presence-bar a:visited {
  text-decoration: none;
  color: #2F98FF;
}

div#parley-presence-bar a:hover, div#parley-presence-bar a:active {
  text-decoration: underline;
  color: #2F98FF;
}

/* ---[ All Windows ]------------------------------------------------------------ */
div#parley-presence-bar .parley-window-content {
  padding: 5px;
  height: 290px;
  overflow: auto;
  clear: both;
  border-left:  1px solid #b3b3b3;
  border-right: 1px solid #b3b3b3;
}

div#parley-presence-bar .parley-window {
  float: left;
  margin-left: 8px;
  width: 120px;
  background-color: #fefefe;
}
div#parley-presence-bar .parley-window-inner {
  height: 311px;
  margin-top: -312px;
  background-color: #fff;
  width: 270px;
}

div#parley-presence-bar div#online-users .parley-window-inner {
  height: 311px;
  margin-top: -312px;
}

div#parley-presence-bar .parley-window-title {
  margin: 0;
  position: relative;
  background: #69f;
  height: 20px;
  font-size: 13px;
  padding: 0 5px 0 3px;
  border: 1px solid #517ACC;
  border-bottom: none;
}

div#parley-presence-bar .parley-window-title h2 {
  margin: 0 5px 0 0;
  padding: 0;
  color: white;
  font-weight: bold;
  float: left;
  line-height: 20px;
}

/* ---[ Buttons ]------------------------------------------------------------ */
div#parley-presence-bar div.parley-button {
  position: relative;
  border-width: 0 1px 0 1px;
  border-style: solid;
  border-color: #b3b3b3; 
  cursor: pointer;
  outline: none;
  display: block;
  text-decoration: none;
  font-weight: bold;
  margin: 0;
  color: #111;
  background: #eee;
  height: 25px;
  line-height: 25px;
  padding: 0 5px;
}
.parley-button .parley-username {
  padding-left: 12px;
  background: url('http://assets.getparley.com/images/parley-sprite.png') no-repeat -12px -40px;
}
.parley-user-offline .parley-button .parley-username {
  background: url('http://assets.getparley.com/images/parley-sprite.png') no-repeat -12px -8px;
  color: #666;
}
.parley-user-typing .parley-button .parley-username {
  background: url('http://assets.getparley.com/images/parley-sprite.png') no-repeat -10px -170px;
}
div#parley-presence-bar .parley-button:hover {
  color: #000;
}

div#parley-presence-bar .parley-button.maximized {
  background: #fff;
  border-top: 1px solid #ddd;
}

div#parley-presence-bar span.parley-button-close {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 6px;
  top: 4px;
  padding: 0;
  margin: 0;
  background: transparent url('http://assets.getparley.com/images/windows/close.gif') no-repeat scroll left -32px;
  text-indent: -9999px;
}

div#parley-presence-bar span.parley-button-close:hover {
  background-position: left -16px;
}

div#parley-presence-bar a.parley-button-close {
  display: block;
  float: right;
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 0 0 0 2px;
  background: transparent url('http://assets.getparley.com/images/windows/close.gif') no-repeat scroll left -16px;
}

div#parley-presence-bar a.parley-button-close:hover {
  background-position: left -32px;
}

div#parley-presence-bar a.parley-button-minimize {
  display: block;
  float: right;
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 0 0 0 2px;
  background: transparent url('http://assets.getparley.com/images/windows/minimize.gif') no-repeat scroll left -16px;
  /* text-indent: -9999px; */
}

div#parley-presence-bar a.parley-button-minimize:hover {
  background-position: left -32px;
}

div#parley-presence-bar a.parley-button-close span {
  display: none;
}

div#parley-presence-bar a.parley-button-maximize span {
  display: none;
}


/* ---[ Online Users Window ]------------------------------------------------------------ */

div#parley-presence-bar div#parley-online-users div.parley-window-content {
  padding: 0;
  height: 269px;
}
div#parley-presence-bar div#parley-query-options {
  padding: 5px;
  height: 20px;
  line-height: 20px;
  padding: 0 0 0 5px;
  border-left:  1px solid #b3b3b3;
  border-right: 1px solid #b3b3b3;
  border-bottom: 1px solid #eee;
  position: relative;
}
div#parley-presence-bar div#parley-query-status {
  color: #666;
  float: left;
}
div#parley-presence-bar a#parley-query-options-link:link,
div#parley-presence-bar a#parley-query-options-link:visited {
  display: block;
  float: right;
  color: #999;
  padding: 0 5px;
  font-weight: bold;
}
div#parley-presence-bar a#parley-query-options-link:hover {
  text-decoration: none;
  color: #666;
}
div#parley-presence-bar .maximized a#parley-query-options-link {
  background: #ffc;
  color: #666;
}

div#parley-presence-bar div#parley-options-title {
  font-weight: bold;
  color: #666;
}
div#parley-presence-bar div#parley-query-form {
  background: #ffc;
  position: absolute;
  left: 269px;
  top: -1px;
  padding: 0 5px 5px;
  border: 1px solid #b3b3b3;
  border-left: 0;
  width: 150px;
}
div#parley-presence-bar div#parley-query-form select {
  margin-bottom: 5px;
}
div#parley-presence-bar div#parley-gender {
  text-transform: uppercase;
}

div#parley-presence-bar div#parley-button-online-users {
  width: auto;
}

div#parley-presence-bar #user-list-online-users a {
  display: block;
  padding: 5px 5px 8px;
  border-bottom: 1px solid #eee;
  overflow: hidden;
  margin: 0;
}

div#parley-presence-bar #user-list-online-users a:hover {
  background-color: #f3f3f3;
  text-decoration: none;
}

div#parley-presence-bar #user-list-online-users a img {
  float: left;
  border: 1px solid #ccc;
  margin: 2px 4px 0px 0px;
  width: 50px;
}

div#parley-presence-bar #user-list-online-users .parley-username {
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
}
div#parley-presence-bar .parley-chat-window-user-status {
  margin-left: 5px;
}


/* ---[ Status Window ]------------------------------------------------------------ */

div#parley-presence-bar #toggle-status {
  text-indent: -9999%;
  width: 20px;
} 
div#parley-presence-bar .parley-window-status .parley-window-inner {
  height: 95px;
  margin-top: -96px;
  width: 140px;
  position: relative;
  left: -108px;
}
div#parley-presence-bar div#parley-status-windows {
  float:right;
  margin-right: 8px;
}

div#parley-presence-bar div.parley-window.parley-window-status {
  width: 32px;
}
div#parley-status-windows .parley-window-content {
  height: 64px;
}
div#parley-presence-bar div.parley-window.parley-window-status h2 {
  width: 90px;
}

div#parley-presence-bar span.parley-toggle-status {
  padding: 4px 5px 4px 20px;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
  line-height: 30px;
  border: 1px solid #ccc;
}

div#parley-presence-bar span.parley-toggle-status.online {
  color: #390;
  background: #ddd url('http://assets.getparley.com/images/parley-sprite.png') no-repeat -6px -101px;
}

div#parley-presence-bar span.parley-toggle-status.online:hover {
  background-color: #eee;
}

div#parley-presence-bar span.parley-toggle-status.offline {
  color: #c00;
  background: #ddd url('http://assets.getparley.com/images/parley-sprite.png') no-repeat -6px -132px;
}

div#parley-presence-bar span.parley-toggle-status.offline:hover {
  background-color: #eee;
}

div#parley-presence-bar .parley-button .parley-offline {
  color: #c00;
  background: transparent url('http://assets.getparley.com/images/parley-sprite.png') no-repeat -6px -131px;
}

div#parley-presence-bar .parley-button .parley-online {
  color: #060;
  background: transparent url('http://assets.getparley.com/images/parley-sprite.png') no-repeat -6px -99px;
}

/* ---[ Chat Window ]------------------------------------------------------------ */
div#parley-presence-bar span.parley-unread-count {
  color: #FFF;
  font-size: 9px;
  font-family: "helvetica neue", arial, sans-serif;
  padding: 0 3px 5px;
  background: url('http://assets.getparley.com/images/parley-sprite.png') no-repeat -11px -72px transparent;
  position: relative;
  top: -12px;
  left: 2px;
}

div#parley-presence-bar a.block-user, div#parley-presence-bar a.report-user {
  color: #679ECF;
}

div#parley-presence-bar h2 a, div#parley-presence-bar h2 a:visited, div#parley-presence-bar h2 a:active, div#parley-presence-bar h2 a:link {
  color: #FFF;
}

div#parley-presence-bar img.parley-avatar {
  float: left;
  height: 25px;
  display: block;
  margin-bottom: 8px;
}

div#parley-presence-bar div.parley-avatar {
  max-width: 25px;
  height: 25px;
  float: left;
  overflow: hidden;
  margin-right: 5px;
}

div#parley-presence-bar .parley-window-actions {
  font-size: 11px;
  position: relative;
  float: right;
  padding: 0px;
  margin: 0px;
  height: 20px;
  width: 40px;
  text-align: right;
}
div#parley-presence-bar #inner-status .parley-window-actions {
  width: 20px;
}

div#parley-presence-bar .parley-user-actions {
  font-size: 10px;
  font-weight: bold;
  text-align: left;
  float: left;
  margin-left: 4px;
  color: white;
  padding-top: 2px;
  position: relative;
  top: 3px;
}
div#parley-presence-bar .parley-user-actions a:link, div#parley-presence-bar .parley-user-actions a:visited {
  color: #fff;
}
div#parley-presence-bar .parley-window form {
  display: block;
  margin: 0;
  padding: 8px 0;
  border-left:  1px solid #999;
  border-right: 1px solid #999;
  overflow: auto;
}

div#parley-presence-bar .parley-window form input[type=submit] {
  display: block;
  float: left;
  width: 40px;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  height: 27px;
  font-family: "Helvetica Neue", Arial, Sans-serif;
  font-weight: bold;
  padding: 0;
  text-align: center;
}

div#parley-presence-bar form textarea.parley-input {
  disply: block;
  float: left;
  width: 209px;
  height: 20px;
  border-width: 1px 1px 1px 0px;
  border-style: solid;
  border-color: #ccc;
  font-size: 12px;
  padding: 4px 4px 1px 14px;
  background: #efefef url('http://assets.getparley.com/images/windows/chat/prompt.png') no-repeat scroll 4px 8px;
  resize: none;
}
div#parley-presence-bar form textarea.parley-input:focus {
  background: #fff url('http://assets.getparley.com/images/windows/chat/prompt.png') no-repeat scroll 4px 8px;
  outline: none;
}

div#parley-presence-bar .parley-strapline {
  font-size: 12px;
  color: #000;
  margin-left: 30px;
  display: block;
}

div#parley-presence-bar .parley-transcript {
  height: 247px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 4px;
}

div#parley-presence-bar .parley-transcript .mine {
  background-color: #FFFFEF;
  padding: 1px;
}

div#parley-presence-bar .parley-transcript .parley-username {
  display: block;
  font-size: 10px;
  font-weight: bold;
  margin-top: 5px;
  padding: 4px 2px 2px 2px;
  border-top: 1px solid #eee;
}
div#parley-presence-bar .parley-transcript .parley-message-body {
  padding: 2px 4px 2px 6px;
  display: block;
  margin: 0 0 0 25px;
}
div#parley-presence-bar .parley-transcript .parley-message {
  margin: 0;
  line-height: 16px;
  font-size: 1em;
}
div#parley-presence-bar .parley-transcript .parley-first {
  border-top: 1px solid #ddd;
  margin: 8px 0 0;
  padding-top: 8px;
  clear: both;
}
div#parley-presence-bar .parley-transcript .parley-datestamp {
  float: right;
  text-align: right;
  font-weight: normal;
  font-style: italic;
  font-size: 10px;
  color: #999;
}

div#parley-presence-bar .parley-transcript .parley-message.parley-undelivered {
  color: #666;
}

div#parley-presence-bar .parley-message-body .parley-undelivered {
  color: #666;
  display:block;
  font-size: 9px;
  margin-bottom: 6px;
  font-style: italic;
}

/* ---[ Expand / collapse window ] --- */
div#parley-presence-bar .parley-window.chat.expanded .parley-transcript {
  height: 180px;
  background: #fff url('http://assets.getparley.com/images/windows/chat/shadow.png') repeat-x bottom;
}

div#parley-presence-bar .parley-window.chat.expanded .parley-input {
  height: 87px;
}

div#parley-presence-bar .parley-window.chat.expanded form input[type=submit] {
  margin-top: 67px;
}


/* ---[ Authentication failure ]------------------------------------------------------------ */
div.parley-authentication-failure {
  position:fixed;
  bottom:0;
  width: 100px;
  height: 28px;
  border: 1px solid #ccc;
  font-size: 12px;
  font-family: 'lucida grande', verdana, arial, sans-serif;
  padding: 6px;
  background-color: #900;
  color: #fff;
  z-index: 1000;
}