/*
 * LoSprite
 * Automatically generated by spritegen.sh on Fri Feb  8 10:29:39 EST 2013
 * DO NOT EDIT THIS FILE DIRECTLY
 */
/*
 * Automatically generated by layers-export-aim-css.scm running in GIMP.
 * DO NOT EDIT THIS FILE DIRECTLY
 */
 .av-iframe {
  background-color: #000000;
  position: absolute;
  height: 100%;
  width: 100%;
}
.av-dialog {
  overflow: hidden;
  background-color: transparent;
  position: absolute;
  height: 100%;
  width: 100%;
}
.av-dialog .content {
  width: 100%;
  margin-top: -25px;
  top: 30%;
  position: absolute;
  vertical-align: middle;
  text-align: middle;
  display: block;
  text-align: center;
  color: #FFFFFF;
  padding-top: 16px;
  padding-bottom: 16px;
  width: 80%;
  left: 10%;
  /*min-width: 200px;*/

  background-color: rgba(0, 0, 0, 0.7);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.av-dialog .content .content-background {
  background-color: #000;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 300px;
  left: 50%;
  margin-left: -150px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: none;
}
.av-dialog .content .username {
  font-size: 14px;
  position: relative;
  /* to stay z-index above content-background */

}
.av-dialog .content .message {
  margin-top: 8px;
  font-size: 12px;
  position: relative;
  /* to stay z-index above content-background */

}
.av-dialog .content .message.subtext {
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  color: #999;
  font-size: 11px;
  text-shadow: 1px 1px 0px #333;
  position: relative;
  /* to stay z-index above content-background */

}
.av-dialog .content .redBoldText {
  font-weight: bold;
  color: #F17979;
  position: relative;
  /* to stay z-index above content-background */

}
.av-dialog .content .button-container {
  position: relative;
  margin-top: 20px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.av-dialog .content .button-container .button {
  margin: 0px 0px 0px 12px;
}
.av-dialog .content .button-container .button.closeWindow {
  width: auto;
  margin: 0;
}
/* only flow the decline button ton the right, because closeWindow doesn't 
 * have another button any more (it used to have a "try again" button on the
 * left) 
 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
li {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
html, body {
  font-family: "Helvetica Neue", Arial, "Helvetica", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  font-size: 10pt;
  color: #000;
  background: #EEF2F5;
  /*
  text-rendering: optimizeLegibility;

  Commented out for performance, but it may be worth trying this again with
  other font settings.

  //www.pivotaltracker.com/story/show/19393637
  */

}
body {
  background-color: #ffffff;
}
body.no-support {
  margin-top: 99px;
}
.hidden {
  display: none;
}
.un {
  -moz-user-focus: ignore;
  -moz-user-input: disabled;
  -moz-user-select: none;
  -webkit-user-select: none;
}
/* Inputs
 ------------------------------------------------------- */
input, textarea {
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #8eabbd;
  -webkit-box-shadow: 0 1px 0 #fff;
  -moz-box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 #fff;
  padding: 1px 4px;
}
input:focus, textarea:focus {
  outline: 0;
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
input::-webkit-input-placeholder {
  color: #999999;
  font-weight: normal;
  line-height: normal;
}
input::-webkit-input-placeholder:hover {
  color: #000;
}
.ie input.label-input-label {
  color: #999999;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: normal;
}
.pseudoPlaceHolder {
  position: absolute;
  margin-left: 3px;
  margin-top: 0.8ex;
  font-size: 12px;
  top: 0;
  right: 1ex;
  bottom: 0;
  left: 0;
  height: 1.25em;
  z-index: 1;
  color: #999999;
  font-weight: normal;
  line-height: normal;
  user-select: none;
  text-overflow: ellipsis;
  overflow: hidden;
  display: none;
}
.pseudoPlaceHolder.displayed {
  display: block;
}
input[type="checkbox"], input[type="radio"] {
  border: none;
}
input[type="checkbox"]:focus + label {
  border: 1px dotted #000;
}
/* Anchors acting like buttons */
a[role="button"] {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  overflow: hidden;
}
a[role="button"]:hover {
  text-decoration: none;
}
/* Links
 ------------------------------------------------------- */
a,
a:visited,
.button-as-link,
.goog-link-button,
.link {
  color: #0773a6;
  text-decoration: none;
}
textarea {
  font-family: "Helvetica Neue", Arial, "Helvetica", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}
a,
a:visited,
.goog-link-button,
.link {
  text-decoration: none;
  cursor: pointer;
  color: #0773a6;
  border: none;
}
a:hover {
  color: #85c9d3;
}
/* for a11y */
a:focus {
  outline: thin dotted #333;
}
a,
a:visited,
.button-as-link,
.goog-link-button,
.link,
.button,
button {
  /* Remove transitions for now as it causes issues with sprites
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.1s, 0.1s;
  -webkit-transition-timing-function: ease-in-out, linear;
  -moz-transition-property: all;
  -moz-transition-duration: 0.1s, 0.1s;
  -moz-transition-timing-function: ease-in-out, linear;*/

}
.control {
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
button.control:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
button:focus {
  outline: thin dotted #333;
}
.hide-label {
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  top: -999px;
}
.sprite {
  position: relative;
  overflow: hidden;
}
.sprite img {
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  border: none;
}
::selection {
  color: #333;
  color: rgba(0, 0, 0, 0.6);
  background: #cbf1f4;
  text-shadow: none;
}
/* Custom scrollbars
 ------------------------------------------------------- 

.styled-scrollable::-webkit-scrollbar {
  width: 14px;
  height: 8px;
}

.styled-scrollable::-webkit-scrollbar-track-piece {
  border-top: none;
  border-bottom: none;
  background: -moz-linear-gradient(left, #f2f2f2, #fff);
  background: -webkit-gradient(linear, left center, right center, from(#f2f2f2), to(#fff));
}

.styled-scrollable::-webkit-scrollbar-thumb:horizontal,
.styled-scrollable::-webkit-scrollbar-thumb:vertical {
  background-color: @control_innerscroll_color;
  -webkit-border-radius: 9px;
  border: 3px solid #f6f6f6;
  border-right-width: 2px;
}

.styled-scrollable::-webkit-scrollbar-thumb:horizontal {
  width: 50px;
}
.styled-scrollable::-webkit-scrollbar-thumb:vertical {
  height: 50px;
}

*/
/* Rounded corners
 ------------------------------------------------------- */
.r {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.r-small {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.r-large {
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}
.rb {
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-radius-bottomleft: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-radius-bottomright: 6px;
}
.rbl {
  -moz-border-radius-bottomleft: 12px;
  -webkit-border-bottom-left-radius: 12px;
  border-radius-bottomleft: 12px;
}
.rbr {
  -moz-border-radius-bottomright: 12px;
  -webkit-border-bottom-right-radius: 12px;
  border-radius-bottomright: 12px;
}
.rl {
  -moz-border-radius-topleft: 6px;
  border-radius-topleft: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-radius-bottomleft: 6px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
}
.rl-small {
  -moz-border-radius-topleft: 3px;
  border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-radius-bottomleft: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
}
.rr {
  -moz-border-radius-topright: 6px;
  border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
  border-radius-bottomright: 6px;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
}
.rr-small {
  -moz-border-radius-topright: 3px;
  border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-radius-bottomright: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
}
.rt {
  -moz-border-radius-topleft: 6px;
  border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
}
.rtl {
  -moz-border-radius-topleft: 12px;
  -webkit-border-top-left-radius: 12px;
  border-radius-topleft: 12px;
}
.rtr {
  -moz-border-radius-topright: 12px;
  -webkit-border-top-right-radius: 12px;
  border-radius-topright: 12px;
}
.rtr-medium {
  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
  border-radius-topright: 6px;
}
.rtr-small {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-radius-topright: 3px;
}
.rt-small {
  -moz-border-radius-topleft: 3px;
  border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
}
/* Auth, sign in, sign out
 ------------------------------------------------------- */
.auth {
  position: absolute;
  position: fixed;
  bottom: 30px;
  right: 48px;
  color: #eee;
  z-index: 100;
}
.auth .button {
  margin: 0 0 0 18px;
}
/* Popups
 ------------------------------------------------------- */
.popup {
  position: absolute;
  z-index: 999999;
}
/* Buttons
 ------------------------------------------------------- */
/* Removes the dotted outline */
[role="button"]::-moz-focus-inner {
  border: 0;
}
button::-moz-focus-inner {
  border: 0;
}
/* Normal button  (grey) */
button,
input[type="submit"],
input[type="button"],
button:visited,
input[type="submit"]:visited,
input[type="button"]:visited,
.button,
.button:visited {
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);*/

  padding: 5px 14px 6px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  color: #333;
  font-size: 13px;
  font-family: "Helvetica Neue", Helvetica, "Lucida Grande", Arial, sans-serif;
  line-height: normal;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  transition: 0.1s linear all;
}
button:hover,
input[type="submit"],
input[type="button"],
.button:hover {
  /* background-position: 0 -15px;
  color: #333;
  text-decoration: none;*/

}
/* -----Button Colors-----  */
/* Submit buttons  (blue) */
button.submit,
input.submit,
[role="button"].submit,
.button.submit {
  color: #fff;
  background-color: #0064cd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
  background-image: linear-gradient(top, #049cdb, #0064cd);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
/* Marketing buttons  (orange) */
.button.marketing, button.marketing, a.marketing {
  background-color: #E6490C;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#f26c24), to(#e6490c));
  background-image: -moz-linear-gradient(top, #f26c24, #e6490c);
  background-image: -ms-linear-gradient(top, #f26c24, #e6490c);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f26c24), color-stop(100%, #e6490c));
  background-image: -webkit-linear-gradient(top, #f26c24, #e6490c);
  background-image: -o-linear-gradient(top, #f26c24, #e6490c);
  background-image: linear-gradient(top, #f26c24, #e6490c);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #E6490C #E6490C #22697d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
/* bad or danger buttons  (red) */
button.danger,
button.bad,
a.danger,
a.bad,
.button.danger,
.button.bad {
  background-color: #c43c35;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#e53535), to(#c43c35));
  background-image: -moz-linear-gradient(top, #e53535, #c43c35);
  background-image: -ms-linear-gradient(top, #e53535, #c43c35);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e53535), color-stop(100%, #c43c35));
  background-image: -webkit-linear-gradient(top, #e53535, #c43c35);
  background-image: -o-linear-gradient(top, #e53535, #c43c35);
  background-image: linear-gradient(top, #e53535, #c43c35);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e53535', endColorstr='#c43c35', GradientType=0);*/

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #c43c35 #c43c35 #882a25;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
/* good buttons  (green) */
.button.good, a.good, button.good {
  background-color: #04a500;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#04a500));
  background-image: -moz-linear-gradient(top, #62c462, #04a500);
  background-image: -ms-linear-gradient(top, #62c462, #04a500);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #04a500));
  background-image: -webkit-linear-gradient(top, #62c462, #04a500);
  background-image: -o-linear-gradient(top, #62c462, #04a500);
  background-image: linear-gradient(top, #62c462, #04a500);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#04a500', GradientType=0);*/

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #04a500 #04a500 #3d773d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
/* Facebook button (facebook blue) */
.button.fb, [role="button"].fb, button.fb {
  background-color: #4d6ca6;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #4d6ca6 0%, #3c5892 100%);
  background-image: -khtml-gradient(linear, left top, left bottom, from(#4d6ca6), to(#3c5892));
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d6ca6), color-stop(100%, #3c5892));
  background-image: -webkit-linear-gradient(top, #4d6ca6 0%, #3c5892 100%);
  background-image: -o-linear-gradient(top, #4d6ca6 0%, #3c5892 100%);
  background-image: -ms-linear-gradient(top, #4d6ca6 0%, #3c5892 100%);
  background-image: linear-gradient(top, #4d6ca6, #3c5892);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d6ca6', endColorstr='#3c5892',GradientType=0 );*/

  border-color: #3c5892 #3c5892 #233967;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
/* -----Button Sizes-----  */
/* Pill button */
button.pill, [role="button"].pill, .button.pill {
  padding: 3px 6px;
  font-size: 10px;
}
/* Small button */
button.small, [role="button"].small, .button.small {
  padding: 7px 9px 7px;
  font-size: 11px;
}
/* Large button */
button.large, [role="button"].large, .button.large {
  font-size: 16px;
  line-height: normal;
  padding: 9px 14px 9px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
[role="button"]:active, button:active {
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}
button.disabled,
[role="button"].disabled,
.button.disabled,
button.disabled:hover,
[role="button"].disabled:hover,
.button.disabled:hover {
  cursor: default;
  background-image: none;
  /*filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  filter: alpha(opacity=65);*/

  -khtml-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.button.bad,
button.danger,
a.danger,
.button.bad:hover,
button.danger:hover,
a.danger:hover,
.button.error,
.button.error:hover,
.button.good,
.button.good:hover,
.button.marketing,
.button.marketing:hover,
.button.fb,
.button.fb:hover {
  color: #ffffff;
}
/* Dialogs
 ------------------------------------------------------- */
.modal-dialog.aim-dialog {
  border: 6px solid #eeeeee;
  margin: 5px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 6px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 6px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 6px;
  font-size: 13px;
  z-index: 999999;
  min-width: 210px;
  max-width: 600px;
  -webkit-transition: 0.5s opacity;
  -moz-transition: 0.5s opacity;
}
.modal-dialog-bg.aim-dialog-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999998;
  /*background: #000;
  opacity: .9;*/

}
.aim-dialog .modal-dialog-title {
  background: #eeeeee;
  color: #414141;
  font: bold 18px Helvetica, sans-serif;
  line-height: 1.2;
  text-align: left;
  text-shadow: 0 1px 0 #fff;
  position: relative;
  box-shadow: 0 1px 0 #fff;
  border-bottom: 1px solid #d4d4d4;
  _zoom: 1;
  /* Ensures proper width in IE6 RTL. */

}
.aim-dialog .modal-dialog-title, .aim-dialog .modal-dialog-content, .aim-dialog .modal-dialog-buttons {
  padding: 9px;
}
.aim-dialog .modal-dialog-content, .aim-dialog .modal-dialog-buttons {
  margin: 0 0;
}
.aim-dialog .modal-dialog-buttons button, .aim-dialog .modal-dialog-buttons .button {
  margin-left: 9px;
}
.aim-dialog.dialog-under-construction {
  background-color: #aaa;
}
.aim-confirm .modal-dialog-title {
  display: none;
}
.aim-confirm .modal-dialog-buttons {
  text-align: center;
}
/*.dialog-under-construction .modal-dialog-buttons,
.dialog-under-construction .modal-dialog-content {
  background-color: #aaa;
}

.dialog-under-construction .modal-dialog-content {
  background-image: url('//s.aimcdn.net/aimcom/static/2.38.0.6/common/images/construction.gif');
  background-repeat: no-repeat;
  background-position: center 12px;
  width: 320px;
  padding: 375px 6px 36px;
  text-align: center;
  text-decoration: blink;
}*/
.aim-dialog .modal-dialog-title-close {
  cursor: pointer;
  right: -6px;
  top: -6px;
}
.aim-dialog.dialog-service-reauth {
  min-width: 275px;
}
.aim-dialog.dialog-service-reauth .modal-dialog-content .foot {
  position: absolute;
  bottom: 5px;
  color: #666;
}
.aim-dialog.dialog-service-reauth .modal-dialog-buttons {
  margin-top: -10px;
  margin-bottom: 20px;
}
.aim-dialog.dialog-service-reauth .modal-dialog-buttons button:hover {
  cursor: pointer;
}
.aim-dialog.dialog-service-reauth .modal-dialog-buttons button.remove-service {
  position: absolute;
  bottom: 5px;
  left: 10px;
  border: none;
  padding: 0;
  margin: 0;
  color: #0773a6;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* Overlay
 ------------------------------------------------------- */
.modal-dialog.aim-overlay {
  /*  position: fixed;
  left: 0px;
  top: 34px;
  width: 100%;
  height: 100%;*/

  background: transparent;
  z-index: 40;
}
/* TODO(aw): combine with body.chats */
.modal-dialog-bg.aim-overlay-bg {
  background: #0e95ad;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/glow2.png'), url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/pattern.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0e95ad), color-stop(81%, #1a6e7d), color-stop(100%, #0e95ad));
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/glow2.png'), url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/pattern.png'), -webkit-linear-gradient(top, #0e95ad 0%, #1a6e7d 81%, #0e95ad 100%);
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/glow2.png'), url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/pattern.png'), -moz-linear-gradient(top, #0e95ad 0%, #1a6e7d 81%, #0e95ad 100%);
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/glow2.png'), url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/pattern.png'), -o-linear-gradient(top, #0e95ad 0%, #1a6e7d 81%, #0e95ad 100%);
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/glow2.png'), url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/pattern.png'), -ms-linear-gradient(top, #0e95ad 0%, #1a6e7d 81%, #0e95ad 100%);
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/glow2.png'), url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/pattern.png'), linear-gradient(top, #0e95ad 0%, #1a6e7d 81%, #0e95ad 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=Õ#0e95adÕ, endColorstr=Õ#0e95adÕ,GradientType=0 );*/

  background-position: top center, top left, top;
  background-repeat: no-repeat, repeat, no-repeat;
  min-height: 425px;
}
/* Presence
 ------------------------------------------------------- */
.presence {
  background-position: top left;
  background-repeat: no-repeat;
  width: 10px;
  height: 10px;
  /* common/images/state.png */

  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -221px;
  margin-top: 13px;
  margin-left: 12px;
}
.panel-header .presence {
  position: relative;
  vertical-align: top;
  top: 2.5px;
  z-index: 1;
  display: inline-block;
  margin: 0 0 0 5px;
}
/* TODO(aw) sprite image */
.presence.blocked {
  background-position: center center;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/blocked.png');
  top: 3px;
}
/* TODO(aw) sprite image */
.presence.mobile {
  background-position: center center;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/mobile.png');
  width: 11px;
  height: 19px;
  top: -1px;
}
.presence.offline {
  background-position: 0px -1509px;
}
.presence.away {
  background-position: 0px -231px;
}
.presence.invisible {
  /* Map to invisible from design */

  background-position: 0px -1509px;
}
/* Static content areas.
 ------------------------------------------------------- */
.static-area {
  margin: 96px auto;
  width: 780px;
  min-height: 432px;
  padding: 48px 24px 24px;
  color: #666;
  font-size: 14px;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dcdcdc), color-stop(50%, #ffffff), color-stop(100%, #dcdcdc));
  background-image: -webkit-linear-gradient(left center, #dcdcdc 0%, #ffffff 50%, #dcdcdc 100%);
  background-image: -moz-linear-gradient(left center, #dcdcdc 0%, #ffffff 50%, #dcdcdc 100%);
  background-image: -o-linear-gradient(left center, #dcdcdc 0%, #ffffff 50%, #dcdcdc 100%);
  background-image: -ms-linear-gradient(left center, #dcdcdc 0%, #ffffff 50%, #dcdcdc 100%);
  background-image: linear-gradient(left center, #dcdcdc 0%, #ffffff 50%, #dcdcdc 100%);
  -webkit-box-shadow: 3px 3px 6px #aaa;
  -moz-box-shadow: 3px 3px 6px #aaa;
  box-shadow: 3px 3px 6px #aaa;
}
.static-area h2, h3 {
  font-family: "Helvetica Neue", Arial, "Helvetica", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  text-shadow: 0 1px 0 #fff;
  color: #333;
}
.static-area h2 {
  font-size: 36px;
}
.static-area h3 {
  font-size: 24px;
}
/* Virtual List (base)
 ------------------------------------------------------- */
.virtual-list {
  overflow: hidden;
}
.vl-rows {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.vl-scrollbar {
  float: right;
  width: 50px;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  cursor: auto;
}
.vl-scrollbar-extent {
  height: 1px;
  width: 1px;
}
.vl-item {
  width: 100%;
  overflow: auto;
  position: relative;
  height: 50px;
}
.vl-item.selected {
  background-color: #f7f7f7;
}
/* Accordions
 ------------------------------------------------------- */
.accordion-list {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.accordion-list-header {
  background: #DEDDDB;
  padding: 1px 0 1px 4px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid #d4d4d4;
  font-size: 12px;
  color: #333A42;
  text-shadow: 0 1px 0 #ffffff;
  font-weight: bold;
  cursor: pointer;
  opacity: 1;
}
.accordion-list .top-fixed-headers, .accordion-list .bottom-fixed-headers {
  position: absolute;
  left: 0;
  width: 100%;
  overflow: hidden;
  z-index: 25;
}
.accordion-list .top-fixed-headers {
  top: 0;
}
.accordion-list .bottom-fixed-headers {
  bottom: 0;
}
.accordion-list.off .top-fixed-headers, .accordion-list.off .bottom-fixed-headers {
  display: none;
}
.top-fixed-headers .accordion-list-header, .bottom-fixed-headers .accordion-list-header {
  opacity: 1;
}
.accordion-list .expanded-content {
  position: relative;
  height: 100%;
  overflow: scroll;
  overflow-x: hidden;
}
/* Out-of-app pages
 ------------------------------------------------------- */
body.pages {
  background: #EEF2F5;
  width: 100%;
  height: 100%;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/stepper/clouds.png');
  background-position: bottom center;
  background-repeat: no-repeat;
}
body.pages #content {
  margin: 0 auto;
  padding: 0 0 320px;
  position: relative;
  overflow: auto;
  width: 924px;
}
body.pages #content .logo {
  margin: 48px auto 0;
  display: none;
}
body.pages h1 {
  font-family: "Helvetica Neue", Arial, "Helvetica", "Lucida Grande", Verdana, sans-serif;
  font-size: 62px;
  margin: 100px 0 24px 0;
  text-align: center;
  color: #494949;
  text-shadow: 0 1px 0 #fff;
}
body.pages .description {
  font-size: 16px;
  width: 690px;
  margin: 12px auto;
  line-height: 1.4em;
  color: #494949;
}
body.pages .description.short {
  width: 516px;
}
body.pages p {
  text-align: center;
}
body.pages .single-button-container {
  text-align: center;
  padding: 24px 0;
}
/* Claim dialog
 ------------------------------------------------------- */
.profile-claim-dialog .modal-dialog-content {
  padding: 20px;
}
.profile-claim-dialog .modal-dialog-content h2 {
  font-weight: bold;
  font-size: 20px;
  text-align: center;
}
.profile-claim-dialog .modal-dialog-content .indicator {
  padding-left: 10px;
  font-size: 10px;
  color: #888;
  font-weight: bold;
}
.profile-claim-dialog .modal-dialog-content .available {
  color: #00930E;
}
.profile-claim-dialog .modal-dialog-content .taken {
  color: #ff0000;
}
.profile-claim-dialog .modal-dialog-content .error {
  color: #cc0000;
  font-weight: bold;
}
#errorPage #content ul {
  width: 375px;
  margin: 0 auto;
  color: #494949;
  font-size: 14px;
  line-height: 2em;
}
.fixed-banner {
  position: fixed;
  top: 0;
  z-index: 10;
  background: chocolate;
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #000;
  text-align: center;
  color: #333;
  box-shadow: 0 0 3px #000;
}
.fixed-banner h4 {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 5px;
}
.fixed-banner a {
  color: #fff;
}
.fixed-banner .dl-ie {
  display: none;
}
.ie .fixed-banner .dl-safari {
  display: none;
}
.ie .fixed-banner .dl-ie {
  display: inline;
}
.progress-area .progress-bar-horizontal {
  height: 10px;
  background: #9fa5ad;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  margin-top: 7px;
  border: 1px solid #d4d4d4;
  -webkit-box-shadow: 0 1px 0 #f2f2f2, inset 0 2px 2px #7d848e;
  -moz-box-shadow: 0 1px 0 #f2f2f2, inset 0 2px 2px #7d848e;
  box-shadow: 0 1px 0 #f2f2f2, inset 0 2px 2px #7d848e;
}
.progress-area .progress-bar-horizontal .progress-bar-thumb {
  background: #00b5c1;
  background: -moz-linear-gradient(top, #00b5c1 0%, #018a9a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00b5c1), color-stop(100%, #018a9a));
  background: -webkit-linear-gradient(top, #00b5c1 0%, #018a9a 100%);
  background: -o-linear-gradient(top, #00b5c1 0%, #018a9a 100%);
  background: -ms-linear-gradient(top, #00b5c1 0%, #018a9a 100%);
  background: linear-gradient(top, #00b5c1 0%, #018a9a 100%);
  height: 10px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: inset 0 1px 0 #7ed9ff;
  -moz-box-shadow: inset 0 1px 0 #7ed9ff;
  box-shadow: inset 0 1px 0 #7ed9ff;
}
.menu-color-container {
  display: table;
  border-collapse: separate;
  position: fixed !important;
  border: solid white 5px !important;
}
.menu-color-container .menu-color-row {
  display: table-row;
  border-collapse: separate;
  border-spacing: 1px;
}
.menu-color-container .menu-color-gap-row {
  display: table-row;
  height: 5px;
}
.menu-color-container .menu-color-swatch {
  display: table-cell;
  height: 17px;
  width: 17px;
  max-height: 17px;
  max-width: 17px;
  border: solid #555 1px;
  padding: 0;
}
.menu-color-container .menu-color-swatch:hover {
  border: ridge white 1px;
}
/* These can get too big on hover */
.goog-toolbar .goog-toolbar-color-menu-button {
  max-height: 23px;
  margin-top: -1px;
  max-width: 33px;
  width: 33px;
}
/* the constant is how much padding we want on the right of the scrollbar */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
/*
 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by an Apache 2.0 License.
 * See the COPYING file for details.
 */
/* Author: pallosp@google.com (Peter Pallos) */
/* Sample 3-state checkbox styles. */
.goog-checkbox {
  border: 1px solid #1C5180;
  cursor: pointer;
  display: -moz-inline-box;
  display: inline-block;
  font-size: 1px;
  /* Fixes the height in IE6 */

  height: 11px;
  margin: 0 4px 0 1px;
  vertical-align: text-bottom;
  width: 11px;
}
.goog-checkbox-checked {
  background: #ffffff url('https://s.aimcdn.net/aimcom/static/2.38.0.6/desktop/images/check-sprite.gif') no-repeat 2px center;
}
.goog-checkbox-undetermined {
  background: #bbbbbb url('https://s.aimcdn.net/aimcom/static/2.38.0.6/desktop/images/check-sprite.gif') no-repeat 2px center;
}
.goog-checkbox-unchecked {
  background: #fff;
}
.goog-checkbox-disabled {
  border: 1px solid lightgray;
  cursor: default !important;
  background-position: -7px;
}
/*
 * Copyright 2007 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */
/* Author: pupius@google.com (Daniel Pupius) */
/* Author: pallosp@google.com (Peter Pallos) */
/* Styles for goog.ui.ComboBox and its derivatives. */
.goog-combobox {
  background: #dddddd url(https://ssl.gstatic.com/closure/button-bg.gif) repeat-x scroll left top;
  border: 1px solid #b5b6b5;
  font: normal small arial, sans-serif;
}
.goog-combobox input {
  background-color: #fff;
  border: 0;
  border-right: 1px solid #b5b6b5;
  color: #000;
  font: normal small arial, sans-serif;
  margin: 0;
  padding: 0 0 0 2px;
  vertical-align: bottom;
  /* override demo.css */

  width: 200px;
  box-shadow: none;
}
.goog-combobox input.label-input-label {
  background-color: #fff;
  color: #aaa;
}
.goog-combobox .goog-menu {
  margin-top: -1px;
  width: 219px;
  /* input width + button width + 3 * 1px border */

  z-index: 1000;
}
.goog-combobox-button {
  cursor: pointer;
  display: inline-block;
  font-size: 10px;
  text-align: center;
  width: 16px;
}
.ie8 .goog-combobox-button {
  padding-right: 3px;
  width: 13px;
}
/* IE6 only hack */
* html .goog-combobox-button {
  padding: 0 3px;
}
.modal-dialog-bg {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  background: -webkit-radial-gradient(rgba(90, 90, 90, 0.7), rgba(90, 90, 90, 0.7) 35%, rgba(0, 0, 0, 0.9));
  background: -moz-radial-gradient(rgba(90, 90, 90, 0.7), rgba(90, 90, 90, 0.7) 35%, rgba(0, 0, 0, 0.9));
  opacity: 1;
  -webkit-transition: 1s opacity;
  -moz-transition: 1s opacity;
}
.modal-dialog {
  position: absolute;
  background: #eeeeee;
  -webkit-transition: 0.5s opacity;
  -moz-transition: 0.5s opacity;
}
.modal-dialog-buttons {
  text-align: right;
  padding-right: 20px;
}
.modal-dialog-title-close {
  background: #e0edfe url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/goog-editortoolbar.png') no-repeat -528px 0;
  cursor: default;
  height: 15px;
  position: absolute;
  right: 10px;
  top: 6px;
  width: 15px;
  vertical-align: middle;
  display: none;
}
/*
 * Copyright 2007 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */
/* Author: dalewis@google.com (Darren Lewis) */
/* Styles used in the emojipicker demo */
.goog-ui-popupemojipicker {
  position: absolute;
  -moz-outline: 0;
  outline: 0;
  visibility: hidden;
  z-index: 2;
}
.goog-ui-popupemojipicker .goog-palette-cell {
  padding: 2px;
  background: white;
  border: none;
}
.goog-ui-popupemojipicker .goog-palette-cell div {
  vertical-align: middle;
  text-align: center;
  margin: auto;
}
.high-contrast .goog-ui-popupemojipicker .goog-palette-cell-hover {
  border: 1px solid #000;
  padding: 1px;
}
.goog-ui-popupemojipicker .goog-palette-cell-wrapper {
  width: 25px;
  height: 25px;
}
.goog-ui-popupemojipicker .goog-palette-cell-hover {
  background: lightblue;
}
/* taken from demo */
.goog-ui-popupemojipicker .goog-tabpane {
  background: #FFF;
  border: 1px solid #AAA;
}
.goog-ui-popupemojipicker .goog-tabpane-tabs {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.goog-ui-popupemojipicker .goog-tabpane-cont {
  overflow: auto;
  clear: both;
  padding: 2px;
}
.goog-ui-popupemojipicker .goog-tabpane-tab, .goog-ui-popupemojipicker .goog-tabpane-tab-selected {
  display: block;
  float: left;
  padding: 0px 3ex;
  margin: 0px;
  border-width: 1px;
  border-style: none none solid none;
  border-color: #AAA;
}
.goog-ui-popupemojipicker .goog-tabpane-tab-selected {
  position: relative;
  border-style: none solid none solid;
}
/* It should not be necessary to force the width and height,
   Saving this commented out until we restore the tabs.
.goog-ui-popupemojipicker .goog-palette {
  width: 200px;
  height: 200px;
  overflow-y: auto;
}
*/
.goog-ui-popupemojipicker .goog-palette {
  overflow-y: auto;
}
.goog-ui-popupemojipicker .goog-palette-table {
  border: none;
}
.goog-ui-popupemojipicker li {
  width: 30px;
  height: 22px;
  text-indent: -40px;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0 !important;
}
.goog-ui-popupemojipicker goog-tabpane-tabs {
  padding-left: 8px;
}
.goog-ui-popupemojipicker li:nth-child(1) {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/messaging/images/emoji-tab-recent.png');
}
.goog-ui-popupemojipicker li.goog-tabpane-tab-selected:nth-child(1) {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/messaging/images/emoji-tab-recent-hover.png');
}
.goog-ui-popupemojipicker li:nth-child(2) {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/messaging/images/emoji-tab-persons.png');
}
.goog-ui-popupemojipicker li.goog-tabpane-tab-selected:nth-child(2) {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/messaging/images/emoji-tab-persons-hover.png');
}
.goog-ui-popupemojipicker li:nth-child(3) {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/messaging/images/emoji-tab-transport.png');
}
.goog-ui-popupemojipicker li.goog-tabpane-tab-selected:nth-child(3) {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/messaging/images/emoji-tab-transport-hover.png');
}
.goog-ui-popupemojipicker li:nth-child(4) {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/messaging/images/emoji-tab-nature.png');
}
.goog-ui-popupemojipicker li.goog-tabpane-tab-selected:nth-child(4) {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/messaging/images/emoji-tab-nature-hover.png');
}
.goog-ui-popupemojipicker li:nth-child(5) {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/messaging/images/emoji-tab-objects.png');
}
.goog-ui-popupemojipicker li.goog-tabpane-tab-selected:nth-child(5) {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/messaging/images/emoji-tab-objects-hover.png');
}
.goog-ui-popupemojipicker li:nth-child(6) {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/messaging/images/emoji-tab-symbols.png');
}
.goog-ui-popupemojipicker li.goog-tabpane-tab-selected:nth-child(6) {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/messaging/images/emoji-tab-symbols-hover.png');
}
.no-recent-emojis {
  position: absolute;
  margin: 50px 20px;
  top: 0;
  font-size: 13px;
  color: #555;
}
.goog-menu {
  background: #fff;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  cursor: default;
  font-size: 13px;
  margin: 0;
  outline: none;
  padding: 1px 0;
  position: absolute;
  z-index: 999999;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
/*
 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */
/*
 * Cross-browser implementation of the "display: inline-block" CSS property.
 * See http://www.w3.org/TR/CSS21/visuren.html#propdef-display for details.
 * Tested on IE 6 & 7, FF 1.5 & 2.0, Safari 2 & 3, Webkit, and Opera 9.
 *
 * @author attila@google.com (Attila Bodis)
 */
/*
 * Default rule; only Safari, Webkit, and Opera handle it without hacks.
 */
.goog-inline-block {
  position: relative;
  display: -moz-inline-box;
  /* Ignored by FF3 and later. */

  display: inline-block;
}
/*
 * Pre-IE7 IE hack.  On IE, "display: inline-block" only gives the element
 * layout, but doesn't give it inline behavior.  Subsequently setting display
 * to inline does the trick.
 */
* html .goog-inline-block {
  display: inline;
}
/*
 * IE7-only hack.  On IE, "display: inline-block" only gives the element
 * layout, but doesn't give it inline behavior.  Subsequently setting display
 * to inline does the trick.
 */
*:first-child + html .goog-inline-block {
  display: inline;
}
/*
 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */
/*
 * Standard styling for buttons created by goog.ui.MenuButtonRenderer.
 *
 * @author attila@google.com (Attila Bodis)
 */
/* State: resting. */
.goog-menu-button {
  /* Client apps may override the URL at which they serve the image. */

  /*background: #ddd url(//ssl.gstatic.com/editor/button-bg.png) repeat-x top left*/

  border: 0;
  color: #000;
  cursor: pointer;
  list-style: none;
  margin: 2px;
  outline: none;
  padding: 0;
  text-decoration: none;
  vertical-align: middle;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e5e5e5));
  border: 1px solid #D4D4D4;
  -webkit-box-shadow: inset 0 -1px #ffffff, inset 0 1px #ffffff, inset 1px 0 #ffffff, inset -1px 0 #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
/* Pseudo-rounded corners. */
.goog-menu-button-outer-box, .goog-menu-button-inner-box {
  vertical-align: top;
}
.goog-menu-button-outer-box {
  margin: 0;
  border-width: 0;
  padding: 0;
}
.goog-menu-button-inner-box {
  margin: 0 -1px;
  border-width: 0 1px;
  padding: 3px 4px;
}
/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
* html .goog-menu-button-inner-box {
  /* IE6 needs to have the box shifted to make the borders line up. */

  left: -1px;
}
/* Pre-IE7 BiDi fixes. */
* html .goog-menu-button-rtl .goog-menu-button-outer-box {
  /* @noflip */
  left: -1px;
  /* @noflip */
  right: auto;
}
* html .goog-menu-button-rtl .goog-menu-button-inner-box {
  /* @noflip */
  right: auto;
}
/* IE7-only hack; ignored by all other browsers. */
*:first-child + html .goog-menu-button-inner-box {
  /* IE7 needs to have the box shifted to make the borders line up. */

  left: -1px;
}
/* IE7 BiDi fix. */
*:first-child + html .goog-menu-button-rtl .goog-menu-button-inner-box {
  /* @noflip */
  left: 1px;
  /* @noflip */
  right: auto;
}
/* Safari-only hacks. */
::root .goog-menu-button, ::root .goog-menu-button-outer-box, ::root .goog-menu-button-inner-box {
  /* Required to make pseudo-rounded corners work on Safari. */

  line-height: 0;
}
::root .goog-menu-button-caption, ::root .goog-menu-button-dropdown {
  /* Required to make pseudo-rounded corners work on Safari. */

  line-height: normal;
}
/* State: disabled. */
.goog-menu-button-disabled {
  background-image: none !important;
  opacity: 0.3;
  -moz-opacity: 0.3;
  filter: alpha(opacity=30);
}
.goog-menu-button-disabled .goog-menu-button-outer-box,
.goog-menu-button-disabled .goog-menu-button-inner-box,
.goog-menu-button-disabled .goog-menu-button-caption,
.goog-menu-button-disabled .goog-menu-button-dropdown {
  color: #333 !important;
  border-color: #999 !important;
}
/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
* html .goog-menu-button-disabled {
  margin: 2px 1px !important;
  padding: 0 1px !important;
}
/* IE7-only hack; ignored by all other browsers. */
*:first-child + html .goog-menu-button-disabled {
  margin: 2px 1px !important;
  padding: 0 1px !important;
}
/* State: hover. */
.goog-menu-button-hover .goog-menu-button-outer-box, .goog-menu-button-hover .goog-menu-button-inner-box {
  border-color: #9cf #69e #69e #7af !important;
  /* Hover border wins. */

}
/* State: active, open. */
.goog-menu-button-active, .goog-menu-button-open {
  background-color: #bbb;
  background-position: bottom left;
}
/* State: focused. */
.goog-menu-button-focused .goog-menu-button-outer-box, .goog-menu-button-focused .goog-menu-button-inner-box {
  border-color: orange;
}
/* Caption style. */
.goog-menu-button-caption {
  padding: 1px;
  vertical-align: top;
  text-shadow: none;
}
/* Dropdown arrow style. */
.goog-menu-button-dropdown {
  height: 15px;
  width: 7px;
  /* Client apps may override the URL at which they serve the sprite. */

  background: url(https://ssl.gstatic.com/editor/editortoolbar.png) no-repeat -388px 0;
  vertical-align: top;
}
/* Pill (collapsed border) styles. */
/* TODO(gboyer): Remove specific menu button styles and have any button support being a menu button. */
.goog-menu-button-collapse-right, .goog-menu-button-collapse-right .goog-menu-button-outer-box, .goog-menu-button-collapse-right .goog-menu-button-inner-box {
  margin-right: 0;
}
.goog-menu-button-collapse-left, .goog-menu-button-collapse-left .goog-menu-button-outer-box, .goog-menu-button-collapse-left .goog-menu-button-inner-box {
  margin-left: 0;
}
.goog-menu-button-collapse-left .goog-menu-button-inner-box {
  border-left: 1px solid #fff;
}
.goog-menu-button-collapse-left.goog-menu-button-checked.goog-menu-button-inner-box {
  border-left: 1px solid #ddd;
}
/*
 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */
/*
 * Standard styling for menus created by goog.ui.MenuItemRenderer.
 *
 * @author attila@google.com (Attila Bodis)
 */
/* State: resting. */
.goog-menuitem {
  color: #000;
  font: normal 13px Arial, sans-serif;
  list-style: none;
  margin: 0;
  /* 28px on the left for icon or checkbox; 7em on the right for shortcut. */

  padding: 4px 3em 4px 14px;
  white-space: nowrap;
}
/* If a menu doesn't have checkable items or items with icons, remove padding. */
.goog-menu-nocheckbox .goog-menuitem, .goog-menu-noicon .goog-menuitem {
  padding-left: 12px;
}
/*
 * If a menu doesn't have items with shortcuts, leave just enough room for
 * submenu arrows, if they are rendered.
 */
.goog-menu-noaccel .goog-menuitem {
  padding-right: 20px;
}
.goog-menuitem-content {
  color: #000;
  font-size: 12px;
}
/* State: disabled. */
.goog-menuitem-disabled .goog-menuitem-accel, .goog-menuitem-disabled .goog-menuitem-content {
  color: #ccc !important;
}
.goog-menuitem-disabled .goog-menuitem-checkbox, .goog-menuitem-disabled .goog-menuitem-icon {
  opacity: 0.3;
  -moz-opacity: 0.3;
  filter: alpha(opacity=30);
}
/* State: hover. */
.goog-menuitem-highlight, .goog-menuitem-hover {
  background-color: #cbf1f4;
}
.high-contrast .goog-menuitem-highlight, .high-contrast .goog-menuitem-hover {
  border: 1px solid #000;
}
/* State: selected/checked. */
.goog-menuitem-checkbox, .goog-menuitem-icon {
  background-repeat: no-repeat;
  height: 16px;
  left: 0px;
  position: absolute;
  right: auto;
  vertical-align: middle;
  width: 16px;
}
.goog-option-selected .goog-menuitem-checkbox, .goog-option-selected .goog-menuitem-icon {
  /* Client apps may override the URL at which they serve the sprite. */

  background: url(https://ssl.gstatic.com/editor/editortoolbar.png) no-repeat -512px 0;
}
/* Keyboard shortcut ("accelerator") style. */
.goog-menuitem-accel {
  color: #999;
  /* Keyboard shortcuts are untranslated; always left-to-right. */

  /* @noflip */
  direction: ltr;
  left: auto;
  padding: 0 6px;
  position: absolute;
  right: 0;
  text-align: right;
}
/*
 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */
/*
 * Standard styling for menus created by goog.ui.MenuSeparatorRenderer.
 *
 * @author attila@google.com (Attila Bodis)
 */
.goog-menuseparator {
  border-top: 1px solid #ccc;
  margin: 4px 0;
  padding: 0;
}
/*
 * Standard styling for buttons created by goog.ui.FlatMenuButtonRenderer.
 *
 * @author attila@google.com (Attila Bodis)
 * @author tlb@google.com (Thierry Le Boulenge)
 */
.goog-flat-menu-button {
  background-color: #fff;
  border: 1px solid #c9c9c9;
  color: #333;
  cursor: pointer;
  font: normal 95%;
  list-style: none;
  margin: 0 2px;
  outline: none;
  padding: 1px 4px;
  position: relative;
  text-decoration: none;
  vertical-align: middle;
}
.goog-flat-menu-button-disabled * {
  border-color: #ccc;
  color: #999;
  cursor: default;
}
.goog-flat-menu-button-hover {
  border-color: #9cf #69e #69e #7af !important;
  /* Hover border wins. */

}
.goog-flat-menu-button-active {
  background-color: #bbb;
  background-position: bottom left;
}
.goog-flat-menu-button-focused {
  border-color: #bbb;
}
.goog-flat-menu-button-caption {
  padding-right: 10px;
  vertical-align: top;
}
.goog-flat-menu-button-dropdown {
  /* Client apps may override the URL at which they serve the sprite. */

  background: url(https://ssl.gstatic.com/editor/editortoolbar.png) no-repeat -388px 0;
  position: absolute;
  right: 2px;
  top: 0;
  vertical-align: top;
  width: 7px;
}
/* State: resting. */
.goog-submenu-arrow {
  color: #000;
  left: auto;
  padding-right: 6px;
  position: absolute;
  right: 0;
  text-align: right;
}
/* State: disabled. */
.goog-menuitem-disabled .goog-submenu-arrow {
  color: #ccc;
}
/*
 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by an Apache 2.0 License.
 * See the COPYING file for details.
 */
/*
 * Standard styling for menus created by goog.ui.MenuItemRenderer.
 *
 * @author attila@google.com (Attila Bodis)
 */
/* State: resting. */
.goog-menuitem {
  color: #000;
  font: normal 13px Arial, sans-serif;
  list-style: none;
  margin: 0;
  /* 28px on the left for icon or checkbox; 7em on the right for shortcut. */

  padding: 4px 3em 4px 13px;
  white-space: nowrap;
  clear: both;
  overflow: auto;
  border-top: 1px solid #fdfdfd;
  border-bottom: 1px solid #fdfdfd;
}
/* If a menu doesn't have checkable items or items with icons, remove padding. */
.goog-menu-nocheckbox .goog-menuitem, .goog-menu-noicon .goog-menuitem {
  padding-left: 12px;
}
/*
 * If a menu doesn't have items with shortcuts, leave just enough room for
 * submenu arrows, if they are rendered.
 */
.goog-menu-noaccel .goog-menuitem {
  padding-right: 20px;
}
.goog-menuitem-content {
  color: #39474D;
  font: normal 13px Arial, sans-serif;
}
/* State: disabled. */
.goog-menuitem-disabled .goog-menuitem-accel, .goog-menuitem-disabled .goog-menuitem-content {
  color: #ccc !important;
}
.goog-menuitem-disabled .goog-menuitem-icon {
  opacity: 0.3;
  -moz-opacity: 0.3;
  filter: alpha(opacity=30);
}
/* State: hover. */
.goog-menuitem-highlight, .goog-menuitem-hover {
  background-color: #d6e9f8;
  /* Use an explicit top and bottom border so that the selection is visible
   * in high contrast mode. */

  border-color: #d6e9f8;
  border-style: dotted;
  border-width: 1px 0;
}
/* State: selected/checked. */
.goog-menuitem-checkbox, .goog-menuitem-icon {
  background-repeat: no-repeat;
  height: 16px;
  left: 0px;
  position: absolute;
  right: auto;
  vertical-align: middle;
  width: 16px;
}
.goog-option-selected .goog-menuitem-checkbox, .goog-option-selected .goog-menuitem-icon {
  /* Client apps may override the URL at which they serve the sprite. */

  background: url(https://ssl.gstatic.com/editor/editortoolbar.png) no-repeat -512px 0;
}
/* Keyboard shortcut ("accelerator") style. */
.goog-menuitem-accel {
  color: #999;
  /* Keyboard shortcuts are untranslated; always left-to-right. */

  /* @noflip */
  direction: ltr;
  left: auto;
  padding: 0 6px;
  position: absolute;
  right: 0;
  text-align: right;
}
/*
 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by an Apache 2.0 License.
 * See the COPYING file for details.
 */
/*
 * Standard styling for menus created by goog.ui.MenuSeparatorRenderer.
 *
 * @author attila@google.com (Attila Bodis)
 */
.goog-menuseparator {
  border-top: 1px solid #ccc;
  margin: 4px 0;
  padding: 0;
}
/*
 * Copyright 2008 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by an Apache 2.0 License.
 * See the COPYING file for details.
 */
/* Author: attila@google.com (Attila Bodis) */
/* Author: eae@google.com (Emil A. Eklund) */
/*
 * Styles used by goog.ui.TabRenderer.
 */
.goog-tab {
  background: #ddd;
  border: 1px solid #369;
  color: #333;
  cursor: default;
  padding: 4px 8px;
  position: relative;
}
.goog-tab-bar-top .goog-tab {
  border-bottom: 0;
  float: left;
  margin: 1px 4px 0 0;
}
.goog-tab-bar-bottom .goog-tab {
  border-top: 0;
  float: left;
  margin: 0 4px 1px 0;
}
.goog-tab-bar-start .goog-tab {
  border-right: 0;
  margin: 0 0 4px 1px;
}
.goog-tab-bar-end .goog-tab {
  border-left: 0;
  margin: 0 1px 4px 0;
}
/* State: Hover */
.goog-tab-hover {
  background: #eee;
}
/* State: Disabled */
.goog-tab-disabled {
  background: #ccc;
  border-color: #ccc;
  color: #fff;
}
/* State: Selected */
.goog-tab-selected {
  background: #fff !important;
  /* Selected trumps hover. */

}
/*
 * Shift selected tabs 1px towards the contents (and compensate via margin and
 * padding) to visually merge the borders of the tab with the borders of the
 * content area.
 */
.goog-tab-bar-top .goog-tab-selected {
  margin-top: 0;
  padding-bottom: 5px;
  top: 1px;
}
.goog-tab-bar-bottom .goog-tab-selected {
  margin-bottom: 0;
  padding-top: 5px;
  top: -1px;
}
.goog-tab-bar-start .goog-tab-selected {
  left: 1px;
  margin-left: 0;
  padding-right: 9px;
}
.goog-tab-bar-end .goog-tab-selected {
  left: -1px;
  margin-right: 0;
  padding-left: 9px;
}
/*
 * Copyright 2008 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by an Apache 2.0 License.
 * See the COPYING file for details.
 */
/* Author: attila@google.com (Attila Bodis) */
/* Author: eae@google.com (Emil A. Eklund) */
/*
 * Styles used by goog.ui.TabBarRenderer.
 */
.goog-tab-bar {
  border: 0;
  cursor: default;
  list-style: none;
  margin: 0;
  outline: none;
  padding: 0;
  position: relative;
}
.goog-tab-bar-clear {
  clear: both;
  height: 0;
  overflow: hidden;
}
.goog-tab-bar-start {
  float: left;
}
.goog-tab-bar-end {
  float: right;
}
/*
 * IE6-only hacks to fix the gap between the floated tabs and the content.
 * IE7 and later will ignore these.
 */
/* @if user.agent ie6 */
* html .goog-tab-bar-start {
  margin-right: -3px;
}
* html .goog-tab-bar-end {
  margin-left: -3px;
}
/* @endif */
/*
 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */
/*
 * Standard styling for toolbars and toolbar items.
 *
 * @author attila@google.com (Attila Bodis)
 */
/*
 * Styles used by goog.ui.ToolbarRenderer.
 */
.goog-toolbar {
  /* Client apps may override the URL at which they serve the image. */

  background: #fafafa url(https://ssl.gstatic.com/editor/toolbar-bg.png) repeat-x bottom left;
  border-bottom: 1px solid #d5d5d5;
  cursor: default;
  font: normal 12px Arial, sans-serif;
  margin: 0;
  outline: none;
  padding: 2px;
  position: relative;
  zoom: 1;
  /* The toolbar element must have layout on IE. */

}
/*
 * Styles used by goog.ui.ToolbarButtonRenderer.
 */
.goog-toolbar-button {
  margin: 0 2px;
  border: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  color: #333;
  text-decoration: none;
  list-style: none;
  vertical-align: middle;
  cursor: default;
  outline: none;
}
/* Pseudo-rounded corners. */
.goog-toolbar-button-outer-box, .goog-toolbar-button-inner-box {
  border: 0;
  vertical-align: top;
}
.goog-toolbar-button-outer-box {
  margin: 0;
  padding: 1px 0;
}
.goog-toolbar-button-inner-box {
  margin: 0 -1px;
  padding: 3px 4px;
}
/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
* html .goog-toolbar-button-inner-box {
  /* IE6 needs to have the box shifted to make the borders line up. */

  left: -1px;
}
/* Pre-IE7 BiDi fixes. */
* html .goog-toolbar-button-rtl .goog-toolbar-button-outer-box {
  /* @noflip */
  left: -1px;
}
* html .goog-toolbar-button-rtl .goog-toolbar-button-inner-box {
  /* @noflip */
  right: auto;
}
/* IE7-only hack; ignored by all other browsers. */
*:first-child + html .goog-toolbar-button-inner-box {
  /* IE7 needs to have the box shifted to make the borders line up. */

  left: -1px;
}
/* IE7 BiDi fix. */
*:first-child + html .goog-toolbar-button-rtl .goog-toolbar-button-inner-box {
  /* @noflip */
  left: 1px;
  /* @noflip */
  right: auto;
}
/* Safari-only hacks. */
::root .goog-toolbar-button, ::root .goog-toolbar-button-outer-box {
  /* Required to make pseudo-rounded corners work on Safari. */

  line-height: 0;
}
::root .goog-toolbar-button-inner-box {
  /* Required to make pseudo-rounded corners work on Safari. */

  line-height: normal;
}
/* Disabled styles. */
.goog-toolbar-button-disabled {
  opacity: 0.3;
  -moz-opacity: 0.3;
  filter: alpha(opacity=30);
}
.goog-toolbar-button-disabled .goog-toolbar-button-outer-box, .goog-toolbar-button-disabled .goog-toolbar-button-inner-box {
  /* Disabled text/border color trumps everything else. */

  color: #333 !important;
  border-color: #999 !important;
}
/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
* html .goog-toolbar-button-disabled {
  /* IE can't apply alpha to an element with a transparent background... */

  background-color: #f0f0f0;
  margin: 0 1px;
  padding: 0 1px;
}
/* IE7-only hack; ignored by all other browsers. */
*:first-child + html .goog-toolbar-button-disabled {
  /* IE can't apply alpha to an element with a transparent background... */

  background-color: #f0f0f0;
  margin: 0 1px;
  padding: 0 1px;
}
/* Only draw borders when in a non-default state. */
.goog-toolbar-button-hover .goog-toolbar-button-outer-box,
.goog-toolbar-button-active .goog-toolbar-button-outer-box,
.goog-toolbar-button-checked .goog-toolbar-button-outer-box,
.goog-toolbar-button-selected .goog-toolbar-button-outer-box {
  border-width: 1px 0;
  border-style: solid;
  padding: 0;
}
.goog-toolbar-button-hover .goog-toolbar-button-inner-box,
.goog-toolbar-button-active .goog-toolbar-button-inner-box,
.goog-toolbar-button-checked .goog-toolbar-button-inner-box,
.goog-toolbar-button-selected .goog-toolbar-button-inner-box {
  border-width: 0 1px;
  border-style: solid;
  padding: 3px;
}
/* Hover styles. */
.goog-toolbar-button-hover .goog-toolbar-button-outer-box, .goog-toolbar-button-hover .goog-toolbar-button-inner-box {
  /* Hover border style wins over active/checked/selected. */

  border-color: #a1badf !important;
}
/* Active/checked/selected styles. */
.goog-toolbar-button-active, .goog-toolbar-button-checked, .goog-toolbar-button-selected {
  /* Active/checked/selected background color always wins. */

  background-color: #dde1eb !important;
}
.goog-toolbar-button-active .goog-toolbar-button-outer-box,
.goog-toolbar-button-active .goog-toolbar-button-inner-box,
.goog-toolbar-button-checked .goog-toolbar-button-outer-box,
.goog-toolbar-button-checked .goog-toolbar-button-inner-box,
.goog-toolbar-button-selected .goog-toolbar-button-outer-box,
.goog-toolbar-button-selected .goog-toolbar-button-inner-box {
  border-color: #729bd1;
}
/* Pill (collapsed border) styles. */
.goog-toolbar-button-collapse-right, .goog-toolbar-button-collapse-right .goog-toolbar-button-outer-box, .goog-toolbar-button-collapse-right .goog-toolbar-button-inner-box {
  margin-right: 0;
}
.goog-toolbar-button-collapse-left, .goog-toolbar-button-collapse-left .goog-toolbar-button-outer-box, .goog-toolbar-button-collapse-left .goog-toolbar-button-inner-box {
  margin-left: 0;
}
/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
* html .goog-toolbar-button-collapse-left .goog-toolbar-button-inner-box {
  left: 0;
}
/* IE7-only hack; ignored by all other browsers. */
*:first-child + html .goog-toolbar-button-collapse-left.goog-toolbar-button-inner-box {
  left: 0;
}
/*
 * Styles used by goog.ui.ToolbarMenuButtonRenderer.
 */
.goog-toolbar-menu-button {
  margin: 0 2px;
  border: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  color: #333;
  text-decoration: none;
  list-style: none;
  vertical-align: middle;
  cursor: default;
  outline: none;
}
/* Pseudo-rounded corners. */
.goog-toolbar-menu-button-outer-box, .goog-toolbar-menu-button-inner-box {
  border: 0;
  vertical-align: top;
}
.goog-toolbar-menu-button-outer-box {
  margin: 0;
}
.goog-toolbar-menu-button-inner-box {
  margin: 0 -1px;
  padding: 3px 4px;
}
/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
* html .goog-toolbar-menu-button-inner-box {
  /* IE6 needs to have the box shifted to make the borders line up. */

  left: -1px;
}
/* Pre-IE7 BiDi fixes. */
* html .goog-toolbar-menu-button-rtl .goog-toolbar-menu-button-outer-box {
  /* @noflip */
  left: -1px;
}
* html .goog-toolbar-menu-button-rtl .goog-toolbar-menu-button-inner-box {
  /* @noflip */
  right: auto;
}
/* IE7-only hack; ignored by all other browsers. */
*:first-child + html .goog-toolbar-menu-button-inner-box {
  /* IE7 needs to have the box shifted to make the borders line up. */

  left: -1px;
}
/* IE7 BiDi fix. */
*:first-child + html .goog-toolbar-menu-button-rtl .goog-toolbar-menu-button-inner-box {
  /* @noflip */
  left: 1px;
  /* @noflip */
  right: auto;
}
/* Safari-only hacks. */
::root .goog-toolbar-menu-button, ::root .goog-toolbar-menu-button-outer-box, ::root .goog-toolbar-menu-button-inner-box {
  /* Required to make pseudo-rounded corners work on Safari. */

  line-height: 0;
}
::root .goog-toolbar-menu-button-caption, ::root .goog-toolbar-menu-button-dropdown {
  /* Required to make pseudo-rounded corners work on Safari. */

  line-height: normal;
}
/* Disabled styles. */
.goog-toolbar-menu-button-disabled {
  opacity: 0.3;
  -moz-opacity: 0.3;
  filter: alpha(opacity=30);
}
.goog-toolbar-menu-button-disabled .goog-toolbar-menu-button-outer-box, .goog-toolbar-menu-button-disabled .goog-toolbar-menu-button-inner-box {
  /* Disabled text/border color trumps everything else. */

  color: #333 !important;
  border-color: #999 !important;
}
/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
* html .goog-toolbar-menu-button-disabled {
  /* IE can't apply alpha to an element with a transparent background... */

  background-color: #f0f0f0;
  margin: 0 1px;
  padding: 0 1px;
}
/* IE7-only hack; ignored by all other browsers. */
*:first-child + html .goog-toolbar-menu-button-disabled {
  /* IE can't apply alpha to an element with a transparent background... */

  background-color: #f0f0f0;
  margin: 0 1px;
  padding: 0 1px;
}
/* Only draw borders when in a non-default state. */
.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-outer-box, .goog-toolbar-menu-button-active .goog-toolbar-menu-button-outer-box, .goog-toolbar-menu-button-open .goog-toolbar-menu-button-outer-box {
  border-width: 1px 0;
  border-style: solid;
  padding: 0;
}
.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-inner-box, .goog-toolbar-menu-button-active .goog-toolbar-menu-button-inner-box, .goog-toolbar-menu-button-open .goog-toolbar-menu-button-inner-box {
  border-width: 0 1px;
  border-style: solid;
  padding: 3px;
}
/* Hover styles. */
.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-outer-box, .goog-toolbar-menu-button-hover .goog-toolbar-menu-button-inner-box {
  /* Hover border color trumps active/open style. */

  border-color: #a1badf !important;
}
/* Active/open styles. */
.goog-toolbar-menu-button-active, .goog-toolbar-menu-button-open {
  /* Active/open background color wins. */

  background-color: #dde1eb;
}
.goog-toolbar-menu-button-active .goog-toolbar-menu-button-outer-box,
.goog-toolbar-menu-button-active .goog-toolbar-menu-button-inner-box,
.goog-toolbar-menu-button-open .goog-toolbar-menu-button-outer-box,
.goog-toolbar-menu-button-open .goog-toolbar-menu-button-inner-box {
  border-color: #729bd1;
}
/* Menu button caption style. */
.goog-toolbar-menu-button-caption {
  padding: 0 4px 0 0;
  vertical-align: middle;
}
/* Dropdown style. */
.goog-toolbar-menu-button-dropdown {
  width: 7px;
  /* Client apps may override the URL at which they serve the sprite. */

  background: url(https://ssl.gstatic.com/editor/editortoolbar.png) no-repeat -388px 0;
  vertical-align: middle;
}
.goog-toolbar-menu-button-dropdown img {
  left: -388px;
  top: 0;
}
/*
 * Styles used by goog.ui.ToolbarSeparatorRenderer.
 */
.goog-toolbar-separator {
  margin: 0 2px;
  border-left: 1px solid #d6d6d6;
  border-right: 1px solid #f7f7f7;
  padding: 0;
  width: 0;
  text-decoration: none;
  list-style: none;
  outline: none;
  vertical-align: middle;
  line-height: normal;
  font-size: 120%;
  overflow: hidden;
}
/*
 * Additional styling for toolbar select controls, which always have borders.
 */
.goog-toolbar-select .goog-toolbar-menu-button-outer-box {
  border-width: 1px 0;
  border-style: solid;
  padding: 0;
}
.goog-toolbar-select .goog-toolbar-menu-button-inner-box {
  border-width: 0 1px;
  border-style: solid;
  padding: 3px;
}
.goog-toolbar-select .goog-toolbar-menu-button-outer-box, .goog-toolbar-select .goog-toolbar-menu-button-inner-box {
  border-color: #bfcbdf;
}
/*
 * Copyright 2008 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */
/*
 * Editor toolbar styles.
 *
 * @author attila@google.com (Attila Bodis)
 */
/* Common base style for all icons. */
.tr-icon {
  width: 16px;
  height: 16px;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/editortoolbar.png');
  background-repeat: no-repeat;
  vertical-align: middle;
}
.goog-color-menu-button-indicator .tr-icon {
  height: 14px;
  margin-top: -1px;
}
/* Undo (redo when the chrome is right-to-left). */
.tr-undo, .goog-toolbar-button-rtl .tr-redo {
  background-position: 0;
}
.tr-undo img {
  left: 0;
  top: 0;
}
/* Redo (undo when the chrome is right-to-left). */
.tr-redo, .goog-toolbar-button-rtl .tr-undo {
  background-position: -16px;
}
.tr-redo img {
  left: -16px;
  top: 0;
}
/* Font name. */
.tr-fontName .goog-toolbar-menu-button-caption {
  color: #246;
  width: 10ex;
  height: 16px;
  overflow: hidden;
}
/* Font size. */
.tr-fontSize .goog-toolbar-menu-button-caption {
  color: #246;
  width: 3ex;
  height: 16px;
  overflow: hidden;
}
/* Bold. */
.tr-bold {
  background-position: -32px;
}
.tr-bold img {
  left: -32px;
  top: 0;
}
/* Italic. */
.tr-italic {
  background-position: -48px;
}
.tr-italic img {
  left: -48px;
  top: 0;
}
/* Underline. */
.tr-underline {
  background-position: -64px;
}
.tr-underline img {
  left: -64px;
  top: 0;
}
/* Foreground color. */
.tr-foreColor {
  height: 14px;
  background-position: -80px;
}
.tr-foreColor img {
  left: -80px;
  top: 0;
}
/* Background color. */
.tr-backColor {
  height: 14px;
  background-position: -96px;
}
.tr-backColor img {
  left: -96px;
  top: 0;
}
/* Link. */
.tr-link {
  font-weight: bold;
  color: #009;
  text-decoration: underline;
}
/* Insert image. */
.tr-image {
  background-position: -112px;
}
.tr-image img {
  left: -112px;
  top: 0;
}
/* Insert drawing. */
.tr-newDrawing {
  background-position: -592px;
}
.tr-newDrawing img {
  left: -592px;
  top: 0;
}
/* Insert special character. */
.tr-spChar {
  font-weight: bold;
  color: #900;
}
/* Increase indent. */
.tr-indent {
  background-position: -128px;
}
.tr-indent img {
  left: -128px;
  top: 0;
}
/* Increase ident in right-to-left text mode, regardless of chrome direction. */
.tr-rtl-mode .tr-indent {
  background-position: -400px;
}
/* Decrease indent. */
.tr-outdent {
  background-position: -144px;
}
.tr-outdent img {
  left: -144px;
  top: 0;
}
/* Decrease indent in right-to-left text mode, regardless of chrome direction. */
.tr-rtl-mode .tr-outdent {
  background-position: -416px;
}
/* Bullet (unordered) list. */
.tr-insertUnorderedList {
  background-position: -160px;
}
.tr-insertUnorderedList img {
  left: -160px;
  top: 0;
}
/* Bullet list in right-to-left text mode, regardless of chrome direction. */
.tr-rtl-mode .tr-insertUnorderedList {
  background-position: -432px;
}
/* Number (ordered) list. */
.tr-insertOrderedList {
  background-position: -176px;
}
.tr-insertOrderedList img {
  left: -176px;
  top: 0;
}
/* Number list in right-to-left text mode, regardless of chrome direction. */
.tr-rtl-mode .tr-insertOrderedList {
  background-position: -448px;
}
/* Text alignment buttons. */
.tr-justifyLeft {
  background-position: -192px;
}
.tr-justifyLeft img {
  left: -192px;
  top: 0;
}
.tr-justifyCenter {
  background-position: -208px;
}
.tr-justifyCenter img {
  left: -208px;
  top: 0;
}
.tr-justifyRight {
  background-position: -224px;
}
.tr-justifyRight img {
  left: -224px;
  top: 0;
}
.tr-justifyFull {
  background-position: -480px;
}
.tr-justifyFull img {
  left: -480px;
  top: 0;
}
/* Blockquote. */
.tr-BLOCKQUOTE {
  background-position: -240px;
}
.tr-BLOCKQUOTE img {
  left: -240px;
  top: 0;
}
/* Blockquote in right-to-left text mode, regardless of chrome direction. */
.tr-rtl-mode .tr-BLOCKQUOTE {
  background-position: -464px;
}
/* Remove formatting. */
.tr-removeFormat {
  background-position: -256px;
}
.tr-removeFormat img {
  left: -256px;
  top: 0;
}
/* Spellcheck. */
.tr-spell {
  background-position: -272px;
}
.tr-spell img {
  left: -272px;
  top: 0;
}
/* Left-to-right text direction. */
.tr-ltr {
  background-position: -288px;
}
.tr-ltr img {
  left: -288px;
  top: 0;
}
/* Right-to-left text direction. */
.tr-rtl {
  background-position: -304px;
}
.tr-rtl img {
  left: -304px;
  top: 0;
}
/* Insert iGoogle module. */
.tr-insertModule {
  background-position: -496px;
}
.tr-insertModule img {
  left: -496px;
  top: 0;
}
/* Strike through text */
.tr-strikeThrough {
  background-position: -544px;
}
.tr-strikeThrough img {
  left: -544px;
  top: 0;
}
/* Subscript */
.tr-subscript {
  background-position: -560px;
}
.tr-subscript img {
  left: -560px;
  top: 0;
}
/* Superscript */
.tr-superscript {
  background-position: -576px;
}
.tr-superscript img {
  left: -576px;
  top: 0;
}
/* Insert drawing. */
.tr-equation {
  background-position: -608px;
}
.tr-equation img {
  left: -608px;
  top: 0;
}
/* Edit HTML. */
.tr-editHtml {
  color: #009;
}
/* "Format block" menu. */
.tr-formatBlock .goog-toolbar-menu-button-caption {
  color: #246;
  width: 12ex;
  height: 16px;
  overflow: hidden;
}
/*
 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */
/*
 * Standard styling for palettes created by goog.ui.PaletteRenderer.
 *
 * @author pupius@google.com (Daniel Pupius)
 * @author attila@google.com (Attila Bodis)
 */
.goog-palette {
  cursor: default;
  outline: none;
}
.goog-palette-table {
  border: 1px solid #666;
  border-collapse: collapse;
  margin: 5px;
}
.goog-palette-cell {
  border: 0;
  border-right: 1px solid #666;
  cursor: pointer;
  height: 18px;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  width: 18px;
}
/*
 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */
/*
 * Standard styling for color palettes.
 *
 * @author pupius@google.com (Daniel Pupius)
 * @author attila@google.com (Attila Bodis)
 */
.goog-palette-cell .goog-palette-colorswatch {
  border: none;
  font-size: x-small;
  height: 18px;
  position: relative;
  width: 18px;
}
.goog-palette-cell-hover .goog-palette-colorswatch {
  border: 1px solid #fff;
  height: 16px;
  width: 16px;
}
.goog-palette-cell-selected .goog-palette-colorswatch {
  /* Client apps may override the URL at which they serve the sprite. */

  background: url(https://ssl.gstatic.com/editor/editortoolbar.png) no-repeat -368px 0;
  border: 1px solid #333;
  color: #fff;
  font-weight: bold;
  height: 16px;
  width: 16px;
}
.goog-palette-customcolor {
  background-color: #fafafa;
  border: 1px solid #eee;
  color: #666;
  font-size: x-small;
  height: 15px;
  position: relative;
  width: 15px;
}
.goog-palette-cell-hover .goog-palette-customcolor {
  background-color: #fee;
  border: 1px solid #f66;
  color: #f66;
}
/*
 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */
/*
 * Standard styling for buttons created by goog.ui.ColorMenuButtonRenderer.
 *
 * @author attila@google.com (Attila Bodis)
 */
/* Color indicator. */
.goog-color-menu-button-indicator {
  border-bottom: 4px solid #f0f0f0;
}
/* Thinner padding for color picker buttons, to leave room for the indicator. */
.goog-color-menu-button .goog-menu-button-inner-box, .goog-toolbar-color-menu-button .goog-toolbar-menu-button-inner-box {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
body.chats .feed {
  width: 100%;
}
body.chats .feed-box {
  overflow: hidden;
}
body.chats .feed-box.active .box-header .name-info {
  padding-left: 0;
  font-weight: bold;
  width: 240px;
}
body.chats .feed-box .box-header .title div.icon {
  visibility: hidden;
  width: 0;
  margin-right: 0;
  height: 16px;
}
body.chats .feed-box .box-header .header-button {
  display: none;
}
body.chats .feed-box.active .box-header .header-button.close {
  display: block;
  /* common/images/boxes/close.png */

  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-repeat: no-repeat;
  background-position: 0px -287px;
}
.feed .errors {
  padding: 10px;
  font-size: 14px;
  line-height: 19px;
  color: #AB3232;
  background: #FFE4E4;
  height: 100%;
  overflow: hidden;
  margin: 16px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #F6CFCF;
  text-shadow: 0 1px 0 #FFF4F4;
}
.feed .errors .next-button {
  margin-top: 12px;
}
.feed .next-button {
  border: 0;
  border-top: 1px solid #ccc;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  padding: 12px;
  width: 100%;
  margin: 0;
}
.feed-menu-button {
  margin-left: 0;
}
.feed-menu-button .client-menu-button-outer-box .client-menu-button-inner-box, .feed-menu-button .goog-menu-button-outer-box .goog-menu-button-inner-box {
  margin-left: 15px;
}
.feed-menu {
  width: 172px;
}
.feed-menu .goog-menuitem {
  position: relative;
  padding: 9px 9px 9px 27px;
}
.feed-menu .goog-menuitem-highlight, .feed-menu .goog-menuitem-hover {
  padding-bottom: 8px;
  padding-top: 8px;
}
.feed-menu-button .icon, .feed-menu .goog-menuitem .icon {
  background-repeat: no-repeat;
  position: absolute;
  top: 6px;
  left: 6px;
  width: 16px;
  height: 16px;
}
.feed-menu-button.huff .icon, .feed-menu .huff .icon {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritehi/HiSprite.png');
  background-position: 0px -1854px;
}
.feed-menu-button.engadget .icon, .feed-menu .engadget .icon {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritehi/HiSprite.png');
  background-position: 0px -1886px;
}
.feed-menu-button.moviefone .icon, .feed-menu .moviefone .icon {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritehi/HiSprite.png');
  background-position: 0px -1838px;
}
.feed-menu-button.techcrunch .icon, .feed-menu .techcrunch .icon {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritehi/HiSprite.png');
  background-position: 0px -1822px;
}
.feed-menu-button.joystiq .icon, .feed-menu .joystiq .icon {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -609px;
}
.feed-menu-button.games .icon, .feed-menu .games .icon {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritehi/HiSprite.png');
  background-position: 0px -1870px;
}
.feed-item {
  padding: 9px 15px 9px 15px;
  border-bottom: 1px solid #f2f2f2;
  cursor: auto;
  background: #fff;
  max-width: 600px;
  /*box-shadow: 0 4px 8px #acacac;*/

  cursor: pointer;
  position: relative;
  display: inline-block;
}
.feed-item.dragging {
  background-color: #FFF;
  width: 242px;
  border: 1px solid #AAA;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  z-index: 5;
}
.feed-item .title {
  font-size: 15px;
  line-height: 19px;
  color: #2a353d;
  text-shadow: 0 1px 0 #FFF;
  font-weight: bold;
  position: relative;
}
.feed-item:first-child .title {
  font-size: 22px;
  line-height: 26px;
}
.feed-item .title a span {
  font-size: 20px;
  line-height: 26px;
  color: #18364a;
}
.feed-item:hover .title a span {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  color: #0064CD;
}
.feed-item:hover {
  background: #E8F2FF;
}
.feed-item.has-graphic {
  width: 143px;
  float: left;
  display: list-item;
}
.feed-item.has-graphic:first-child {
  width: auto;
  float: none;
}
.feed-item.has-graphic:first-child .title {
  font-size: 26px;
  line-height: 29px;
}
.feed-item.has-graphic:first-child .title a {
  position: absolute;
  bottom: 5px;
  left: 0px;
  width: 80%;
}
.feed-item.has-graphic:first-child .title a span {
  display: block;
  padding: 6px;
  min-height: inherit;
  height: auto;
  font-size: 20px;
  opacity: .9;
}
.feed-item:first-child  .title a span {
  font-size: 30px;
  line-height: 1.2em;
}
.feed-item.has-graphic .title {
  font-size: 14px;
  line-height: 16px;
  color: #1f77c8;
  width: 100%;
  min-height: 135px;
}
.feed-item.has-graphic .title a {
  width: 100%;
}
.feed-item.has-graphic .title a span {
  color: #fff;
  font-weight: normal;
  text-shadow: none;
  /*background-color: #1f77c8;*/

  background-color: #444;
  display: block;
  padding: 9px;
  height: 137px;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.4em;
}
.feed-item.has-graphic .graphic {
  display: block;
}
.feed-item .graphic {
  display: none;
  margin-top: 6px;
  height: 96px;
  overflow: hidden;
}
.feed-item.has-graphic:first-child .graphic {
  height: auto;
}
.feed-item .graphic img {
  width: 100%;
}
.feed-item:first-child .content {
  display: inline-block;
}
.feed-item .content {
  font-size: 12px;
  line-height: 15px;
  color: #696969;
  margin: 6px 0 0;
}
.feed-item .button {
  font-weight: bold;
  margin-top: 4px;
  float: right;
}
.feed-item .published {
  font-size: 10px;
  text-align: left;
  color: #cecece;
  margin: 2px 0 0;
  display: none;
}
/** Following / unfollowing */
.commons .chooser-combo {
  float: left;
  position: static;
}
.commons .chooser-container {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: white;
  border: 1px solid #D4D4D4;
  margin: 10px;
}
.commons .controls button {
  float: left;
}
.commons .editor button.edit, .commons .editor button.edit-finished {
  float: right;
}
.commons .editor button.danger {
  position: relative;
  top: 10px;
  right: 10px;
  margin: 0 0 0 5px;
}
.commons .chooser-combo input {
  background: none;
  background-color: #fff;
  font-size: 13px;
  width: 180px;
  padding: 0;
  cursor: pointer;
}
.commons .chooser-container .aimlist-popup {
  width: 100%;
  padding: 6px;
  box-sizing: border-box;
}
.chooser-container.active {
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-color: #52A8EC;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
.commons .aimlist-popup .aimlist-searchbar-input {
  padding: 0px;
  width: 98%;
  font-size: 15px;
  color: #aeaeae;
}
.commons .aimlist-popup .aimlist-searchbar-input:focus {
  outline: none;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.commons .aimlist-itemscontainer {
  visibility: hidden;
  /* overwritten by .aimlist-itemscontainer.popup */

  margin: 1px 10px;
  left: 0px!important;
  top: 45px!important;
  min-width: inherit;
}
.marginfix {
  width: 100%;
  height: 1px;
}
.commons-box, .commons {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.commons .edit-finished {
  position: absolute;
  bottom: 0px;
  background-color: #d8d9dc;
  height: 39px;
  width: 100%;
  border-top: 1px solid #cacaca;
  z-index: 3;
}
.commons button.done {
  position: absolute;
  left: 50%;
  margin-left: -30px;
  width: 60px;
  bottom: 4px;
}
/** Form */
.commons-status-form {
  padding: 10px;
  background: #f6f6f6;
  /*background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));
  background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
  background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
  background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
  background: linear-gradient(top, #ffffff 0%,#f2f2f2 100%);*/

  overflow: hidden;
  position: relative;
  min-height: 60px;
  border-bottom: 1px solid #d4d4d4;
}
.commons-status-form-author {
  display: none;
  position: absolute;
  top: 10px;
  left: 9px;
  margin: 4px 10px 0 0;
  width: 50px;
  height: 50px;
}
.commons-status-form-author .avatar {
  width: 50px;
  height: 50px;
  border-radius: 2px;
}
.commons-status-form .inputs {
  overflow: auto;
  margin-top: 2px;
  width: auto;
  padding: 0 2px 0 0;
}
.commons-posting-form-toggles {
  float: left;
  margin-top: 4px;
}
.commons-posting-form-post-to {
  float: left;
  color: #7E7E7E;
  font-size: 11px;
  font-weight: bold;
  margin: 2px 5px 0px 11px;
}
.commons-posting-form-toggle {
  float: left;
  margin: 0px 4px;
}
.commons-posting-form-toggle input {
  margin-right: 4px;
  vertical-align: middle;
}
.commons-posting-form-toggle img {
  margin-right: 4px;
  vertical-align: middle;
}
.commons-posting-form-icon {
  cursor: pointer;
  float: left;
  padding: 0px;
  border: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: all 0 none;
  transition: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.facebook .commons-posting-form-icon {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -2320px;
  height: 18px;
  width: 18px;
}
.facebook.active .commons-posting-form-icon {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -2302px;
}
.twitter .commons-posting-form-icon {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -2415px;
  height: 18px;
  width: 17px;
}
.twitter.active .commons-posting-form-icon {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -2397px;
}
.commons-posting-form-toggle .commons-posting-form-count {
  float: left;
  margin: 1px 4px;
  color: #7E7E7E;
}
.commons-posting-form-toggle.inactive .commons-posting-form-count {
  display: none;
}
.commons-posting-form-toggle .commons-posting-form-count.negative-count {
  color: #FF0000;
}
.commons-posting-form-bar .posting-button {
  width: 58px;
  text-align: center;
  float: right;
  font-size: 12px;
  margin-right: 5px;
}
.commons-status-form .inputs {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 5px;
}
.commons-status-form textarea {
  border: 1px solid #c4c4c4;
  display: block;
  padding: .5em;
  min-height: 50px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  outline: none;
  resize: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  font-size: 14px;
}
.commons-status-form textarea:focus {
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px #52a8ec;
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px #52a8ec;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px #52a8ec;
}
.commons-status-form textarea.is-showing-default-text {
  color: #8c8c8c;
  font-size: 13px;
  font-family: "Helvetica Neue", Arial, "Helvetica", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}
.commons-status-form .inputs:before {
  /*content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: 56px;
  top: 29px;
  border: 8px solid;
  border-color: transparent;
  border-right-color: rgba(180, 180, 180, 0.6);*/

}
.commons-status-form .inputs:after {
  /* content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: 58px;
  top: 29px;
  border: 8px solid;
  border-color: transparent;
  border-right-color: #fff;*/

}
.commons-status-form button {
  float: left;
}
.commons-status-form .profile-claim-dialog {
  position: static;
  background: none;
  margin-bottom: 30px;
  width: 100%;
  overflow: auto;
  margin-top: 24px;
}
.commons-status-form .profile-claim-dialog .modal-dialog-content {
  padding: 0;
}
.commons-status-form .profile-claim-dialog .modal-dialog-content .indicator, .commons-status-form .profile-claim-dialog .modal-dialog-content .form, .commons-status-form .profile-claim-dialog .modal-dialog-content .form input {
  font-weight: normal;
  font-family: "Helvetica Neue", "Helvetica", sans-serif !important;
  font-size: 13px;
}
.commons-status-form .profile-claim-dialog .modal-dialog-content .indicator {
  font-size: 11px;
}
.commons-status-form .profile-claim-dialog .modal-dialog-content .form input {
  width: 96px;
}
.commons-status-form .profile-claim-dialog .modal-dialog-content h1 {
  display: none;
}
.commons-status-form .profile-url-mgmt {
  width: 100%;
  display: block;
  overflow: auto;
  text-align: right;
  margin-top: 54px;
  color: #777;
  font-size: 11px;
}
.commons-status-form .profile-url-mgmt a.url, .commons-status-form .profile-url-mgmt a.url:visited, .commons-status-form .profile-url-mgmt a.url:link {
  color: #777;
  text-decoration: underline;
}
/** Status */
.commons-status {
  padding: 10px;
  background-color: #fff;
  color: #222;
  position: relative;
  overflow: hidden;
}
.commons-status .hover {
  padding: 10px;
  background-color: #000;
  color: #222;
  position: relative;
  overflow: auto;
}
.commons-status-list .commons-status:hover {
  background-color: #cbf1f4;
}
.commons-status-list .commons-status.written-by-me:hover {
  background-color: inherit;
}
.commons-status .avatar {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 40px;
  height: 40px;
  opacity: 1;
  cursor: pointer;
}
.commons-status .content {
  overflow: hidden;
  margin-left: 40px;
  /*border-bottom: 1px solid #d4d4d4;
  background: #f6f6f6;
  box-shadow: inset 0 1px 0 #fff;*/

}
.user-hovercard .commons-status .content {
  margin-left: 0;
}
.commons-status .content .failure {
  margin-top: 4px;
  font-weight: bold;
  font-size: 13px;
  text-align: left;
}
.commons-status .actions {
  overflow: auto;
  width: 100%;
  visibility: hidden;
}
.commons-status:hover .content .actions {
  visibility: visible;
}
.commons-status .actions .goog-custom-button {
  float: left;
  margin-right: 6px;
  margin-top: 6px;
  cursor: pointer;
  font-size: 11px;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -1774px;
  background-repeat: no-repeat;
  padding-left: 14px;
}
.commons-status .actions .goog-custom-button.cancelButton {
  background-image: none;
  position: absolute;
  right: 15px;
  visibility: visible;
}
.commons-status .actions .goog-custom-button:hover {
  color: #3C94E5;
}
.commons-status .reply-form {
  margin: 0 0 0 -12px;
  background: none;
  padding-top: 0;
  border-bottom: none;
}
.commons-status .reply-form .commons-status-form-author {
  display: none;
}
.commons-status .reply-form .inputs {
  margin-left: 0px;
}
.commons-status .reply-form .inputs:before {
  display: none;
}
.commons-status .reply-form .inputs:after {
  display: none;
}
.commons-status .actions .follow-button {
  display: none;
}
.commons-status .content .who {
  margin-bottom: 5px;
  font-weight: bold;
  color: #2A353D;
  font-size: 12px;
  cursor: pointer;
}
.commons-status .content .who:hover {
  color: #1F77C8;
}
.commons-status .content .status {
  color: #4b5d6c;
  font-size: 12px;
}
.commons-status .content .when {
  float: right;
  display: inline-block;
  margin-left: 5px;
  margin-top: 1px;
  font-size: 10px;
  font-weight: normal;
  color: #999;
}
.commons-confirm-delete-status .commons-status {
  border: 1px solid #d4d4d4;
  background: #f4f4f4;
  margin: 10px 0 0 0;
  max-width: 420px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
/* A collection of statuses */
.commons-status-list {
  list-style-type: none;
  overflow: auto;
}
.commons-status-list .no-updates-message, .commons-status-list .not-following-anyone {
  padding: 24px;
  text-align: center;
  font-size: 15px;
}
.commons-status-list .prompt {
  border-top: 1px solid #717d85;
  border-bottom: 1px solid #999fa5;
  -webkit-user-select: none;
  background: #a4b0b9;
  background: -moz-linear-gradient(top, #a4b0b9 0%, #909faa 8%, #b8c1c8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a4b0b9), color-stop(8%, #909faa), color-stop(100%, #b8c1c8));
  background: -webkit-linear-gradient(top, #a4b0b9 0%, #909faa 8%, #b8c1c8 100%);
  background: -o-linear-gradient(top, #a4b0b9 0%, #909faa 8%, #b8c1c8 100%);
  background: -ms-linear-gradient(top, #a4b0b9 0%, #909faa 8%, #b8c1c8 100%);
  background: linear-gradient(top, #a4b0b9 0%, #909faa 8%, #b8c1c8 100%);
  font-size: 13px;
  color: #fff;
  text-shadow: 0 1px 0 #666B6F;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
}
.commons-status-list .commons-status.new {
  background-color: #e8f2ff;
  color: #222;
  border-bottom: 1px solid #d4d4d4;
  background: #f6f6f6;
  box-shadow: inset 0 1px 0 #fff;
}
.commons-status-list .commons-status {
  background-color: #FFFFFF;
  color: #999;
  border-bottom: 1px solid #d4d4d4;
  background: #f6f6f6;
  box-shadow: inset 0 1px 0 #fff;
}
.commons-status-list .avatar {
  opacity: 1;
}
.commons-status-list .commons-status.new .avatar {
  opacity: 1;
}
.commons .alerter {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 36px;
  z-index: 1;
  background: #FFF6DA;
  color: #4592ec;
}
.commons .alerter:hover {
  position: relative;
  width: 100%;
  z-index: 1;
  background: #4592ec;
  box-shadow: 0 1px 0 #cacaca;
  color: #ffffff;
}
.status-alert-prompt {
  font-family: helvetica;
  font-size: 11px;
}
.commons-status-list .delete-status {
  display: none;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -351px;
  background-repeat: no-repeat;
  background-color: inherit;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 0;
  position: absolute;
  top: 12px;
  right: -6px;
  height: 12px;
  width: 13px;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: all 0 linear;
  transition: none;
  background-color: transparent;
}
.commons-status-list .commons-status:hover .delete-status {
  display: block;
}
.commons-status-list .commons-status.written-by-me:hover .when {
  display: none;
}
.commons-status-list .delete-status:hover {
  width: 12px;
  height: 11px;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -303px;
  background-repeat: no-repeat;
}
.user-hovercard .delete-status {
  display: none;
}
.commons .editor {
  background-color: #fff;
  position: absolute;
  width: 100%;
  min-height: 282px;
  z-index: 1;
}
.commons .editor .controls {
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
  background-color: #F6F6F6;
  border-bottom: 1px solid #D4D4D4;
  border-top: 1px solid #D4D4D4;
}
.commons .editor button.edit, .commons .editor button.edit-finished {
  margin: 10px;
}
.commons .editor ol.following-list {
  height: 300px;
  background-color: #F6F6F6;
  overflow-y: auto;
  overflow-x: hidden;
}
.commons .editor ol.following-list li {
  padding: 5px 7px;
  border-bottom: 1px solid #D4D4D4;
  border-top: 1px solid white;
  background-color: #F6F6F6;
  position: relative;
}
/*.commons .editor ol.following-list li:nth-last-child(1) {
  border-bottom: none;
}*/
.commons .editor ol.following-list li .who {
  height: 30px;
  overflow: hidden;
  position: absolute;
  top: 14px;
  left: 49px;
  z-index: 1;
  height: 18px;
  overflow: hidden;
}
.commons .editor ol.following-list li button {
  float: right;
  z-index: 2;
  position: relative;
}
.commons .editor ol.following-list li img.icon {
  float: left;
  width: 35px;
  height: 35px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
/* The first-time user experience */
.first-gatherer {
  height: 100%;
  width: 100%;
}
.first-gatherer .loading-content {
  font-size: 15px;
  text-align: center;
  padding: 36px 9px 0;
  display: block !important;
}
/************************************************/
/* Global Reset (on top of aim/base/common.css) */
/************************************************/
a:link {
  color: #2a353d;
}
a:visited {
  color: #3C94E5;
}
a:hover {
  color: #1f77c8;
}
a:active {
  color: #3C94E5;
}
a:focus {
  border: 1px dotted #999;
}
input.error, select.error, textarea.error {
  border-color: #b9554d;
  -webkit-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
  -moz-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
  box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
}
/******************************************/
/* alignment                              */
/******************************************/
.acc {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: box;
}
.ace {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-box-align: end;
  -moz-box-align: end;
  box-align: end;
  display: -webkit-box;
  display: -moz-box;
  display: box;
}
/******************************************/
/* toolkit classes                        
/******************************************/
.checkbox .goog-checkbox {
  margin-right: 6px;
}
.checkbox .goog-checkbox-focused {
  border: 2px solid #F1CA7F;
  margin-right: 4px;
}
/******************************************/
/*  buttons
/******************************************/
/* Normal button  */
/*.client .button, .client .button:visited {
    display: inline-block;
    outline: none;
    position: relative;
    cursor: pointer;
    padding: 7px 14px 7px;
    margin-right: 12px;
    margin-left: -1px;
}*/
.client-menu-button, .client-menu-button:visited {
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.1s, 0.1s;
  -webkit-transition-timing-function: ease-in-out, linear;
  -moz-transition-property: all;
  -moz-transition-duration: 0.1s, 0.1s;
  -moz-transition-timing-function: ease-in-out, linear;
  background: #d8d8d8;
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#666666); */
  /* for IE */

  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e5e5e5));
  background: -moz-linear-gradient(top, #ffffff, #e5e5e5);
  color: #666;
  display: inline-block;
  outline: none;
  position: relative;
  cursor: pointer;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  text-shadow: 0 1px 0 #f2f2f2;
  padding: 7px 14px 7px;
  border: 1px solid #cfcfcf;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-right: 12px;
  margin-left: -1px;
}
.client-menu-button:hover {
  -webkit-box-shadow: 0px 0px 2px rgba(128, 128, 128, 0.4);
  -moz-box-shadow: 0 0 1em rgba(128, 128, 128, 0.4);
  box-shadow: 0 0 2px rgba(128, 128, 128, 0.4);
  border: 1px solid #a4a4a4;
  color: #0071ff;
}
/******************************************/
/* Menu buttons
/******************************************/
/* Dropdown arrow style. */
.client-menu-button-dropdown {
  height: 15px;
  width: 7px;
  /* Client apps may override the URL at which they serve the sprite. */

  background: url(https://ssl.gstatic.com/editor/editortoolbar.png) no-repeat -388px 0;
  vertical-align: top;
  margin-left: 6px;
  top: -1px;
}
/******************************************/
/* Window                                 */
/******************************************/
body, html {
  height: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/backgrounds/abstract/crosshatch.png');
  background-repeat: repeat;
  overflow: hidden;
}
body.browser {
  overflow: auto;
}
.client-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  background: #FFF;
}
/* In a browser make the min widths to force scrolling */
.browser .client-container {
  min-height: 550px;
  min-width: 510px;
}
.show-menu .menu-bar {
  height: 1.9em;
  background-color: #96dade;
  padding-left: 3px;
}
.client .goog-menu {
  border: none;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 1px 1px 3px #adadad;
  -moz-box-shadow: 1px 1px 3px #adadad;
  box-shadow: 1px 1px 3px #adadad;
}
.client.ie8 .goog-menu {
  border-style: solid;
  border-width: 2px;
  border-color: #d6d6d6 #adadad #adadad #d6d6d6;
}
.client .goog-menuitem-highlight {
  background-color: #cbf1f4;
}
.show-menu .client-container {
  top: 1.9em;
}
.client .goog-menu-button-dropdown {
  display: none;
}
.sprite .goog-menu-button-inner-box {
  padding: 1px;
}
.client .goog-menu-button {
  border-color: #D4D4D4;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin: 0;
}
.client .client-sidebar-menu.goog-menu-button {
  -webkit-box-shadow: none;
  -mox-box-shadow: none;
  box-shadow: none;
  background-image: none;
  border: none;
}
.client .menu-bar .goog-menu-button {
  -webkit-box-shadow: none;
  -mox-box-shadow: none;
  box-shadow: none;
  background-image: none;
  border: none;
}
.menu-bar .goog-menu-button-open {
  background-color: #fff;
}
.client-container-ad {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #f6f6f6;
  padding-top: 3px;
  border-top: solid 1px #545e6c;
}
.aim-show-ad .aimlist-panel {
  bottom: 157px;
}
._ad_list_container {
  width: 180px;
  margin: auto;
}
#_ad_list {
  width: 180px;
}
#_ad_house {
  width: 180px;
}
.avpanel.showbanner, .client-container.showbanner, .client-popup .showbanner .chatpanel {
  top: 32px;
}
.client-container-splitpane {
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 60px;
}
.client-container-splitpane-handle {
  cursor: col-resize;
  background-color: #EEE;
  z-index: 25 !important;
  position: absolute;
}
/** client-container-splitpane splits horizontally */
.client-container-splitpane .client-container-splitpane-handle {
  top: 0;
  bottom: 0;
  width: 3px;
}
.client-container.onepanel .client-container-splitpane {
  display: none;
}
.client-container-mainpanel {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  min-width: 180px;
}
/* When main-panel-only is on the client-container-mainpanel fills the whole width */
.main-panel-only .client-container-mainpanel {
  right: 0;
}
/** client-container-splitpane splits horizontally */
.client-container-splitpane .client-container-mainpanel {
  bottom: 0;
}
.client-container-onepanel {
  display: none;
}
.client-container.onepanel .client-container-onepanel {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 60px;
}
.client.notOnline .client-container.onepanel .client-container-onepanel {
  left: 0;
}
.client-container-mainpanel-messaging-alert {
  background: #FFFFFF;
  z-index: 1;
}
.client-container-secondarypanel {
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  min-width: 260px;
  background: #00b1bd;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/pattern.png');
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/pattern.png'), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0MjYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwMEIxQkQiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDZENzkiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c0MjYpIiAvPgo8L3N2Zz4=");
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/pattern.png'), -moz-linear-gradient(top, #00b1bd 0%, #006d79 100%);
}
/* When main-panel-only is set the decondary is not displayed. */
.main-panel-only .client-container-secondarypanel {
  display: none !important;
}
/*
  No gradient for old.
  url("data:image/svg+xml for all other browsers that can render SVG

  This should  have the CSS3 linear-gradient next, but the major browsers do not support it
    background-image:url('//s.aimcdn.net/aimcom/static/2.38.0.6/home/img/pattern.png'), linear-gradient(top, #00b1bd 0%,#006d79 100%);
*/
.tabbed-im-container {
  position: absolute;
  background-color: #3C454D;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.tabbed-im-container.tabs-on-left {
  -webkit-box-orient: horizontal;
}
.tabbed-im-container .goog-tab-bar {
  -webkit-box-flex: 0;
  width: 100%;
  max-height: 100px;
  overflow-y: auto;
}
.tabbed-im-container.tabs-on-left .goog-tab-bar {
  max-height: initial;
  height: 100%;
  width: 120px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
}
.tabbed-im-container .goog-tab-content {
  display: -webkit-box;
  position: relative;
  -webkit-box-flex: 1;
}
.tabbed-im-container .tabbed-im-newchat {
  margin: 5px;
  width: 22px;
  height: 22px;
  float: left;
}
.tabbed-im-container .tabbed-im-newchat.aimlist-searchbar-button.chat img {
  margin: 3px;
}
.tabbed-im-container.tabs-on-left .tabbed-im-newchat {
  float: initial;
  display: block;
}
/******************************************/
/* Authentication                         */
/******************************************/
.authentication {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #7caab9;
  margin: auto;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/backgrounds/abstract/sign_in-clouds.png');
  background-position: left bottom;
  background-repeat: repeat-x;
}
.authentication .logo {
  height: 56px;
  width: 163px;
  display: inline-block;
  /* ../desktop/images/aim_logo.png */

  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/backgrounds/abstract/sign_in-logo.png');
  background-repeat: no-repeat;
  margin-top: 40px;
  margin-bottom: 0px;
}
.authentication .content {
  text-align: center;
}
.authentication-form-centering {
  display: inline-block;
  text-align: left;
  font-size: 10pt;
}
.authentication .login-error-span {
  text-align: center;
  min-height: 27px;
  height: auto;
}
.authentication .login-label {
  color: #242B3E;
  font-weight: bold;
  font-size: 10pt;
}
.authentication .textInput {
  height: 26px;
  width: 230px;
  margin: 4px 0 12px 0;
  border: 1px solid #B0B0B0;
  -webkit-border-radius: 3px;
  font-size: 12px;
  -webkit-box-shadow: 0 1px 0 #FFF;
  font-family: helvetica, arial, sans-serif;
  padding: 0 0 2px 5px;
}
.authentication .textInput:focus {
  outline: 0;
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
.authentication-signin {
  text-align: right;
}
.authentication-signin.same-width {
  text-align: center;
}
/* All children the same width as the parent */
/* margin-left adjust out the button left padding or the 100% won't center */
.authentication-signin.same-width > * {
  margin-left: -14px;
  width: 100%;
}
.authentication a {
  color: #1d4d55;
  font-style: italic;
  font-size: 1opt;
}
.authentication a:hover {
  color: #0064cd;
  text-decoration: underline;
}
.authentication a.authentication-facebook {
  font-size: 10pt;
  font-weight: bold;
  font-style: normal;
  text-decoration: underline;
}
.authentication-signin-button {
  cursor: pointer;
  display: inline-block;
  margin: 4px 0 12px 0;
  padding: 5px 14px 6px;
  background-color: #0064cd;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2MCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzA0OUNEQiIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwNjRDRCIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzYwKSIgLz4KPC9zdmc+");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0064cd #0064cd #003f81;
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  line-height: normal;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  transition: 0.1s linear all;
}
/* .authentication-signin-button.sns-login - adjust for removed signing featrues */
.authentication-signin-button.sns-login {
  margin-top: 85px;
}
.auth-logout {
  cursor: pointer;
}
/*
  No gradient for old.
  url("data:image/svg+xml for all other browsers that can render SVG

  This should  have the CSS3 linear-gradient next, but the major browsers do not support it
    background-image: linear-gradient(top, #049cdb, #0064cd);
*/
.authentication-signin-button:hover {
  background-position: 0 -15px;
  color: #fff;
  text-decoration: none;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.authentication-signin-button:disabled {
  cursor: default;
  background-image: none;
  -khtml-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.authentication-bottom-buttons {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 2em;
}
.authentication-new-account {
  display: inline-block;
  text-align: left;
}
.authentication-newtoaim {
  margin-left: 5px;
  color: #242B3E;
  font-weight: bold;
  font-size: 12px;
}
.authentication label {
  color: #444a61;
  font-size: 10pt;
  position: relative;
  top: 0px;
  padding-left: 5px;
}
.authentication input[type="checkbox"] {
  margin: 2px 2px 2px 4px;
}
.authentication-createaccount-button {
  height: 35px;
  width: 235px;
  margin: 4px 0 12px  0;
}
.authentication-createaccount-span {
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  height: 26px;
}
.auth-bottom {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -575px;
  background-repeat: no-repeat;
  padding-left: 5px;
  padding: 5px 0 0 28px;
}
.authentication-aim-fill {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f47b1f), color-stop(1, #f05523));
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 1px 0 rgba(170, 170, 170, 0.25);
  border: 1px solid #666;
  padding: 4px 15px 2px 13px;
  text-shadow: none;
}
.authentication-aim-badge span {
  /* desktop/images/aim_arrow.png */

  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-repeat: no-repeat;
  background-position: 0px -94px;
  padding: 2px 0 0 28px;
  color: #fff;
}
.authentication-createaccount-plus {
  display: -webkit-box;
  margin: 2px 5px 0 0;
}
.authentication-copy-div {
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: auto;
}
.authentication-copy {
  display: inline-block;
  font-size: 9px;
  color: #4B5F7D;
}
.authentication .captcha {
  display: none;
}
.authentication .captcha-container {
  margin: auto;
}
.authentication .captcha-image {
  display: block;
  margin: 10px auto;
}
.authentication .captcha-info {
  display: block;
  margin: 15px;
  text-align: center;
}
.authentication .captcha-input-container {
  width: 150px;
  margin: 0 auto 15px auto;
}
.authentication .captcha-input {
  width: 100%;
  margin: 0;
}
.authentication .errorLabel {
  display: inline-block;
  margin: 0 15px;
  padding: 4px;
  color: #AB3232;
  background: #FFE4E4;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #F6CFCF;
  text-shadow: 0 1px 0 #FFF4F4;
}
.authentication .hidden {
  visibility: hidden;
}
.authentication .goodLabel {
  color: Green;
}
.authentication .signing-in-label {
  color: #2a353d;
  font-weight: bold;
  font-size: 16px;
}
.authentication .authProgress {
  display: none;
  margin-top: 6em;
}
.authentication .spinner {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 2em;
}
.authentication-cancel-button.button {
  font-style: normal;
}
/******************************************/
/* Chat                                   */
/******************************************/
.client .chatpanel .panel-header .presence {
  top: 4px;
}
.client .chatpanel .panel-header .presence.mobile {
  top: 0;
}
.client .chatpanel .panel-header-header, .client .avpanel .panel-header-header {
  margin-top: 6px;
  margin-right: 52px;
  margin-left: 10px;
}
.client .chatpanel .panel-header-header .sub-header, .client .avpanel .panel-header-header .sub-header {
  display: block;
  font-size: 11px;
  font-weight: normal;
  line-height: 1.5em;
}
.client .chatpanel .disabled .panel-header-header .sub-header {
  display: none;
}
.client .panel-header-icon {
  position: inherit;
}
.client .picnic .panel-header-icon {
  cursor: pointer;
}
.client .picnic.disabled .panel-header-icon {
  cursor: default;
}
.client-popup #member_list .panel-header-header {
  margin-top: 7px;
  margin-left: 10px;
}
.client #member_list .picnic-members {
  display: block;
}
.browser #member_list {
  position: relative;
  min-height: 300px;
  min-width: 400px;
}
.client .box {
  float: none;
  height: 100%;
  min-height: 100%;
}
.client .box, .client .box.active {
  z-index: inherit;
  position: static;
  top: 0;
  left: 0;
}
.client .box-header {
  display: none;
}
.client .box .box-count {
  display: none;
}
.client .box .box-body {
  height: 100%;
  border-top-color: #4AF103;
  background-color: #fff;
}
.client .box .box-body-loading {
  height: 100%;
}
.client .box .box-body-error, .client .box .box-body-loading, .client .box .box-body {
  border: inherit;
  height: 100%;
}
.client .messaging-history {
  overflow: auto !important;
  padding-top: 12px;
  padding-bottom: 20px;
}
.client .message-error {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
}
.client .box .box-body, .client .box.active .box-body {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
}
.client .box .panel-header {
  display: none;
}
.client .box .box-untrusted + .box-body, .client .box.active .box-untrusted + .box-body {
  top: 4em;
  height: auto;
}
.client .messaging-posting-form {
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
}
.client .messaging-posting-form .inputs .plus-input .inactive:hover, .client .box.active .messaging-posting-form .inputs .plus-input .inactive:hover {
  /* No hover effect when inactive. --
        needs more specificity than the prior selector */

  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -1625px;
  background-repeat: no-repeat;
}
.client .panel-header-edit {
  width: 100%;
}
.client #new_chat {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.client .panel-header-edit-location {
  display: inline-block;
  position: absolute;
  top: 5px;
  right: 11.8em;
  left: 56px;
}
.client #new_chat .panel-header-edit-location {
  right: 7.7em;
}
.client #new_chat .save-button {
  display: none;
}
.identitybadge-content {
  text-overflow: ellipsis;
  position: relative;
  width: 48px;
  height: 48px;
  border: 2px solid;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.identitybadge-content.online {
  border-color: #17bf55;
}
.identitybadge-content.offline, .identitybadge-content.invisible {
  border-color: gray;
}
.identitybadge-content.away {
  border-color: #a61731;
}
.identitybadge-content.mobile {
  border-color: #5b9ae3;
}
.identitybadge-icon {
  position: relative;
  top: 0;
  left: 0;
  width: 48px;
  height: 48px;
  -webkit-border-radius: 3px;
  box-shadow: 0 1px 4px rgba(255, 255, 255, 0.3);
}
.identitybadge-name-container {
  position: relative;
  bottom: 0;
  width: 60px;
  margin: 0 auto;
  padding-left: 2px;
}
.identitybadge-name {
  width: 56px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 8pt;
  color: #FFF;
  text-align: center;
}
.aim .aimlist-item-service, .aim .activitiespanel-header-name {
  /* desktop/images/service-aim.png */

  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -1822px;
  background-repeat: no-repeat;
  height: 22px;
}
.hey-settings .aimlist-item-service {
  /* desktop/images/service-hey-settings.png */

  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -1876px;
  background-repeat: no-repeat;
}
.aolmail .aimlist-item-service, .aolmail .activitiespanel-header-name {
  /* desktop/images/service-aol.png */

  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritehi/HiSprite.png');
  background-position: 0px -657px;
  background-repeat: no-repeat;
  height: 22px;
}
.facebook .aimlist-item-service, .facebook .activitiespanel-header-name {
  /* desktop/images/service-facebook.png*/

  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -1849px;
  background-repeat: no-repeat;
  height: 22px;
}
.gmail .aimlist-item-service, .gmail .activitiespanel-header-name {
  /* desktop/images/service-gmail.png*/

  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritehi/HiSprite.png');
  background-position: 0px -603px;
  background-repeat: no-repeat;
  height: 22px;
}
.instagram .aimlist-item-service, .instagram .activitiespanel-header-name {
  /* desktop/images/service-instagram.png*/

  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritehi/HiSprite.png');
  background-position: 0px -576px;
  background-repeat: no-repeat;
  height: 22px;
}
.youtube .aimlist-item-service, .youtube .activitiespanel-header-name {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritehi/HiSprite.png');
  background-position: 0px -547px;
  background-repeat: no-repeat;
  height: 22px;
}
.twitter .aimlist-item-service, .twitter .activitiespanel-header-name {
  /* desktop/images/service-twitter.png*/

  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -1903px;
  background-repeat: no-repeat;
  height: 22px;
}
.aolmail .aimlist-item-serviceuser:after {
  content: '@aol.com';
}
.twitter .aimlist-item-serviceuser:before {
  content: '@';
}
.aim-item {
  height: 22px;
  width: 23px;
}
.aim-item img {
  top: -1686px;
  left: 0px;
}
.aim-item:hover img {
  /* hey-aim-hover.png*/

  top: -1658px;
  left: 0px;
}
.aim-item.selected img {
  top: -1602px;
  left: 0px;
}
.aim .activitiespanel-header-name {
  /* desktop/images/service-aim.png*/

  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -1822px;
  background-repeat: no-repeat;
}
.aolmail-item {
  height: 22px;
  width: 23px;
}
.aolmail-item img {
  top: -1574px;
  left: 0px;
}
.aolmail-item:hover img {
  top: -1546px;
  left: 0px;
}
.aolmail-item.selected img {
  top: -1490px;
  left: 0px;
}
.aolmail-item.disabled img {
  top: -1518px;
  left: 0px;
}
.aolmail .activitiespanel-header-name {
  /* desktop/images/service-aolmail.png*/

  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritehi/HiSprite.png');
  background-position: 0px -630px;
  background-repeat: no-repeat;
}
.facebook-item {
  height: 22px;
  width: 23px;
}
.facebook-item img {
  top: -1462px;
  left: 0px;
}
.facebook-item:hover img {
  top: -1434px;
  left: 0px;
}
.facebook-item.disabled img {
  top: -1406px;
  left: 0px;
}
.facebook-item.selected img {
  top: -1378px;
  left: 0px;
}
.facebook .activitiespanel-header-name {
  /* desktop/images/service-facebook.png*/

  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -1849px;
  background-repeat: no-repeat;
}
.gmail-item {
  height: 22px;
  width: 23px;
}
.gmail-item img {
  top: -1350px;
  left: 0px;
}
.gmail-item:hover img {
  top: -1322px;
  left: 0px;
}
.gmail-item.disabled img {
  top: -1294px;
  left: 0px;
}
.gmail-item.selected img {
  top: -1266px;
  left: 0px;
}
.gmail .activitiespanel-header-name {
  /* desktop/images/service-gmail.png*/

  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritehi/HiSprite.png');
  background-position: 0px -603px;
  background-repeat: no-repeat;
}
.instagram-item {
  height: 22px;
  width: 23px;
}
.instagram-item img {
  top: -1238px;
  left: 0px;
}
.instagram-item:hover img {
  top: -1210px;
  left: 0px;
}
.instagram-item.disabled img {
  top: -1182px;
  left: 0px;
}
.instagram-item.selected img {
  top: -1154px;
  left: 0px;
}
.instagram .activitiespanel-header-name {
  /* desktop/images/service-instagram.png*/

  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritehi/HiSprite.png');
  background-position: 0px -576px;
  background-repeat: no-repeat;
}
.youtube-item {
  height: 22px;
  width: 23px;
}
.youtube-item img {
  top: -972px;
  left: 0px;
}
.youtube-item:hover img {
  top: -944px;
  left: 0px;
}
.youtube-item.disabled img {
  top: -916px;
  left: 0px;
}
.youtube-item.selected img {
  top: -888px;
  left: 0px;
}
.youtube .activitiespanel-header-name {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritehi/HiSprite.png');
  background-position: 0px -547px;
  background-repeat: no-repeat;
}
.twitter-item {
  height: 22px;
  width: 23px;
}
.twitter-item img {
  top: -1084px;
  left: 0px;
}
.twitter-item:hover img {
  top: -1056px;
  left: 0px;
}
.twitter-item.disabled img {
  top: -1028px;
  left: 0px;
}
.twitter-item.selected img {
  top: -1000px;
  left: 0px;
}
.twitter .activitiespanel-header-name {
  /* desktop/images/service-twitter.png */

  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -1903px;
  background-repeat: no-repeat;
}
.preferences-item {
  /* hey-preferences.png */

  height: 20px !important;
  width: 18px !important;
  margin: 15px 0 15px 11px!important;
}
.preferences-item img {
  top: -1232px;
  left: 0px;
}
.preferences-item:hover img {
  /* hey-preferences-hover.png */

  top: -1212px;
  left: 0px;
}
.aolmail .activitiespanel-header-name:after {
  content: '@aol.com';
}
.twitter .activitiespanel-header-name:before {
  content: '@';
}
/******************************************/
/* Start Chat Invite
/******************************************/
.chatinvite {
  padding: 20px;
  width: 200px;
  margin: 0 auto;
}
.chatinvite-header {
  display: block;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}
.chatinvite-username {
  display: block;
  margin-bottom: 20px;
  width: 196px;
}
.chatinvite-buttons {
  display: block;
  padding-left: 18px;
}
/******************************************/
/* Side bar
/******************************************/
.client-container-sidebar {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  background: #3c454d;
  width: 60px;
  overflow-y: hidden;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.client.notOnline .client-container-sidebar {
  display: none;
}
.sprite.client-sidebar-item {
  overflow: visible;
  display: block;
}
.sidebar-count-frame {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  pointer-events: none;
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.client-sidebar-item {
  position: relative;
  left: 10px;
  width: 36px;
  height: 29px;
  margin: 8px 0 9px 0;
}
.notOnline .client-sidebar-item {
  opacity: 0.4;
}
.notOnline .client-sidebar-item-count {
  display: none;
}
.client-sidebar-item-info {
  position: absolute;
  pointer-events: none;
  cursor: default;
  top: -5px;
  right: -3px;
}
.client-sidebar-item-count {
  color: #fff;
  font-size: 10px;
  -webkit-font-smoothing: antialiased;
  font-weight: bold;
  padding: 0 3px 1px 3px;
  background: #ec4b13;
  /* background: -moz-linear-gradient(top,#D00 0,#C00,100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#D00),color-stop(100%,#C00));*/

  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35), inset 0px 1px 1px rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35), inset 0px 1px 1px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35), inset 0px 1px 1px rgba(255, 255, 255, 0.5);
  -o-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35), inset 0px 1px 1px rgba(255, 255, 255, 0.5);
  z-index: 1;
}
.needs-reauth .client-sidebar-item-info {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -2529px;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  top: -8px;
  right: -5px;
}
.needs-reauth .client-sidebar-item-info .client-sidebar-item-count {
  display: none;
}
.client-sidebar-item.me-item {
  left: 4.5px;
  width: 48px;
  height: 48px;
  margin: 7px 0 14px 0;
  border-radius: 5px;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.8);
}
.notOnline .client-sidebar-item.me-item.selected .identitybadge-state-container {
  display: none;
}
.client-sidebar-item.contacts-item {
  width: 32px;
  height: 32px;
  left: 14px;
  height: 32px;
}
.client-sidebar-item.contacts-item img {
  top: -2233px;
  left: 0px;
}
.client-sidebar-item.contacts-item:hover img {
  top: -2180px;
  left: 0px;
}
.client-sidebar-item.contacts-item.selected img {
  top: -2148px;
  left: 0px;
}
.notOnline .client-sidebar-item.contacts-item:hover img {
  /* background-image: url('//s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png'); */

  top: -2233px;
  left: 0px;
}
.notOnline .client-sidebar-item.contacts-item.selected img {
  /* background-image: url('//s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png'); */

  top: -2233px;
  left: 0px;
}
.client-sidebar-item.commons-item {
  left: 14px;
  width: 32px;
  height: 32px;
}
.client-sidebar-item.commons-item img {
  top: -96px;
  left: 0px;
}
.client-sidebar-item.commons-item:hover img {
  top: -64px;
  left: 0px;
}
.client-sidebar-item.commons-item.selected img {
  top: 0px;
  left: 0px;
}
.notOnline .client-sidebar-item.commons-item:hover img {
  top: -96px;
  left: 0px;
}
.notOnline .client-sidebar-item.commons-item.selected img {
  top: -96px;
  left: 0px;
}
.client-container-sidebar .client-container-sidebar-services {
  border-top: 2px groove #65727D;
  padding: 13px 0 2px 0;
  border-bottom: 2px groove #65727D;
  box-shadow: inset 0 1px 3px #3c454d;
  margin-top: 8px;
}
.client-sidebar-item.hey-item {
  background-repeat: no-repeat;
  margin: 0 0 9px 7px;
  height: 28px;
  width: 27px;
}
.client-sidebar-item.hey-item.disabled {
  opacity: .4;
}
.client-sidebar-item.hey-item.disabled:hover {
  opacity: 1.0;
}
.client-sidebar-newchat {
  display: block;
  position: absolute;
  bottom: 0;
  height: 49px;
  width: 60px;
  cursor: pointer;
}
.client-sidebar-newchat img {
  top: -341px;
  left: 0px;
}
.client-sidebar-newchat:focus img, .client-sidebar-newchat:hover img {
  top: -292px;
  left: 0px;
}
.client-sidebar-newsms {
  display: block;
  position: absolute;
  bottom: 48px;
  height: 49px;
  width: 60px;
  cursor: pointer;
}
.client-sidebar-newsms img {
  top: -243px;
  left: 0px;
}
.client-sidebar-newsms:focus img, .client-sidebar-newsms:hover img {
  top: -194px;
  left: 0px;
}
.client-sidebar-menu {
  display: block;
  position: absolute;
  bottom: 96px;
  height: 49px;
  width: 60px;
  cursor: pointer;
}
.client-sidebar-menu img {
  top: -439px;
  left: 0px;
}
.client-sidebar-menu:focus img, .client-sidebar-menu:hover img {
  top: -390px;
  left: 0px;
}
.feedback-item {
  position: absolute;
  cursor: pointer;
  height: auto;
  width: auto;
  font-size: 10px;
  font-weight: bold;
  color: #63707c;
  text-shadow: 0 1px 0 #1e252b;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/feedback.png');
  height: 108px;
  width: 40px;
  text-indent: -5000px;
  right: 0;
  top: 75%;
}
/******************************************/
/* Common profile styles
/******************************************/
.identitybadge-state {
  pointer-events: none;
  position: absolute;
  bottom: 0;
  right: 0;
}
/******************************************/
/* My profile styles
/******************************************/
.avpanel, .chatpanel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.client-container-secondarypanel .outreach-widget {
  z-index: 1;
}
.client-popup .avpanel-header .panel-header-close-button, .client-popup .chatpanel-header .panel-header-close-button, .client-popup .chatpanel-header .panel-header-minimize-button {
  display: none;
}
.panel-notification {
  position: absolute;
  top: 150px;
  left: 0;
  right: 0;
  z-index: 5;
}
.panel-notification.fadeout {
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 500ms ;
  -webkit-transition-timing-function: ease-out;
  opacity: .0;
}
.panel-notification-background {
  margin: auto;
  width: 160px;
  height: 160px;
  background: rgba(0, 0, 0, 0.6);
  -webkit-border-radius: 6px;
}
.panel-notification-icon {
  position: absolute;
  margin: 30px 0 0 32px;
  width: 95px;
  height: 83px;
}
.panel-notification-caption {
  position: absolute;
  bottom: 10px;
  width: 160px;
  text-align: center;
  font-weight: bold;
  color: #FFF;
}
.avpanel-content {
  background-color: black;
}
.avpanel-content, .chatpanel-conversation {
  position: absolute;
  top: 46px;
  right: 0;
  bottom: 0;
  left: 0;
}
.activitiespanel {
  height: 100%;
  /*background: url('//s.aimcdn.net/aimcom/static/2.38.0.6/desktop/images/whitey.png');*/

  background-repeat: repeat;
  background: #f6f6f6;
}
.activitiespanel-header {
  height: 45px;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ededed));
  border-bottom: 1px solid #D4D4D4;
}
.activitiespanel-header-name {
  font-size: 13px;
  font-weight: bold;
  color: #333A42;
  margin: 10px 0 0 10px;
  padding: 5px 5px 0 35px;
  float: left;
  display: inline-block;
  height: 28px;
  background-repeat: no-repeat;
  background-position: top left;
}
.activitiespanel-header-close {
  /* ../desktop/images/close1.png */

  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -351px;
  background-repeat: no-repeat;
  width: 13px;
  height: 12px;
  float: right;
  margin: 15px 10px 0 0;
}
.activitiespanel-header-close:hover {
  /* ../desktop/images/close1-hover.png */

  background-position: 0px -303px;
}
.activitiespanel-content {
  position: absolute;
  top: 46px;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
}
.hey-activity {
  position: relative;
  white-space: pre-line;
  color: #585858;
  padding: 9px 0px 10px 30px;
  border-bottom: 1px solid #d4d4d4;
  background: #f6f6f6;
  box-shadow: inset 0 1px 0 #fff;
}
.hey-activity .delete {
  visibility: hidden;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 12px;
  height: 12px;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -351px;
  background-repeat: no-repeat;
}
.hey-activity:hover .delete {
  visibility: visible;
}
.hey-activity .delete:hover {
  background-position: 0px -303px;
}
.hey-activity:hover .hey-timestamp {
  visibility: hidden;
}
.hey-activity .userIcon {
  position: absolute;
  top: 10px;
  left: 10px;
}
.hey-activity .userIcon img {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  width: 50px;
  height: 50px;
}
.hey-activity.tagged .userIcon img {
  width: 32px;
  height: 32px;
}
.hey-activity.tagged .title {
  padding-right: 60px;
}
.hey-activity .content {
  padding: 10px 10px 10px 10px;
  margin: 0 10px 0 39px;
  /*background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #D4D4D4;
  box-shadow: inset 0 1px 0 #f2f2f2;*/

}
.hey-activity .content .userName {
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 3px;
}
.hey-activity:hover {
  background: #f3f8ff;
}
.hey-activity .content .body {
  padding-top: 5px;
}
.hey-activity.email .content {
  padding: 10px 0 15px 10px;
  margin-left: -20px;
}
.hey-activity.email .content .userName {
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 6px;
}
.hey-timestamp {
  position: absolute;
  top: 16px;
  right: 20px;
  font-size: 10px;
  color: #999;
}
.hey-activity .thumbnail {
  margin: 8px 0 0 0;
  max-width: 90px;
  max-height: 90px;
}
.hey-activity.fetching, .hey-activity.no-activities {
  border-bottom: none;
  padding-left: 15px;
  margin-top: 15px;
}
.hey-activity .body .status-text {
  font-style: italic;
}
.hey-activity .body .comment-text {
  display: block;
  background: #e1f0ff;
  padding: 5px;
  margin-top: 10px;
  border: 1px solid lightgray;
  color: #666;
}
.hey-activity a {
  color: #0773a6;
}
.aim .hey-activity a.nlocal {
  font-weight: bold;
}
.new-hey-activity.hey-activity {
  background-color: #E8F2FF;
}
.client .picnic-members {
  position: absolute;
  top: 46px;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.client .picnic-members .members-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.client .picnic-members .title {
  display: none;
}
.client .picnic-members .members {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: auto;
  background-color: white;
}
.client .picnic-members .member {
  height: 45px;
}
.client .picnic-members .member:hover {
  color: #E8F2FF;
}
.client .picnic-members .member img {
  position: absolute;
  top: 0;
  left: 0;
  width: 45px;
  height: 45px;
}
.client .picnic-members .member .presence {
  top: 4px;
  float: right;
  position: relative;
  margin-right: 2px;
}
.client .picnic-members .member:hover .presence {
  display: none;
}
.client .picnic-members .member.owner:hover .presence, .client .picnic-members .member.self:hover .presence {
  display: block;
}
.client .picnic-members .member .name {
  position: absolute;
  top: 15px;
  font-weight: normal;
  color: #000;
  font-size: 13px;
  width: auto;
  left: 55px;
  right: 28px;
}
.client .picnic-members .inviter-container {
  display: none;
}
.client .picnic-members .member .memberRemove .member-remove-img {
  /* ../desktop/images/close1.png */

  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -351px;
  background-repeat: no-repeat;
  width: 13px;
  height: 12px;
  display: none;
  top: 16px;
  float: right;
  position: relative;
  right: 14px;
}
.client .picnic-members .member:hover .memberRemove .member-remove-img {
  display: block;
}
.client .picnic-members .member.owner:hover .memberRemove .member-remove-img, .client .picnic-members .member.self:hover .memberRemove .member-remove-img {
  display: none;
}
.client .picnic-members .member .memberRemove:hover .member-remove-img {
  /* ../desktop/images/close1-hover.png */

  background-position: 0px -303px;
}
.client .picnic-members .inviteuser-root {
  top: 0;
}
/******************************************/
/* Settings
/******************************************/
.client #settings {
  margin: 0px;
  height: auto;
}
.client #settings #bodycontent {
  margin: 0px;
  width: initial;
}
.client .settingsComponent {
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: auto;
  box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  margin: 0;
}
.client .settings .rightPanel {
  width: initial;
  right: 0;
}
/******************************************/
/* Updates
/******************************************/
.client-commonspanel .commons-status-form .profile-url-mgmt {
  display: none;
}
.client-commonspanel .commons .controls button {
  float: right;
}
.client-commonspanel .commons .edit-finished {
  bottom: 46px;
  /* compensates for the size of the header
  (since the .commons element is 100% height relative to the panel) */

}
/******************************************/
/* Identity
/******************************************/
/* Identity hover card */
.identity-hovercard {
  position: absolute;
  z-index: 25;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #f4f4f4;
  border: 1px solid #777777;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  width: auto;
  height: 106px;
}
.client-identityhovercard {
  background: #FFF;
  max-width: 350px;
  right: 10px;
}
.client-identityhovercard .client-identityhovercard-info {
  display: inline-block;
  vertical-align: top;
  padding-left: 6px;
  padding-top: 5px;
  position: absolute;
  left: 105px;
  right: 5px;
}
.client-identityhovercard .client-identityhovercard-icon {
  border: none;
  box-shadow: none;
  width: 100px;
  height: 100px;
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin: 3px;
}
.client-identityhovercard .client-identityhovercard-icon .client-identityhovercard-edit {
  position: absolute;
  bottom: 2px;
  left: 2px;
  right: 2px;
  background: rgba(0, 0, 0, 0.4);
  color: #FFF;
  text-align: center;
  font-family: helvetica;
  font-size: 10pt;
}
.client-identityhovercard .client-identityhovercard-icon .identitybadge-content {
  width: 100px;
  height: 100px;
  border: none !important;
}
.client-identityhovercard .client-identityhovercard-icon .identitybadge-icon {
  width: 100px;
  height: 100px;
}
.client-identityhovercard .friendlyname {
  color: #5d5d5d;
  font-weight: bold;
  font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica   Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  /* font-size: 15px; */

  font-size: 12pt;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
.client-identityhovercard-editfriendly {
  position: absolute;
  right: 0;
  color: #24a3ff;
  cursor: pointer;
}
.client-identityhovercard .friendlyname:hover {
  background-color: #ffffd1;
  cursor: pointer;
}
.client-identityhovercard .friendlyname.uneditable:hover {
  background-color: inherit;
  cursor: default;
}
.client-identityhovercard .editfriendlynamefields {
  display: none;
  margin-boottom: 8px;
  width: 310px;
}
.client-identityhovercard .editfriendlynamefields .panel-header-edit {
  position: relative;
  top: 0;
  left: 0;
}
.client-identityhovercard .screenname {
  font-style: italic;
  color: #868686;
  text-shadow: #fff 0 1px 0;
  font-style: italic;
  font-size: 9pt;
}
.client-identityhovercard .state-button {
  position: relative;
  background: none;
  border: none;
  margin-top: 5px;
  padding: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.client-identityhovercard .state-button:hover {
  background: none;
  border: none;
  color: #666;
  font-weight: inherit;
}
.client-identityhovercard-status {
  height: 28px;
  font-size: 11px;
  color: #666;
  overflow: hidden;
  margin-right: 3px;
  text-overflow: ellipsis;
  margin-top: 12px;
  font-style: italic;
}
.client-identityhovercard .statechange {
  display: inline-block;
  margin-right: 6px;
}
.client-identityhovercard .statechange.state-away {
  width: 10px;
  height: 10px;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -231px;
}
.client-identityhovercard .statechange.state-available {
  width: 10px;
  height: 10px;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -221px;
}
.client-identityhovercard .statechange.state-offline {
  width: 10px;
  height: 10px;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -1509px;
}
.client-identityhovercard .statechange.state-idle {
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/desktop/images/Sprites_presence.png') no-repeat -21px -211px;
}
.sub-header .view-members {
  cursor: pointer;
  color: #00B1BD;
  font-size: 11px;
  padding-left: 0;
}
.edit-chat-name {
  cursor: pointer;
  color: #0773A6;
  text-shadow: 0 1px 0 #fff;
  padding-left: 8px;
  display: none;
  font-weight: normal;
}
.panel-header-header:hover .edit-chat-name {
  display: inline;
}
.edit-chat-name .edit-icon {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-repeat: no-repeat;
  background-position: 0px -493px;
  padding-right: 3px;
}
/* Both firefox and ID need the input to be 100% width to fit correctly,
so make all browsers use 100% width for the input */
.client .aimlist-panel .aimlist-searchbar-container {
  right: 35px;
}
/* Adjust out the 35 px right edge to land the clear in the correct place. */
.client  .aimlist-panel.filtering .aimlist-searchbar-clear {
  right: -25px;
}
.client .aimlist-panel .aimlist-searchbar-input {
  position: static;
  width: 100%;
}
.client .aimlist-searchbar .aimlist-searchbar-button {
  display: none;
}
.file-progress {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
.file-progress.hidden {
  display: none;
}
.file-progress .progressLabel {
  display: inline-block;
}
.file-progress .error-label {
  display: inline-block;
}
.progress-with-cancel .close {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 8px;
  overflow: hidden;
  width: 13px;
  height: 12px;
}
.progress-with-cancel .close img {
  position: relative;
  top: -351px;
  left: 0px;
}
.progress-with-cancel .close img:hover {
  top: -303px;
  left: 0px;
}
.file-progress .progress-area {
  display: inline-block;
  width: 150px;
}
.file-error {
  display: inline-block;
  width: 100%;
}
.file-error .error-label {
  color: #F00;
}
.file-error.hidden {
  display: none;
}
.ccpFocusHL {
  box-sizing: border-box;
  border: 2px dotted Fuchsia !important;
}
.client-popup .picuploader-panel {
  height: 100%;
  width: 100%;
}
.browser .picuploader-panel {
  background-color: #DBDFE4;
}
.no-display {
  display: none !important;
}
.no-width {
  width: 0 !important;
  min-width: 0 !important;
}
.main-panel-only {
  min-width: 240px !important;
}
.dlg-diag-desc {
  width: 97%;
  margin-top: 16px;
}
/* Styles for the Playground Preview */
.playground-preview {
  margin: -5px 0 10px 11px;
  position: relative;
}
.playground-hidden {
  display: none;
}
.playground-preview .share-box-container, .playground-preview p.success {
  margin-top: 10px;
}
.playground-preview p.success {
  color: green;
  font-size: 11px;
  font-weight: bold;
}
.playground-preview .row {
  position: relative;
}
.playground-preview .video-accessories {
  height: 100%;
}
.playground-preview .video-accessories .play-button-container {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -30px -40px 0px;
  z-index: 3;
  width: 70px;
  height: 50px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  opacity: 0.9;
  -webkit-box-shadow: 0 0 4px #323232;
  -moz-box-shadow: 0 0 4px #323232;
  box-shadow: 0 0 4px #323232;
}
.playground-preview .video-accessories .play-button {
  width: 70px;
  height: 50px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  left: 5px;
  background: #f3581e;
  -moz-box-shadow: inset 0 1px 0 #ffb397;
  -webkit-box-shadow: inset 0 1px 0 #ffb397;
  box-shadow: inset 0 1px 0 #ffb397;
}
.playground-preview .play-icon {
  position: relative;
  top: 9px;
  left: 23px;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -1705px;
  width: 28px;
  height: 33px;
}
.playground-preview .video-accessories .duration {
  position: absolute;
  bottom: 10px;
  color: white;
  padding: 5px;
  border-radius: 2px;
  right: 32px;
  z-index: 3;
  background: #e16500;
  /* Old browsers */

  background: -moz-linear-gradient(top, #e16500 0%, #d84d00 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e16500), color-stop(100%, #d84d00));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #e16500 0%, #d84d00 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #e16500 0%, #d84d00 100%);
  /* Opera11.10+ */

  background: -ms-linear-gradient(top, #e16500 0%, #d84d00 100%);
  /* IE10+ */

  background: linear-gradient(top, #e16500 0%, #d84d00 100%);
  /* W3C */
}
.playground-preview .preview-content {
  float: left;
  margin-right: 10px;
  padding: 5px;
  /* Widths cannot be forced here as it causes problems when there are
   *  small thumbnails and long text in the same message box. 
   *  Instead we add the width style to the img.thumb */

  /* width: 90%; */
  /* Required to prevent overflow on firefox & IE */

  /* width: 100%; */

  cursor: pointer;
  z-index: 1;
  /* to stay under the video-accessories */

  position: relative;
  /* for video-accessories */

  max-width: 95%;
  /* so thumbnail can inherit as workaround for IE issues */

}
.client .playground-preview .preview-content {
  z-index: 0;
  /* Saty in the normal plane in the history! */

}
.playground-preview .preview-content .tweet {
  float: left;
}
.playground-preview .icons {
  float: left;
  clear: both;
  width: 80px;
}
.playground-preview .icons a {
  display: block;
  width: 15px;
  height: 15px;
  margin-bottom: 10px;
  text-indent: -5000px;
  -webkit-transition: none;
}
.playground-preview .icons .share {
  /* playgrounds/images/share-1.png */

  width: auto;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -2018px;
  height: 13px;
  margin-bottom: 4px;
  font-size: 11px;
  repeat: no-repeat;
  text-indent: inherit;
  padding-left: 18px;
  margin-left: 4px;
  color: #9F9F9F;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.playground-preview .icons .share:hover {
  /* playgrounds/images/share_hover.png */

  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -2031px;
  repeat: no-repeat;
  text-indent: inherit;
  color: #49a2b1;
}
.playground-preview .icons a.download {
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/playgrounds/images/save.png') no-repeat;
}
.playground-preview .icons a.download:hover {
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/playgrounds/images/save_hover.png') no-repeat;
}
.thumb.dragging {
  border: 1px solid grey;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
  z-index: 5;
}
.playground-preview img.thumb {
  /* IE applies % related to img size, not container so set desired max-width
     on container and inherit here */

  max-width: inherit;
  background-color: transparent;
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.9), 0 1px 2px #595959;
  -moz-box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.9), 0 1px 2px #595959;
  box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.9), 0 1px 2px #595959;
}
.ie .playground-preview img.thumb {
  width: auto;
  height: auto;
}
.gecko .playground-preview img.thumb {
  width: 100%;
  /* To fix firefox overflow problem */

}
.playground-preview .preview-content:hover img.thumb {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 0 #3875d7, 0 0 5px #13499f;
  -moz-box-shadow: inset 0 1px 0 #3875d7, 0 0 5px #13499f;
  box-shadow: inset 0 1px 0 #3875d7, 0 0 5px #13499f;
}
.playground-preview .tweet {
  background: #f7f7f7;
  background: -moz-linear-gradient(top, #f7f7f7 0%, #e8e8e8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #e8e8e8));
  background: -webkit-linear-gradient(top, #f7f7f7 0%, #e8e8e8 100%);
  background: -o-linear-gradient(top, #f7f7f7 0%, #e8e8e8 100%);
  background: -ms-linear-gradient(top, #f7f7f7 0%, #e8e8e8 100%);
  background: linear-gradient(top, #f7f7f7 0%, #e8e8e8 100%);
  padding: 8px 8px 7px 8px;
  max-width: 85%;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 -1px 0 #ffffff;
  -moz-box-shadow: inset 0 -1px 0 #ffffff;
  box-shadow: inset 0 -1px 0 #ffffff;
  border: 1px solid #dfdfdf;
}
.playground-preview .tweet .container {
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/desktop/images/twitter.png');
  background-position: bottom right;
  background-repeat: no-repeat;
  margin-right: 2px;
}
.playground-preview .tweet img {
  float: left;
  width: 22px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-right: 7px;
}
.playground-preview .tweet p.text {
  font-size: 14px;
  padding-top: 5px;
  line-height: 20px;
  color: #474747;
  font-family: Georgia, serif;
  -webkit-font-smoothing: subpixel-antialiased;
  padding-right: 22px;
}
.playground-preview .tweet p.text a {
  color: #0098DB;
  font-family: Georgia, serif;
}
.playground-preview .tweet p.text a:hover {
  color: #0083FF;
  text-decoration: underline;
}
.playground-preview .tweet p.name {
  font-weight: normal;
  font-size: 12px;
  color: #999999;
  border-bottom: 2px groove #ffffff;
  padding-bottom: 10px;
  padding-top: 4px;
  text-shadow: 0 1px 0 #ffffff;
}
.playground-preview .tweet p.name a {
  color: #0098DB;
  font-weight: bold;
}
.playground-preview .tweet p.name a:hover {
  font-weight: bold;
  color: #0083FF;
  text-decoration: underline;
}
.playground-preview.loading {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/ajax-big-transparent.gif');
  background-position: center center;
  background-repeat: no-repeat;
}
.playground-movie-failure {
  font-weight: bold;
  font-size: 16px;
  color: #FFF;
  text-align: center;
  z-index: 2;
  position: absolute;
  top: 50%;
  height: 2.5em;
  left: 0;
  right: 0;
  margin-top: -1em;
  overflow: hidden;
}
/* Playground Styles */
.playground-box {
  overflow: inherit;
  z-index: 10;
  position: relative;
}
.playground-box .box-header .icon {
  width: 16px!important;
  height: 12px!important;
  margin: 2px 12px 0 12px!important;
  float: left;
}
.playground-box .box-header .name-info {
  width: 325px!important;
  height: 15px;
}
.playground-box.type-video embed, .playground-box.type-video object {
  width: 425px;
  height: 344px;
  z-index: 0;
}
.playground-box.type-video .box-header .title div.icon {
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/playgrounds/images/vid_icn.png') no-repeat;
}
.playground-box.type-video.active .box-header .title div.icon {
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/playgrounds/images/vid_icn_roll.png') no-repeat;
}
.playground-box.type-image .box-header .title div.icon {
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/playgrounds/images/img_icn.png') no-repeat;
}
.playground-box.type-image.active .box-header .title div.icon {
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/playgrounds/images/img_icn_roll.png') no-repeat;
}
.playground-box .box-body {
  line-height: 0;
  font-size: 0;
  overflow: visible;
}
.playground-box.type-image .box-body .goog-container {
  text-align: center;
}
.playground-box.type-image .box-body img.playground-image {
  max-width: 600px;
  display: inline;
}
.playground-box .goog-toolbar .goog-toolbar-button {
  width: 32px;
  height: 32px;
}
.playground-box .goog-toolbar .origin-button {
  position: relative;
}
.playground-box .goog-toolbar .origin-button div.img {
  width: 32px;
  height: 32px;
  position: absolute;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/playgrounds/images/return.png');
}
.playground-box .goog-toolbar .origin-button {
  margin-top: 10px;
}
.playground-box .goog-toolbar .origin-button img {
  width: 32px;
  height: 32px;
  position: absolute;
}
.playground-box .goog-toolbar .expand-button {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/playgrounds/images/big_expand.png');
  margin-top: 10px;
  margin-left: 15px;
}
.playground-box .goog-toolbar .share-button {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/playgrounds/images/share.png');
}
.playground-box .goog-toolbar {
  float: left;
  display: block!important;
}
.playground-box .playground-share-box {
  padding: 10px;
  float: left;
}
.playground-box .playground-share-box .goog-menu {
  z-index: 10;
}
.playground-box .playground-share-box .chooser-combo {
  width: auto;
}
.playground-box .playground-share-box input.label-input-label {
  border: 1px solid #E5E5E5;
  margin: 0;
}
.playground-box .playground-share-box span.goog-combobox-button {
  display: none;
}
.playground-box.share-box-active .playground-share-box {
  display: block;
}
.conversation {
  background-color: #fff;
  height: 405px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  width: 345px;
  overflow: hidden;
}
.conversation .explain {
  padding: 10px;
}
.conversation ul {
  border-top: 1px solid lightgrey;
  overflow: scroll;
  height: 385px;
}
.conversation .message {
  padding: 10px;
  border-bottom: 1px solid lightgrey;
}
.conversation .who {
  line-height: 21px;
  margin-bottom: 5px;
}
.conversation .who img {
  width: 20px;
  margin-right: 5px;
  height: 20px;
  float: left;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
}
.conversation .who p.name {
  width: 80%;
  float: left;
  overflow: hidden;
}
/* typing indicator */
.messaging-typingindicator {
  z-index: 3;
  background-color: transparent;
  color: #999;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  font-weight: normal;
}
.typing-container {
  width: 100%;
  float: right;
  line-height: 30px;
  height: 30px;
  background-color: transparent;
}
.otr .typing-container {
  background-color: #E9E6DF;
}
/* toolbar */
.messaging-toolbar {
  display: none;
  background: none;
  border: 0;
  padding: 0;
}
.messaging-toolbar .goog-toolbar-button {
  width: 30px;
  height: 30px;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 6px 3px;
  font-size: 11px;
  float: left;
  margin-right: 5px;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: .75;
}
.messaging-toolbar .goog-toolbar-button:hover {
  opacity: 1;
}
.messaging-toolbar .goog-toolbar-button .goog-toolbar-button-outer-box {
  display: none;
}
.file-input .upload-button .file-uploader {
  cursor: pointer;
  opacity: 0;
  width: 30px;
  height: 22px;
}
.ie8 .file-input .upload-button .file-uploader {
  visibility: hidden;
}
/* history */
.messaging-history {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
  width: 100%;
  display: block;
  cursor: default;
}
.messaging-history:focus {
  outline: none;
  border: none;
}
.messaging-history a,
.messaging-history .link,
.messaging-history a:visited,
.messaging-history .button-as-link,
.messaging-history .link {
  color: #00B1BD;
}
.messaging-conversation {
  overflow: auto;
  background: #dee3e8;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.box-body .load-more {
  width: 100%;
  overflow: auto;
  margin-top: -12px;
}
.box-body .load-more button, .box-body .load-more [role="button"] {
  display: block;
  color: #e16b15;
  text-align: center;
  padding: 10px;
  background: #FFFFFF;
  font-weight: normal;
  margin: 0px auto;
  border-bottom: 1px solid #D4D4D4;
  border: none;
  cursor: pointer;
  border-radius: 0;
}
.box-body .load-more button:hover, .box-body .load-more [role="button"]:hover {
  color: #FFFFFF;
  text-shadow: none;
  text-align: center;
  background: #3875D7;
  border: none;
  cursor: pointer;
}
.box-body .load-more .load-more-button.hidden {
  display: none;
}
.box-body .load-more .load-more-loading-button {
  color: #fff;
  background: #d9d9d9;
}
/* messages */
.messaging-message-messagebox:focus {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-width: 1px 0;
}
.box.im .messaging-message-messagebox.otr {
  background: #E9E6DF;
}
.box.im .messaging-message-messagebox .otr_start {
  height: 23px;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/desktop/images/otr-top.png');
  background-repeat: repeat-x;
  background-color: #DEE3E8;
}
.box.im .messaging-message-messagebox .otr_end {
  height: 23px;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/desktop/images/otr-bottom.png');
  background-repeat: repeat-x;
}
.messaging-message-messagebox.otr .messaging-message-container.activity .row .content, .messaging-message-messagebox.activity .messaging-message-container.activity .row .content {
  padding: 4px 8px !important;
}
.messaging-message-container-timestamp {
  display: none;
  text-align: center;
  font-size: 11px;
  color: #545454;
  /*text-shadow: 0 -1px 0 #636363;*/

  padding-bottom: 12px;
}
.messaging-message-container-timestamp[time] {
  display: block;
}
.messaging-message-container {
  display: inline-block;
  overflow: visible;
  position: relative;
  margin: 3px 47px 12px 47px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #ddd;
  min-width: 60px;
  max-width: 85%;
}
.messaging-message-container.activity {
  display: block;
  overflow: visible;
  position: relative;
  margin: 3px 47px 0 47px;
  min-width: 60px;
  border: none;
  text-align: center;
}
.messaging-message-container.activity .header {
  display: none;
}
/* TODO (amado): next clean up - get rid of mine and use .me
 * .messaging-message has margin-bottom: 8px so keep that in mind
 * when defining the padding
 */
.messaging-message-container.mine {
  background-color: #ffffff;
  box-shadow: 0 1px 2px #666;
  float: right;
  right: 10px;
}
.messaging-message-container.mine:before {
  content: "";
  position: absolute;
  left: 100%;
  top: 9px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-left: 5px solid #ffffff;
  border-bottom: 5px solid transparent;
  z-index: 1;
}
.messaging-message-container.mine:after {
  content: "";
  position: absolute;
  left: 100%;
  top: 9px;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-left: 6px solid #a8a8a8;
  border-bottom: 6px solid transparent;
}
.messaging-message-container.buddy {
  background: #ffffff;
  box-shadow: 0 1px 2px #666;
  clear: both;
  left: 10px;
}
.messaging-message-container.buddy:before {
  content: "";
  position: absolute;
  right: 100%;
  top: 10px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 5px solid #ffffff;
  border-bottom: 5px solid transparent;
  z-index: 1;
}
.messaging-message-container.buddy:after {
  content: "";
  position: absolute;
  right: 100%;
  top: 10px;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-right: 6px solid #a8a8a8;
  border-bottom: 6px solid transparent;
}
.messaging-message-container .header {
  display: block;
}
.messaging-message .header {
  display: none;
}
.messaging-message-messagebox .message-header-timestamp {
  display: none;
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 11px;
  color: #545454;
}
.non-bubble {
  /* darker: #DEE0E8
   * lighter: #E6E8ED
   */

}
.non-bubble .messaging-history {
  background-color: #FFF !important;
}
.non-bubble .messaging-message-messagebox .messaging-message-container-timestamp {
  display: none;
}
.non-bubble .messaging-message-messagebox .message-header-timestamp {
  display: block;
}
.non-bubble .messaging-message-messagebox .otr_start, .non-bubble .messaging-message-messagebox .otr_end {
  background-color: #FFF !important;
}
.non-bubble .messaging-message-messagebox.activity .content {
  margin: 10px 0 !important;
}
.non-bubble .messaging-message-messagebox.activity .messaging-message .row {
  margin: 0 20px;
}
.non-bubble .messaging-message-container {
  display: block;
  background: none;
  box-shadow: none;
  border: none;
  float: none;
  left: auto;
  margin: 0;
  right: auto;
  max-width: inherit;
}
.non-bubble .messaging-message-container .header {
  display: none;
  width: 100%;
}
.non-bubble .messaging-message-container.activity .header {
  display: none;
}
.non-bubble .messaging-message-container .header .row .icon {
  position: relative !important;
  display: inline-block;
  top: auto;
  left: 4px;
  right: auto;
  z-index: 4;
  margin-right: 4px;
}
.non-bubble .messaging-message-container:before, .non-bubble .messaging-message-container:after {
  display: none;
}
.non-bubble .messaging-message {
  border-top: 1px solid #CCC !important;
  min-height: 40px;
}
.non-bubble .messaging-message .messaging-message-header {
  display: block;
}
.non-bubble .messaging-message .row {
  min-height: 39px;
}
.non-bubble .messaging-message .row + .playground-preview {
  margin-top: 4px;
}
.non-bubble .messaging-message .row + .playground-preview .share-box-container {
  clear: both;
}
.non-bubble .messaging-message .row + .playground-preview .preview-content, .non-bubble .messaging-message .row + .playground-preview .icons {
  margin-left: 27px;
}
.non-bubble .messaging-message .header {
  display: inline-block;
}
.non-bubble .messaging-message .header .displayname {
  display: inline-block !important;
  vertical-align: top;
  padding: 2px 0 0 5px !important;
}
.non-bubble .messaging-message .header .messaging-avatarImg {
  width: 32px !important;
  height: 32px !important;
  margin-top: 4px;
}
.non-bubble .messaging-message .content {
  padding: 4px 4px 2px 34px !important;
  margin: -25px 4px 0px 8px !important;
}
.non-bubble .messaging-message-container.mine .header .row .displayname {
  cursor: default;
}
/* Form styles */
.messaging-message-container .header .row .icon {
  position: absolute;
  top: 0;
  left: -46px;
}
.picnic .messaging-message-container.buddy .header .row .displayname:hover {
  color: #00B1BD;
}
.messaging-message-container .me .row .icon {
  right: -46px;
  left: auto;
}
.messaging-message-container .header .row .icon .defaultAvatar, .messaging-message-container .header .row .icon .messaging-avatarImg {
  width: 27px;
  height: 27px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -moz-user-drag: -moz-none;
  -webkit-user-drag: none;
  user-drag: none;
  border-radius: 2px;
  background: #FFFFFF;
  box-shadow: 0 1px 0 #f2f2f2;
}
/* margin-bottom is to match with style of .messaging-message */
.messaging-message-container .header {
  word-wrap: break-word;
  position: relative;
}
.messaging-message-container.mine .header .row .displayname {
  display: none;
}
.message-hovercard .displayname, .messaging-message-container .header .row .displayname {
  font-family: Helvetica;
  font-size: 11px;
  font-weight: bold;
  line-height: 14px;
  color: #39474D;
  padding: 7px 8px 0 10px;
  cursor: pointer;
  display: inline-block;
}
.message-hovercard {
  position: absolute;
  z-index: 3;
  margin-top: -7px;
  padding-left: 47px;
}
.message-hovercard .displayname {
  padding-left: 0;
}
.message-hovercard .displayname .name {
  visibility: hidden;
}
.message-hovercard .toggle {
  margin: 0 0 0 6px;
  padding: 0 9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #f4f4f4;
  cursor: pointer;
}
.message-hovercard.on {
  padding-top: 12px;
  padding-bottom: 24px;
  margin-top: -19px;
}
.message-hovercard .actions {
  display: none;
  margin-top: 9px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.message-hovercard.on .actions {
  display: block;
}
.message-hovercard .action {
  padding: 6px 36px 6px 6px;
  border-bottom: 1px solid #ddd;
}
.message-hovercard .action:hover {
  background-color: #f4f4f4;
}
.messaging-message .row {
  /* width: 100%; breaks IE9 while hovering */

  overflow: hidden;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.messaging-message .row .content {
  font-size: small;
  /* If no size is specified, use small */

  font-family: Helvetica;
  position: relative;
  margin: 0px 3px 0px 3px;
  padding: 8px 8px 8px 8px;
  color: #061d26;
}
.messaging-message .row .content.mine {
  color: #000000;
  /*text-shadow: 0px 1px 0px #fff; text-shadow damages the background-color*/

  border-top: 0px solid #f2f2f2;
  border-bottom: 1px solid #eeeeee;
}
.messaging-message .row .content.mine:first-child {
  border-top: none;
}
.messaging-message .row .content.mine:last-child {
  border-bottom: none;
}
.buddy .messaging-message + .messaging-message {
  border-top: 0px solid #f2f2f2;
  margin: 0 0 0 0;
}
/*.messaging-message .row .content.buddy {
    text-shadow: 0px 1px 0px #fff;
    border-top: 1px solid #000;
    border-bottom: 1px solid #ff0000;
}
*/
messaging-message .row .content:first-child {
  border-top: none;
}
.messaging-message {
  width: 100%;
  overflow: visible;
  position: relative;
  word-wrap: break-word;
}
.messaging-message.activity .messaging-activitymessage {
  margin: 0 12px;
  color: #505050;
  font-size: 11px;
  font-style: italic;
  text-align: center;
}
.messaging-message-container.activity .row .content {
  color: #697782;
  background: #e4ebec;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #c6d2d4;
  margin-bottom: 12px;
}
/* Overwrites the float:left on preview-content on playground.css */
.messaging-message-container.activity .row .preview-content {
  float: none;
}
.messaging-message-container.activity .playground-preview .icons {
  float: none;
  width: auto;
}
.messaging-message-container.activity .playground-preview .icons a.share {
  display: inline-block;
}
.messaging-message-container.activity .multi-chooser {
  display: inline-block;
  width: auto;
}
.messaging-message .messaging-avatar {
  position: absolute;
  top: 0;
  left: 12px;
}
.messaging-message .messaging-avatar img {
  width: 36px;
  height: 36px;
}
.messaging-message .name-message {
  width: auto;
  margin: 0 12px;
  color: #505050;
  width: 110px;
}
.picnic .messaging-message .name-message {
  margin-left: 60px;
}
.messaging-message .name-message .user {
  font-weight: bold;
  margin: 0 6px 0 0;
}
.im .messaging-message .name-message .user, .messaging-message-container.me .name-message .user {
  display: none;
}
.messaging-message-container .messaging-shadow {
  position: absolute;
  background-repeat: no-repeat;
  top: 0px;
  width: 159px;
  height: 15px;
}
.messaging-message-container .messaging-shadow.left {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/messaging/images/shadow-left.png');
  left: 0px;
}
.messaging-message-container .messaging-shadow.right {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/messaging/images/shadow-right.png');
  right: 0px;
}
.messaging-message .commons-status .avatar,
.messaging-message .commons-status .delete-status,
.messaging-message .commons-status .reply-status,
.messaging-message .commons-status .when {
  display: none;
}
.messaging-message .commons-status {
  background: #f7f7f7;
  padding: 10px;
  max-width: 100%;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 -1px 0 #ffffff;
  -moz-box-shadow: inset 0 -1px 0 #ffffff;
  box-shadow: inset 0 -1px 0 #ffffff;
  border: 1px solid #dbdbdb;
  margin: 10px 6px 6px;
}
.messaging-message .commons-status .content {
  /*
  padding: 0 0 21px;
*/

}
.messaging-message .commons-status .who {
  font-weight: normal;
  /*
  position: absolute;
  bottom: -3px;
  text-align: right;
*/

  width: 100%;
}
.messaging-message .commons-status .status {
  font-size: 13px;
  line-height: 17px;
  padding-top: 5px;
  color: #474747;
  font-family: Georgia, serif;
  -webkit-font-smoothing: subpixel-antialiased;
  padding-right: 22px;
  min-width: 120px;
}
.messaging-message .commons-status .status a {
  color: #0098DB;
  font-family: Georgia, serif;
}
.messaging-message .commons-status .status a:hover {
  color: #0083FF;
  text-decoration: underline;
}
/**
 * TODO (amado): This applies to UI as placeholders until we receive actual design
 *   This will change.
 */
.messaging-alert {
  background-color: none;
  color: #AA0000;
  font-size: 11px;
  text-shadow: 0 1px 0 #ffffff;
  text-align: center;
  line-height: 1.5em;
}
.messaging-networkAlert-loaderSuccess, .messaging-networkAlert-online, .messaging-rateLimitAlert-clear {
  /* desktop/images/available.png */

  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -221px;
  background-repeat: no-repeat;
}
.messaging-networkAlert-fetcherDisconnected, .messaging-networkAlert-loaderFail {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/ajax-small-transparent.gif');
  background-repeat: no-repeat;
  background-position: 12px 3px;
}
.messaging-sendImFailedAlert-offline, .messaging-rateLimitAlert-blocked {
  color: #AA0000;
}
.messaging-networkAlert-offline {
  color: #AA0000;
}
.message-error {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/messaging/images/message-fail.png');
  background-repeat: no-repeat;
  background-position: 12px 6px;
  padding: 4px 60px 4px 33px;
}
/* posting form */
.messaging-posting-form {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 20px 10px 0px;
  min-height: 28px;
  background: #e8e8e8;
  background: -moz-linear-gradient(top, #e8e8e8 0%, #d4d4d4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e8e8), color-stop(100%, #d4d4d4));
  background: -webkit-linear-gradient(top, #e8e8e8 0%, #d4d4d4 100%);
  background: -o-linear-gradient(top, #e8e8e8 0%, #d4d4d4 100%);
  background: -ms-linear-gradient(top, #e8e8e8 0%, #d4d4d4 100%);
  background: linear-gradient(top, #e8e8e8 0%, #d4d4d4 100%);
  -webkit-box-shadow: inset 0 1px 0 #DEDEDE, inset 0 2px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #DEDEDE, inset 0 2px 0 #ffffff;
  box-shadow: inset 0 1px 0 #DEDEDE, inset 0 2px 0 #ffffff;
  -moz-border-radius-bottomleft: 4px;
  border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 4px;
  border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
}
.messaging-posting-form .file-input {
  display: block;
  position: absolute;
  top: 8px;
  left: 10px;
  width: 19px;
  height: 22px;
  overflow: hidden;
  cursor: pointer;
}
.messaging-posting-form .file-input img {
  left: 0px;
  top: -1625px;
}
.messaging-posting-form .file-input:hover img {
  left: 0px;
  top: -1559px;
}
.messaging-posting-form .inactive:hover img, .box.active .messaging-posting-form .inactive:hover img {
  left: 0px;
  top: -1625px;
}
.messaging-posting-form .rich-text-div .file-input {
  top: 14px;
}
.messaging-posting-form .inactive:hover, .box.active .messaging-posting-form .inactive:hover {
  /* No hover effect when inactive. */

  /* background: url('//s.aimcdn.net/aimcom/static/2.38.0.6/desktop/images/paperclip.png') no-repeat; */

}
.messaging-posting-form .editor-container {
  position: absolute;
  top: 10px;
  right: 39px;
  bottom: 10px;
  left: 39px;
  min-height: 12px;
  max-height: 300px;
  box-shadow: 0 1px 0 #fff;
  border: 1px solid #c8c8c8;
}
.messaging-posting-form.support-emoji .editor-container {
  right: 69px;
}
.messaging-posting-form .toolbar-button {
  position: absolute;
  top: 5px;
  right: 39px;
}
.messaging-posting-form .posting-form-editor {
  width: 100%;
  height: 100%;
}
.messaging-posting-form .posting-form-editor.disabled {
  background: #EBEBE4;
  color: #545454;
}
.messaging-posting-form .inputs {
  padding-left: 39px;
}
.messaging-posting-form textarea {
  border: 1px solid #eee;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  height: 34px;
}
.messaging-posting-form .posting-form-toolbar {
  visibility: hidden;
  position: absolute;
  z-index: 1;
  border: 1px solid #999;
}
.messaging-posting-form .posting-form-toolbar-button {
  position: absolute;
  top: 11px;
  right: 6px;
  padding: 4px 6px;
  margin: 0;
}
.messaging-posting-form .posting-form-toolbar-button div {
  width: 15px;
  height: 18px;
}
.messaging-posting-form .posting-form-toolbar-button img {
  top: -557px;
  left: 0px;
}
.messaging-posting-form.support-emoji .posting-form-toolbar-button {
  right: 36px;
}
.messaging-posting-form .goog-toolbar {
  padding: 5px;
}
.messaging-posting-form .posting-form-toolbar-button:hover img {
  top: -539px;
  left: 0px;
}
.messaging-posting-form .posting-form-emoji-button {
  display: none;
  margin: 0;
}
.messaging-posting-form.support-emoji .posting-form-emoji-button {
  display: block;
  position: absolute;
  top: 11px;
  right: 6px;
  padding: 4px 5px;
}
.messaging-posting-form.support-emoji .posting-form-emoji-button div {
  width: 18px;
  height: 18px;
}
.messaging-posting-form.support-emoji .posting-form-emoji-button img {
  top: -521px;
  left: 0px;
}
.messaging-posting-form .posting-form-emoji-button:hover img {
  top: -503px;
  left: 0px;
}
.position-relative {
  position: relative;
}
.messaging-posting-form textarea {
  padding: 8px;
  margin: 0;
  display: block;
  width: 100%;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  resize: none;
  outline: 0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-box-shadow: 0 1px 0 #fff;
  -moz-box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 #fff;
  border: 1px solid #C8C8C8;
}
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/* Snapper */
.box .snapper-container {
  padding: 0px;
  margin: 0px;
  height: 275px;
  overflow: visible;
  position: absolute;
  bottom: 51px;
  width: 100%;
}
.box .snapper-container object {
  padding: 0px;
  margin: 0px auto;
  display: block;
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
  border: 1px solid #999;
  background-color: #fff;
}
.box .snapper {
  display: none;
}
.box.showing-snapper .snapper {
  display: block;
}
.box.showing-snapper .snapper .loading {
  display: none;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/ajax-small-transparent.gif');
  background-position: 10px center;
  background-repeat: no-repeat;
  padding: .75em .75em .75em 35px;
}
.box.showing-snapper .snapper .snapper-close {
  position: relative;
  margin: 0 auto;
  cursor: pointer;
  padding: 0;
  width: 294px;
}
.box.showing-snapper .snapper .snapper-close .goog-custom-button {
  position: absolute;
  top: -13px;
  right: -13px;
  padding: 8px 6px 3px 8px;
}
.box.showing-snapper .snapper .snapper-close .goog-custom-button-outer-box {
  padding: 0;
}
.box.showing-snapper .snapper .snapper-close .goog-custom-button-inner-box {
  width: 13px;
  height: 13px;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -351px;
  background-repeat: no-repeat;
}
.box.showing-snapper .snapper .snapper-close:hover .goog-custom-button-inner-box {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -303px;
  background-repeat: no-repeat;
}
.box.showing-snapper .snapper .loading .snap-uploader-close {
  float: right;
}
.box.showing-snapper .snapper .loading p {
  float: left;
  line-height: 29px;
}
.box.showing-snapper .snapper .loading p.error {
  display: none;
}
.box.showing-snapper .snapper .loading.error {
  padding-left: .75em;
  background-image: none;
}
.box.showing-snapper .snapper .loading.error p.error {
  display: block;
  color: #AA0000;
}
.box.showing-snapper .snapper .loading.error p.uploading {
  display: none;
}
.box.showing-snapper .snapper.loading .loading {
  display: block;
}
.box.showing-snapper .snapper.loading .snapper-container {
  display: none;
}
/* Uploader Styles */
.showing-uploader.active .messaging-uploader {
  display: block;
}
.messaging-uploader .cancel-button {
  /*background-image: url('//s.aimcdn.net/aimcom/static/2.38.0.6/messaging/images/photo-upload-cancel.png');
  background-position: -15px -25px;
  cursor: pointer;
  width: 20px;
  height: 20px;*/

  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -351px;
  background-repeat: no-repeat;
  background-color: transparent;
  width: 13px;
  height: 12px;
  float: left;
  margin: 7px 0 0 4px;
}
.messaging-uploader .cancel-button:hover {
  /*background-position: -15px -65px;*/

  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -303px;
  background-repeat: no-repeat;
  background-color: transparent;
  width: 13px;
  height: 12px;
}
.messaging-uploader .progress-container {
  float: left;
  width: 72%;
}
.messaging-uploader .uploading-file-text {
  color: #999;
  font-size: 10px;
  text-align: right;
  float: left;
  line-height: 25px;
  padding-right: 10px;
  width: 41%;
}
.messaging-uploader .progress-bar-horizontal {
  width: 54%;
  float: left;
  height: 10px;
  background: #9fa5ad;
  /*background: -moz-linear-gradient(top, #a4b3b5 0%, #c8d0d1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4b3b5), color-stop(100%,#c8d0d1));
  background: -webkit-linear-gradient(top, #a4b3b5 0%,#c8d0d1 100%);
  background: -o-linear-gradient(top, #a4b3b5 0%,#c8d0d1 100%);
  background: -ms-linear-gradient(top, #a4b3b5 0%,#c8d0d1 100%);
  background: linear-gradient(top, #a4b3b5 0%,#c8d0d1 100%);*/

  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  margin-top: 7px;
  border: 1px solid #d4d4d4;
  -webkit-box-shadow: 0 1px 0 #f2f2f2, inset 0 2px 2px #7d848e;
  -moz-box-shadow: 0 1px 0 #f2f2f2, inset 0 2px 2px #7d848e;
  box-shadow: 0 1px 0 #f2f2f2, inset 0 2px 2px #7d848e;
}
.messaging-uploader .progress-bar-horizontal .progress-bar-thumb {
  background: #00b5c1;
  background: -moz-linear-gradient(top, #00b5c1 0%, #018a9a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00b5c1), color-stop(100%, #018a9a));
  background: -webkit-linear-gradient(top, #00b5c1 0%, #018a9a 100%);
  background: -o-linear-gradient(top, #00b5c1 0%, #018a9a 100%);
  background: -ms-linear-gradient(top, #00b5c1 0%, #018a9a 100%);
  background: linear-gradient(top, #00b5c1 0%, #018a9a 100%);
  height: 10px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: inset 0 1px 0 #7ed9ff;
  -moz-box-shadow: inset 0 1px 0 #7ed9ff;
  box-shadow: inset 0 1px 0 #7ed9ff;
}
.messaging-uploader.error .uploader-container {
  display: none;
}
.messaging-uploader.error .messaging-uploader-error {
  display: block;
}
.messaging-uploader .messaging-uploader-error {
  display: none;
  color: #999;
  font-size: 10px;
  line-height: 25px;
  text-align: center;
  width: 100%;
  display: none;
}
.messaging-uploader form {
  float: left;
  width: 75%;
  line-height: 30px;
}
.block-user-dialog-back {
  z-index: 9;
}
.block-user-dialog {
  padding: 20px;
  border: 1px solid #555555;
  border-radius: 10px;
  z-index: 10;
}
.block-user-dialog .modal-dialog-title {
  font-weight: bold;
  margin-bottom: 4px;
}
.block-user-dialog .modal-dialog-buttons {
  margin-top: 10px;
}
.aim-dialog.report-abuse h4 {
  text-align: center;
  font-size: 14px;
  margin-bottom: 10px;
}
.aim-dialog.report-abuse label {
  font-weight: bold;
  margin-left: 5px;
}
.aim-dialog.report-abuse .reportDesc {
  margin: 0 0 10px 20px;
}
.aim-dialog.report-abuse textarea {
  width: 100%;
  height: 75px;
  margin: 5px 0;
  resize: none;
}
.aim-dialog.report-abuse .modal-dialog-buttons {
  text-align: center;
}
.newchat {
  background-color: #d6dcdd;
  height: 100%;
}
.client .newchat {
  position: absolute;
  top: 46px;
  right: 0;
  bottom: 0;
  left: 0;
  height: auto;
  z-index: 2;
}
.client-popup .new_chat .panel-header {
  display: none;
}
.newchat-userselector {
  padding: 5px 10px;
  background: #EDEDED;
  position: absolute;
  border-bottom: 1px solid #d4d4d4;
  right: 0;
  left: 0;
}
.notOnline .newchat-userselector {
  pointer-events: none;
}
.newchat-userselector-centeringdiv {
  width: 100%;
  vertical-align: middle;
}
.newchat-userselector-to {
  position: absolute;
  top: 23px;
  font-weight: bold;
  color: #999999;
}
.newchat-userselector-chooser {
  margin: 8px 8px 9px 32px;
}
.newchat .multi-chooser ul.fake-input {
  width: 100%;
}
.newchat-sendmessage-tip {
  visibility: hidden;
  position: absolute;
  bottom: 11px;
  left: 0px;
  padding: 12px;
  margin: 1em 2em 3em;
  color: #0A3047;
  background: #62b4e4;
  background: -moz-linear-gradient(top, #62b4e4 0%, #48aae2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62b4e4), color-stop(100%, #48aae2));
  background: -webkit-linear-gradient(top, #62b4e4 0%, #48aae2 100%);
  background: -o-linear-gradient(top, #62b4e4 0%, #48aae2 100%);
  background: -ms-linear-gradient(top, #62b4e4 0%, #48aae2 100%);
  background: linear-gradient(top, #62b4e4 0%, #48aae2 100%);
  -webkit-border-radius: 4px;
  box-shadow: inset 0 1px 0 #ade1ff;
  border: 1px solid #3587B8;
  text-shadow: 0 1px 0 #62B4E4;
  z-index: 10;
}
.replyLabelAtSign {
  font-size: 0px;
  color: transparent;
  opacity: 0.0;
  filter: alpha(opacity=0);
  /* For IE8 and earlier */

}
.replyLabel, .replyLabelPlusSign {
  background-color: #00b5e9;
  color: #ffffff;
  padding: 1px 3px 1px;
  /*font-size: 11px; use the current text size */

  font-weight: bold;
  /*text-transform: uppercase;*/

  text-shadow: none;
  white-space: nowrap;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.replyLabelPlusSign {
  background-color: #e6490c;
}
.newchat.show-postingform-hint .newchat-sendmessage-tip {
  visibility: visible;
}
.newchat-sendmessage-tip::before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 19px;
  border-width: 10px 10px 0;
  border-style: solid;
  border-color: #48aae2 transparent;
  display: block;
  width: 0;
  z-index: 1;
}
.newchat-sendmessage-tip::after {
  content: "";
  position: absolute;
  bottom: -11px;
  left: 19px;
  border-width: 10px 10px 0;
  border-style: solid;
  border-color: #3587B8 transparent;
}
/* User hovercards
 ------------------------------------------------------- */
.user-hovercard {
  position: absolute;
  z-index: 25;
  top: -120px;
  left: -120px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #f4f4f4;
  border: 1px solid #777777;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  width: 336px;
}
.user-hovercard:before {
  content: "";
  position: absolute;
  left: 11px;
  top: -11px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #777777;
}
.user-hovercard:after {
  content: "";
  position: absolute;
  left: 12px;
  top: -9px;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #f4f4f4;
}
.user-hovercard .picture img {
  width: 90px;
  height: 90px;
  position: absolute;
  top: 10px;
  left: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 1px 0 #f2f2f2;
}
.user-hovercard .fixed-info {
  width: 100%;
  overflow: auto;
  min-height: 110px;
}
.user-hovercard .profile {
  margin-left: 113px;
  padding: 10px 6px 6px 0;
}
.user-hovercard .friendly-name {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 4px;
}
.user-hovercard .edit-contact.link {
  display: block;
  font-size: 11px;
}
.user-hovercard .edit-contact {
  cursor: pointer;
}
.user-hovercard .edit-contact .edit-contact-icon {
  display: inline-block;
  margin-left: 6px;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/group_edit.png');
  width: 12px;
  height: 13px;
}
.user-hovercard .edit-contact:hover .edit-contact-icon {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/group_edit_hover.png');
}
.user-hovercard .presence {
  margin-left: 0px;
}
.user-hovercard .profile-link {
  padding: 6px 0;
}
.user-hovercard .bio {
  margin: 9px 0 7px 0;
  color: #999;
  font-size: 11px;
}
.user-hovercard .service {
  color: #999;
  text-transform: uppercase;
  font-size: 11px;
  margin: 6px 0 0;
}
.user-hovercard .updates .latest {
  font-size: 13px;
  line-height: 1.4em;
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #dfdfdf;
  padding: 5px;
}
.user-hovercard .updates {
  background-color: transparent;
  padding: 0 5px 5px 5px;
}
.user-hovercard .updates .commons-status .actions .delete-status,
.user-hovercard .updates .commons-status .actions .reply-status,
.user-hovercard .updates .avatar,
.user-hovercard .updates .who {
  display: none;
}
.also-remove-contact {
  text-align: center;
}
.also-remove-contact .remove-contact {
  margin-right: 8px;
  position: relative;
  top: 2px;
}
.box {
  float: left;
  margin: 0;
  position: relative;
  z-index: 1;
}
.box .header-button {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  font-size: 17px;
  cursor: pointer;
  padding: 9px 12px;
  background: none;
  height: 20px;
  height: 24px;
  color: #777;
  border: 0;
  font-weight: normal;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-repeat: no-repeat;
  background-position: center center;
}
.box .header-button:hover {
  background-color: #ddd;
}
.box .box-header {
  margin: 0;
  padding: 6px 0 0;
}
.box.active .box-header {
  margin: 0;
  padding: 0;
  min-height: 24px;
}
.box.loading .box-header .actions {
  visibility: hidden;
}
.box .box-header .title {
  width: 100%;
  overflow: auto;
  height: 45px;
}
.box .box-header .title div.icon {
  float: left;
  width: 36px;
  height: 36px;
  margin: 0 12px 0 12px;
  /* default_icon.png */

  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/default_icon.jpg');
  background-repeat: no-repeat;
}
.box.picnic .box-header .title div.icon {
  /* common/images/default-group.jpg */

  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritehi/HiSprite.png');
  background-position: 0px -1968px;
  background-repeat: no-repeat;
}
.box .box-header .title img {
  float: left;
  width: 36px;
  min-height: 12px;
  margin: 0 12px 0 24px;
}
.box.active .box-header .title img {
  float: left;
  width: 27px;
  height: 27px;
  min-height: 12px;
  margin: 8px 10px 0 10px;
}
.box .box-header .title .name-info {
  float: left;
  width: 152px;
  padding: 0;
  overflow: hidden;
}
.box .box-header .title .name-info .friendly {
  font-size: 13px;
}
.box.active .box-header .title .name-info .friendly {
  font-size: 12px;
  color: #333A42;
  margin: 15px 0 0 0;
  position: absolute;
  text-shadow: 0 1px 0 #ffffff;
  font-weight: bold;
}
.box .box-header .title .name-info .desc {
  font-size: 11px;
  margin: 24px 0 0;
  color: #666;
}
body.web .chat-panel .box.active .box-header .actions {
  height: 45px;
  display: none;
}
body.web .chat-panel .box.type-create .box-header .actions {
  display: block;
}
.box-tooltip {
  padding: 1px;
  background: #fff;
  color: infotext;
  border: 3px solid #ddd;
  padding: 12px;
  font-size: 12px;
  width: 180px;
  z-index: 3;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
}
.box .box-body-error {
  height: 324px;
  display: none;
}
.box.erroring .box-header .name-info, .box.erroring .box-header .header-button {
  display: none !important;
}
.box.erroring .box-header .close, .box.erroring .box-body-error {
  display: block !important;
}
.box.erroring .box-body-error {
  border-color: red!important;
}
.box.erroring .box-body-error p {
  text-align: center;
  width: 90%;
  margin-top: 1em;
  margin: 1em auto 0px auto;
}
.box.erroring .box-body {
  display: none;
}
.box .box-body-loading {
  height: 324px;
  display: none;
}
.box.loading .box-body-loading {
  display: block;
}
.box .box-body-loading .indicator {
  width: 100%;
  height: 100%;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/ajax-big-transparent.gif');
  background-position: center center;
  background-repeat: no-repeat;
}
.box .box-body-error, .box .box-body-loading, .box .box-body {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.65);
  width: 100%;
  overflow: auto;
}
.box.loading .box-body {
  display: none;
}
.box.active .box-body-error, .box.active .box-body-loading, .box.active .box-body {
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-radius-bottomleft: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-radius-bottomright: 6px;
}
.box.active .box-body {
  border-top-color: #4AF103;
  background-color: #f4f4f4;
}
.box .goog-menu {
  z-index: 15;
}
.box .box-count {
  border-color: #0067b1;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  position: absolute;
  top: 6px;
  right: 27px;
  z-index: 50;
  padding: 1px 4px;
  height: 12px;
  color: #fff;
  background-color: #529fef;
  background: -webkit-gradient(linear, left top, left bottom, from(#529fef), to(#0677c9));
  background: -moz-linear-gradient(top, #529fef, #0677c9);
  font-size: 10px;
  line-height: 10px;
}
/* untrustedHeader styles */
/* Don't show the untrusted header for the collapsed IMs */
.box.deactivated .box-untrusted {
  display: none;
}
.box-untrusted {
  position: absolute;
  top: 0;
  bottom: 48px;
  left: 0;
  right: 0;
  height: 100%;
}
.box-untrusted .content {
  height: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -74px 0 0 -112px;
  background-color: #fff8d7;
  z-index: 3;
  text-align: center;
  border: 1px solid #B3B8B9;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.box-untrusted-text {
  display: inline-block;
  font-size: 14px;
  margin: 15px;
}
.box-untrusted-button {
  vertical-align: middle;
  margin: 0 3px;
}
/* Loading Box Styles */
.loading-box {
  float: left;
  background-color: #fff;
  padding: .5em;
  border: 1px solid #c7c7c7;
  text-align: center;
  font-weight: bold;
}
.genie-box {
  width: 441px;
  height: 31px;
  z-index: 500000;
  position: absolute;
  background: transparent;
  opacity: .65;
}
#av-target {
  top: 0px;
  width: 430px;
  height: 250px;
  position: absolute;
}
html {
  height: 100%;
  min-height: 100%;
}
/* 
place holder for Flash upload control 
uploadSwf background-color must match the messag
*/
.uploadSwf {
  display: none;
  background-color: #E8E8E8;
}
.online .uploadSwf.displayed {
  display: inline-block;
  position: relative;
  top: -25px;
  left: -2px;
}
/* 
Use fixed positioning and negative top and left to make the "offScreen" item
unavailable.  Currently this is used for the data beacon img tag.  It needs
to be functional (not collapsed), but not visible
*/
.offScreen {
  position: fixed;
  left: -1000px;
  top: -1000px;
}
body.chats, body.chats .chats-splashscreen {
  background-color: #EEF2F5;
  font-family: "Helevetica Neue", Helvetica, Lucida Grande, sans-serif;
  background-attachment: fixed;
}
body.chats {
  min-width: 860px;
  overflow-x: auto;
  background: #0e95ad;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/glow2.png'), url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/pattern.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0e95ad), color-stop(81%, #1a6e7d), color-stop(100%, #0e95ad));
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/glow2.png'), url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/pattern.png'), -webkit-linear-gradient(top, #0e95ad 0%, #1a6e7d 81%, #0e95ad 100%);
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/glow2.png'), url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/pattern.png'), -moz-linear-gradient(top, #0e95ad 0%, #1a6e7d 81%, #0e95ad 100%);
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/glow2.png'), url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/pattern.png'), -o-linear-gradient(top, #0e95ad 0%, #1a6e7d 81%, #0e95ad 100%);
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/glow2.png'), url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/pattern.png'), -ms-linear-gradient(top, #0e95ad 0%, #1a6e7d 81%, #0e95ad 100%);
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/glow2.png'), url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/pattern.png'), linear-gradient(top, #0e95ad 0%, #1a6e7d 81%, #0e95ad 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=�#0e95ad�, endColorstr=�#0e95ad�,GradientType=0 );*/

  background-position: top center, top left, top;
  background-repeat: no-repeat, repeat, no-repeat;
}
#chats {
  /* overflow: hidden;
  background-image : url('//s.aimcdn.net/aimcom/static/2.38.0.6/home/img/glow.png');
  width: 100%;
  height: 100%;
  background-position: 50% 0;
  top: 0;
  background-repeat: no-repeat;*/

}
#chats-container.showbanner {
  margin-top: 80px;
}
#chats-container {
  position: relative;
  margin: 48px 0;
  width: 220px;
  visibility: hidden;
}
.chats-banner {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  color: white;
  width: 100%;
  display: table;
  font-size: 14px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f87c3e), color-stop(1, #d73e20));
  background: -moz-linear-gradient(top, #f87c3e, #d73e20);
  background: -ms-linear-gradient(top, #f87c3e, #d73e20);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f87c3e', endColorstr='#d73e20', GradientType=0);*/

  background-color: #E75D2F;
  height: 32px;
  text-align: center;
  z-index: 2;
}
.chats-banner.hide {
  display: none;
}
.chats-banner .message-container {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
/**
 * The -3px is to provide for an illusion that the spinner is
 *   centered along with the text when honestly I just eyeballed it.
 *   The reason why this is a fixed value is because we the text
 *   beside the spinner needs to be both centered and grow at the
 *   same time, while the spinner appears to the right of the text.
 *   Use this until we find a better solution.  For now, this is
 *   sufficient enough for cross-browser support.
 */
.chats-banner .message-container .spinner {
  margin: 0px 0px -3px 4px;
}
.hideSpinner {
  display: none;
}
body.chats .dev-menu {
  position: fixed;
  bottom: 0;
  right: 12px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 12px;
  z-index: 1000;
  display: none;
}
body.chats .box {
  width: 100%;
}
.chats .box.deactivated {
  display: none;
}
body.chats .box .header-button {
  width: 20px;
  opacity: .55;
  display: none;
}
body.chats .box .header-button.goog-toolbar-button-hover .goog-toolbar-button-outer-box, body.chats .box .header-button.goog-toolbar-button-hover .goog-toolbar-button-inner-box {
  border: 0 !important;
}
body.chats .box .close.header-button {
  /* common/images/boxes/minimize.png */

  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-repeat: no-repeat;
  background-position: 4px -287px;
  height: 16px;
  margin-top: 5px;
  display: block;
}
body.chats .box.placeholder .close.header-button {
  display: none;
}
body.chats .box.active .close.header-button {
  background-position: 0px -1424px;
  margin-top: 0;
}
body.chats .box-body {
  min-height: 42px;
  height: 42px;
  position: relative;
  overflow: visible;
}
.box.active {
  z-index: 3;
  position: fixed;
  top: 60px;
  left: 264px;
}
.box.active.showbanner {
  top: 92px;
}
body.chats .box.active {
  width: 440px;
}
body.chats .box.active .box-body {
  min-height: inherit;
  height: auto;
  -moz-border-radius-bottomleft: 4px;
  border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
}
body.chats .box.active .box-header {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ededed));
  background: -webkit-linear-gradient(top, #ffffff 0%, #ededed 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #ededed 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #ededed 100%);
  background: linear-gradient(top, #ffffff 0%, #ededed 100%);
  border-bottom: 1px solid #B3B8B9;
  height: 45px;
}
body.chats .box.active .header-button {
  display: block;
  top: 9px;
}
.box.active .messaging-message .name-message {
  width: 320px;
}
.box.active .messaging-message-container.me .name-message {
  width: 220px;
}
.box.active .messaging-conversation {
  -moz-border-radius-bottomleft: 4px;
  border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
}
.box.active .messaging-history {
  overflow: auto !important;
  background-color: #dee3e8;
  padding-bottom: 0px !important;
  padding-top: 12px;
}
.box.active .messaging-toolbar {
  display: block;
  position: absolute;
  bottom: -42px;
  width: 100%;
  overflow: hidden;
}
.box.im .box-header .title img {
  margin-left: 11px;
}
.box.im .box-header .title div.icon {
  margin-left: 11px;
}
.box.picnic .box-header .title img {
  margin-left: 6px;
}
.box.picnic .box-header .view-members {
  display: inline;
  padding-left: 5px;
  cursor: pointer;
  color: #0773a6;
}
body.chats .box-header .presence {
  position: absolute;
  top: 17px;
  left: 6px;
}
body.chats .box.showing-guests.active .picnic-members {
  display: block;
}
body.chats .box.showing-guests {
  margin-right: 180px;
}
.picnic-members {
  display: none;
  position: absolute;
  z-index: 20;
  top: 46px;
  left: 23px;
  width: 240px;
  box-shadow: 0 0 9px #999;
  -moz-box-shadow: 0 0 9px #999;
  -webkit-box-shadow: 0 0 9px #999;
}
.picnic-members.show-in-overlay {
  display: block;
  z-index: 40000;
  position: relative;
  top: 0px;
  height: 65%;
  left: 0;
  right: 0;
  bottom: 0px;
  width: auto;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.picnic-members .load-box {
  display: none;
  text-align: left;
  padding: .5em .5em;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 6px 6px 0;
  -moz-border-radius: 0 6px 6px 0;
}
.picnic-members.loading .load-box {
  display: block;
}
.picnic-members.loading .members-content {
  display: none;
}
.picnic-members .title, .picnic-members .invite {
  font-size: 80%;
  font-weight: bold;
  padding: 6px 3px 0 9px;
  height: 18px;
  color: #666;
}
.picnic-members .title .icon {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/group_chat/images/members-icon-small.png');
  background-repeat: no-repeat;
  background-position: 8px left;
  width: 15px;
  height: 15px;
  float: left;
  margin-right: 9px;
  margin-top: 1px;
}
.picnic-members .title {
  background-color: #cae6ed;
  display: none;
}
.picnic-members .members {
  height: 300px;
  overflow: auto;
  width: 100%;
  background-color: #f6f6f6;
}
.picnic-members.show-in-overlay .members {
  position: absolute;
  top: 0;
  bottom: 0;
  height: auto;
}
.picnic-members .member {
  height: 45px;
  color: #a0a0a0;
  border-bottom: 1px solid #d4d4d4;
  box-shadow: inset 0 1px 0 #fff;
  position: relative;
  /* need some space for scrollbar */

  width: 100%;
  float: right;
  cursor: pointer;
  background-color: #f6f6f6;
}
.picnic-members .member:focus, .picnic-members .member:hover {
  background-color: #E8F2FF;
}
.picnic-members .member:hover .presence {
  display: none;
}
.picnic-members.show-in-overlay .member:hover .presence, .picnic-members .member.owner:hover .presence, .picnic-members .member.self:hover .presence {
  display: block;
}
.picnic-members .member .presence {
  position: absolute;
  top: 6px;
  right: 14px;
  width: 10px;
  height: 10px;
}
/* web has img's in place for a11y support */
.web .picnic-members .member .presence {
  background: none;
}
.picnic-members .member .presence.online img {
  left: 0px;
  top: -221px;
}
.picnic-members .member .presence.away img {
  left: 0px;
  top: -231px;
}
.picnic-members .member .presence.offline img {
  left: 0px;
  top: -1509px;
}
.picnic-members .member .memberRemove .member-remove-img {
  /* ../desktop/images/close1.png */

  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -351px;
  background-repeat: no-repeat;
  width: 13px;
  height: 12px;
  display: none;
  top: 18px;
  right: 12px;
  position: absolute;
}
.picnic-members .member:hover .memberRemove .member-remove-img {
  display: block;
}
.picnic-members.show-in-overlay .member:hover .memberRemove .member-remove-img, .picnic-members .member.owner:hover .memberRemove .member-remove-img, .picnic-members .member.self:hover .memberRemove .member-remove-img {
  display: none;
}
.picnic-members .member:hover .memberRemove:hover .member-remove-img {
  /* ../desktop/images/close1-hover.png */

  background-position: 0px -303px;
}
.picnic-members .member img.user-icon {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 45px;
  width: 45px;
}
.picnic-members .member .name {
  position: absolute;
  top: 16px;
  left: 56px;
  font-size: 12px;
  /* need some space for scrollbar */

  width: 110PX;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  color: #000;
}
.picnic-members .invite {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/group_chat/images/add-member-icon-small.png');
  background-repeat: no-repeat;
  background-position: 3px center;
}
.picnic-members .invite .prompt {
  cursor: pointer;
}
.picnic-members .invite.form-hidden .add-actions {
  display: none;
}
.picnic-members .invite .add-actions {
  background-color: #fff;
  z-index: 20;
  display: block;
  min-width: 180px;
  min-height: 56px;
  padding: 6px;
  border: 1px solid #777;
  box-shadow: 2px 2px 2px #888;
  -webkit-box-shadow: 2px 2px 2px #888;
  -moz-box-shadow: 2px 2px 2px #888;
  float: right;
}
.picnic-members .add-actions .loading, .picnic-members .add-actions.loading .invitee {
  display: none;
  color: #777;
}
.picnic-members .invite .invitee, .picnic-members .invite .add-actions.loading .loading {
  display: block;
  width: 172px;
  height: 30px;
  font-size: 14px;
}
.picnic-members .invite .invitee.label-input-label {
  color: #777;
}
/* Inviter styles */
.picnic-members .inviter-container .goog-combobox-button {
  display: none;
}
.picnic-members .inviter-container .multi-chooser ul {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  width: 194px;
  border: none;
}
.picnic-members .inviter-container .multi-chooser input {
  font-size: 11px!important;
  margin: 0px;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/group_chat/images/add-member-icon-small.png');
}
.picnic-members .inviter-container .multi-chooser button {
  width: 204px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  margin: 0px;
  opacity: 1;
}
.picnic-members .inviter-container .multi-chooser .goog-menu {
  z-index: 100;
  width: 250px;
}
.type-picnic-create .box-header .title .desc, .type-picnic-create .box-header .title img {
  display: none;
}
.type-picnic-create .box-header .title .name-info {
  padding: 1px 0 0 11px;
}
.type-news .box-header .bookmark, .type-picnic-create .box-header .bookmark {
  display: none;
}
.type-news .box-header .popout-button, .type-picnic-create .box-header .popout-button {
  display: none;
}
.type-picnic-create {
  position: relative;
  overflow: hidden;
}
.type-picnic-create .loading {
  display: none;
  color: #777;
}
.type-picnic-create .box-body {
  background-color: rgba(255, 255, 255, 0.6) !important;
}
.type-picnic-create .form-body {
  overflow: auto;
  padding-top: 20px;
  padding-bottom: 10px;
  background-color: #FFF;
}
.type-picnic-create .form-graycontainer {
  background-color: #F2F2F2;
}
.type-picnic-create .form-graycontainer-leftshadow {
  float: left;
  background-repeat: no-repeat;
  top: 0px;
  width: 159px;
  height: 15px;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/messaging/images/shadow-left.png');
}
.type-picnic-create .form-graycontainer-rightshadow {
  float: right;
  background-repeat: no-repeat;
  width: 159px;
  height: 15px;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/messaging/images/shadow-right.png');
}
.type-picnic-create .picnic-description {
  height: 55px;
}
.type-picnic-create .label-input-label {
  color: #aaa;
}
.type-picnic-create .form-field {
  font-weight: bold;
  font-size: 12px;
  color: #888;
  padding-left: 12px;
}
.type-picnic-create .form-field.form-field-name {
  height: 58px;
}
.type-picnic-create .form-field.form-field-description {
  padding-top: 24px;
  height: 103px;
}
.type-picnic-create .form-field.form-field-avatar {
  padding-top: 28px;
  height: 100px;
  border-top: 1px solid #D5D5D5;
}
.type-picnic-create .form-field .form-field-descriptor {
  display: inline-block;
  width: 75px;
  height: 35px;
  color: #535353;
}
.type-picnic-create .form-field .form-field-descriptor.description {
  vertical-align: top;
  height: 60px;
}
.type-picnic-create .form-field .form-field-descriptor.avatar {
  vertical-align: top;
  height: 48px;
}
.type-picnic-create .form-field .form-field-descriptor.optional {
  color: #C4C4C4;
}
.type-picnic-create .form-field .picnic-description, .type-picnic-create .form-field .picnic-name {
  position: absolute;
  right: 10px;
  left: 85px;
  border: 1px solid #888;
  border-radius: 4px;
  font-family: "Lucida Grande", sans-serif;
  font-size: 12px;
  padding: 9px 6px 9px;
  -webkit-appearance: textfield;
  resize: none;
  -webkit-transition: height 0.2s ease-in;
  -moz-transition: height 0.2s ease-in;
  overflow: hidden !important;
  outline: 0;
}
.type-picnic-create .form-field .picnic-pic {
  background-color: #fff;
  display: block;
  height: 48px;
  width: 48px;
  float: left;
  margin-right: 10px;
  border: 1px solid;
}
.type-picnic-create .avatar-uploader {
  display: inline-block;
  overflow: hidden;
}
.type-picnic-create .avatar-form {
  position: relative;
}
.type-picnic-create .form-field .avatar-input-button {
  float: right;
}
.type-picnic-create .avatar-input {
  display: inline-block;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  opacity: 0;
}
.type-picnic-create .avatar-upload-button {
  height: 48px;
}
.type-picnic-create .avatar-browse {
  display: inline-block;
  position: relative;
}
.type-picnic-create .avatar-browse-types {
  font-size: 10px;
  color: #999;
  width: 250px;
}
.type-picnic-create .avatar-upload-text {
  height: 48px;
  color: #666;
}
.type-picnic-create .createpicnic-submit-button {
  float: right;
  font-size: 13px;
  margin: 12px 15px 3px 5px;
  padding: 7px 14px 6px;
  border: 2px solid #666;
}
.type-picnic-create .createpicnic-submit-button:focus {
  border: 2px solid #66F;
}
.type-picnic-create .form-body.loading .loading {
  display: block;
  width: 172px;
  height: 30px;
  font-size: 14px;
}
.type-picnic-create p.error {
  font-weight: bold;
  color: red;
  border: 2px solid red;
  padding: .25em .5em;
  background-color: #fff;
  text-align: center;
}
/* Inviter Styles */
body.chats .box.showing-inviter.active .chats-invite-box {
  display: block;
}
body.chats .box .chats-invite-box {
  display: none;
  border-top: 1px solid #E5E5E5;
  padding: .5em;
}
body.chats .box .chats-invite-box input.label-input-label {
  border: 1px solid #E5E5E5;
  margin: 0;
}
body.chats .box .chats-invite-box span.goog-combobox-button {
  display: none;
}
.picuploader-dialog .modal-dialog-buttons {
  display: none;
}
.single-chat .box.active {
  top: 24px;
  left: 24px;
}
.single-chat .box.active.showbanner {
  top: 56px;
}
body.chats.single-chat .box .box-header .header-button {
  display: none;
}
.commons-box .box-header .icon, .commons-box .box-header .bookmark, .commons-box .box-header .popout-button {
  display: none;
}
.commons-box .commons-status .content .status {
  padding-right: 18px;
}
body.chats .commons-box.active .box-header .name-info {
  padding-left: 10px;
}
body.chats .commons-box.active .box-header .header-button {
  display: none;
}
body.chats .commons-box.active .box-header .header-button.close {
  display: block;
  /* common/images/boxes/close.png */

  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-repeat: no-repeat;
  background-position: 0px -287px;
  height: 8px;
  margin-top: 5px;
}
.commons-box .commons {
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.commons-box .edit-finished {
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
body.chats .commons .gear {
  float: left;
  margin-right: 5px;
  width: 25px;
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/hey/images/settings.png') no-repeat center center;
  cursor: pointer;
  height: 25px;
}
body.chats .commons .editor button.edit, body.chats .commons .editor button.disable, body.chats .commons .editor button.edit-finished {
  float: right;
}
.av-badge {
  position: absolute;
  top: -300px;
}
.av-button .av-badge {
  display: block;
  position: static;
}
body.chats .aimlist-panel .aimlist-searchbar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
body.chats .inviteuser-root {
  padding: 10px 0;
}
body.chats .inviteuser-username, body.chats .inviteuser-resulttext {
  padding-left: 10px;
}
#audio-tag-sound-player {
  display: none;
}
.aol-sound-message {
  display: inline-block;
  background: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #ABABAB;
  color: #566775;
  vertical-align: middle;
  margin-top: 1ex;
  position: relative;
}
.aol-sound-message:link {
  color: #566775;
}
.aol-sound-message:hover {
  color: #566775;
}
.aol-sound-message .playing-state {
  display: block;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/voicemsg/play.png');
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 40px;
  padding: 0px;
}
.aol-sound-message.ready .playing-state {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/voicemsg/play.png');
}
.aol-sound-message.loading .playing-state {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/voicemsg/loader.gif');
}
.aol-sound-message.playing .playing-state {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/voicemsg/pause.png');
}
.aol-sound-message.paused .playing-state {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/voicemsg/play.png');
}
.aol-sound-message em {
  font-weight: bold;
}
.aol-sound-message .description {
  border-left: 1px solid #ABABAB;
  display: block;
  padding: 1em;
  margin-left: 40px;
}
/* Note:  The code that generates the empji must set:
              style="background-image:url('[url]');"
          the aim-emoji class is incomplete; the character conversion must
          set the actual image.  (Otherwise we would have to keep the CSS
          syncronized with the emoji images.)
*/
.aim-emoji {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: none;
  overflow: hidden;
  text-indent: 21px;
  line-height: 21px;
  /* the text was wrapping and its top pixels showed */

}
.showEmoticons .aim-emoticon {
  display: inline-block;
  width: 19px;
  height: 19px;
  background-repeat: none;
  background-color: inherit;
  overflow: hidden;
  text-indent: 21px;
  line-height: 21px;
  /* the text was wrapping and its top pixels showed */

}
/*
Smiley EMOJI mapping.
.showEmoticons .emoticonId1 {
  background-image: url('//s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/D83D-DE0B.png');
}
.showEmoticons .emoticonId2 {
  background-image: url('//s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/D83D-DE09.png');
}
.showEmoticons .emoticonId3 {
  background-image: url('//s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/D83D-DE1E.png');
}
.showEmoticons .emoticonId4 {
  background-image: url('//s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/D83D-DE1C.png');
}
.showEmoticons .emoticonId5 {
  background-image: url('//s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/D83D-DE31.png');
}
.showEmoticons .emoticonId6 {
  background-image: url('//s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/D83D-DE1A.png');
}
.showEmoticons .emoticonId7 {
  background-image: url('//s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/D83D-DE28.png');
}
.showEmoticons .emoticonId8 {
  background-image: url('//s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/D83D-DE03.png');
}
.showEmoticons .emoticonId9 {
}
.showEmoticons .emoticonId10 {
}
.showEmoticons .emoticonId11 {
  background-image: url('//s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/D83D-DE33.png');
}
.showEmoticons .emoticonId12 {
  background-image: url('//s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/D83D-DC7C.png');
}
.showEmoticons .emoticonId13 {
  background-image: url('//s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/D83D-DE16.png');
}
.showEmoticons .emoticonId14 {
  background-image: url('//s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/D83D-DE22.png');
}
.showEmoticons .emoticonId15 {
}
.showEmoticons .emoticonId16 {
}
*/
.showEmoticons .emoticonId1 {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/aim/shiny_01.gif');
}
.showEmoticons .emoticonId2 {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/aim/shiny_02.gif');
}
.showEmoticons .emoticonId3 {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/aim/shiny_03.gif');
}
.showEmoticons .emoticonId4 {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/aim/shiny_04.gif');
}
.showEmoticons .emoticonId5 {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/aim/shiny_05.gif');
}
.showEmoticons .emoticonId6 {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/aim/shiny_06.gif');
}
.showEmoticons .emoticonId7 {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/aim/shiny_07.gif');
}
.showEmoticons .emoticonId8 {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/aim/shiny_08.gif');
}
.showEmoticons .emoticonId9 {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/aim/shiny_09.gif');
}
.showEmoticons .emoticonId10 {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/aim/shiny_10.gif');
}
.showEmoticons .emoticonId11 {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/aim/shiny_11.gif');
}
.showEmoticons .emoticonId12 {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/aim/shiny_12.gif');
}
.showEmoticons .emoticonId13 {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/aim/shiny_13.gif');
}
.showEmoticons .emoticonId14 {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/aim/shiny_14.gif');
}
.showEmoticons .emoticonId15 {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/aim/shiny_15.gif');
}
.showEmoticons .emoticonId16 {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/aim/shiny_16.gif');
}
.showEmoticons .emoticonId17 {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/2764.png');
}
.showEmoticons .emoticonId18 {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/D83D-DC35.png');
}
.showEmoticons .emoticonId19 {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/D83D-DF39.png');
}
.showEmoticons .emoticonId20 {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/D83C-DF85.png');
}
.showEmoticons .emoticonId21 {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/D83D-DC68.png');
}
.showEmoticons .emoticonId22 {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/27A1.png');
}
.showEmoticons .emoticonId23 {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/2B05.png');
}
.showEmoticons .emoticonId24 {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/2B06.png');
}
.showEmoticons .emoticonId25 {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/D83D-DCA4.png');
}
.showEmoticons .emoticonId26 {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/D83D-DEBD.png');
}
.showEmoticons .emoticonId27 {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/D83C-DFB1.png');
}
.showEmoticons .emoticonId28 {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/2754.png');
}
.showEmoticons .emoticonId29 {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/emoji/D83D-DC7F.png');
}
html {
  height: 100%;
  min-height: 100%;
}
body.chats {
  background-color: #b6b6b6;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#b6b6b6));
  background: -moz-linear-gradient(top, #f8f8f8, #b6b6b6);
  padding: 12px 48px;
  font-family: "Helevetica Neue", Helvetica, Lucida Grande, sans-serif;
}
body.chats .header {
  font-size: 16pt;
}
body.chats .header .product-title {
  font-weight: bold;
  margin-right: 6px;
  color: #222;
}
body.chats .header .welcome-msg {
  color: #424242;
}
body.chats .header .debug-aimId {
  color: #CCC;
  font-size: 10px;
  margin-left: 10px;
}
body.chats #action-bar {
  margin-top: 10px;
  font-size: 10pt;
  height: 24px;
  position: relative;
}
body.chats #action-bar .button {
  color: #b1b1b1;
  background-color: #e1e1e1;
  padding: 1px 3px;
  float: left;
  height: 16px;
  cursor: pointer;
  margin-right: 6px;
}
body.chats #action-bar .chat-button {
  margin-right: 48px;
}
body.chats #action-bar .button:hover {
  background-color: #d1d1d1;
}
body.chats #action-bar .picnics-list {
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 720px;
}
body.chats #action-bar .picnics-list .picnics-label {
  float: left;
  color: #a1a1a1;
  margin-right: 6px;
}
#heyWidget {
  position: fixed;
  bottom: 0px;
  right: 30px;
}
#chats-container {
  position: relative;
  width: 100%;
  overflow: auto;
  margin: 24px 0 0 -12px;
}
.message-timestamp {
  margin-bottom: 6px;
  font-size: 80%;
  color: #888;
  text-align: center;
}
.box-body .create-container {
  width: 100%;
  z-index: 20;
  float: left;
}
.box-body .create-container.form-hidden .create-actions {
  display: none;
}
.box-body .create-container .create-actions {
  z-index: 20;
  display: block;
  min-width: 180px;
  min-height: 156px;
  border: 1px solid #777;
  box-shadow: 2px 2px 2px #888;
  -webkit-box-shadow: 2px 2px 2px #888;
  -moz-box-shadow: 2px 2px 2px #888;
  float: right;
  position: absolute;
  top: 22px;
}
.box-body .create-container .create-actions.loading .loading {
  display: block;
  width: 172px;
  height: 30px;
  font-size: 14px;
}
body.chats .dev-menu {
  position: fixed;
  bottom: 0;
  left: 12px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 12px;
}
html {
  height: 100%;
}
body {
  position: relative;
  top: 0px;
  height: 100%;
  background: #0e95ad;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/glow2.png'), url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/pattern.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0e95ad), color-stop(81%, #1a6e7d), color-stop(100%, #0e95ad));
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/glow2.png'), url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/pattern.png'), -webkit-linear-gradient(top, #0e95ad 0%, #1a6e7d 81%, #0e95ad 100%);
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/glow2.png'), url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/pattern.png'), -moz-linear-gradient(top, #0e95ad 0%, #1a6e7d 81%, #0e95ad 100%);
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/glow2.png'), url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/pattern.png'), -o-linear-gradient(top, #0e95ad 0%, #1a6e7d 81%, #0e95ad 100%);
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/glow2.png'), url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/pattern.png'), -ms-linear-gradient(top, #0e95ad 0%, #1a6e7d 81%, #0e95ad 100%);
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/glow2.png'), url('https://s.aimcdn.net/aimcom/static/2.38.0.6/home/img/pattern.png'), linear-gradient(top, #0e95ad 0%, #1a6e7d 81%, #0e95ad 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=�#0e95ad�, endColorstr=�#0e95ad�,GradientType=0 );*/

  background-position: top center, top left, top;
  background-repeat: no-repeat, repeat, no-repeat;
}
.browser .settingsComponent {
  min-height: 700px;
  min-width: 720px;
}
.settingsComponent {
  position: absolute;
  top: 10px;
  left: 10px;
  background: white;
  width: 550px;
  box-shadow: rgba(0, 0, 0, 0.2) 10px 10px 18px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  margin: 0 auto;
}
.settings-gear {
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-repeat: no-repeat;
  background-position: 0px -1974px;
  position: absolute;
  height: 22px;
  width: 53px;
  top: 9px;
  left: 13px;
}
#headerBanner {
  position: relative;
  color: #737373;
  font-size: 15px;
  font-weight: bold;
  height: 40px;
  background-color: #EEF2F5;
  border-bottom: 1px solid #CBCBCB;
  border-top-left-radius: 4px 4px;
  border-top-right-radius: 4px 4px;
}
#headerBannerText {
  position: absolute;
  top: 10px;
  left: 46px;
  text-shadow: 0 1px 0 #fff;
}
#closer {
  position: absolute;
  top: 15px;
  right: 10px;
  width: 13px;
  height: 12px;
  cursor: pointer;
}
.high-contrast #closer {
  height: auto;
}
#closer img {
  top: -351px;
  left: 0px;
}
.high-contrast #closer img {
  display: none;
}
#closer .settings-closer-hc {
  display: none;
}
.high-contrast #closer .settings-closer-hc {
  display: inline-block;
}
.settings {
  color: #3a3a3a;
  font-size: 12px;
  position: relative;
  text-align: center;
  height: 80%;
}
.settings .eg {
  font-size: 10px;
}
.settings #bodycontent {
  margin-left: 15px;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 720px;
  margin: auto;
  text-align: left;
  height: 100%;
  background: #fff;
  border-top-left-radius: 4px 4px;
  border-top-right-radius: 4px 4px;
}
.settings #mainBG {
  position: relative;
  height: 100%;
  background-color: #F6F6F6;
  border-top-left-radius: 4px 4px;
  border-top-right-radius: 4px 4px;
}
.settings #settingsSectionChoices {
  position: absolute;
  width: 130px;
  top: 41px;
  bottom: 0;
  text-align: center;
  background: #EEF2F5;
  border-right: 1px solid #cbcbcb;
}
.settings #settingsSectionChoices #header {
  position: relative;
}
.settings #settingsSectionChoices #header {
  position: relative;
  height: 25px;
  padding: 10px;
  border-bottom: 1px solid #E4E4E4;
  box-shadow: 0 1px 0 #ffffff;
}
.settings #settingsSectionChoices #header img {
  float: left;
}
.settings #settingsSectionChoices #headerText {
  position: relative;
  top: 6px;
  font-weight: bold;
  color: #737373;
  font-size: 14px;
  text-shadow: 0 1px 0 #ffffff;
}
.settings .settingsSectionChoicesList .goog-flat-button {
  border-top: 1px solid #FAFDFF;
  border-bottom: 1px solid #E2E9EE;
  height: 30px;
  position: relative;
  padding: 0;
  margin: 0;
  cursor: pointer;
  background-color: none;
  width: 100%;
  display: block;
  padding: 0 5px;
}
.settings .settingsSectionChoicesList div:first-child {
  border-top: none;
  box-shadow: none;
}
.settings .settingsSectionChoicesList div:last-child {
  border-bottom: none;
}
.settings .settingsSectionChoicesList div div {
  position: absolute;
  color: #737373;
  text-shadow: 0 1px 0 #ffffff;
  padding: 8px 4px;
}
.settings .settingsSectionChoicesList div:hover div {
  color: #1885ff;
}
.settings .settingsSectionChoicesList div.inactive div {
  color: #acacac;
}
.settings .settingsSectionChoicesList div.active div {
  color: #4392d4;
}
/*
.settings .settingsSectionChoicesList .general{
  background-position:-5px -4px;
}
.settings .settingsSectionChoicesList .general-inactive{
  background-position:-5px 0;
}
.settings .settingsSectionChoicesList .general.active,
.settings .settingsSectionChoicesList .general.active:hover{
  background-position:-5px -444px;
  box-shadow: 0 0 3px #91c5ff;
}

*/
.settings .settingsSectionChoicesList .general:hover {
  background-position: -5px -444px;
  box-shadow: 0 0 5px #d3d3d3;
}
/*
.settings .settingsSectionChoicesList .accounts{
  background-position:-5px -94px;
}
.settings .settingsSectionChoicesList .accounts-inactive{
  background-position:-5px -90px;
}
.settings .settingsSectionChoicesList .accounts.active,
.settings .settingsSectionChoicesList .accounts.active:hover{
  background-position:-5px -534px;
  box-shadow: 0 0 3px #91c5ff;
}

*/
.settings .settingsSectionChoicesList .accounts:hover {
  background-position: -5px -534px;
  box-shadow: 0 0 5px #d3d3d3;
}
/*
.settings .settingsSectionChoicesList .hey{
  background-position:-5px -184px;
}
.settings .settingsSectionChoicesList .hey-inactive{
  background-position:-5px -180px;
}
.settings .settingsSectionChoicesList .hey.active,
.settings .settingsSectionChoicesList .hey.active:hover{
  background-position:-5px -624px;
}

*/
.settings .settingsSectionChoicesList .hey:hover {
  background-position: -5px -624px;
  box-shadow: 0 0 5px #d3d3d3;
}
/*
.settings .settingsSectionChoicesList .messaging{
  background-position:-5px -274px;
}
.settings .settingsSectionChoicesList .messaging-inactive{
  background-position:-5px -270px;
}
.settings .settingsSectionChoicesList .messaging.active,
.settings .settingsSectionChoicesList .messaging.active:hover{
  background-position:-5px -714px;
  box-shadow: 0 0 3px #91c5ff;
}

*/
.settings .settingsSectionChoicesList .messaging:hover {
  background-position: -5px -714px;
  box-shadow: 0 0 5px #d3d3d3;
}
/*

.settings .settingsSectionChoicesList .advanced{
  background-position:-5px -364px;
}

.settings #aim .service-header .inner {
  background-image: url('//s.aimcdn.net/aimcom/static/2.38.0.6/settings/images/servicelogos/service-aim.png');

}
.settings .settingsSectionChoicesList .advanced-inactive{
  background-position:-5px -360px;
}
.settings .settingsSectionChoicesList .advanced.active,
.settings .settingsSectionChoicesList .advanced.active:hover{
  background-position:-5px -804px;
  box-shadow: 0 0 3px #91c5ff;
}

*/
.settings .settingsSectionChoicesList .advanced:hover {
  background-position: -5px -804px;
  box-shadow: 0 0 5px #d3d3d3;
}
/*
.settings .settingsSectionChoicesList .mobile{
  background-position:-5px -4px;
}
.settings .settingsSectionChoicesList .mobile-inactive{
  background-position:-5px 0;
}
.settings .settingsSectionChoicesList .mobile.active,
.settings .settingsSectionChoicesList .mobile.active:hover{
  background-position:-5px -444px;
  box-shadow: 0 0 3px #91c5ff;
}
*/
.settings .settingsSectionChoicesList .mobile:hover {
  background-position: -5px -444px;
  box-shadow: 0 0 5px #d3d3d3;
}
.settings .rightPanel {
  position: absolute;
  top: 41px;
  bottom: 0;
  width: 559px;
  background-color: #FFFFFF;
  left: 130px;
  border-left: 1px solid #cbcbcb;
  padding: 12px 15px;
  /* top and bottom, right and left are now the same. */

  overflow-x: hidden;
  overflow-y: auto;
}
.settings .panel-header {
  color: #666666;
  font-size: 13px;
  position: relative;
  left: 15px;
  margin-right: 33px;
  line-height: 18px;
  background: transparent;
  border: none;
  height: 100%;
  padding: 9px 14px 2px 14px;
}
.settings .menu-list {
  margin: 15px;
  border: 1px solid #CACACA;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.settings .menu-list .menuListTop .service-header:hover {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
}
.settings .menu-list .menuListBottom .service-header:hover {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
}
.settings .service-header {
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}
.noBorder .service-header {
  border: none !important;
}
.high-contrast .service-header:focus {
  border: 1px solid #000 !important;
}
.settings .section {
  border-bottom: 1px solid #ccc;
}
.settings button, .settings .button {
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 12px;
}
.clear {
  clear: both;
}
.linkHand {
  cursor: pointer;
}
.settings h1, .settings h2 {
  font-size: 28px;
  font-weight: bold;
}
.settings h2 {
  font-size: 18px;
}
.settings #settingsHeader .fright .allonT, .settings #settingsHeader .fright .allonIcon {
  float: right;
  position: absolute;
  top: 10px;
  right: 25px;
  font-weight: bold;
}
.settings #settingsHeader .fright .allonIcon {
  right: 0px;
}
.settings .service-header .fright {
  float: right;
  position: relative;
  top: 5px;
  width: 250px;
}
.settings .services .notifications, .settings .account-settings, .settings .preferences {
  background-color: #F8F8F8;
}
.settings .services .notifications .inner .notify, .settings .accounts-list .account-settings .inner .notify {
  padding: 6px 6px 6px 14px;
  color: #000;
  background: #f0f0f0;
  border-bottom: 1px solid #dbdbdb;
}
.settings .inner .notify #saved {
  position: relative;
  float: right;
  right: 18px;
  color: green;
  top: -12px;
}
.settings .inner .notify #saved img {
  margin-right: 3px;
  position: relative;
  top: 7px;
}
.settings .service-header:hover, .settings .services .inner li:hover, .section .inner li:hover {
  background: #FFFFCB;
  cursor: pointer;
}
.settings .preference.buddyonly-groupchat input {
  margin: 0 5px 0 15px;
}
.pref-section .inner input.checkbox {
  margin: 0 5px 0 15px;
}
.pref-section .inner input.checkbox.localLogging {
  margin: 8px 5px 0 35px;
}
.section.logging-n .inner {
  margin-top: 15px;
  margin-bottom: 15px;
}
.settings .services .inner input.checkbox, .settings .accounts-list .inner input.checkbox, .settings .preferences .inner input.checkbox {
  margin-right: 15px;
  margin-left: 15px;
}
.settings .service-header .inner .displayName, .settings .service-header .inner .service h3 {
  position: relative;
  left: 35px;
  top: 7px;
  float: left;
  font-weight: regular;
  color: #666666;
  width: 100%;
}
.settings .service-header.reAuthNeeded {
  background-color: #ffe4e4;
  border: 1px solid #ab3232;
}
.settings .reAuthNeeded .inner .displayName, .settings .service-header.reAuthNeeded .inner .edit, .settings .reAuthNeeded .inner .service h3 {
  color: #ab3232;
  text-shadow: none;
}
.settings .service-header .inner .add {
  position: absolute;
  right: 5px;
  height: 12px;
  width: 12px;
  overflow: hidden;
}
.settings .service-header .inner .add img {
  top: -15px;
}
.settings .service-header .inner .add span {
  display: none;
}
.settings .service-header .inner .edit {
  position: absolute;
  right: 0;
  color: #24a3ff;
  font-weight: bold;
}
.settings .notifications .inner {
  margin-bottom: 45px;
}
.settings .menu-list .button.delete {
  float: right;
  margin: -45px 15px 0 0;
}
.settings ul, .settings li {
  list-style: none;
}
.settings ul li {
  clear: both;
  padding: 10px 10px 10px 4px;
}
.settings .service-block .notifications .inner .notificationsListHeader {
  margin-bottom: 15px;
  font-weight: bold;
}
.settings .service-header .inner {
  margin-left: 15px;
  padding-right: 15px;
  position: relative;
}
.settings .service-header .inner {
  position: relative;
  height: 27px;
}
.settings .service-header .inner img {
  border: none;
  position: absolute;
  left: 0;
  top: 0;
  max-width: 27px;
  max-height: 27px;
}
/*
.settings #aim .service-header .inner img {
  background-image: url('//s.aimcdn.net/aimcom/static/2.38.0.6/settings/images/servicelogos/service-aim.png');
}

.settings #aolmail .service-header .inner  img {
  background-image: url('//s.aimcdn.net/aimcom/static/2.38.0.6/settings/images/servicelogos/service-aol.png');
}

.settings #gmail .service-header .inner img {
  background-image: url('//s.aimcdn.net/aimcom/static/2.38.0.6/settings/images/servicelogos/service-gmail.png');
}

.settings #facebook .service-header .inner img,
.settings #facebook-social .service-header .inner img {
  background-image: url('//s.aimcdn.net/aimcom/static/2.38.0.6/settings/images/servicelogos/service-facebook.png');
}
.settings #google .service-header .inner img {
  background-image: url('//s.aimcdn.net/aimcom/static/2.38.0.6/settings/images/servicelogos/service-gtalk.png');
}


.settings #twitter .service-header .inner img {
  background-image: url('//s.aimcdn.net/aimcom/static/2.38.0.6/settings/images/servicelogos/service-twitter.png');
}

.settings #instagram .service-header .inner img {
  background-image: url('//s.aimcdn.net/aimcom/static/2.38.0.6/settings/images/servicelogos/service-instagram.png');
}

.settings #youtube .service-header .inner img {
  background-image: url('//s.aimcdn.net/aimcom/static/2.38.0.6/settings/images/servicelogos/service-youtube.png');
}
*/
#settings-debug {
  background-color: #ccc;
}
.settings .menu-list  .reAuth {
  border: 1px solid red;
  position: relative;
  padding: 5px;
  background-color: white;
  margin: 10px;
  padding: 6px;
  text-align: center;
  line-height: 19px;
  color: #AB3232;
  background: #FFE4E4;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #F6CFCF;
  text-shadow: 0 1px 0 #FFF4F4;
}
.settings .account-settings .reAuth {
  cursor: pointer;
}
.settings .service-header .inner .reAuth .add {
  top: 5px;
  right: 10px;
}
.settings .service-header .inner .reAuth .reauthMsg {
  padding: 8px;
}
.settings .closeButton {
  position: absolute;
  right: 30px;
}
.settings .closeButton a {
  color: #dbdbdb;
}
.button.remove {
  padding: 0.4em 1em .6em;
}
.button.remove img {
  position: relative;
  top: 2px;
  margin-right: 5px;
}
.settings-dialog {
  background: #fff;
  outline: 0;
  z-index: 100;
  min-width: 250px;
  max-width: 320px;
}
.mobile .settings-dialog {
  margin: 0 3px 0 1px!important;
}
.settings-dialog-bg {
  z-index: 99;
}
.settings-dialog .modal-dialog-title {
  cursor: default;
  /* Add padding on the right to ensure the close button has room. */

  padding: 9px 46px 9px 10px;
}
.settings-dialog .modal-dialog-title.draggable {
  cursor: pointer;
}
.settings-dialog .modal-dialog-title-close {
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/loadable/art/modal-close.png') top left no-repeat;
  height: 16px;
  position: absolute;
  right: 10px;
  top: 12px;
  width: 16px;
}
.settings-dialog .modal-dialog-title-close:hover {
  background-position: bottom left;
  cursor: pointer;
}
.settings-dialog .modal-dialog-content {
  margin: 4px 0 0 0;
  text-align: center;
}
#deleteServiceConfirmation .modal-dialog-buttons {
  xmargin-top: 0;
  text-align: center;
}
#deleteServiceConfirmation .modal-dialog-buttons button {
  *padding-left: 0;
  /* For IE7 */

  *padding-right: 0;
}
.settings-dialog .modal-dialog-content p strong {
  font-weight: bold;
}
.settings-dialog .modal-dialog-buttons button {
  margin: 0 0.5em;
  outline: 0;
  font-family: Helvetica, Arial, sans-serif;
}
body.mobile .settings-dialog .modal-dialog-buttons button {
  margin: 3px 0.5em;
}
.settings-dialog .modal-dialog-buttons button::-moz-focus-inner {
  border: 0;
}
.settings-dialog .modal-dialog-content button {
  border: none;
}
.settings-dialog .modal-dialog-content div {
  margin-top: 15px;
}
.settings-dialog .modal-dialog-content div img {
  position: relative;
  top: 8px;
  margin-right: 10px;
}
.buttCancel {
  background-color: #d9d9d9;
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d9d9d9, endColorstr=#cbc9c9); /* for IE */

  background: -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#cbc9c9));
  /* for webkit browsers */

  background: -moz-linear-gradient(top, #d9d9d9, #cbc9c9);
  /* for firefox 3.6+ */

  color: #464545;
  -webkit-box-shadow: none;
}
.buttCancel:hover {
  background-color: #cbc9c9;
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cbc9c9, endColorstr=#cbc9c9); /* for IE */

  background: -webkit-gradient(linear, left top, left bottom, from(#cbc9c9), to(#cbc9c9));
  /* for webkit browsers */

  background: -moz-linear-gradient(top, #cbc9c9, #cbc9c9);
  /* for firefox 3.6+ */

  -webkit-box-shadow: none;
}
/* advanced:blocks */
.pd-list-container {
  border-top: 1px solid #CCC;
}
.pd-list-container .inner {
  padding: 10px;
}
.pd-list-header {
  font-weight: bold;
}
.pd-list {
  position: relative;
  max-height: 200px;
  overflow: auto;
  overflow-x: hidden;
  border: 1px solid #CCC;
  margin: 5px 0;
  min-height: 100px;
}
.pd-list li {
  position: relative;
}
.pd-list .button, .pd-list button {
  position: absolute;
  right: 10px;
  top: 1px;
}
.pd-list-additem-prompt {
  margin-right: 10px;
}
.pd-list-additem-input {
  margin-right: 10px;
}
#mobile-settings .mobile-device {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/settings/images/mobile-device.png');
  background-repeat: no-repeat;
}
#mobile-settings .mobile-device-unregistered {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/settings/images/mobile-device-unregistered.png');
  background-repeat: no-repeat;
}
#mobile-settings .device-status {
  font-weight: normal;
}
#mobile-settings .section-title {
  margin-bottom: 10px;
  font-weight: bold;
}
#mobile-settings .marginbottom {
  margin-bottom: 10px;
}
#mobile-settings li {
  list-style: none;
}
#mobile-settings .right {
  float: right;
}
#mobile-settings .device-number, .modal-dialog input[type='text'] {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #cccccc;
  padding-right: 15px;
  padding: 5px;
  color: #0E3844;
  box-shadow: 0 1px 0 #fff;
  font-size: 13px;
}
#mobile-settings .mobile-zippy-content,
.privacy-zippy-content,
.device-zippy-content,
.multiwindow-zippy-content {
  padding: 15px;
  color: #737373;
}
.multiwindow-mode-input {
  margin: 6px 15px 6px 10px;
}
#mobile-settings .carrier-column {
  float: left;
  width: 130px;
  color: #9f9f9f;
  margin: 0px;
  padding: 0px;
}
#mobile-settings .the-details {
  margin-left: 15px;
  color: #9f9f9f;
}
#mobile-settings .clear {
  margin-top: 10px;
  clear: both;
}
#mobile-settings #get-the-app {
  position: absolute;
  bottom: 0px;
  background-color: #ffffff;
  width: 270px;
  height: 60px;
  cursor: pointer;
}
#mobile-settings #get-the-app div {
  font-size: 14px;
  font-weight: bold;
  color: #737373;
  float: right;
  margin-top: 14px;
  display: inline-block;
}
/*
  Mobile styles
*/
.settingsMobile {
  margin: 0;
  height: 100%;
}
.settingsMobile #bodycontent {
  margin: 0;
  width: inherit;
}
.settingsMobile .rightPanel {
  position: absolute;
  left: 0;
  top: 10px;
  width: 100%;
  padding: 0;
  bottom: inherit !important;
}
.settingsMobile .notifications, .settingsMobile .account-settings {
  text-align: center;
}
.settingsMobile .notifications .inner, .settingsMobile .account-settings .inner {
  text-align: left;
}
.settingsMobile .menu-list button.delete, .settingsMobile .menu-list [role="button"].delete {
  left: 0px;
}
.settingsMobile .service-header .inner .displayName, .settings .service-header .inner .service h3 {
  font-size: 12px;
  color: #4392D4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.settingsMobile button, .settingsMobile .button {
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 11px;
}
.settingsMobile .service-display {
  display: none;
}
.settings .preference {
  padding: 10px;
}
.settings .preference.buddyonly-groupchat {
  padding: 10px 0;
}
.settings .saved {
  float: right;
  height: 20px;
  margin-top: -5px;
  padding-right: 35px;
  color: green;
  font-weight: bold;
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/settings/images/check-green.png') no-repeat right top;
  line-height: 27px;
  display: none;
}
.settings .saved.Sounds {
  margin-left: 15px;
  float: left;
  margin-top: -1.5em;
}
.settings .saved.success {
  display: block;
}
.settings .preference input {
  margin: 0 15px;
}
.facebook-chat .service-lower,
.facebook-social .service-lower,
.google-chat .service-lower,
.google-social .service-lower {
  text-transform: capitalize;
}
.facebook-chat .service-name,
.facebook-social .service-name,
.google-chat .service-name,
.google-social .service-name {
  position: absolute;
  right: 70px;
}
.facebook-chat .account-settings .inner, .google-chat .account-settings .inner {
  min-height: 55px;
}
.facebook-chat .account-settings .inner .notify, .google-chat .account-settings .inner .notify {
  display: none;
}
.advanced .panel-header, .chat-style .panel-header {
  left: 0;
  height: 27px;
}
.advanced .pref-section, .chat-style .pref-section {
  border: 1px solid #ccc;
  margin-bottom: 10px;
  color: #666;
}
.advanced .pref-section h2, .chat-style .pref-section h2 {
  font-size: 12px;
  padding: 10px 0 15px 15px;
}
.advanced .pref-section .service-header, .chat-style .pref-section .service-header {
  border-top: 1px solid #ccc;
}
.advanced .pref-section .service-header .inner .service h3, .chat-style .pref-section .service-header .inner .service h3 {
  left: 0;
}
.advanced .pref-section ul.pref-list li, .chat-style .pref-section ul.pref-list li {
  padding: 0 0 3px 12px;
}
.advanced .pref-section ul.privacy-prefs,
.chat-style .pref-section ul.privacy-prefs,
.advanced .pref-section ul.comment-prefs,
.chat-style .pref-section ul.comment-prefs,
.advanced .pref-section ul.notification-prefs,
.chat-style .pref-section ul.notification-prefs {
  padding-bottom: 10px;
}
.advanced .pref-section .updatesOptions-n .inner,
.chat-style .pref-section .updatesOptions-n .inner,
.advanced .pref-section .commentsOptions-n .inner,
.chat-style .pref-section .commentsOptions-n .inner {
  padding: 10px;
}
.advanced .pref-section .updatesOptions-n .inner input,
.chat-style .pref-section .updatesOptions-n .inner input,
.advanced .pref-section .commentsOptions-n .inner input,
.chat-style .pref-section .commentsOptions-n .inner input {
  margin: 5px 5px 5px 0;
}
.advanced .saved, .chat-style .saved {
  float: none;
  position: absolute;
  right: 20px;
  margin-top: -35px;
}
.preference .sound-group {
  margin-bottom: 1em;
}
.preference .sound-group input {
  margin-top: 0.5em;
}
.preference .sound-group label {
  margin-top: 0.5em;
}
.preference .sound-group .pseudoFile {
  width: 10em;
  margin: 0 1em;
}
.preference .sound-group .pseudo-file-frame {
  margin-top: 1em;
  margin-left: 43px;
  height: 2.5em;
  position: relative;
}
.preference .sound-group .pseudo-file #soundSettingFile {
  position: absolute;
  margin: 0;
  padding: 0 10px;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
}
.settings .preference .pseudo-file.button {
  display: inline-block;
  position: relative;
  width: 83px;
  text-align: right;
}
.preference .sound-group .sound-upload-label {
  margin-left: 43px;
  margin-top: 1em;
}
.preference .sound-group .pseudo-file .pseudoFile-image {
  position: absolute;
  top: 3px;
  left: 8px;
  display: inline-block;
  /* background: url('//s.aimcdn.net/aimcom/static/2.38.0.6/desktop/images/paperclip.png') no-repeat; */

  background: url('https://client.nina.chat/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -1625px;
  background-repeat: no-repeat;
  width: 19px;
  height: 22px;
  overflow: hidden;
  cursor: pointer;
}
.preference .sound-group .pseudo-file:hover .pseudoFile-image {
  /*background: url('../desktop/images/paperclip-hover.png') no-repeat; */

  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -1559px;
  background-repeat: no-repeat;
}
.prefsNamesList .linkHand.sounds {
  cursor: default !important;
  background: transparent !important;
}
.preference .sound-group .prefKey.button {
  float: right;
  margin-top: 0;
}
.preference .sound-group .preview {
  margin-left: 10px;
  margin-right: 0;
}
.settings .preference #soundSettingFileName {
  width: 16ex;
  margin: 0;
}
.preference .sound-group .progress-container {
  display: inline-block;
  position: relative;
  margin-top: 1em;
  margin-left: 43px;
  width: 19em;
}
.preference .sound-group .progress-container .close-button {
  display: none;
}
.preference .sound-group .current-file-name {
  display: inline-block;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 0.5em;
  left: 10em;
  right: 3.5em;
}
.preference .sound-group .delete-file-button {
  display: inline-block;
  float: right;
  margin-top: 0.8em;
  margin-right: 25px;
  overflow: hidden;
  width: 13px;
  height: 12px;
}
.preference .sound-group .showForFile.disabled {
  display: none;
}
.preference .sound-group .delete-file-button img {
  position: relative;
  top: -351px;
  left: 0px;
}
.preference .sound-group .delete-file-button img:hover {
  top: -303px;
  left: 0px;
}
.preference .sound-group.disabled .hasFile {
  display: none;
}
.preference .sound-group .hasNoFile {
  display: none;
}
.preference .sound-group.disabled .hasNoFile {
  display: inline;
  color: #999;
}
.preference .sound-group.last {
  margin-bottom: 2em;
}
.prefs-list .pref {
  margin: 10px;
}
.service-list-container h3.section-header {
  color: #666;
  margin: 10px 0 0 15px;
  font-weight: bold;
}
#deleteServiceConfirmation img.service-icon {
  width: 27px;
  height: 27px;
}
.pref-list .pref-sample-frame {
  background-color: white;
  height: 70px;
  padding: 5px 10px;
}
.settings .saved.font {
  float: left;
  margin-top: 1ex;
}
.chat-bubbles-option, .chat-no-bubbles-option {
  height: 130px;
  width: 510px;
}
.chat-bubbles-option .pref-sample, .chat-no-bubbles-option .pref-sample {
  width: 340px;
  float: right;
  margin-right: 45px;
  border: 1px solid #cbcbcb;
}
.chat-no-bubbles-option {
  height: 100px;
}
.chat-no-bubbles-option .pref-sample {
  padding: 5px;
  width: 330px;
}
.chat-style .pref-section.timestamp-style-pref {
  padding-bottom: 5px;
}
.chat-style .pref-section.default-font-pref h2 {
  padding-bottom: 5px;
}
.chat-style .pref-section.default-font-pref h4 {
  margin-left: 15px;
  margin-bottom: 5px;
}
/* Shared chooser styles */
.chooser-combo {
  position: relative;
  display: block;
  /* width: 252px; */

}
.chooser-combo .goog-combobox-button {
  padding: 10px 8px 9px 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  margin-left: 2px;
}
.chooser-combo input {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 6px 6px 12px 30px;
  border: 0;
  /* chooser/images/magnify.png */

  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-repeat: no-repeat;
  background-position: 0px -1394px;
  width: 20px;
  height: 20px;
  font-size: 13px;
  width: 190px;
  margin: 0 0 3px;
  cursor: pointer;
}
.commons .chooser-combo input {
  background: none;
  background-color: #fff;
  font-size: 13px;
  width: 180px;
  padding: 0;
  cursor: pointer;
}
.chooser-combo .goog-combobox-button, .chooser-combo input {
  float: left;
}
.goog-combobox.chooser-combo .goog-menu {
  top: 30px;
  left: 0px!important;
  border: 0;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 3px 6px #777;
  -moz-box-shadow: 0px 3px 6px #777;
  padding: 0px;
  width: 100%;
}
.chooser-combo .goog-menu .conversations {
  max-height: 400px;
  overflow: hidden;
  overflow-y: auto;
}
.chooser-combo .goog-menu .conversations .goog-menuheader {
  padding: 8px 10px 8px 10px;
  color: #777;
  font-size: 11px;
  background: #f2f2f2;
  font-weight: normal;
}
.chooser-combo .goog-menuseparator {
  border: none;
  margin: 0px;
}
.chooser-combo .is-searching .conversations .goog-menuseparator, .chooser-combo .is-searching .conversations .goog-menuheader {
  display: none;
}
.chooser-combo  .goog-menuitem {
  position: relative;
  padding: 0;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #f2f2f2;
}
.chooser-combo  .goog-menuitem:last-child {
  border-bottom: none;
}
.chooser-combo .goog-menuitem-content {
  color: #333;
  padding-left: 43px;
  line-height: 36px;
  height: 35px;
}
.chooser-combo .goog-menuitem-highlight {
  background-color: #e8f2ff;
  border-width: 1px;
}
.chooser-combo .goog-combobox-active input {
  cursor: text;
}
.multi-chooser {
  position: relative;
  width: 100%;
  font-size: 11px!important;
}
.multi-chooser ul.fake-input {
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
.multi-chooser.active ul.fake-input {
  outline: 0;
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
.multi-chooser.active.popup ul.fake-input {
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.multi-chooser.active.popup .aimlist-itemscontainer {
  margin: -2px -1px;
  border: 1px solid #75B9F0;
}
.multi-chooser ul.fake-input {
  width: 246px;
}
.multi-chooser ul.fake-input {
  float: left;
  margin-right: 10px;
}
.multi-chooser div.button {
  float: left;
  display: block;
  opacity: .5;
  transition: none;
}
.multi-chooser div.button .text {
  margin-top: 1px;
}
.multi-chooser div.button.on {
  opacity: 1;
}
.multi-chooser .goog-menu .conversations {
  max-height: 150px;
}
.multi-chooser .goog-menu {
  border: 1px solid lightgrey;
  z-index: 10000000;
  margin-left: -1px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.multi-chooser ul.fake-input {
  border: 1px solid lightgrey;
  background-color: #fff;
  padding: 2px 4px;
  list-style-type: none;
  position: relative;
  border-radius: 4px;
  cursor: text;
  /* We would like:
  overflow-x: hidden;
  overflow-y: visible;
  But CSS does not support this.
  We'll have to create a separate internal container for the chosen items and input.
  */

}
.multi-chooser div.button.chosen {
  float: left;
  font-size: 11px;
  white-space: nowrap;
}
.multi-chooser div.button.chosen:hover, .multi-chooser div.button.chosen.selected {
  background: #E6490C;
  border-color: #b53300;
  border-width: 2px;
  padding: 3px 7px;
}
.multi-chooser div.button.chosen.selected:hover {
  border-color: #4D9DEC;
  background: #4D9DEC;
  border-width: 0px;
  padding: 4px 8px;
}
.multi-chooser div.button.chosen {
  background: #4D9DEC;
  /* 00b6ff
  background: -moz-linear-gradient(top, #00b6ff 0%, #0086ff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b6ff), color-stop(100%,#0086ff));
  background: -webkit-linear-gradient(top, #00b6ff 0%,#0086ff 100%);
  background: -o-linear-gradient(top, #00b6ff 0%,#0086ff 100%);
  background: -ms-linear-gradient(top, #00b6ff 0%,#0086ff 100%);
  background: linear-gradient(top, #00b6ff 0%,#0086ff 100%);
  */

  color: #fff;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  padding: 4px 8px;
  margin: 3px 4px 2px 0;
  cursor: pointer;
  border: 1px solid #4D9DEC;
  /* clear out the default crap from being a button */

  text-shadow: none;
  opacity: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.multi-chooser div.button.chosen .close {
  width: 13px;
  height: 12px;
  float: right;
  margin: 4px 0px 0px 2px;
}
.multi-chooser div.button.chosen .close img {
  top: -351px;
  left: 0px;
}
.multi-chooser div.button.chosen .close:hover img {
  top: -339px;
  left: 0px;
}
.multi-chooser div.button.chosen .icon img {
  float: left;
  width: 15px;
  height: 15px;
  margin: 1px 3px -2px -1px;
  border-radius: 2px;
}
.multi-chooser div.button.chosen .icon.hidden {
  display: none;
}
.multi-chooser div.button.chosen .icon.hidden img {
  width: auto;
}
.multi-chooser div.button.chosen .text {
  float: left;
}
.multi-chooser li.chooser {
  margin-right: 0px;
}
.multi-chooser .goog-combobox-button {
  display: none;
}
.multi-chooser .chooser-combo {
  width: 10px;
  position: static!important;
  border: none;
  background: none;
}
.multi-chooser .chooser-combo input {
  width: 100%;
}
.multi-chooser input {
  font-size: 11px;
  margin: 3px 0 0;
  padding: 6px 2px 6px 2px;
  background-image: none;
  outline: 0;
  position: static;
  box-shadow: none;
  float: left;
}
.multi-chooser input.label-input-label {
  color: #999;
}
/******************************************/
/* AimListPopup styles
/******************************************/
.aimlist-itemscontainer.popup {
  width: auto;
  -webkit-box-shadow: 0px 3px 6px #777;
  -moz-box-shadow: 0px 3px 6px #777;
  box-shadow: 0px 3px 6px #777;
  max-height: 350px;
  height: auto;
  bottom: auto;
  overflow: hidden;
  visibility: hidden;
}
.aimlist-itemscontainer.popup .vl-scrollbar {
  max-height: 350px;
  height: auto;
}
/******************************************/
/* Client List (shared list styles
/******************************************/
.aimlist-panel {
  font-family: "Helvetica Neue", Arial, sans-serif;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: -1px;
}
.aimlist-panel .loading-content {
  height: 100%;
  width: 100%;
  opacity: .7;
  position: absolute;
  top: 0;
  z-index: 2;
  background-color: #fff;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/ajax-medium-transparent.gif');
  background-repeat: no-repeat;
  background-position: center center;
  display: none;
}
.aimlist-panel.loading .loading-content {
  display: block;
}
.aimlist-popup {
  font-family: "Helvetica Neue", Arial, sans-serif;
}
#client-contactlist .virtual-list {
  height: auto;
}
/******************************************/
/* Search Bar                             */
/******************************************/
.aimlist-panel .aimlist-searchbar {
  height: 45px;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #efefef));
  background: -webkit-linear-gradient(top, #ffffff 0%, #efefef 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #efefef 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #efefef 100%);
  background: linear-gradient(top, #ffffff 0%, #efefef 100%);
  border-bottom: 1px solid #545e6c;
}
.client.ie .aimlist-panel .aimlist-searchbar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorstr=#ffffffff,endColorstr=#ffefefef)";
  /* IE8 */

}
.aimlist-searchbar-button {
  display: block;
  float: right;
  cursor: pointer;
  height: 45px;
  width: 24px;
}
.aimlist-searchbar-button.chat img {
  margin: 15px 4px;
  width: 16px;
  height: 16px;
}
.aimlist-searchbar-button.sms img {
  margin: 12px 4px;
  width: 14px;
  height: 20px;
}
.aimlist-panel .aimlist-searchbar-container {
  position: absolute;
  top: 8px;
  left: 7px;
  right: 53px;
}
.aimlist-panel .aimlist-searchbar-container .pseudoPlaceHolder {
  margin-top: 1.5ex;
}
.aimlist-panel .aimlist-searchbar-input {
  position: absolute;
  right: 0;
  left: 0;
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/desktop/images/new_search.png') no-repeat scroll left center;
  background-position: 7px 7px;
  border: 1px solid #c4c4c4;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  -webkit-box-shadow: 0 1px 0 #FFF;
  height: 23px;
  background-color: #ffffff;
  outline-style: none;
  padding: 3px 3px 2px 25px;
}
.web .aimlist-panel .aimlist-searchbar-input {
  width: 147px;
}
.aimlist-panel .aimlist-searchbar-input:focus {
  outline: 0;
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
.aimlist-popup .aimlist-searchbar-input {
  border: none;
}
.aimlist-popup .aimlist-searchbar-input:focus {
  border: none;
  -webkit-box-shadow: none;
}
.aimlist-searchbar-input:focus {
  background-color: #ffffff;
  -webkit-box-shadow: inset 0 1px 3px #999;
  border: 1px solid #999999;
}
.aimlist-searchbar-container:hover .aimlist-searchbar-input {
  background-color: #ffffff;
  color: #000;
}
.aimlist-searchbar-clear {
  display: none;
  position: absolute;
  top: 7px;
  right: 10px;
  opacity: .2;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -287px;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}
.aimlist-panel.filtering .aimlist-searchbar-clear {
  display: block;
}
.aimlist-searchbar-clear:hover {
  opacity: .6;
}
/*************************************
 * Panel Header
*************************************/
.panel-header {
  height: 45px;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ededed));
  background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #ededed 100%);
  background: linear-gradient(top, #ffffff 0%, #ededed 100%);
  border-bottom: 1px solid #D4D4D4;
}
.client.ie .panel-header {
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorstr=#ffffffff, endColorstr=#ffededed)";
}
.client.ie .settings .panel-header {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
}
.panel-header.disabled {
  pointer-events: none;
}
.panel-header-icon {
  width: 45px;
  height: 45px;
  background-color: #FFF;
  position: absolute;
  left: -11px;
  top: 2px;
}
.panel-header-icon-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 45px;
  height: 45px;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/camera.png');
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
}
.panel-header-icon-outer:hover .panel-header-icon-overlay {
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.ie8 .panel-header-icon-overlay {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)";
  /* IE8 */

  zoom: 1;
  visibility: hidden;
}
.ie8 .panel-header-icon-outer:hover .panel-header-icon-overlay {
  visibility: visible;
}
.ie8 .disabled .panel-header-icon-outer:hover .panel-header-icon-overlay {
  visibility: hidden;
}
.panel-header-edit {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-color: #FFD;
  font-size: 12px;
  font-weight: normal;
  height: 31px;
  border: 1px solid #d4d4d4;
  -webkit-box-shadow: 0 1px 0 #FFF;
  outline-style: none;
  padding-left: 8px;
  width: 100%;
}
.panel-header-box {
  padding: 8px 146px 8px 35px;
}
.type-create .panel-header-box {
  position: relative;
  top: -47px;
  padding: 8px 72px 8px 42px;
}
.type-create .panel-header .panel-header-buttons {
  z-index: 10;
}
.type-create .panel-header .panel-header-close-button {
  z-index: 10;
}
body.web .chat-panel .type-create .panel-header-edit {
  /* for some reason, this is inheriting from '.client .panel-header-edit' over in /client/main.css as well */

  right: 57px;
}
.panel-header-edit + .title {
  display: none;
}
/* Suppress the panel-header-header and buttons
   when panel-header-edit is created */
.header-edit .panel-header-header, .header-edit .panel-header-buttons {
  display: none;
}
.header-edit .save-button, .header-edit .cancel-button {
  position: absolute;
  top: 8px;
  right: 0;
  z-index: 10;
}
.client .header-edit .save-button, .client .header-edit .cancel-button {
  position: absolute;
  top: 8px;
  z-index: 10;
  display: inline-block;
  outline: none;
  cursor: pointer;
  padding: 7px 14px 7px;
  margin-right: 12px;
  margin-left: -1px;
}
.header-edit .save-button {
  right: 70px;
}
.panel-header-header {
  font-size: 12px;
  font-weight: normal;
  color: #333A42;
  margin: 15px 4px 0 0;
  position: absolute;
  left: 45px;
  text-overflow: ellipsis;
  overflow: hidden;
  width: auto;
  white-space: nowrap;
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: bold;
}
.client-commonspanel .panel-header-header {
  left: 10px;
}
.panel-header-header .header-title {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
#new_chat .panel-header-header .header-title {
  margin-left: 10px;
}
.picnic .panel-header-header .header-title-name:hover {
  background: #FFFFD1;
  cursor: pointer;
}
.disabled.picnic .panel-header-header .header-title-name:hover {
  background: none;
  cursor: default;
}
.panel-header-header .sub-header {
  display: block;
  font-size: 11px;
  font-weight: normal;
  color: #A7A7A7;
}
.panel-header-buttons-3 {
  right: 160px;
}
.panel-header-buttons-2 {
  right: 114px;
}
.panel-header-buttons-1 {
  right: 68px;
}
.panel-header-subheader {
  font-size: 12px;
  font-weight: regular;
  color: #A7A7A7;
  float: left;
  margin-top: 20px;
}
.panel-header-buttons {
  position: absolute;
  right: 20px;
  top: 10px;
}
.panel-header-button {
  display: inline-block;
  padding: 5px 10px;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
  background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  background: linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  border: 1px solid #D4D4D4 !important;
  border-left: none;
  -webkit-box-shadow: inset 0 -1px #ffffff, inset 0 1px #ffffff, inset 1px 0 #ffffff, inset -1px 0 #ffffff;
  -moz-box-shadow: inset 0 -1px #ffffff, inset 0 1px #ffffff, inset 1px 0 #ffffff, inset -1px 0 #ffffff;
  box-shadow: inset 0 -1px #ffffff, inset 0 1px #ffffff, inset 1px 0 #ffffff, inset -1px 0 #ffffff;
  margin: 0;
}
.client.ie .panel-header {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#e5e5e5)";
  /* IE8 */

}
.disabled .panel-header-button {
  visibility: hidden;
}
.panel-header-buttons .panel-header-button:first-child {
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-left: 1px solid #D4D4D4;
}
.panel-header-buttons .panel-header-button:last-child {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.panel-header-menu {
  width: 23px;
  height: 11px;
  margin-top: 1px;
  margin-left: 3px;
}
.panel-header-menu img {
  top: -482px;
  left: 0px;
}
.panel-header-menu-button:hover .panel-header-menu img {
  top: -471px;
  left: 0px;
}
/* Override some of the goog styles if it is a goog.ui.MenuButton replacing.
a panel-header-menu-button. */
.panel-header-menu-button.goog-menu-button {
  margin: 0;
  vertical-align: top;
  padding: 0px 5px;
  border-radius: 0;
}
.client .panel-header-menu-button.goog-menu-button {
  height: 22px;
  min-height: 22px;
}
/* thin client chat options button */
.client.browser .panel-header-menu-button.goog-menu-button {
  height: 24px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
}
.panel-header-menu-button.goog-inline-block {
  position: static;
}
.panel-header-minimize {
  width: 26px;
  height: 12px;
  /** TODO: move png to common ui area */

  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/desktop/images/sprites_panel_header.png') no-repeat -4px -112px;
  /*background-image: url('//s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: @minimize1-x @minimize1-y;
  background-repeat: no-repeat;*/

}
.panel-header-minimize-button:hover .panel-header-minimize {
  background-position: -4px -162px;
  /*background-image: url('//s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: @minimize_hover-x @minimize_hover-y;
  background-repeat: no-repeat;*/

}
.panel-header-favorite {
  width: 26px;
  height: 12px;
}
.panel-header-favorite img {
  top: -637px;
  left: 0px;
}
.panel-header-favorite-button:hover .panel-header-favorite img {
  top: -649px;
  left: 0px;
}
.panel-header-favorite-button.active .panel-header-favorite img {
  top: -625px;
  left: 0px;
}
.panel-header-favorite-button.active:hover .panel-header-favorite img {
  top: -649px;
  left: 0px;
}
.panel-header-addmember {
  width: 26px;
  height: 12px;
}
.panel-header-addmember img {
  top: -70px;
  left: 0px;
}
.panel-header-addmember-button:hover .panel-header-addmember img {
  top: -82px;
  left: 0px;
}
.panel-header-video {
  width: 18px;
  height: 12px;
}
.panel-header-video img {
  top: -2489px;
  left: 0px;
}
.panel-header-video-button:hover .panel-header-video img {
  top: -2501px;
  left: 0px;
}
.panel-header-close {
  width: 18px;
  height: 11px;
  margin-top: 1px;
  margin-left: 8px;
}
.panel-header-close img {
  top: -363px;
  left: 0px;
}
.panel-header-close-button:hover .panel-header-close img {
  top: -303px;
  left: 0px;
}
.type-create .friendly {
  position: absolute;
  top: 5px;
}
/******************************************/
/* List
/******************************************/
.aimlist-itemscontainer {
  position: absolute;
  overflow-y: auto;
  overflow-x: hidden;
  left: 0;
  right: 0;
  top: 46px;
  bottom: 0;
  height: auto;
  background: #F6F6F6;
}
.aimlist-itemscontainer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.aimlist-itemscontainer.focused {
  outline: 1px solid rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
/*************************************
 * List item header
*************************************/
.aimlist-itemscontainer.dragging .top-fixed-headers,
.aimlist-itemscontainer.dragging .bottom-fixed-headers,
.aimlist-itemscontainer.filtering .top-fixed-headers,
.aimlist-itemscontainer.filtering .bottom-fixed-headers {
  -webkit-transition: opacity linear .3s, visibility 0s linear 0.3s;
  -moz-transition: opacity linear .3s, visibility 0s linear 0.3s;
  -ms-transition: opacity linear .3s, visibility 0s linear 0.3s;
  -o-transition: opacity linear .3s, visibility 0s linear 0.3s;
  transition: opacity linear .3s, visibility 0s linear 0.3s;
  opacity: 0;
  visibility: hidden;
}
.aimlist-item-header {
  height: 23px;
  border-top: 1px solid #b7b9bc;
  border-bottom: 1px solid #545e6c;
  -webkit-user-select: none;
  background: #9ea3aa;
  background: -moz-linear-gradient(top, #9ea3aa 0%, #8c949f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9ea3aa), color-stop(100%, #8c949f));
  background: -webkit-linear-gradient(top, #9ea3aa 3 aa 0%, #8c949f 100%);
  background: -o-linear-gradient(top, #9ea3aa 0%, #8c949f 100%);
  background: -ms-linear-gradient(top, #9ea3aa 0%, #8c949f 100%);
  background: linear-gradient(top, #9ea3aa 0%, #8c949f 100%);
  opacity: 1;
  text-transform: uppercase;
  overflow: hidden;
}
.aimlist-item-header:hover {
  border-top: 1px solid #0085e7;
  border-bottom: 1px solid #006ebf;
  -webkit-user-select: none;
  background: #429de0;
  background: -moz-linear-gradient(top, #429de0 0%, #3a87c4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #429de0), color-stop(100%, #3a87c4));
  background: -webkit-linear-gradient(top, #429de0 0%, #3a87c4 100%);
  background: -o-linear-gradient(top, #429de0 0%, #3a87c4 100%);
  background: -ms-linear-gradient(top, #429de0 0%, #3a87c4 100%);
  background: linear-gradient(top, #429de0 0%, #3a87c4 100%);
  opacity: 1;
}
.aimlist-item-header.gone {
  height: 0;
  padding: 0;
  border: 0;
}
.aimlist-item-header .aimlist-item-header-label {
  position: relative;
  top: 3px;
  left: 6px;
  font-size: 11px;
  color: #FFFFFF;
  text-shadow: 0 -1px 0 #697380;
  -webkit-font-smoothing: antialiased;
}
.aimlist-item-header .aimlist-item-header-menu {
  float: right;
  width: 15px;
  height: 15px;
  margin: 4px 12px 0 0;
  display: none;
}
.aimlist-item-header:hover .aimlist-item-header-menu {
  display: block;
}
.aimlist-item-header-menu.groupchats {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/section_header_icon_add.png');
}
.aimlist-item-header-menu.groupchats:hover {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/section_header_icon_add-hover.png');
}
.aimlist-item-header-menu.contacts {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/section_header_icon_add.png');
}
.aimlist-item-header-menu.contacts:hover {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/section_header_icon_add-hover.png');
}
/*************************************
 * List item
*************************************/
.aimlist-item {
  height: 32px;
  position: relative;
  background: #F6F6F6;
  cursor: default;
  clear: both;
  font-weight: normal;
  border-bottom: 1px solid #d8dae3;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
  z-index: 25;
}
.aimlist-item.dragOverTop {
  border-top: 2px solid #3C454D;
}
.aimlist-item.dragOverBottom {
  border-bottom: 2px solid #3C454D;
}
.aimlist-item.chat-item, .aimlist-item.hey-item {
  height: 56px;
  border-bottom: 1px solid #d8dae3;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.aimlist-panel.medium .aimlist-item.chat-item, .aimlist-panel.small .aimlist-item.chat-item {
  height: 32px;
}
.aimlist-item.chat-item {
  position: relative;
}
.aimlist-item:hover, .aimlist-item.highlighted {
  background: #cbf1f4;
}
.high-contrast .aimlist-item:hover, .high-contrast .aimlist-item.highlighted {
  border: 2px solid #8ba1a4;
}
.aimlist-item.selected {
  background: #dee3e8;
  overflow: hidden;
  color: #4e5c62;
  text-overflow: ellipsis;
}
.aimlist-item.selected:hover {
  background: #d6dcdd;
  color: #4e5c62;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-stateicon, .servicepromo-item .aimlist-item-close {
  background-repeat: no-repeat;
  position: absolute;
  top: 12px;
  right: 10px;
}
.user-hovercard .user-stateicon {
  position: relative;
  float: left;
  margin: 6px 6px 0 0;
  top: initial;
  right: initial;
}
.user-stateicon.away, .identitybadge-state.state-away {
  width: 10px;
  height: 10px;
}
.user-stateicon.away img, .identitybadge-state.state-away img {
  left: 0px;
  top: -231px;
}
.user-stateicon.online, .identitybadge-state.state-available {
  width: 10px;
  height: 10px;
}
.identitybadge-state.state-available img, .user-stateicon.online img {
  left: 0px;
  top: -221px;
}
.user-stateicon.offline,
.user-stateicon.unknown,
.user-stateicon.invisible,
.identitybadge-state.state-offline {
  width: 10px;
  height: 10px;
}
.user-stateicon.offline img,
.user-stateicon.unknown img,
.user-stateicon.invisible img,
.identitybadge-state.state-offline img {
  left: 0px;
  top: -1509px;
}
.user-stateicon.mobile {
  width: 12px;
  height: 17px;
  top: 8px;
  right: 8px;
}
.user-stateicon.mobile img {
  left: 0px;
  top: -1470px;
}
.user-stateicon.blocked {
  width: 10px;
  height: 10px;
}
.user-stateicon.blocked img {
  left: 0px;
  top: -241px;
}
.aimlist-panel .aimlist-item.user-item.can-delete:hover .aimlist-item-close, .aimlist-panel .servicepromo-item:hover .aimlist-item-close {
  width: 13px;
  height: 12px;
  top: 12px;
  right: 10px;
}
.aimlist-panel .aimlist-item.user-item.can-delete:hover .aimlist-item-close img, .aimlist-panel .servicepromo-item:hover .aimlist-item-close img {
  left: 0px;
  top: -351px;
}
.aimlist-panel .aimlist-item.user-item.can-delete .aimlist-item-close:hover img, .aimlist-panel .servicepromo-item:hover .aimlist-item-close:hover img {
  left: 0px;
  top: -303px;
}
.chat-item .user-stateicon.mobile, .identitybadge-state.state-mobile {
  width: 11px;
  height: 11px;
}
.chat-item .user-stateicon.mobile img, .identitybadge-state.state-mobile img {
  left: 0px;
  top: -2223px;
}
.aimlist-panel.medium .aimlist-item.chat-item .user-stateicon, .aimlist-panel.small .aimlist-item.chat-item .user-stateicon, .aimlist-item.picnic .user-stateicon {
  display: none;
}
.aimlist-item.chat-item .aimlist-item-message-div {
  left: 67px;
}
.aimlist-panel.medium .aimlist-item-message-div, .aimlist-panel.small .aimlist-item-message-div {
  display: none;
}
.aimlist-item-name-block, .aimlist-item-serviceuser {
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  /* Opera */

  -ms-text-overflow: ellipsis;
  /* IE8 */

  overflow: hidden;
  margin-left: 10px;
  margin-top: 10px;
  pointer-events: none;
  font-weight: regular;
  color: #879094;
  font-size: 12px;
  font-style: normal;
  opacity: 1;
  -webkit-font-smoothing: subpixel-antialiased;
  text-align: -webkit-auto;
  position: absolute;
  right: 50px;
  left: 33px;
  /* width could be up to 125 for aim service users, if we had a differentiating class */

}
.servicepromo-item .aimlist-item-name-block {
  right: 18px;
}
.mdir-item-topline .aimlist-item-name-block {
  margin-top: 3px;
}
.aimlist-panel.small .aimlist-item-name-block {
  left: 0;
}
.aimlist-item.groupchat .aimlist-item-name-block {
  right: 10px;
}
.aimlist-item-serviceuser {
  top: 20px;
  left: 55px;
  width: 200px;
}
.aimlist-panel.medium .aimlist-item-serviceuser {
  left: 33px;
}
.aimlist-panel.small .aimlist-item-serviceuser {
  left: 0;
}
.aimlist-item.idle .aimlist-item-name-block, .aimlist-item.away .aimlist-item-name-block {
  color: #4e5c62;
  font-style: normal;
  opacity: 1;
}
.aimlist-item.chat-item .aimlist-item-groupicon {
  /* ../desktop/images/groupicn.png*/

  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png') no-repeat;
  background-position: 0px -715px;
  height: 10px;
  width: 14px;
  float: left;
  margin-top: 3px;
  margin-right: 5px;
  margin-left: 1px;
  opacity: .75;
}
.aimlist-item.chat-item.selected .aimlist-item-groupicon {
  /* ../desktop/images/groupicn_selected.png*/

  /*background-position: @groupicn_selected-x @groupicn_selected-y;*/

}
.aimlist-item.chat-item .aimlist-item-name-block {
  font-weight: normal;
  letter-spacing: 0.5px;
  position: absolute;
  right: 20px;
}
.aimlist-item.chat-item.online .aimlist-item-name-block {
  font-weight: bold;
  letter-spacing: 0.5px;
}
.aimlist-item.online .aimlist-item-name-block, .aimlist-item.mobile .aimlist-item-name-block {
  color: #39474d;
  font-style: bold;
  opacity: 1;
}
.aimlist-item.picnic .aimlist-item-name-block {
  color: #000000;
  font-style: normal;
  opacity: 1;
}
.aimlist-item.selected .aimlist-item-name-block, .aimlist-item.selected .aimlist-item-serviceuser, .aimlist-item.selected .aimlist-item-message-div {
  color: #4e5c62;
}
.aimlist-item-service {
  position: absolute;
  top: 7px;
  right: 50px;
  width: 27px;
  height: 27px;
  background-repeat: no-repeat;
  background-position: top center;
}
.aimlist-item-buddyicon-div {
  pointer-events: none;
  float: left;
  margin-left: 0;
  margin-top: 0;
}
.aimlist-item .aimlist-item-buddyicon-div {
  height: 32px;
}
.aimlist-item.chat-item .aimlist-item-buddyicon-div {
  height: inherit;
}
.chat-item .aimlist-item-buddyicon-div {
  margin-top: 0;
}
.aimlist-panel .recentchat-item-container-top {
  position: absolute;
  top: 10px;
  left: 67px;
  right: 10px;
}
.aimlist-panel.medium .recentchat-item-container-top {
  left: 42px;
}
.aimlist-panel.small .recentchat-item-container-top {
  left: 10px;
}
.aimlist-panel .recentchat-item-unread-marker {
  position: absolute;
  top: 0;
  left: 57px;
  width: 3px;
  background-color: #ec4b13;
  height: 100%;
  display: none;
}
.recentchat-item-container-top .aimlist-item-name-block {
  position: absolute;
  left: -1px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin: 0;
  width: auto;
}
.aimlist-item-timestamp-div {
  position: absolute;
  right: 0px;
  top: 20px;
  width: 45px;
  text-align: right;
  visibility: visible;
  pointer-events: none;
}
.aimlist-panel.medium .aimlist-item-timestamp-div, .aimlist-panel.small .aimlist-item-timestamp-div {
  display: none;
}
.mdir-item-bottomline {
  position: absolute;
  top: 17px;
  left: 43px;
  right: 50px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 11px;
  color: #879094;
}
.aimlist-item-name-block.mdir-search {
  margin-top: 10px;
}
.aimlist-item.chat-item .aimlist-item-buddyicon-div {
  top: 0px;
}
.aimlist-item-buddyicon-div .user-stateicon {
  pointer-events: none;
  margin: 0;
  position: absolute;
  top: 45px;
  left: 45px;
}
.aimlist-item-buddyicon {
  width: 32px;
  height: 32px;
  border-radius: 0;
}
.aimlist-item.chat-item .aimlist-item-buddyicon {
  width: 56px;
  height: 56px;
  border-radius: 0;
  background-color: #fff;
  position: absolute;
}
.aimlist-panel.medium .aimlist-item-buddyicon {
  width: 32px;
  height: 32px;
}
.aimlist-panel.small .aimlist-item-buddyicon {
  display: none;
}
.aimlist-item-actions {
  display: none;
  position: absolute;
  right: 0;
  top: 8px;
  width: 87px;
}
.aimlist-item-actionicon {
  width: 19px;
  height: 16px;
  float: right;
  margin: 0 10px 0 0;
}
.aimlist-item-actionicon.close {
  width: 12px;
  height: 12px;
  position: absolute;
  right: 12px;
  top: 12px;
  margin: 0;
}
.aimlist-item.highlighted .aimlist-item-actionicon.close, .aimlist-item:hover .aimlist-item-actionicon.close {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -351px;
  background-repeat: no-repeat;
}
.aimlist-item:hover .aimlist-item-actionicon.close:hover {
  width: 12px;
  height: 11px;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -303px;
  background-repeat: no-repeat;
}
.aimlist-item.highlighted.selected .aimlist-item-actionicon.close {
  background-image: inherit;
}
.aimlist-item.highlighted.selected:hover .aimlist-item-actionicon.close, .aimlist-item.selected:hover .aimlist-item-actionicon.close {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -327px;
  background-repeat: no-repeat;
}
.aimlist-item.selected:hover .aimlist-item-actionicon.close:hover {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -315px;
  background-repeat: no-repeat;
}
.aimlist-item-message-div {
  position: absolute;
  top: 30px;
  left: 53px;
  right: 50px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: auto;
  color: #858585;
  pointer-events: none;
}
.aimlist-item.chat-item .aimlist-item-message-reply-div {
  /* ../desktop/images/reply.png*/

  pointer-events: none;
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png') no-repeat;
  background-position: 0px -1774px;
  height: 12px;
  width: 10px;
  float: left;
  margin-top: 3px;
  margin-right: 8px;
  margin-left: 0px;
}
.aimlist-item.chat-item.selected .aimlist-item-message-reply-div {
  /* ../desktop/images/reply_white.png*/

  /*background-position: @reply_white-x @reply_white-y;
  opacity: .9;*/

}
.aimlist-item-message {
  width: 150px;
  color: #858585;
  font-size: 11px;
}
.aimlist-item-video {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -2479px;
  width: 14px;
  height: 10px;
  float: left;
  margin: 4px 6px 3px 1px;
}
.selected .aimlist-item-video {
  /*background-position: @video-selected-x @video-selected-y;
  width: @video-selected-w;
  height: @video-selected-h;*/

}
.aimlist-item-tweet {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -2276px;
  width: 12px;
  height: 8px;
  float: left;
  margin: 5px 6px 3px 1px;
}
.selected .aimlist-item-tweet {
  /*background-position: @tweet-selected-x @tweet-selected-y;
  width: @tweet-selected-w;
  height: @tweet-selected-h;*/

}
.aimlist-item-image {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -1695px;
  width: 14px;
  height: 10px;
  float: left;
  margin: 3px 6px 3px 1px;
}
.selected .aimlist-item-image {
  /*background-position: @pic-selected-x @pic-selected-y;
  width: @pic-selected-w;
  height: @pic-selected-h;*/

}
.aimlist-item-file {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -671px;
  width: 10px;
  height: 10px;
  float: left;
  margin: 4px 6px 4px 0px;
}
.selected .aimlist-item-file {
  /*background-position: @file-selected-x @file-selected-y;
  width: @file-selected-w;
  height: @file-selected-h;*/

}
.aimlist-item-voice {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/voicemsg/voice.png');
  width: 6px;
  height: 10px;
  float: left;
  margin: 4px 6px 4px 0px;
}
.aimlist-item.idle .aimlist-item-message,
.aimlist-item.away .aimlist-item-message,
.aimlist-item.idle .aimlist-item-service,
.aimlist-item.away .aimlist-item-service.aimlist-item.offline .aimlist-item-message,
.aimlist-item.offline .aimlist-item-service {
  color: #879094;
  font-weight: normal;
}
.aimlist-item.selected .aimlist-item-message {
  pointer-events: none;
  color: #4e5c62;
}
.aimlist-item.selected .aimlist-item-timestamp {
  pointer-events: none;
  color: #4e5c62;
}
.aimlist-item-timestamp {
  color: #879094;
  font-size: 10px;
}
.aimlist-item-count {
  position: absolute;
  right: 0px;
  background: #ec4b13;
  color: #fff;
  /*background: #f1f2f6;
  color: #ec4b13;
  border: 1px solid #c9ccda;
  box-shadow: inset 0 1px 0 #fff; */

  font-size: 11px;
  -webkit-font-smoothing: antialiased;
  font-weight: bold;
  padding: 0 4px 1px 3px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  /* border: 1px solid #9b370c;*/

  z-index: 1;
}
.aimlist-item:hover .aimlist-item-count {
  visibility: hidden;
}
.ie .aimlist-item-count {
  padding: 1px 4px 0 4px;
}
/* To test long names, try
 * goog.dom.setTextContent(goog.dom.getElementByClass('aimlist-item-name',goog.dom.getElement('chat_SOMECHATNAME')),"A long long long long name")
 */
.aimlist-item-name {
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  white-space: nowrap;
}
.client .aimlist-item-name {
  margin-right: 10px;
}
.aimlist-item-service {
  pointer-events: none;
  position: absolute;
  top: 10px;
  right: 26px;
  font-size: 10px;
  width: auto;
  color: #4e5c62;
}
.aimlist-item-service span {
  display: inline-block;
  text-indent: -1000px;
}
.aimlist-item-group {
  background: #DEDDDB;
  padding: 3px;
  border-bottom: 1px solid #d4d4d4;
  font-size: 12px;
  color: #333A42;
  text-shadow: 0 1px 0 #ffffff;
  font-weight: bold;
  height: 15px;
}
.aimlist-item-group:hover, .aimlist-item-group.highlightedF {
  background: #cbf1f4;
}
.aimlist-item-group-twisty {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/group_twisty.png');
  min-width: 13px;
  height: 13px;
  margin: 1px 3px 0 0;
  float: left;
}
.aimlist-item-group-twisty.expanded {
  /* for firefox, safari, chrome, etc. */

  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}
/* For IE 8 the filter for rotation does not work the image becomes black and too large.  Instead IE 8 just uses a rotated image.
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.0, M12=-1.0, M21=1.0, M22=0.0)";
*/
.ie8 .aimlist-item-group-twisty.expanded {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/group_twisty_down.png');
}
.aimlist-panel.filtering .aimlist-item-group-twisty {
  visibility: hidden;
}
.aimlist-item-group-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.aimlist-item:hover .aimlist-item-group-label {
  max-width: 165px;
}
.aimlist-item-group-input {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 12px;
  font-size: 10px;
}
.aimlist-panel .aimlist-item-group-add {
  position: absolute;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/group_add.png');
  min-width: 12px;
  height: 13px;
  top: 5px;
  right: 39px;
  visibility: hidden;
}
.aimlist-panel .aimlist-item-group-add:hover {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/group_add_hover.png');
}
.aimlist-panel .aimlist-item:hover .aimlist-item-group-add {
  visibility: visible;
}
.aimlist-panel .aimlist-item-edit {
  position: absolute;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/group_edit.png');
  min-width: 12px;
  height: 13px;
  top: 5px;
  right: 24px;
  visibility: hidden;
}
.aimlist-panel .aimlist-item.user-item .aimlist-item-edit {
  top: 9px;
  right: 53px;
}
.aimlist-panel .aimlist-item-edit:hover {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/group_edit_hover.png');
}
.aimlist-panel .aimlist-item:hover .aimlist-item-edit {
  visibility: visible;
}
.aimlist-item-group-close {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/group_delete.png');
  min-width: 12px;
  height: 13px;
  position: absolute;
  top: 5px;
  right: 9px;
  visibility: hidden;
}
.aimlist-item-group-close:hover {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/group_delete_hover.png');
}
.aimlist-item:hover .aimlist-item-group-close {
  visibility: visible;
}
/* aimlist addcontacts styles */
.aimlist-addcontacts {
  padding: 5px 10px;
  border-bottom: none !important;
  height: auto !important;
}
.aimlist-addcontacts:hover {
  background-color: inherit !important;
}
.aimlist-addcontacts-header {
  margin: 5px 0 0 4px;
  font-size: 14px;
  font-weight: bold;
}
.aimlist-addcontacts-options {
  margin-top: 10px;
  padding: 5px;
  border: 1px solid #888;
}
.aimlist-addcontacts .aim-list-button {
  cursor: pointer;
  height: 26px;
  margin: 4px 0;
}
.aimlist-addcontacts .aim-list-button .aim-list-button-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  height: 26px;
  vertical-align: middle;
  position: absolute;
  left: 50px;
  right: 15px;
  margin-top: 4px;
}
.aimlist-addcontacts .aim-list-button .aim-list-button-icon {
  display: inline-block;
  margin: 1px 5px 0 0;
  width: 26px;
  height: 26px;
}
.aimlist-addcontacts .aim-list-button.facebook .aim-list-button-icon {
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/outreach/li-items-facebook.png') no-repeat center center;
  width: 23px;
  height: 23px;
}
.aimlist-addcontacts .aim-list-button.google .aim-list-button-icon {
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/outreach/li-items-google.png') no-repeat center center;
  height: 26px;
  width: 26px;
}
.aimlist-addcontacts .aim-list-button.invite .aim-list-button-icon {
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/outreach/li-items-invite.png') no-repeat center center;
  width: 26px;
  height: 26px;
}
.aimlist-addcontacts .aim-list-button.add .aim-list-button-icon {
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/outreach/outreach-add.png') no-repeat center center;
  height: 26px;
  width: 26px;
}
/* Tabbed panel styles. */
.panel.tabbed-panel .panel {
  display: block;
  margin: 0px;
}
.panel.tabbed-panel .panel  .panel-header {
  display: none;
}
.inviteuser-root {
  position: absolute;
  z-index: 10;
  top: 46px;
  width: 100%;
  background: #E6E6E6;
  border-bottom: 1px solid #D4D4D4;
}
.closeable-tab {
  display: -webkit-box;
  width: 100px;
  max-width: 100px;
}
.tabbed-im-container.tabs-on-left .closeable-tab {
  width: auto;
}
.closeable-tab-state {
  margin: 5px 4px 0 0;
  width: 10px;
  height: 10px;
}
.closeable-tab.unknown .closeable-tab-state, .closeable-tab.groupchat .closeable-tab-state {
  visibility: hidden;
}
.closeable-tab.online .closeable-tab-state {
  /* background: url('../desktop/images/available.png') no-repeat;*/

  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-repeat: no-repeat;
  background-position: 0px -221px;
  width: 10px;
  height: 10px;
}
.closeable-tab.away .closeable-tab-state {
  /*  background: url('../desktop/images/away.png') no-repeat;*/

  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-repeat: no-repeat;
  background-position: 0px -231px;
  width: 10px;
  height: 10px;
}
.closeable-tab.mobile .closeable-tab-state {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/mobile.png');
  width: 10px;
  height: 18px;
  margin-top: 1px;
}
.closeable-tab.blocked .closeable-tab-state {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/blocked.png');
  width: 10px;
  height: 10px;
}
.closeable-tab.offline .closeable-tab-state, .closeable-tab.invisible .closeable-tab-state {
  /*  background: url('../desktop/images/offline.png') no-repeat;*/

  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-repeat: no-repeat;
  background-position: 0px -1509px;
  width: 10px;
  height: 10px;
}
.closeable-tab.groupchat .closeable-tab-state {
  display: none;
}
.closeable-tab.groupchat  .closeable-tab-groupchat {
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png') no-repeat;
  background-position: 0px -715px;
  height: 10px;
  width: 14px;
  opacity: .75;
  margin: 5px 4px 0 0;
}
.closeable-tab-label-flexer {
  display: -webkit-box;
  -webkit-box-flex: 1;
  margin-top: 1px;
}
.closeable-tab-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}
.closeable-tab-close {
  display: none;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -351px;
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  margin: 5px 0 2px 4px;
}
.goog-tab:hover .closeable-tab-close {
  display: block;
}
.closeable-tab.unread .closeable-tab-close {
  display: none;
}
.closeable-tab.unread:hover .closeable-tab-close {
  display: block;
}
.goog-tab .closeable-tab-close:hover {
  background-position: 0px -303px;
}
.closeable-tab-count {
  background: #ec4b13;
  color: #fff;
  font-size: 11px;
  -webkit-font-smoothing: antialiased;
  font-weight: bold;
  padding: 0 4px 1px 3px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}
.closeable-tab:hover .closeable-tab-count {
  display: none;
}
.tabbed-im-container .goog-tab {
  background: #F6F6F6;
  border: 1px solid #D8DAE3;
  height: 20px;
}
.tabbed-im-container .goog-tab:hover {
  background: #cbf1f4;
}
.tabbed-im-container .goog-tab-selected {
  background: #dee3e8 !important;
  color: #4e5c62;
}
.tabbed-im-container .goog-tab-bar-top .goog-tab {
  margin: 3px 4px 0 0;
}
.tabbed-im-container .goog-tab-bar-start .goog-tab {
  margin: 0 0 0 1px;
}
.tabbed-im-container .goog-tab-bar-top .goog-tab-selected {
  top: initial !important;
  margin: 3px 4px 0 0;
  padding-bottom: 4px;
}
/** invite user */
.inviteuser-root button, .inviteuser-root [role="button"] {
  margin-top: 0px;
  margin-left: 4px;
  margin-right: 0px;
}
.inviteuser-root .multi-chooser input {
  padding: 4px 2px 3px 2px!important;
  width: 100%;
}
.inviteuser-root li.chooser {
  width: 100%;
}
.inviteuser-root .multi-chooser {
  display: table;
  border-spacing: 0px 0px;
}
.inviteuser-root .multi-chooser ul.fake-input {
  width: 100%;
  float: none;
  display: table-cell;
  vertical-align: top;
  margin: 0;
}
.inviteuser-root .multi-chooser-submit {
  display: table-cell;
  vertical-align: top;
  margin: 0;
}
.inviteuser-root .multi-chooser button, .inviteuser-root .multi-chooser [role="button"] {
  float: left;
}
.inviteuser-root .multi-chooser button.chosen, .inviteuser-root .multi-chooser [role="button"].chosen {
  margin: 3px 3px 3px 0;
}
.inviteuser {
  height: 100%;
  margin: 10px;
}
.inviteuser .row {
  display: table;
  border-spacing: 0px 0px;
  width: 100%;
}
.inviteuser-username {
  width: 100%;
  display: table-cell;
  vertical-align: top;
  margin: 0;
}
.inviteuser-buttons {
  display: table-cell;
  vertical-align: top;
  margin: 0;
}
.inviteuser-resulttext {
  font-size: 11px;
  color: green;
  margin-top: 5px;
}
.clear-history-confirm {
  max-width: 420px;
}
.invite-overlay {
  position: absolute;
  top: 46px;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  background-color: #FFF;
}
.client .invite-overlay {
  top: 0;
}
.invite-overlay .invitation {
  background: #DDD;
  padding: 10px;
}
.invite-overlay .invite-confirmation {
  padding: 10px;
  border: 1px solid #CCC;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #FFF;
}
.invite-overlay .message {
  margin: 0 160px -35px 0;
  position: relative;
  top: -35px;
  left: 38px;
  min-height: 30px;
}
.invite-overlay .activity-id {
  display: none;
}
.invite-overlay .user-icon {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  width: 30px;
  height: 30px;
  margin-right: 5px;
}
.invite-overlay .user-name {
  font-weight: bold;
  padding-right: 5px;
}
.invite-overlay .actions {
  position: absolute;
  right: 0;
  top: 22px;
  width: 140px;
  cursor: default;
}
.invite-overlay .actions .button {
  float: left;
}
.invite-overlay .actions .button.bad {
  margin-left: 5px;
}
.invite-overlay .members h2 {
  padding: 5px 10px;
  color: #666;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #efefef));
  background: -webkit-linear-gradient(top, #ffffff 0%, #efefef 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #efefef 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #efefef 100%);
  background: linear-gradient(top, #ffffff 0%, #efefef 100%);
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
}
.picuploader-container {
  width: 400px;
  height: 500px;
}
.picuploader-loading {
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 0.9em;
  margin-left: -9px;
}
.picuploader-panel .picuploader-loading {
  margin-left: 0;
  margin-top: -12px;
}
.picuploader-container.install {
  background-color: #FFF;
  padding-top: 24px;
}
.picuploader-install-message {
  width: 360px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 48px;
  font-size: 1.8em;
  text-align: center;
  color: #535353;
}
.picuploader-install-buttons {
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
  width: 260px;
}
.picuploader-install-buttons.close-only {
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
  width: 80px;
}
input[type="text"].error {
  border: 1px solid #C87872;
}
input[type="text"]:focus {
  outline: 0;
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
input[type="text"].error:focus {
  outline-color: #B9554D;
  -webkit-box-shadow: 0 0 4px rgba(171, 41, 32, 0.5);
  -moz-box-shadow: 0 0 4px rgba(171, 41, 32, 0.5);
  box-shadow: 0 0 4px rgba(171, 41, 32, 0.5);
}
.input-error-msg, .input-success-msg {
  color: green;
  font-size: 11px;
  position: absolute;
  margin-top: 3px;
}
.invite-panel .input-error-msg, .invite-panel .input-success-msg {
  color: green;
  font-size: 11px;
  position: absolute;
  margin-top: 50px;
}
.input-error-msg {
  color: #B9554D;
}
.invite-panel .input-error-msg {
  color: #B9554D;
}
/******************************************/
/* Add Group                            */
/******************************************/
.addgroup {
  padding: 20px 0;
  width: 220px;
  margin: 0 auto;
}
.addgroup-label {
  margin-bottom: 3px;
}
.addgroup-groupname {
  display: block;
  width: 210px;
  margin-bottom: 20px;
  font-family: helvetica;
}
.addgroup-error {
  color: red;
  display: block;
  font-size: 12px;
  margin-top: 10px;
  text-align: center;
}
/******************************************/
/* Too many group chats
/******************************************/
.groupchat-maxed {
  width: 350px;
  margin: 0 auto;
}
.groupchat-maxed-header-label {
  margin-bottom: 3px;
}
.groupchat-maxed-groupselector {
  margin: 15px 0;
}
.groupchat-maxed-groups-label {
  margin: 8px 0 4px 0;
}
.groupchat-maxed-groups-combo .goog-menu-button-inner-box {
  width: 308px;
}
.groupchat-maxed-groups-combo .goog-menu-button-dropdown {
  display: none;
}
.groupchat-maxed-groups-combo .goog-menu {
  min-width: 200px;
  width: auto;
  max-height: 200px;
  overflow-y: scroll;
}
.groupchat-maxed-groups-combo .goog-menu .goog-menuitem {
  padding-left: 14px;
  padding-right: 14px;
}
/******************************************/
/* Add Contact                            */
/******************************************/
.addcontact {
  padding: 20px 0;
  width: 220px;
  margin: 0 auto;
}
.addcontact-username-label {
  margin-bottom: 3px;
}
.addcontact-username {
  display: block;
  width: 210px;
  margin-bottom: 20px;
  font-family: helvetica;
}
.addcontact-username .aimlist-searchbar-input {
  width: 210px;
}
.addcontact-username.static {
  border: initial;
  box-shadow: initial;
  margin-left: 0;
  font-weight: bold;
  font-size: inherit;
  margin-bottom: 20px;
  white-space: nowrap;
  width: auto;
  text-overflow: ellipsis;
  overflow-x: hidden;
}
.addcontact-groupselector {
  margin-bottom: 25px;
}
.add-contact-dialog.nogroups .addcontact-groupselector {
  display: none;
}
.addcontact-groups-label {
  margin: 8px 0 4px 0;
}
.addcontact-groups-combo input {
  width: 198px;
}
.ie8 .addcontact-groups-combo input {
  font-size: 10px;
  padding: 1px;
}
.addcontact-groups-combo .goog-menu {
  min-width: 200px;
  width: auto;
  max-height: 200px;
  overflow-y: scroll;
}
.addcontact-groups-combo .goog-menu .goog-menuitem {
  padding-left: 14px;
  padding-right: 14px;
}
.addcontact-error {
  color: red;
  display: block;
  font-size: 12px;
  margin-top: 10px;
  text-align: center;
}
/******************************************/
/* Contact Added                          */
/******************************************/
.contactadded {
  padding: 20px 0;
  width: 250px;
  margin: 0 auto;
}
.contactadded-message {
  display: block;
  margin-bottom: 20px;
  text-align: center;
}
/******************************************/
/* Edit Contact                            */
/******************************************/
.editcontact {
  width: 250px;
  margin: 0 auto;
}
.editcontact-displayid {
  font-size: 16px;
  margin-bottom: 15px;
}
.editcontact-name {
  margin-top: 5px;
  display: block;
  width: 240px;
  border-radius: 4px;
  height: 26px;
  border: 1px solid #d4d4d4;
  box-shadow: 0 1px 0 #ffffff;
  font-family: helvetica;
  font-size: 11px;
}
.tabbed-panel.lifestream .panel-content {
  overflow: hidden;
}
.social-main .loading-activities {
  height: 100%;
  width: 100%;
  background-color: #fff;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/ajax-medium-transparent.gif');
  background-repeat: no-repeat;
  background-position: center center;
}
.social-main .control-bar {
  position: relative;
  height: 33px;
  background-color: lightgray;
  color: gray;
  font-weight: normal;
}
.social-main .control-bar .current-filter {
  position: relative;
  top: 4px;
  left: 7px;
  width: 80px;
  border: 1px solid #B3B8B9;
  padding: 3px 7px 4px 7px;
  background-color: #eee;
  /* TODO(aw): get final and add to sprite */

  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/down_arrow.gif');
  background-repeat: no-repeat;
  background-position: 78px center;
  cursor: pointer;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  z-index: 1;
  color: gray;
}
.social-main .control-bar .filters {
  width: 94px;
  background: #fff;
  border: 1px solid #B3B8B9;
  border-top: none;
  z-index: 2;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-topbottom: 4px;
  -moz-border-radius-topbottom: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.3);
  /* display set to none via script */

}
.social-main .control-bar .filters .do-filter {
  padding: 5px 7px;
  cursor: pointer;
}
.social-main .control-bar .filters .do-filter:hover {
  background-color: #d5f0f4;
}
.social-main .control-bar .filters .do-filter.active {
  font-weight: bold;
  cursor: default;
}
.social-main .control-bar .filters .do-filter.active:hover {
  background-color: transparent;
}
.social-main .inputs textarea {
  border: 1px solid #c4c4c4;
  display: block;
  padding: 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  outline: none;
  width: 100%;
  resize: none;
}
.social-main .inputs textarea:focus {
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px #52a8ec;
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px #52a8ec;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px #52a8ec;
}
.social-main .inputs textarea.is-showing-default-text {
  color: #8c8c8c;
}
.social-main .refresh-control {
  position: absolute;
  right: 5px;
  bottom: 7px;
}
.social-main .refresh-control .last-refresh {
  position: relative;
  right: 25px;
  bottom: 3px;
  font-size: 10px;
}
.social-main .refresh-control .do-refresh {
  display: inline-block;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/refresh.png');
  background-position: center center;
  width: 20px;
  height: 20px;
  text-indent: -10000px;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0;
  cursor: pointer;
}
.social-main .activities {
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.social-main .like-list-dialog {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.2);
}
.social-main .like-list-dialog .like-list-content {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 160px;
  width: 250px;
  background: white;
  margin: -75px 0 0 -130px;
  border: 1px solid lightgray;
  border-radius: 5px;
  background: #EEF2F5;
  -webkit-box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.3);
}
.social-main .like-list-dialog .like-list-content .close {
  position: absolute;
  top: 8px;
  right: 5px;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -327px;
  background-repeat: no-repeat;
  width: 13px;
  height: 12px;
  text-indent: -30000px;
  cursor: pointer;
}
.social-main .like-list-dialog .like-list-content h3 {
  color: #737373;
  font-size: 15px;
  font-weight: bold;
  margin: 5px 10px;
}
.social-main .like-list-dialog .like-list-content .like-list-wrapper {
  height: 126px;
  width: 249px;
  overflow-x: hidden;
  background: #fff;
  border-top: 1px solid lightgray;
  padding-top: 5px;
}
.social-main .like-list-dialog .like-list-content .like-list {
  margin: 0 10px;
  list-style: none;
}
.social-main .like-list-dialog .like-list-content .liker {
  padding-bottom: 10px;
}
.social-main .like-list-dialog .like-list-content .liker .user-icon {
  width: 32px;
  height: 32px;
  margin-right: 5px;
  vertical-align: middle;
  border-radius: 4px;
}
.social-main .lifestream-activity {
  padding: 10px 5px;
  position: relative;
  border-bottom: 1px solid lightgray;
  min-height: 50px;
  font-size: 13px;
  color: #666;
}
.social-main .lifestream-activity .userIcon {
  position: absolute;
  left: 10px;
}
.social-main .lifestream-activity .userIcon img {
  width: 42px;
  height: 42px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.social-main .lifestream-activity .content {
  margin-left: 55px;
  margin-right: 5px;
}
.social-main .lifestream-activity .content .userName {
  font-weight: bold;
  color: lightblue;
  line-height: 0.8em;
}
.social-main .lifestream-activity .content .title {
  padding: 5px 0;
  word-wrap: break-word;
}
.social-main .lifestream-activity .content .actions {
  clear: left;
  min-height: 20px;
  overflow-y: hidden;
  /* keep sprite from borking height in FF */

}
.social-main .lifestream-activity .content .shared-link {
  margin: 3px 10px 5px 0;
}
.social-main .lifestream-activity .content .shared-link .description {
  font-size: 11px;
  color: gray;
}
.social-main .lifestream-activity .media {
  margin-top: 5px;
}
.social-main .lifestream-activity .media .media-control {
  position: absolute;
  margin-top: 35px;
  right: 10px;
  width: 22px;
  height: 16px;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-repeat: no-repeat;
  background-position: 0px -2513px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  cursor: pointer;
}
.social-main .lifestream-activity .media:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.social-main .lifestream-activity .media.collapsed {
  height: 98px;
  overflow: hidden;
  margin-right: 10px;
}
.social-main .lifestream-activity .media.collapsed .media-control {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.social-main .lifestream-activity .media-item {
  float: left;
  margin: 0 10px 5px 0;
}
.social-main .lifestream-activity .media-item img {
  max-height: 90px;
  max-width: 90px;
}
.social-main .lifestream-activity .media.shared-link-thumbnail {
  float: left;
}
.social-main .lifestream-activity .source {
  line-height: 16px;
  color: gray;
  font-size: 11px;
  position: absolute;
  right: 15px;
}
.social-main .lifestream-activity .source .service-icon {
  margin-left: 5px;
  cursor: default;
}
.social-main .lifestream-activity .timestamp {
  float: right;
  top: 10px;
  font-size: 11px;
  margin-left: 3px;
}
.social-main .lifestream-activity .source-via {
  float: left;
  display: inline-block;
}
.social-main .lifestream-activity .profile-url {
  line-height: 1em;
}
.social-main .lifestream-activity .like-control-section, .social-main .lifestream-activity .like-count {
  font-size: 11px;
  color: gray;
  display: inline-block;
  margin-right: 8px;
  cursor: pointer;
  /* like-control */

}
.social-main .lifestream-activity .like-control-section .like_unlike, .social-main .lifestream-activity .like-count .like_unlike {
  pointer-events: none;
}
.social-main .lifestream-activity .like-control-section .icon, .social-main .lifestream-activity .like-count .icon {
  height: 18px;
  width: 18px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: -3px;
}
.social-main .lifestream-activity .like-control-section .likers, .social-main .lifestream-activity .like-count .likers {
  color: #0773A6;
  cursor: pointer;
}
.social-main .lifestream-activity .like-control-section .like-count, .social-main .lifestream-activity .like-count .like-count {
  cursor: default;
}
.social-main .lifestream-activity .like-control-section img, .social-main .lifestream-activity .like-count img {
  top: -36px;
  left: 0px;
  margin-bottom: -3px;
}
.social-main .lifestream-activity .like-control {
  cursor: pointer;
  font-size: 11px;
  color: gray;
}
.social-main .lifestream-activity .like-control-disabled {
  height: 18px;
}
.social-main .lifestream-activity .liked .like-control img {
  top: -18px;
  left: 0px;
}
.social-main .lifestream-activity .like-control:active img {
  top: 0px;
  left: 0px;
}
.social-main .lifestream-activity .comment-control .icon {
  width: 17px;
  height: 17px;
  display: none;
  margin-bottom: -3px;
  display: inline-block;
}
.social-main .lifestream-activity .comment-control .icon img {
  top: -269px;
  left: 0px;
}
.social-main .lifestream-activity .activity-comments .comments-toggle {
  background: transparent;
  cursor: pointer;
  color: cornflowerBlue;
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 3px;
  display: inline-block;
  text-indent: 12px;
  pointer-events: none;
}
.social-main .lifestream-activity .activity-comments .comment-control img {
  top: -269px;
  left: 0px;
}
.social-main .lifestream-activity .activity-comments .comment-control-label {
  font-size: 11px;
  font-weight: bold;
  color: #0773A6;
}
.social-main .lifestream-activity .activity-comments .activity-comment {
  background: #e1f0ff;
  padding: 5px;
  border: 1px solid lightgray;
  font-size: 12px;
  margin-bottom: 2px;
}
.social-main .lifestream-activity .activity-comments .activity-comment .comment-time {
  font-size: 11px;
  margin-left: 5px;
  float: right;
}
.social-main .lifestream-activity .activity-comments .activity-comment .comment-userIcon {
  width: 24px;
  height: 24px;
  position: absolute;
}
.social-main .lifestream-activity .activity-comments .activity-comment .comment-userName {
  margin-left: 30px;
  margin-bottom: 3px;
  font-weight: bold;
}
.social-main .lifestream-activity .activity-comments .activity-comment .comment-text {
  margin-left: 30px;
  font-weight: lighter;
  word-wrap: break-word;
}
.social-main .lifestream-activity .activity-comments .activity-comment-list {
  margin-top: 8px;
}
.social-main .lifestream-activity .show-all {
  cursor: pointer;
}
.social-main .lifestream-activity .show-all .comment-control, .social-main .lifestream-activity .show-less .comment-control {
  display: inline-block;
}
.social-main .lifestream-activity .show-all .comment-control.hidden, .social-main .lifestream-activity .show-less .comment-control.hidden {
  display: none;
}
.social-main .lifestream-activity .show-less .comment-control img {
  top: -251px;
  left: 0px;
}
.social-main .lifestream-activity .activity-comments.empty {
  display: none;
}
.social-main .lifestream-activity .comment-post-form {
  margin-left: 55px;
  margin-right: 5px;
  padding: 3px;
  background: rgba(200, 225, 250, 0.4);
  border: 1px solid lightgray;
}
.social-main .lifestream-activity .comment-post-form textarea {
  font-size: 12px;
}
.social-main .delete-activity, .social-main .delete-comment {
  position: absolute;
  right: 8px;
  top: 12px;
  cursor: pointer;
  visibility: hidden;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -351px;
  background-repeat: no-repeat;
  width: 13px;
  height: 12px;
  text-indent: -30000px;
}
.social-main .delete-comment {
  top: auto;
  right: 15px;
}
.social-main .delete-activity:hover, .social-main .delete-comment:hover {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -303px;
  background-repeat: no-repeat;
}
.social-main .lifestream-activity:hover .delete-activity, .social-main .activity-comment:hover .delete-comment {
  visibility: visible;
}
.social-main .lifestream-activity.user-owned:hover .timestamp, .social-main .activity-comment.user-owned:hover .comment-time {
  visibility: hidden;
}
.social-main .no-activities {
  font-size: 14px;
  color: #666;
  text-align: center;
  margin-top: 20px;
}
.social-main .show-more-activities {
  padding: 10px;
  text-align: center;
  color: #0773A6;
  cursor: pointer;
}
.social-main .service-icon {
  float: left;
  cursor: pointer;
  height: 18px;
  width: 18px;
}
.social-main .service-icon.aim img {
  top: -2284px;
  left: 0px;
}
.social-main .service-icon.twitter img {
  top: -2433px;
  left: 0px;
}
.social-main .service-icon.facebook img {
  top: -2302px;
  left: 0px;
}
.social-main .service-icon.instagram img {
  top: -2381px;
  left: 0px;
}
.social-posting-form {
  padding: 10px;
  background: #f6f6f6;
  position: relative;
  min-height: 45px;
  border-bottom: 1px solid #d4d4d4;
}
.social-posting-form .status-size-counter {
  position: absolute;
  bottom: 5px;
  right: -10px;
  width: 5px;
  text-align: left;
  color: gray;
}
.social-posting-form .status-size-counter.over-limit {
  color: red;
}
.social-posting-form .status-input {
  margin-bottom: 25px;
}
.social-posting-form .status-input textarea {
  min-height: 30px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
}
.social-posting-form .status-input textarea.is-showing-default-text {
  font-size: 16px;
}
.social-posting-form .posting-button {
  position: absolute;
  bottom: 2px;
  right: 8px;
  cursor: pointer;
}
.social-posting-form .social-crosspost-toggles {
  position: absolute;
  bottom: 8px;
}
.social-posting-form .social-crosspost-toggles label {
  float: left;
  padding: 5px 5px 0 0;
  color: gray;
}
.social-posting-form .social-crosspost-toggle {
  float: left;
}
.social-posting-form .crosspost-icon {
  cursor: pointer;
  float: left;
  padding: 0;
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: all 0 none;
  transition: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  height: 18px;
  width: 18px;
  margin: 4px 4px 0 0;
}
.social-posting-form .crosspost-icon.aim {
  cursor: default;
}
.social-posting-form .crosspost-icon.aim img {
  top: -2284px;
  left: 0px;
}
.social-posting-form .facebook .crosspost-icon img {
  top: -2320px;
  left: 0px;
}
.social-posting-form .service-icon.sprite.facebook img, .social-posting-form .facebook.active .crosspost-icon img {
  top: -2302px;
  left: 0px;
}
.social-posting-form .twitter .crosspost-icon img {
  top: -2451px;
  left: 0px;
}
.social-posting-form .twitter.active .crosspost-icon img {
  top: -2433px;
  left: 0px;
}
.editfriendly-name {
  margin-bottom: 10px;
}
.editfriendly-label {
  margin: 0 4px 0 2px;
}
.editfriendly-pushfriendlyname-label {
  font-size: 12px;
}
.confirm-delete-activity .modal-dialog-content {
  text-align: center;
}
.ftux-overlay .button, .ftux-overlay button {
  font-size: 14px;
  padding: 7px 14px 7px;
}
.aimlist-buttoncontainer {
  position: absolute;
  width: 100%;
  left: -1px;
  z-index: 1000000;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: white;
  padding: 0 0 2px;
  overflow: hidden;
  -webkit-box-shadow: 0px 3px 6px #777;
  -moz-box-shadow: 0px 3px 6px #777;
  box-shadow: 0px 3px 6px #777;
  border: 1px solid #52a8ec;
  border-top: 1px solid #d8dae3;
  margin-top: -1px;
}
.outreach-connect-title {
  font-size: 25px;
  text-align: center;
}
.outreach-next-button {
  width: 30px;
  margin: 10px auto;
  display: block;
  position: absolute;
  right: 70px;
}
.outreach-connect.notice {
  display: inline-block;
  position: absolute;
  right: 145px;
  text-align: right;
  margin-top: 25px;
  font-weight: bold;
  cursor: default;
  color: #fff;
  font-size: 12px;
}
.outreach-widget {
  width: 500px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -250px;
  margin-top: -200px;
}
.panels-container .outreach-widget {
  z-index: 3;
  margin-left: -150px;
}
.has-active-chat .outreach-widget {
  visibility: hidden;
}
.panels-container .panel-content .outreach-widget {
  margin-top: -189px;
  margin-left: -239px;
}
.panel.conversation-list-panel {
  z-index: 2;
}
.outreach-widget .outreach-icon {
  display: none;
}
.outreach-widget .outreach-chooser {
  width: 386px;
  margin: 0 auto;
  float: inherit;
}
.outreach-chooser .outreach-chooser-head {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/outreach/blank-person.png');
  height: 29px;
  width: 29px;
  float: left;
  margin: 2px 16px 0px 4px;
  position: relative;
}
.outreach-chooser .outreach-chooser-head .vr {
  width: 1px;
  position: absolute;
  height: 30px;
  background-color: #EAEAEA;
  right: -8px;
}
.invite-dialog {
  border: 1px solid #a6dfed;
  padding: 0px 10px;
  color: #414141;
  background-color: #e7edf1;
}
.invite-dialog .modal-dialog-title {
  background: inherit;
  border: 0px;
  box-shadow: none;
  padding: 8px inherit 0;
}
.invite-dialog .modal-dialog-title-close {
  display: block;
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/outreach/invite-x.png');
  background-color: inherit;
  height: 16px;
  width: 16px;
  top: 8px;
  right: 7px;
}
.invite-dialog p {
  margin: 10px 0;
}
.invite-dialog .title {
  font-size: 18px;
  font-weight: bold;
}
.invite-dialog input {
  width: 100%;
  box-sizing: border-box;
  font-size: 14px;
}
.invite-dialog .modal-dialog-buttons button.disabled {
  background-color: white;
  color: #666;
  text-shadow: inherit;
}
.olt-overlay {
  width: 700px;
}
.olt-overlay .outreach-title {
  font-size: 48px;
  margin-bottom: 0;
}
.olt-overlay .olt-img {
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/outreach/one_last_thing_contact_list.png') no-repeat top left;
  width: 288px;
  height: 324px;
  margin-left: -100px;
  position: relative;
  top: 15px;
  left: 50%;
  background-size: 75%;
}
.ie8 .olt-overlay .olt-img {
  background: none;
  width: 216px;
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//s.aimcdn.net/aimcom/static/2.38.0.6/outreach/one_last_thing_contact_list.png', sizingMethod='scale')";
}
.olt-overlay .olt-text {
  width: 160px;
  height: 30px;
  position: absolute;
  text-align: center;
  padding: 27px 20px 10px 10px;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/outreach/tooltip_pointing_right-transparent.png') no-repeat right center;
  font-weight: bold;
  color: white;
}
.olt-overlay .olt-text.callout-a {
  top: 135px;
  width: 190px;
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/outreach/tooltip_pointing_right-transparent.png') no-repeat right center;
  background-size: 100% 100%;
  right: 443px;
  padding: 22px 25px 17px 10px;
}
.ie8 .olt-overlay .olt-text.callout-a {
  background: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//s.aimcdn.net/aimcom/static/2.38.0.6/outreach/tooltip_pointing_right-transparent.png', sizingMethod='scale')";
}
.olt-overlay .olt-text.callout-b {
  top: 210px;
  width: 228px;
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/outreach/tooltip_pointing_right-transparent.png') no-repeat right center;
  background-size: 100% 100%;
  right: 443px;
  padding: 17px 20px 20px 10px;
}
.ie8 .olt-overlay .olt-text.callout-b {
  background: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//s.aimcdn.net/aimcom/static/2.38.0.6/outreach/tooltip_pointing_right-transparent.png', sizingMethod='scale')";
}
.olt-overlay .olt-text.callout-c {
  top: 283px;
  width: 230px;
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/outreach/tooltip_pointing_right-transparent.png') no-repeat right center;
  background-size: 100% 100%;
  right: 443px;
  padding: 22px 29px 17px 16px;
}
.ie8 .olt-overlay .olt-text.callout-c {
  background: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//s.aimcdn.net/aimcom/static/2.38.0.6/outreach/tooltip_pointing_right-transparent.png', sizingMethod='scale')";
}
.olt-overlay .olt-text.callout-d {
  top: 70px;
  width: 170px;
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/outreach/tooltip_pointing_left-transparent.png') no-repeat right center;
  background-size: 100% 100%;
  left: 460px;
  padding: 27px 18px 20px 30px;
}
.ie8 .olt-overlay .olt-text.callout-d {
  background: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//s.aimcdn.net/aimcom/static/2.38.0.6/outreach/tooltip_pointing_left-transparent.png', sizingMethod='scale')";
}
.olt-overlay .olt-text.callout-e {
  top: 292px;
  width: 190px;
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/outreach/tooltip_pointing_left-transparent.png') no-repeat right center;
  background-size: 100% 100%;
  left: 460px;
  padding: 27px 18px 22px 27px;
}
.ie8 .olt-overlay .olt-text.callout-e {
  background: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//s.aimcdn.net/aimcom/static/2.38.0.6/outreach/tooltip_pointing_left-transparent.png', sizingMethod='scale')";
}
.olt-overlay button, .olt-overlay [role="button"] {
  font-size: 16px;
  font-weight: bold;
  display: block;
  float: right;
  margin-top: 50px;
  margin-right: 15px;
}
/**************************************
 * Outreach - common styles
 **************************************/
.ftux-overlay {
  color: #baf0fe;
  font-family: "Helvetica Neue", Arial;
  width: 600px;
}
.ftux-header {
  margin: 0 auto 10px auto;
}
.facebook .ftux-header {
  margin-bottom: 40px;
}
.ftux-sub1 {
  font-size: 22px;
  text-align: center;
  color: #BAF0FE;
  margin-bottom: 10px;
}
.facebook .ftux-sub1 {
  font-size: 26px;
  text-align: initial;
  width: 600px;
}
.ftux-sub2 {
  text-align: center;
  padding: 0 50px 25px 50px;
  color: #BAF0FE;
  font-size: 16px;
}
.ftux-overlay-clouds {
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/outreach/clouds.png') center top repeat-x;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 150px;
}
.ftux-overlay-clouds .footer-logo {
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/logo/footer-aim-logo.png') 0 0 no-repeat;
  width: 60px;
  height: 30px;
  position: absolute;
  bottom: 25px;
  right: 25px;
}
/**************************************
 * Outreach - Welcome
 **************************************/
.ftux-welcome-header {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/ftux_welcome_header.png');
  width: 380px;
  height: 51px;
}
.ftux-welcome-icon {
  width: 90px;
  height: 90px;
  float: left;
  margin: 17px 15px 0 40px;
  cursor: pointer;
}
.facebook .ftux-welcome-icon {
  margin-top: 5px;
}
.ftux-welcome-icon-img, .ftux-welcome-icon-shadow {
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.ftux-welcome-icon-edit {
  position: relative;
  line-height: 18px;
  top: -111px;
  width: 100%;
  height: 18px;
  text-align: center;
  color: #fff;
  background-color: #000;
  opacity: .5;
  border-bottom-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-right-radius: 2px;
}
.ftux-welcome-icon-shadow {
  top: -93px;
  width: 90px;
  height: 90px;
  -webkit-box-shadow: inset 0 0 4px #000;
  -moz-box-shadow: inset 0 0 4px #000;
  box-shadow: inset 0 0 4px #000;
}
.facebook .ftux-welcome-icon {
  width: 58px;
  height: 58px;
  margin-left: 25px;
  cursor: default;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid white;
  -webkit-transition: border linear 0.1s, box-shadow linear 0.1s;
  -moz-transition: border linear 0.1s, box-shadow linear 0.1s;
  -ms-transition: border linear 0.1s, box-shadow linear 0.1s;
  -o-transition: border linear 0.1s, box-shadow linear 0.1s;
  transition: border linear 0.1s, box-shadow linear 0.1s;
  -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
  -moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
}
.facebook .ftux-welcome-icon-img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.ftux-welcome-allfieldsreq {
  position: absolute;
  right: 50px;
  font-weight: bold;
  font-size: 10px;
}
.ftux-welcome-facebookprompt {
  font-size: 24px;
  margin-bottom: 10px;
}
.welcome-pushfriendlyname {
  margin-left: 143px;
}
.ftux-welcome-form {
  height: 120px;
}
.facebook .ftux-welcome-form {
  height: inherit;
}
.ftux-welcome-form .input-cell {
  float: left;
  margin: 15px 0 0 0;
  height: 50px;
}
.ftux-welcome-form .input-cell.email {
  margin-top: 0;
}
.ftux-welcome-form .input-cell input {
  color: #414040;
  border: 1px solid #0cabd4;
  padding: 10px 5px;
  margin-right: 10px;
  width: 185px;
  font-size: 16px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.ftux-welcome-form .input-cell input:focus {
  border-color: #2593a7;
  -webkit-transition: border linear 0.1s, box-shadow linear 0.1s;
  -moz-transition: border linear 0.1s, box-shadow linear 0.1s;
  -ms-transition: border linear 0.1s, box-shadow linear 0.1s;
  -o-transition: border linear 0.1s, box-shadow linear 0.1s;
  transition: border linear 0.1s, box-shadow linear 0.1s;
  -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
  -moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
}
.ftux-welcome-form .input-cell input.ftux-welcome-email {
  width: 392px;
}
.ftux-welcome-form .input-cell input.error {
  border-color: red;
  color: red;
}
.ftux-welcome-form .input-cell input.error::-webkit-input-placeholder {
  color: red;
}
.ftux-welcome-form input.label-input-label {
  color: #9d9d9d;
}
.ftux-welcome-bottomdiv {
  width: 570px;
}
.ftux-welcome-looksgood, .ftux-welcome-addFBFriends {
  margin: 12px 20px 0 10px;
  float: right;
  color: #FFF;
}
.ftux-welcome-looksgood:hover {
  color: #FFF;
}
.ftux-welcome-legal {
  display: inline-block;
  margin-top: 10px;
  text-align: right;
  width: 300px;
  font-size: 9px;
  position: relative;
  left: 135px;
}
.facebook .ftux-welcome-legal {
  text-align: initial;
  width: 350px;
  left: 100px;
  margin-bottom: 25px;
}
.ftux-welcome-legal a {
  color: #fff;
}
.ftux-welcome-no-thanks-div {
  float: right;
  margin: 13px 10px 0 0;
}
a.ftux-welcome-no-thanks {
  color: #baf0fe;
  font-size: 16px;
  cursor: pointer;
  /* use border instead of underline for padding between line and text */

  border-bottom: 1px solid #baf0fe;
}
/**************************************
 * Outreach - Add Friends
 **************************************/
.ftux-addfriends-header {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/ftux_addfriends_header.png');
  width: 452px;
  height: 61px;
}
.outreach-connect {
  display: block;
  margin: 18px auto;
  width: 460px;
  height: 53px;
  color: #BAF0FE !important;
}
.outreach-connect .connected {
  position: relative;
  top: 18px;
  left: 75px;
  font-size: 16px;
}
.outreach-connect .disconnect {
  float: right;
  margin-top: 20px;
  cursor: pointer;
}
.outreach-connect .connected, .outreach-connect .disconnect {
  display: none;
}
.outreach-connect:focus {
  border: 1px solid #000;
}
.outreach-connect.facebook {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/ftux_addfriends_facebook.png');
  background-repeat: no-repeat;
}
.outreach-connect.facebook:active {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/outreach/btn-connect-facebook-active.png');
}
.outreach-connect.facebook.done {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/outreach/icon_facebook_connected.png');
  cursor: default;
}
.outreach-connect.facebook.done .connected, .outreach-connect.facebook.done .disconnect {
  display: inline-block;
}
.outreach-connect.google {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/ftux_addfriends_google.png');
  background-repeat: no-repeat;
}
.outreach-connect.google:active {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/outreach/btn-connect-google-active.png');
}
.outreach-connect.google.done {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/outreach/icon_google_connected.png');
  cursor: default;
}
.outreach-connect.google.done .connected, .outreach-connect.google.done .disconnect {
  display: inline-block;
}
.outreach-connect.invite {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/ftux_addfriends_invite.png');
}
.outreach-connect.invite:active {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/outreach/btn-connect-email-active.png');
}
/**************************************
 * Outreach - Choose window
 **************************************/
.ftux-choosewindow-header {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/ftux_choosewindow_header.png');
  width: 351px;
  height: 61px;
}
.ftux-choosewindow-single, .ftux-choosewindow-multi {
  display: inline-block;
  color: #FFF;
}
.ftux-choosewindow-single-image {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/ftux_choosewindow_single.png');
  width: 300px;
  height: 250px;
}
.ftux-choosewindow-multi-image {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/ftux_choosewindow_multi.png');
  width: 300px;
  height: 250px;
}
.ftux-choosewindow-radio-div {
  /*width: 23px;*/

  width: 13px;
  margin: 0 auto;
  cursor: pointer;
}
.ftux-choosewindow-radio {
  height: 23px;
  /*
  background-image: url('//s.aimcdn.net/aimcom/static/2.38.0.6/common/images/ftux_radio_button.png');
  width: 23px;
*/

}
/*
.ftux-choosewindow-radio.selected {
  background-image: url('//s.aimcdn.net/aimcom/static/2.38.0.6/common/images/ftux_radio_button_selected.png');
}
*/
.ftux-choosewindow-radio-label {
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
  cursor: pointer;
}
.ftux-choosewindow-radio-desc {
  text-align: center;
  font-size: 11px;
  cursor: pointer;
}
.ftux-choosewindow-next-button.marketing.button {
  float: right;
  margin-top: 33px;
  margin-right: 25px;
}
/**************************************
 * Outreach - Chooser
 **************************************/
.outreach-title {
  color: #fff;
  font-family: "Helvetica Neue", Arial;
  font-size: 42px;
  letter-spacing: 1.5px;
  text-align: center;
  text-shadow: #000000 0 -1px;
  margin-bottom: 13px;
}
.outreach-icon {
  width: 90px;
  height: 90px;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritehi/HiSprite.png');
  background-position: 0px -2058px;
  border: 1px solid #d4d4d4;
  float: left;
}
.outreach-field-container {
  position: relative;
  width: 360px;
  padding: 20px;
  margin: 0 auto;
  background-color: #F6F6F6;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #f6f6f6;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}
.outreach-field-container .pseudoPlaceHolder {
  font-size: 16px;
}
.outreach-carrot {
  width: 24px;
  height: 14px;
  position: absolute;
  top: -14px;
  left: 46px;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/outreach/outreach-carrot.png');
}
.outreach-chooser {
  float: left;
  margin: 55px 5px 0px;
}
.outreach-chooser .multi-chooser-submit {
  display: none;
}
.outreach-chooser .multi-chooser ul.fake-input {
  padding: 5px 4px;
  width: 350px;
  border: 1px solid #8eabbd;
}
.outreach-chooser .multi-chooser.active ul.fake-input {
  border-color: #52a8ec;
}
.outreach-chooser .multi-chooser button.chosen {
  font-size: 15px;
}
.outreach-chooser .multi-chooser button.chosen .text {
  top: inherit;
}
.outreach-chooser .multi-chooser button.chosen .close {
  margin: 3px 0px 0px 4px;
}
.outreach-chooser .chooser .aimlist-item {
  background-color: #F6F6F6;
}
/*
.outreach-chooser .chooser .aimlist-item.highlighted .aimlist-item-name-block,
.outreach-chooser .chooser .aimlist-item:hover .aimlist-item-name-block {
  color: black;
}*/
.outreach-chooser .chooser .aimlist-item.highlighted,
.outreach-chooser .chooser .aimlist-item:hover,
.outreach-chooser .aim-list-button.highlighted,
.outreach-chooser .aim-list-button:hover {
  background-color: #cbf1f4;
}
.outreach-chooser .aim-list-button {
  background-color: white;
  height: 12px;
  padding: 10px 12px;
  color: #4E5C62;
  font-size: 13px;
  font-family: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
  cursor: pointer;
  position: relative;
  border-top: 1px solid #FDFDFD;
  border-bottom: 1px solid #D8DAE3;
}
.outreach-chooser .aim-list-button .aim-list-button-text-sm, .outreach-chooser .aim-list-button .aim-list-button-text {
  margin-left: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.outreach-chooser .aim-list-button .aim-list-button-icon {
  position: absolute;
  top: 2px;
  left: 4px;
}
.outreach-chooser .aim-list-button.facebook .aim-list-button-icon {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/outreach/li-items-facebook.png');
  width: 23px;
  height: 23px;
  left: 6px;
  top: 4px;
}
.outreach-chooser .aim-list-button.google .aim-list-button-icon {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/outreach/li-items-google.png');
  height: 26px;
  width: 26px;
}
.outreach-chooser .aim-list-button.invite .aim-list-button-icon {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/outreach/li-items-invite.png');
  width: 23px;
  height: 15px;
  top: 8px;
  left: 6px;
}
.outreach-chooser .aim-list-button.add .aim-list-button-icon {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/outreach/outreach-add.png');
  height: 16px;
  width: 16px;
  top: 7px;
  left: 10px;
}
.outreach-chooser .aimlist-popup .aimlist-searchbar-input {
  width: auto;
  min-width: inherit;
  font-size: 16px;
  font-family: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
  color: #000;
  margin-top: 0px;
}
.outreach-chooser .aimlist-itemscontainer.popup {
  max-height: 153px;
  border: 1px solid #52a8ec;
  border-bottom: 0px;
  width: 100%;
  margin: -2px 0 0 -1px;
}
.outreach-chooser  .aimlist-itemscontainer.popup .vl-scrollbar {
  max-height: 153px;
}
.outreach-chooser .aim-list-button .aim-list-invite-name {
  font-weight: bold;
}
.outreach-chooser .aimlist-itemscontainer.filtering .bottom-fixed-headers {
  display: inherit;
}
.outreach-message {
  text-align: center;
}
.outreach-group-chat-name {
  margin: 15px 0 0;
  padding: 8px;
  font-size: 15px;
  width: 100%;
  font-family: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
  font-size: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.outreach-message-field {
  margin-top: 15px;
  font-size: 15px;
  font-family: 'Lucida Grande';
}
.outreach-message-field .messaging-posting-form {
  position: inherit;
  left: inherit;
  right: inherit;
  bottom: inherit;
  display: inherit;
  background: inherit;
  padding: inherit;
  -webkit-box-shadow: inherit;
  -moz-box-shadow: inherit;
  box-shadow: inherit;
}
.outreach-message-field .messaging-posting-form .inputs {
  padding-left: 0;
}
.outreach-message-field .messaging-posting-form .plus-input {
  display: none;
}
.outreach-group-chat-name.label-input-label {
  color: #999;
}
.outreach-message-field .is-showing-default-text {
  color: #999;
}
.outreach-message-field .messaging-posting-form textarea {
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #8eabbd;
  -webkit-box-shadow: 0 1px 0 #fff;
  -moz-box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 #fff;
  display: inline-block;
  font-family: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
  font-size: 16px;
  min-height: 100px;
}
.outreach-message-field .messaging-posting-form textarea:focus {
  outline: 0;
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
.outreach-message button {
  margin: 12px 0 -3px;
  float: right;
}
/*******************************************************
 * Outreach - Chooser (small mode)
 *******************************************************/
.small-mode .outreach-title {
  font-size: 24px;
  margin-bottom: 19px;
}
.small-mode .outreach-field-container {
  width: 230px;
  padding: 5px;
}
.small-mode .outreach-chooser {
  width: 230px;
}
.small-mode .outreach-carrot {
  left: 11px;
}
.small-mode .outreach-chooser .multi-chooser ul.fake-input {
  width: 220px;
}
.small-mode .outreach-chooser .aimlist-popup .aimlist-searchbar-input {
  min-width: 210px;
  width: 210px!important;
  font-size: 13px!important;
  padding-left: 2!important;
  /* a bit nasty, but sometimes we don't resize this when we checkSize */

}
.small-mode .outreach-chooser .aimlist-itemscontainer {
  min-width: 198px;
}
.small-mode .outreach-group-chat-name, .small-mode .outreach-message-field {
  margin-top: 5px;
}
.small-mode .outreach-message button {
  margin: 1px 0 0;
}
.outreach-chooser .aim-list-button .aim-list-button-text-sm, .small-mode .outreach-chooser .aim-list-button .aim-list-button-text {
  display: none;
}
.small-mode .outreach-chooser .aim-list-button .aim-list-button-text-sm {
  display: inherit;
}
.small-mode .outreach-chooser-head {
  display: none;
}
.ftux-aim-logo {
  width: 80px;
  height: 31px;
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/images/ftux_logo.png') no-repeat center center;
  position: relative;
  margin-left: -25px;
  margin-bottom: 5px;
}
.ftux-indicators {
  height: 10px;
  width: 52px;
  margin-left: -26px;
  position: relative;
  top: 50px;
  left: 50%;
  clear: both;
}
.ftux-indicators .indicator {
  width: 7px;
  height: 7px;
  float: left;
  border-radius: 5px;
  margin: 0 3px;
  -webkit-box-shadow: inset 0 0 3px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px 3px rgba(0, 0, 0, 0.3);
}
.ie8 .ftux-indicators .indicator {
  border: 1px solid #444;
}
.ftux-indicators.ftux-3, .ftux-indicators.ftux-4 {
  top: -10px;
}
.ftux-indicators.ftux-1 .indicator.ftux-1,
.ftux-indicators.ftux-2 .indicator.ftux-2,
.ftux-indicators.ftux-3 .indicator.ftux-3,
.ftux-indicators.ftux-4 .indicator.ftux-4 {
  -webkit-box-shadow: inset 0 0 3px 3px #000000;
  -moz-box-shadow: inset 0 0 3px 3px #000000;
  box-shadow: inset 0 0 3px 3px #000000;
  background-color: #000;
}
.browser .indicator.ftux-3 {
  display: none;
}
.web .ftux-indicators {
  margin-left: -15px;
}
.web .indicator.ftux-3 {
  display: none;
}
.web .olt-img {
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/outreach/web_client.png');
  background-size: 80% 80%;
  width: 505px;
  height: 385px;
  margin-left: -195px;
}
.web .olt-text.callout-a {
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/outreach/tooltip_pointing_left-transparent.png') no-repeat right center;
  background-size: 100% 100%;
  left: 550px;
  top: 85px;
  padding-left: 25px;
  padding: 22px 25px 17px 25px;
}
.web .olt-text.callout-b {
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/outreach/tooltip_pointing_left-transparent.png') no-repeat right center;
  background-size: 100% 100%;
  left: 548px;
  top: 310px;
  padding-left: 32px;
}
.web .olt-text.callout-c {
  display: none;
}
.web .olt-text.callout-d {
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/outreach/tooltip_pointing_right-transparent.png') no-repeat right center;
  background-size: 100% 100%;
  padding-left: 23px;
  padding-right: 33px;
  left: -61px;
  top: 116px;
}
.web .olt-text.callout-e {
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/outreach/tooltip_pointing_right-transparent.png') no-repeat right center;
  background-size: 100% 100%;
  padding-right: 30px;
  left: -74px;
  top: 277px;
}
.web .olt-overlay button, .web .olt-overlay [role="button"] {
  margin-top: 0;
}
.invite-confirmation h3 {
  font-size: 16px;
  margin-bottom: 5px;
}
.invite-confirmation .modal-dialog-buttons {
  height: 65px;
}
.invite-confirmation .modal-dialog-buttons button {
  width: 90px;
  position: absolute;
  top: 100px;
  left: 50%;
  margin-left: -45px;
}
.invite-confirmation .modal-dialog-buttons button.goog-buttonset-default {
  top: 60px;
  width: 180px;
  margin-left: -90px;
}
.modal-dialog-bg {
  z-index: 30;
  opacity: 1 !important;
  /*having to override the js file*/

}
.stepper-dialog {
  width: 630px;
  height: 410px;
  z-index: 1000001;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  box-shadow: none;
  background: #eef2f5;
  border: 6px solid rgba(238, 242, 245, 0.85);
}
.stepper-dialog .modal-dialog-title {
  background: -webkit-gradient(linear, left top, left bottom, from(#eff5f8), to(#cae6ed));
  background: -moz-linear-gradient(top, #eff5f8, #cae6ed);
  padding: 10px 15px;
  display: none;
}
.stepper-dialog .modal-dialog-title-close {
  display: none;
}
.stepper-dialog .stepper-step-container {
  height: 100%;
}
.stepper-dialog .modal-dialog-buttons {
  position: absolute;
  width: 100%;
  z-index: 2000010;
  text-align: right;
  bottom: 10px;
  right: 10px;
  padding: 0px;
}
.stepper-dialog .modal-dialog-buttons button.disabled {
  opacity: .65;
  cursor: default;
  display: none;
}
.stepper-dialog .modal-dialog-buttons p {
  display: none;
  float: left;
  line-height: 35px;
  color: #999;
}
.stepper-dialog .modal-dialog-buttons span {
  margin: 0px 5px;
}
.stepper-dialog .modal-dialog-content {
  width: 100%;
  max-width: 1168px;
  margin: 0px auto;
  height: 100%;
  position: relative;
  padding: 0px;
}
.stepper-dialog .modal-dialog-content .clouds-container {
  position: absolute;
  height: 150px;
  width: 100%;
  overflow: hidden;
  bottom: 0px;
}
.stepper-dialog .modal-dialog-content .clouds-container.welcome {
  height: 325px;
}
.stepper-dialog .modal-dialog-content .clouds {
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/stepper/clouds.png') top center no-repeat;
  width: 100%;
  max-width: 1168px;
  height: 100%;
  position: absolute;
}
.stepper-dialog .modal-dialog-content .alien {
  width: 223px;
  height: 300px;
  position: absolute;
  bottom: 150px;
  left: 100px;
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/stepper/alien.png') no-repeat;
  z-index: 1000040;
}
.stepper-dialog .modal-dialog-content h2.aim {
  text-indent: -50000px;
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/stepper/logo.png') no-repeat;
  display: block;
  width: 146px;
  height: 68px;
  margin: 45px auto 0 auto;
}
.stepper-dialog .modal-dialog-content .buttons {
  position: absolute;
  bottom: 80px;
  right: 150px;
  z-index: 1000060;
}
.stepper-dialog button {
  /*border: 1px solid #3580ce;
  color: #fff;
  font-size: 17px;
  font-family: Helvetica, sans-serif;
  font-weight: normal;
  background: rgb(122,188,255);
  background: -moz-linear-gradient(top, rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,188,255,1)), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1)));
  background: -webkit-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%);
  background: -o-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%);
  background: -ms-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%);
  background: linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%);*/

}
.stepper-dialog button.reject {
  margin-left: 10px;
}
.stepper-dialog button.reject, .stepper-dialog button.previous {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #e7e7e7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e7e7e7));
  background: -webkit-linear-gradient(top, #ffffff 0%, #e7e7e7 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #e7e7e7 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #e7e7e7 100%);
  background: linear-gradient(top, #ffffff 0%, #e7e7e7 100%);
  color: #515151;
  border: 1px solid #c7c7c7;
}
.stepper-dialog .tutorial-content {
  width: 100%;
  height: 100%;
}
.stepper-dialog .tutorial-content .column {
  height: 434px;
}
.stepper-dialog .tutorial-content .column.left {
  width: 45%;
  float: left;
}
.stepper-dialog .tutorial-content .column.right {
  width: 52%;
  float: right;
}
.stepper-dialog .tutorial-content .btw {
  font-size: 10px;
  font-style: italic;
  color: #666;
  margin-top: 8px;
}
.stepper-dialog .tutorial-content.welcome .form {
  position: absolute;
  top: 30px;
  width: 100%;
  height: 100%;
}
.stepper-dialog .tutorial-content.welcome .table {
  display: table;
  width: 100%;
  margin-top: 12px;
  padding: 0 75px;
}
.stepper-dialog .tutorial-content.welcome input {
  height: 24px;
  width: 210px;
  padding: 3px;
  font-size: 16px;
}
.stepper-dialog .tutorial-content.welcome .button-container {
  position: absolute;
  right: 15px;
  bottom: 45px;
}
.stepper-dialog .tutorial-content.welcome .email-input-cell {
  display: inline-block;
  width: 230px;
  padding-right: 20px;
}
.stepper-dialog .tutorial-content.welcome .email-input-cell input {
  width: 450px;
}
.stepper-dialog .tutorial-content.welcome .input-cell {
  display: table-cell;
  width: 50%;
  padding-right: 20px;
}
.stepper-dialog .tutorial-content.welcome .row {
  display: block;
  width: 500px;
}
.stepper-dialog .tutorial-content.welcome .message {
  font-size: 17px;
  text-align: center;
  margin-bottom: 0px;
  line-height: 1.2em;
}
.stepper-dialog .tutorial-content.welcome .message .welcome-message {
  font-family: Helvetica, sans-serif;
  color: #24354d;
  font-size: 52px;
  display: block;
  margin: 30px 0 110px 0;
  line-spacing: 1.5px;
}
.stepper-dialog .tutorial-content h2 {
  font-size: 44px;
  color: #2E6373;
  margin-top: 63px;
  font-family: Helvetica, sans-serif;
  text-shadow: 0 1px 0 #fff;
  margin-bottom: 8px;
}
.stepper-dialog .tutorial-content p {
  color: #666;
  font-size: 15px;
  line-height: 1.4em;
  padding-right: 10px;
  text-shadow: 0 1px 0 #fff;
}
.stepper-dialog .tutorial-content .label {
  color: #2E6373;
  font-size: 11px;
  display: inline-block;
  width: 230px;
  padding: 3px 5px;
}
.stepper-dialog .tutorial-content p.fine-print {
  font-size: 12px;
}
.stepper-dialog .tutorial-content .img {
  border: 3px dashed #c7c7c7;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  float: right;
}
.stepper-dialog .tutorial-content.sync .column.left .img {
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/stepper/sync.png') no-repeat !important;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: none;
  -webkit-border-radius: none;
  -moz-border-radius: none;
  display: block;
}
.stepper-dialog .tutorial-content.inline .column.left .img {
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/stepper/inline.png') no-repeat !important;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: none;
  -webkit-border-radius: none;
  -moz-border-radius: none;
  display: block;
}
.stepper-dialog .tutorial-content.groupchats .column.left .img {
  background: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/stepper/chat.png') no-repeat !important;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: none;
  -webkit-border-radius: none;
  -moz-border-radius: none;
  display: block;
}
.stepper-dialog .tutorial-content.sync h2 {
  font-size: 44px;
  line-height: .9em;
  padding-bottom: 0px;
}
.stepper-dialog .tutorial-content.groupchats h2 {
  padding-bottom: 0;
}
.stepper-dialog.box-stepper {
  height: auto!important;
  position: absolute;
  background: #f17700;
  color: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 0px;
  width: 200px;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  border: none;
}
.stepper-dialog.box-stepper .modal-dialog-title, .stepper-dialog.box-stepper .modal-dialog-content, .stepper-dialog.box-stepper .modal-dialog-buttons {
  padding: 10px 10px 10px 10px;
  width: 298px;
}
.stepper-dialog.box-stepper .modal-dialog-title {
  display: none;
  background: none;
  font-size: 22px;
  color: #fff;
  text-shadow: 0 1px 0 #B63B0F;
  border-bottom: 1px solid #b63b0f;
}
.stepper-dialog.box-stepper .modal-dialog-content {
  height: auto!important;
}
.stepper-dialog.box-stepper .modal-dialog-buttons {
  position: static;
  text-align: right;
  float: right;
  margin: 0px;
  padding: 3px;
}
.stepper-dialog.box-stepper .modal-dialog-buttons p.counter {
  display: block;
  color: #FFDCD0;
  font-size: 11px;
  font-weight: bold;
}
.stepper-dialog.box-stepper .modal-dialog-buttons button {
  font-size: 13px;
  margin-right: 0px;
  margin-left: 5px;
  display: none;
}
.stepper-dialog.box-stepper .modal-dialog-buttons button.disabled {
  display: none;
}
.stepper-dialog.box-stepper .arrow-left {
  position: absolute;
  left: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #cb5207;
}
.stepper-dialog.box-stepper .arrow-top {
  position: absolute;
  right: 20px;
  top: -9px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #F17700;
}
.stepper-dialog.box-stepper .arrow-bottom {
  position: absolute;
  left: 145px;
  bottom: -65px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #cb5207;
}
.web .stepper-dialog.box-stepper.boxOne {
  right: 15px!important;
  left: auto!important;
  top: 45px!important;
}
.stepper-dialog.box-stepper.boxOne .modal-dialog-buttons p.counter {
  display: none;
}
.stepper-dialog .progress {
  position: absolute;
  bottom: 12px;
  left: 15px;
  z-index: 10;
}
.stepper-dialog .progress .step {
  display: inline-block;
  width: 11px;
  height: 10px;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -443px;
  background-repeat: no-repeat;
  background-color: transparent;
  padding: 0 3px;
}
.stepper-dialog .sync .progress .step.one, .stepper-dialog .groupchats .progress .step.two, .stepper-dialog .inline .progress .step.three {
  background-position: 0px -433px;
}
.aim-dialog-bg .close {
  position: absolute;
  top: 8px;
  right: 8px;
  color: #fff;
  border: 1px solid #666;
  padding: 5px;
  background: #000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}
.aim-dialog-bg .close .x {
  display: inline-block;
  margin-right: 8px;
  margin-bottom: -2px;
  width: 13px;
  height: 12px;
  background-image: url('https://s.aimcdn.net/aimcom/static/2.38.0.6/common/spritelo/LoSprite.png');
  background-position: 0px -315px;
  background-repeat: no-repeat;
  background-color: transparent;
}
.connect-setup-box {
  background: #FFF;
  top: 75px!important;
  min-height: 270px;
}
.connect-setup-box .box-header {
  display: none;
}
.connect-setup-box .panel-header-header {
  left: 10px;
}
.connect-setup-box h3 {
  font-size: 14px;
  font-weight: bold;
  color: #494949;
  text-shadow: 0 1px 0 #fff;
  padding: 14px 5px;
}
.connect-setup-box p {
  font-size: 12px;
  color: #494949;
  margin-bottom: 10px;
  line-height: 1.3em;
  padding: 0 5px;
}
.connect-setup-box .invite-input {
  height: 22px;
  font-size: 14px;
  color: #666;
  padding: 4px;
  position: absolute;
  left: 10px;
  right: 90px;
}
.connect-setup-box .invite-panel {
  padding: 0 10px 60px 10px;
  border-bottom: 1px solid #fff;
  box-shadow: 0 1px 0 #EEF2F5;
}
.connect-setup-box .send-invite {
  font-size: 16px;
  position: absolute;
  right: 15px;
}
.connect-setup-box .network-panel.settings {
  background: transparent;
  text-align: left;
  padding: 10px 10px 20px 10px;
}
.connect-setup-box .network-panel .associated-services {
  border: 1px solid #CCC;
  border-bottom: none;
  background-color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.find-friends-services .service-header .inner .service h3 {
  padding: 0;
}
.find-friends-services .account-settings button.delete, .find-friends-services .account-settings [role="button"].delete {
  position: relative;
  left: 100%;
  margin: 10px 0 10px -175px;
}
.find-friends-content {
  background-color: #f4f4f4;
}
.find-friends-services.settings {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #d4d4d4;
  background: #fff;
}
.find-friends-services.settings .google-list .service-header {
  border-bottom: none;
}
.connect-setup-box .panel-header {
  z-index: 2;
}
.connect-setup-box .box-body {
  height: 100%!important;
  width: auto;
  border: 1px solid #D4D4D4!important;
  padding: 5px 0;
  bottom: 10px;
}
.find-friends-panel {
  background: transparent;
}
.find-friends-panel .panel-content {
  background: #EEF2F5!important;
}
body.find-friends .chat-panel {
  display: none;
}
.client-container-secondarypanel .connect-setup-box.active .panel-header {
  display: block;
  position: relative;
}
.client .connect-setup-box .box-body {
  top: 50px!important;
  margin-top: -15px;
  padding-top: 15px;
  z-index: 1;
}
.client .connect-setup-box.deactivated {
  display: none!important;
}