/**
 * BEGIN FLOCK GPL
 *
 * Copyright Flock Inc. 2005-2009
 * http://flock.com
 *
 * This file may be used under the terms of the
 * GNU General Public License Version 2 or later (the "GPL"),
 * http://www.gnu.org/licenses/gpl.html
 *
 * Software distributed under the License is distributed on an "AS IS" basis,
 * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
 * for the specific language governing rights and limitations under the
 * License.
 *
 * END FLOCK GPL
 */

#peopleSidebar {
  font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#peopleSidebar[viewmode="full"] .view-full {
  display: block;
}

#peopleSidebar[viewmode="compact"] .view-compact {
  display: -moz-box; 
}

#peopleSidebar[viewmode="compact"] .view-full,
#peopleSidebar[viewmode="full"] .view-compact {
  display: none;
}

#taglineTooltip {
  -moz-box-orient: vertical;
  border: 1px solid #888888;
  font-size: 11px;
}

#ttipDisplayName {
  font-weight: bold;
  margin-bottom: 2px;
}

#peepsContainer {
  background: #cccccc;
}

  #peepsContainer .divider-top {
    min-height: 2px;
    max-height: 2px;
    border-bottom: 1px solid #a3a3a3;
    background-color: #ffffff;
  }

  #peepsContainer .divider-bottom {
    min-height: 3px;
    max-height: 3px;
    border-top: 1px solid #a3a3a3;
    border-bottom: 1px solid #a3a3a3;
    background-color: #ffffff;
  }

  /* ----------------- Me card styling ----------------------- */

  /* Global button styling for the mecard */
  mecard toolbarbutton {
    border: 0 !important;
  }

  mecard .toolbarbutton-icon {
    padding: 0 !important;
  }

  mecard .toolbarbutton-menu-dropmarker {
    display: none;
  }

  mecard .toolbarbutton-text {
    padding: 0 !important;
    margin-left: 2px !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    text-align: left;
    -moz-box-flex: 0 !important;
  }

  mecard,
  .logged-out-message-container,
  .login-button-container,
  serviceStatusBar,
  serviceStatusBarCondensed {
    background-color: #f5f5f5;
  }


  /**
   * Allow the mecard to gain focus in status change mode. In doing this we
   * allow the user to click anywhere on the mecard (in addition to any
   * control that causes the status box to lose focus) and accept the status
   * entry.
   */
  mecard {
    -moz-user-focus: ignore;
  }

  mecard[isChangingStatus="true"] {
    -moz-user-focus: normal !important;
  }

  mecard .mecard-outercontainer {
    -moz-box-flex: 1;
  }

  mecard .service-header-container {
    height: 25px;
    max-height: 25px;
    padding-left: 5px;
    border-bottom: 1px solid #ffffff;
    -moz-box-align: center;
    -moz-box-pack: start;
  }

  mecard .service-header-container hbox {
    -moz-box-align: center;
  }

    image.throbber {
      display: inline;
      list-style-image: url("chrome://browser/skin/Throbber.gif");
      height: 20px;
      width: 20px;
      margin: 0;
      -moz-box-align: center;
    }

    mecard[isRefreshing="false"] image.throbber,
    mecard:not([isRefreshing]) image.throbber,
    #statusChangePanel[isRefreshing="false"] image.throbber,
    #statusChangePanel:not([isRefreshing]) image.throbber,
    #statusChangePanel[isRefreshing="true"] #remainingChars {
      display: none;
    }

    mecard .service-favicon {
      max-width: 16px;
      max-height: 16px;
      cursor: pointer;
      margin-left: 2px;
      margin-right: 2px;
      -moz-box-align: center;
    }

    mecard[isRefreshing="true"] .service-favicon {
      display: none;
    }

    mecard .service-name {
      color: #ffffff;
      font-size: 12px;
      font-weight: bold;
      cursor: pointer;
      margin-left: 2px;
    }

    mecard .service-name:hover {
      text-decoration: underline;
    }

    mecard .logout-link {
      color: #ffffff;
      display: none;
      margin: 1px 7px 0 0;
      font-size: 9px;
    }

    mecard[isAuthenticated="true"] .logout-link {
      display: -moz-box;
    }

  mecard .mecard-info-panel {
    border-bottom: 1px solid #989898;
    -moz-box-align: start;
    -moz-box-flex: 1;
    min-width: 10px;
  }

    mecard vbox.mecard-avatar-box {
      padding: 0;
      min-width: 52px;
      max-width: 52px;
      min-height: 52px;
      max-height: 52px;
      border: 1px solid #494748;
      margin: 7px 0 0 7px;
      cursor: pointer;
      background-color: #000000;
      -moz-box-pack: center;
      -moz-box-align: center;
    }

    mecard .mecard-avatar {
      max-width: 50px;
      max-height: 50px;
      position: relative;
      top: 1px;
    }

    mecard .me-card-detail-box {
      margin: 7px 0 0 7px;
      min-height: 90px;
      -moz-box-flex: 1;
    }

    mecard .logout-link:hover {
      cursor: pointer;
      text-decoration: underline;
    }

    mecard .mecard-name {
      font-weight: bold;
      color: #000000;
      font-size: 12px;
      margin: 0 !important;
      cursor: pointer;
      -moz-box-align: center;
    }

    mecard .mecard-name:hover {
      text-decoration: underline;
    }

    mecard .mecard-lastupdate {
      margin: 0 !important;
    }

    mecard .tagline-container {
      display: none;
    }

    mecard .tagline-container,
    mecard .me-card-name-container {
      height: 13px;
      margin-right: 3px;
      -moz-box-align: center;
    }

    mecard .tagline-info-container {
      margin-right: 3px;
      height: 12px;
      -moz-box-align: center;
      -moz-box-pack: start;
      display: none;
    }

    mecard[isSupportsSettableStatus="true"][isMeStatusSupported="true"]:not([tagline=""]) .mecard-edit-status,
    mecard[isMeStatusSupported="true"]:not([tagline=""]) .tagline-info-container,
    mecard[isSupportsSettableStatus="true"][isMeStatusSupported="true"] .tagline-container {
      display: -moz-box; 
    }

    mecard .mecard-tagline-info {
      font-family: "Helvetica Neue", Helvetica, Arial, FreeSans, sans-serif;
      font-weight: normal;
      font-size: 9px;
      color: #555555;
      margin: 0 !important;
    }

    mecard .mecard-tagline {
      font-family: "Helvetica Neue", Helvetica, Arial, FreeSans, sans-serif;
      font-weight: normal;
      font-size: 11px;
      color: #333333;
      margin: 0 !important;
      -moz-box-flex: 1;
      -moz-box-align: center;
    }

    mecard[isSupportsSettableStatus="true"] .mecard-tagline:hover {
      cursor: pointer;
      text-decoration: underline;
    }

      mecard .mecard-edit-status {
        font-family: "Helvetica Neue", Helvetica, Arial, FreeSans, sans-serif;
        font-weight: normal;
        font-size: 9px;
        color: #66a1ec;
        margin: 0 0 0 3px;
        display: none;
      }

      mecard:not([taglineInfo]) .mecard-edit-status,
      mecard[taglineInfo=""] .mecard-edit-status {
        margin: 0 0 0 0px;
      }

      mecard .mecard-edit-status:hover {
         text-decoration: underline;
         cursor: pointer;
      }

    mecard .notifier-box {
      margin-top: 4px;
      margin-right: 0px;
      min-height: 35px;
      margin-bottom: 5px;
      -moz-box-align: end;
      -moz-box-flex: 1;
      -moz-box-pack: end;
    }

      mecard .notifier-box notifier {
        margin: 0 10px 0 0;
      }

      mecard .notifier-box notifier:last-child {
        margin: 0 5px 0 0;
      }

      mecard .notification-box {
        cursor: pointer;
        -moz-box-align: start !important;
        -moz-box-pack: end;
        min-height: 35px;
      }

      mecard notifier .notifier-type-icon {
        cursor: pointer;
        padding: 0;
        max-width: 16px;
        max-height: 16px;
        margin-right: 1px;
      }

      mecard notifier[count="0"] .notification-count-display,
      mecard notifier[count=""] .notification-count-display,
      mecard notifier:not([count]) .notification-count-display {
        visibility: hidden;
      }

mecard .mecard-nav-bar {
  background-color: #dadada;
  border-top: 1px solid #ffffff;
  border-bottom: none;
  height: 21px;
  min-height: 21px;
  -moz-box-align: center !important;
  -moz-box-flex: 1;
  -moz-box-pack: center;
}

mecard .navbar-button-container {
  background-image: url("chrome://flock/skin/people/mecardNavBackground.png");
  background-position: bottom left;
  background-repeat: repeat-x;
  color: #545454;
  padding: 0 !important;
  border-right: 1px solid #ffffff;
  border-left: 1px solid #989898;
  border-top: 0;
  border-bottom: 1px solid #989898;
  -moz-box-flex: 1;
  -moz-box-pack: center;
  min-height: 21px;
}

mecard .navbar-button-container:hover {
  background-image: url("chrome://flock/skin/people/hoverNavbarBg.png");
  color: #2b2b2b;
}

mecard .navbar-button-container[selected=true] {
  background-image: none;
  background-color: white;
  border-bottom: 1px solid white;
  color: #191919;
}

mecard .mecard-nav-bar toolbarbutton {
  -moz-appearance: none;
  cursor: pointer;
  margin: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  padding: 0 !important;
}

mecard .navbar-button label {
  font-size: 9px;
  font-weight: bold;
  text-align: center;
}

mecard .post-link-button-container[dropzoneengaged="true"],
mecard .upload-button-container[dropzoneengaged="true"] {
  background: #e6e5e5;
}

  mecard .mecard-logged-out-container {
    padding-bottom: 10px;
    border-bottom: 1px solid #989898;
    -moz-box-flex: 1;
    -moz-box-pack: start;
  }

    mecard .login-button-container {
      -moz-box-flex: 1;
      -moz-box-pack: center;
    }

    mecard .logged-out-message-container {
      -moz-box-flex: 1;
      -moz-box-pack: center;
    }

    mecard .logged-out-message {
      color: #000000;
      font-size: 12px;
      max-width: 190px;
      text-align: center;
      font-weight: bold;
      margin: 10px;
      -moz-box-flex: 1;
    }

/* ----------------- Person card styling ----------------------- */

/* Global button styling for the friendcard */
friendcard toolbarbutton {
  border: 0 !important;
}

friendcard .toolbarbutton-icon {
  padding: 0 !important;
}

friendcard .toolbarbutton-menu-dropmarker {
  display: none;
}

#friendList,
#activityList {
  -moz-appearance: none;
  margin: 0;
}

/* By default we hide all friendcards */
#friendList friendcard {
  display: none;
}

.friendList[filtered] friendcard:not(.match) {
  display: none !important;
}

/* Show all friend cards when there is no
   specific service is selected */
#friendList[currentServiceId=""] friendcard,
#friendList:not([currentServiceId]) friendcard {
  display: -moz-box;
}

friendcard .toolbarbutton-text {
  padding: 0 !important;
  margin-left: 2px !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  text-align: left;
}

friendcard {
  padding: 0;
  background: #ffffff url("chrome://flock/skin/people/friendcardBackground.png") top left repeat-x;
  border-bottom: 1px solid #c8c8c8;
}

friendcard[selected="true"] {
  background: #cde4fe url("chrome://flock/skin/people/friendcardBackgroundSelected.png") top left repeat-x;
}

friendcard[dropzoneengaged="true"] {
  background-color: #ededed;
  background-image: none;
}

  friendcard .buddy-item-top-box {
    -moz-box-align: start;
    -moz-box-flex: 1;
  }

  friendcard .buddy-info {
    min-height: 70px;
    height: 70px;
    -moz-box-flex: 1;
    -moz-box-pack: start;
  }

  friendcard vbox.buddy-avatar-box {
    margin: 7px 0 0 7px;
    padding: 0;
    min-width: 52px;
    max-width: 52px;
    min-height: 51px;
    max-height: 51px;
    border: 1px solid #494748;
    border-bottom: 0px;
    background-color: #000000;
    -moz-box-pack: center;
    -moz-box-align:center;
    cursor: pointer;
  }

  friendcard .buddy-avatar {
    max-width: 50px;
    max-height: 50px;
    position: relative;
    top: 1px;
  }

  friendcard .avatar-footer {
    max-height: 10px;
    max-width: 52px;
    margin: 0 0 7px 7px;
  }

  friendcard label[anonid="person-tagline"] {
    max-height: 12px;
    -moz-box-align: start;
    -moz-box-flex: 1;
  }

  friendcard .buddy-name {
    font-weight: bold;
    color: #000000;
    font-size: 10px;
    margin: 7px 0 0 7px;
    cursor: pointer;
    -moz-box-align: start;
  }

  friendcard .buddy-name:hover {
    text-decoration: underline;
  }

  friendcard .person-tagline-container {
    -moz-box-flex: 0;
  }

  friendcard .buddy-tagline {
    cursor: default;
%ifndef XP_WIN
    font-family: "Helvetica Neue", Helvetica, Arial, FreeSans, sans-serif;
%endif
    font-weight: normal;
    font-size: 11px;
    color: #000000;
    margin: 0 0 0 7px;
  }

  friendcard:not([taglineUrl=""]) .buddy-tagline[onclick]:hover,
  friendcard .buddy-tagline-clickable a:hover {
    cursor: pointer;
    text-decoration: underline;
  }

  friendcard .buddy-lastupdate {
    max-height: 12px;
%ifndef XP_WIN
    font-family: "Helvetica Neue", Helvetica, Arial, FreeSans, sans-serif;
%endif
    font-weight: normal;
    font-style: normal;
    font-size: 10px;
    color: #666666;
    margin: 1px 0 0 7px;
    -moz-box-align: start;
    -moz-box-flex: 1;
  }

  friendcard[quote=""] .buddy-tagline,
  friendcard .buddy-lastupdate[value=""],
  friendcard[lastupdate="0"] .buddy-lastupdate {
    display: none;
  }

  friendcard .dotted-divide {
    list-style-image: url("chrome://flock/skin/people/dottedDivide.png");
    max-height: 9px;
    max-width: 2px;
    margin: 0 7px 0 7px;
  }

  friendcard .info-spacer {
    -moz-box-flex: 1;
  }
/* Person card navigation bar */
  friendcard .first-button,
  friendcard .menu-actions {
    color: #2f64da;
  }

  friendcard .person-nav-bar-container {
    -moz-box-align: center;
    -moz-box-pack: start;
    margin: 0 0 0 7px;
    padding-bottom: 5px;
  }

  friendcard .person-nav-bar-container toolbarbutton > label {
    font-size: 10px;
    font-weight: bold;
  }

  friendcard .first-button {
    -moz-appearance: none;
    margin: 0 !important;
    cursor: pointer;
    padding: 0;
    list-style-image: url("chrome://flock/skin/people/flockBarIcons.png");
    -moz-image-region: rect(76px 24px 95px 5px);
  }

  friendcard .first-button:hover {
    -moz-image-region: rect(101px 24px 120px 5px);
  }

  friendcard[unseenMedia="0"] .first-button {
    -moz-image-region: rect(1px 24px 20px 5px);
  }

  friendcard[unseenMedia="0"] .first-button:hover {
    -moz-image-region: rect(26px 24px 45px 5px);
  }

  friendcard[serviceId="@flock.com/people/twitter;1"] .first-button {
    list-style-image: url("chrome://flock/skin/people/replyButton.png");
    -moz-image-region: rect(0px 13px 13px 0px);
  }

  friendcard[serviceId="@flock.com/people/twitter;1"] .first-button:hover {
    -moz-image-region: rect(34px 13px 47px 0px);
  }

  friendcard .first-button hbox {
    -moz-box-align: center !important;
    -moz-box-flex: 0 !important;
    -moz-box-pack: start !important;
  }

  friendcard .first-button image {
    min-height: 19px;
    min-width: 19px;
    margin: 0;
    padding: 0;
  }

  friendcard[serviceId="@flock.com/people/twitter;1"] .first-button image {
    min-height: 13px;
    min-width: 13px;
  }

  friendcard .menu-actions {
    -moz-appearance: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    list-style-image: url("chrome://flock/skin/people/actionsButton.png");
    -moz-image-region: rect(13px 12px 27px 0px);
  }

  friendcard .menu-actions:hover {
    -moz-image-region: rect(0px 12px 14px 0px);
  }

  friendcard .menu-actions .button-menu-dropmarker {
    display: none;
  }

  friendcard .menu-actions hbox {
    -moz-box-flex: 0 !important;
  }

  friendcard .menu-actions menulist,
  friendcard .menu-actions menuitem,
  friendcard .menu-actions textbox {
    font-size: 10px;
  }

  friendcard .menu-actions image {
    padding: 0;
    min-width: 12px;
    min-height: 14px;
    margin: 1px 1px 2px 0;
  }

  friendcard actions {
    background-color: #cccccc;
  }

  friendcard .friendShareFlock {
    list-style-image: url("chrome://flock/skin/people/flockTellAFriend.png");
  }

#footer {
  padding: 2px 4px;
  background-image: url("chrome://flock/skin/people/footerChromeBackground.png");
  background-repeat: repeat-x;
  background-position: bottom left;
  background-color: #dfdfdf;
}

#footer menulist,
#footer menuitem,
#footer textbox {
  font-size: 10px;
}

#sort-toggle {
  -moz-appearance: none;
  background-color: transparent;
  border: 0;
  margin: 0 3px 0 1px;
}

#sort-toggle toolbarbutton {
  border: 0;
  list-style-image: url("chrome://flock/skin/people/peopleFooterMatrix.png");
  margin: 0;
  padding: 0 !important;
%ifdef XP_WIN
  max-height: 24px;
  max-width: 24px;
%endif
}

#sort-toggle toolbarbutton image {
  margin: 0;
}

#sort-toggle toolbarbutton label {
  display: none;
}

#sortByRecency:not([checked="true"]) {
  -moz-image-region: rect(0px 24px 24px 0px);
}

#sortByRecency:not([checked="true"]):hover {
  -moz-image-region: rect(44px 24px 68px 0px);
}

#sortByRecency[checked="true"] {
  -moz-image-region: rect(88px 24px 112px 0px);
}

#sortByRecency[checked="true"]:hover {
  -moz-image-region: rect(132px 24px 156px 0px);
}

#sortByName:not([checked="true"]) {
  -moz-image-region: rect(0px 68px 24px 44px);
}

#sortByName:not([checked="true"]):hover {
  -moz-image-region: rect(44px 68px 68px 44px);
}

#sortByName[checked="true"] {
  -moz-image-region: rect(88px 68px 112px 44px);
}

#sortByName[checked="true"]:hover {
  -moz-image-region: rect(132px 68px 156px 44px);
}

#view-toggle {
  -moz-appearance: none;
  background-color: transparent;
  border: 0;
  margin: 0 1px 0 2px;
}

#view-toggle toolbarbutton {
  border: 0;
  list-style-image: url("chrome://flock/skin/people/peopleFooterMatrix.png");
  margin: 0;
  padding: 0 !important;
%ifdef XP_WIN
  max-height: 24px;
  max-width: 24px;
%endif
}

#view-toggle toolbarbutton image {
  margin: 0;
}

#view-toggle toolbarbutton label {
  display: none;
}

#fullView:not([checked="true"]) {
  -moz-image-region: rect(0px 112px 24px 88px);
}

#fullView:not([checked="true"]):hover {
  -moz-image-region: rect(44px 112px 68px 88px);
}

#fullView[checked="true"] {
  -moz-image-region: rect(88px 112px 112px 88px);
}

#fullView[checked="true"]:hover {
  -moz-image-region: rect(132px 112px 156px 88px);
}

#compactView:not([checked="true"]) {
  -moz-image-region: rect(0px 156px 24px 132px);
}

#compactView:not([checked="true"]):hover {
  -moz-image-region: rect(44px 156px 68px 132px);
}

#compactView[checked="true"] {
  -moz-image-region: rect(88px 156px 112px 132px);
}

#compactView[checked="true"]:hover {
  -moz-image-region: rect(132px 156px 156px 132px);
}

/* Discovery message panel styling */
#discoveryMessagesPanel {
  overflow-y: auto;
  background-color: #ffffff;
  color: #666666;
  font-size: 10px;
  text-align: left;
  margin: 0;
  padding: 0;
}

#discoveryMessagesPanel #gettingStartedMessage {
  background-color: #ececec;
  padding-bottom: 10px;
  margin-bottom: 5px;
  border-bottom: 1px solid #8e8e8e;
}

.discovery-item-hidden {
  visibility: hidden;
}

#discoveryMessagesPanel .discovery-message-link {
  -moz-box-align: start;
  cursor: pointer;
  color: #2f64da;
  text-decoration: underline;
  -moz-outline: 0;
}

#discoveryMessagesPanel #otherServicesMessage,
#discoveryMessagesPanel #nothingToShowMessage {
  -moz-box-align: center;
  padding: 15px 0 0 0;
}

#discoveryMessagesPanel .discovery-link-container {
  border: 4px solid #d6d6e3;
  margin: 5px 0;
  -moz-box-flex: 0;
}

#discoveryMessagesPanel .discovery-link-container:hover {
  border: 4px solid #333333;
  cursor: pointer;
}

#discoveryMessagesPanel .log-in-link-container {
  cursor: pointer;
  display: none;
  margin: 0 2px 2px 0;
  -moz-box-flex: 0;
  -moz-box-align: end;
  -moz-box-pack: end;
}

#discoveryMessagesPanel .discovery-link-container:hover .log-in-link-container {
  display: -moz-box !important;
}

#discoveryMessagesPanel .log-in-link {
  background-color: black;
  color: white;
  cursor: pointer;
  font-size: 9px;
  margin: 0;
  padding: 2px;
  text-align: right;
}

#discoveryMessagesPanel image {
  opacity: 1;
}

#discoveryMessagesPanel .discovery-link-container:hover image {
  opacity: 0.7;
}

#gettingStartedMessage .discovery-message-heading {
  padding: 6px 11px;
}

#discoveryMessagesPanel .discovery-message-heading {
  font-size: 12px;
  margin: 0;
  color: #2a2a2a;
  font-weight: bold;
}

#discoveryMessagesPanel .discovery-message-body {
  padding: 6px 11px;
  margin: 0;
}

#discoveryMessagesPanel label {
  margin: 0px;
}

#serviceDiscoveryButtonsPanel {
  padding: 10px 6px 0 6px;
  margin: 0;
  -moz-box-align: center;
}

/* No friends message panel styling */
#noFriendsMessageContainer {
  overflow-y: auto;
  background-color: #ffffff;
  color: #666666;
  font-size: 10px;
  text-align: left;
  margin: 0;
  padding: 0;
}

#noFriendsMessageContainer #noFriendsMessageHeaderContainer {
  font-weight: bold;
  padding: 10px 5px 0 5px;
}

#noFriendsMessageContainer .no-friends-message-heading {
  font-size: 12px;
  padding: 3px 6px 4px 6px;
  margin: 0;
  color: #2a2a2a;
}

#noFriendsMessageContainer .no-friends-message-body,
#noFriendsMessageContainer .service-link-container {
  padding: 6px 11px;
}

#noFriendsMessageContainer .service-entry {
  padding: 5px 5px 5px 0;
}

#noFriendsMessageContainer .service-entry label {
  padding: 5px 0 0 0;
}

#noFriendsMessageContainer .service-entry-link {
  text-decoration: underline;
  cursor: pointer;
}

#noFriendsMessageContainer .service-entry image {
  background: transparent url("chrome://flock/skin/common/round-box-white.png") top left no-repeat;
  width: 26px !important;
  height: 26px !important;
  padding: 5px;
  text-align: center;
  margin: 0;
  -moz-box-flex: 0;
}

peopleservicetabs tabbox {
  background-color: #ffffff;
  -moz-box-flex: 1;
}

peopleservicetabs tabs {
  margin-bottom: 0px !important;
}

peopleservicetabs serviceTab:last-child > spacer {
  background-color: transparent;
}

peopleservicetabs serviceTab:first-child hbox.text-container {
  padding-top: 3px;
}

peopleservicetabs tabs .tabs-right {
  background-image: url("chrome://global/skin/icons/tabbrowser-tabs-bkgnd.png");
  border: 0;
}

peopleservicetabs tabs .tabs-left {
  display: none;
}

peopleservicetabs serviceTab .tab-spacer {
  display: none;
}

serviceTab .tab-text {
  -moz-box-align: center;
  -moz-box-pack: center !important;
  margin: 0 !important;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

peopleservicetabs serviceTab:focus > .tab-middle {
  -moz-outline: 0;
}

serviceTab  {
  height: 26px;
  max-height: 26px;
  line-height: 26px;
  width: 34px;
  min-width: 34px;
  background-image: url("chrome://flock/skin/people/serviceButton.png");
  background-repeat: repeat-x;
  background-position: 0 -1px;
  border: 1px solid #858484;
  border-top: 0;
  padding: 0;
  margin: 2px 2px 0 0;
  -moz-appearance: none !important;
  -moz-box-align: center;
}

serviceTab:hover {
  background-image: url("chrome://flock/skin/people/serviceButtonHover.png");
}

serviceTab[selected="true"],
peopleservicetabs tab[selected="true"] {
  background-image: none;
  border: 1px solid #35a5f8;
  border-bottom-width: 4px;
}

hbox.outer-container {
  padding: 0 2px 2px 2px;
}

serviceTab .outer-container {
  min-height: 22px;
  -moz-box-align: center;
  -moz-box-flex: 1;
  -moz-box-pack: center;
}

serviceTab .favicon-container {
  padding-bottom: 3px;
  -moz-box-pack: center;
  -moz-box-align: end;
}

serviceTab .favicon {
  min-width: 16px;
  min-height: 16px;
  height: 16px;
  width: 16px;
}

serviceTab .notifications-icon-container {
  -moz-box-pack: end;
  -moz-box-align: start;
}

serviceTab .notifications-icon {
  display: none;
}

serviceTab[isHasNotifications="true"] .notifications-icon {
  display: -moz-box;
  border: 0;
  padding: 0;
  margin: 1px 1px 0 0;
  list-style-image: url("chrome://flock/skin/people/meNotification.png");
}

peopleservicetabs allTab {
  border-left: 0;
  padding-left: 1px;
}

peopleservicetabs tabpanels {
  padding: 0;
  border: 0;
  margin: 0;
  max-height: 138px;
  -moz-box-flex: 1;
}

/* Add a border top when the tabs are showing to
   give the tab effect. Tabs show when there is
   more than one service configured */
peopleservicetabs tabpanel {
  padding: 0;
  margin: 0;
  -moz-box-flex: 1;
}

peopleservicetabs:not([serviceCount]) tabpanel
peopleservicetabs[serviceCount="0"] tabpanel,
peopleservicetabs[serviceCount="1"] tabpanel {
  border-top: 0 !important;
}

peopleservicetabs .allcard {
  border-bottom: 1px solid #989898;
}
peopleservicetabs .allcard,
peopleservicetabs mecard {
  -moz-box-flex: 1;
}

peopleservicetabs .ac-services-box {
  -moz-box-flex: 1;
  border-top: 1px solid #a3a3a3;
  overflow: auto;
}

peopleservicetabs serviceTab {
  display:inline;
  -moz-box-pack: start;
}

peopleservicetabs tabs,
peopleservicetabs tabs hbox.outer-container {
  -moz-box-align: start;
  display: block !important;
}

peopleservicetabs tabs hbox.outer-container {
  clip: rect(0, auto, 21px, 0);
  overflow: hidden;
}

/**
 * Service status bar styling
 * A service status bar is rendered on the All card for each service with a
 * configured account.
 */

serviceStatusBar,
serviceStatusBarCondensed {
  padding: 0 10px 0 10px;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #a3a3a3;
  -moz-box-align: center;
  -moz-box-flex: 1;
  -moz-box-pack: start;
}

serviceStatusBar:hover,
serviceStatusBarCondensed:hover {
  background-color: #f2f2f2;
  background-image: none;
  border-top: 1px solid #eeeeee;
}

serviceStatusBar .fav-icon,
serviceStatusBarCondensed .fav-icon {
  max-width: 16px;
  max-height: 16px;
}

serviceStatusBar .service-info-container {
  min-height: 25px;
  -moz-box-pack: center;
  -moz-box-align: start;
}

serviceStatusBarCondensed .service-info-container {
  min-height: 25px;
  -moz-box-align: center;
  -moz-box-pack: start;
}

serviceStatusBarCondensed .service-info {
  -moz-box-align: center;
  min-width: 85px;
  max-width: 125px;
  width: 85px;
}

serviceStatusBar .service-info {
  -moz-box-align: center;
}

serviceStatusBar .account-info {
  -moz-box-align: center;
  -moz-box-pack: start;
}

serviceStatusBarCondensed .account-info {
  -moz-box-align: center;
  -moz-box-pack: end;
  -moz-box-flex: 1;
}

serviceStatusBar .service-name,
serviceStatusBarCondensed .service-name {
  font-weight: bold;
}

serviceStatusBar[isAuthenticated="false"] .service-name,
serviceStatusBarCondensed[isAuthenticated="false"] .service-name {
  color: #707070;
  padding-left: 2px;
}

serviceStatusBar[count="0"] .service-name,
serviceStatusBar[count=""] .service-name,
serviceStatusBar:not([count]) .service-name,
serviceStatusBarCondensed[count="0"] .service-name,
serviceStatusBarCondensed[count=""] .service-name,
serviceStatusBarCondensed:not([count]) .service-name {
  padding-left: 0px;
}

serviceStatusBar .service-authentication-status,
serviceStatusBarCondensed .service-authentication-status {
  height: 18px;
  list-style-image: url("chrome://flock/skin/services/common/not_connected.png");
}

serviceStatusBar[isAuthenticated="true"] .service-authentication-status,
serviceStatusBarCondensed[isAuthenticated="true"] .service-authentication-status{
  list-style-image: url("chrome://flock/skin/services/common/connected.png");
}

serviceStatusBar .service-status-description,
serviceStatusBarCondensed .service-status-description {
  margin: 0 !important;
  font-family: "Helvetica Neue", Helvetica, Arial, FreeSans, sans-serif;
  font-size: 10px;
  color: #666666;
}

serviceStatusBar .service-status-description {
  padding: 0 !important;
}

serviceStatusBarCondensed .service-status-description {
  padding: 0 10px 0 0 !important;
}

serviceStatusBar .service-status-description[value=""],
serviceStatusBarCondensed .service-status-description[value=""] {
  display: none;
}

serviceStatusBar[isAuthenticated="false"] .notification-count-display,
serviceStatusBarCondensed[isAuthenticated="false"] .notification-count-display {
  display: none;
}

mecard notifier .notification-count-display,
serviceStatusBar .notification-count-display,
serviceStatusBarCondensed .notification-count-display {
  list-style-image: url("chrome://flock/skin/people/matrixNotification.png");
  min-width: 17px;
  min-height: 15px;
}

mecard notifier .notification-count-display {
  padding: 0;
  margin: 0 0 2px 0;
}

serviceStatusBar .notification-count-display {
  padding: 2px 3px 0 0;
  margin: 0;
}

serviceStatusBarCondensed .notification-count-display {
  padding: 0 10px 0 0;
  margin: 0;
}

/* Default notifier count icon set to the 9+ icon */
mecard notifier .notification-count-display,
serviceStatusBar .notification-count-display,
serviceStatusBarCondensed .notification-count-display {
  -moz-image-region: rect(0px 17px 15px 0px);
}

mecard notifier[count="1"] .notification-count-display,
serviceStatusBar[count="1"] .notification-count-display,
serviceStatusBarCondensed[count="1"] .notification-count-display {
  -moz-image-region: rect(0px 179px 15px 162px);
}

mecard notifier[count="2"] .notification-count-display,
serviceStatusBar[count="2"] .notification-count-display,
serviceStatusBarCondensed[count="2"] .notification-count-display {
  -moz-image-region: rect(0px 161px 15px 144px);
}

mecard notifier[count="3"] .notification-count-display,
serviceStatusBar[count="3"] .notification-count-display,
serviceStatusBarCondensed[count="3"] .notification-count-display {
  -moz-image-region: rect(0px 143px 15px 126px);
}

mecard notifier[count="4"] .notification-count-display,
serviceStatusBar[count="4"] .notification-count-display,
serviceStatusBarCondensed[count="4"] .notification-count-display {
  -moz-image-region: rect(0px 125px 15px 108px);
}

mecard notifier[count="5"] .notification-count-display,
serviceStatusBar[count="5"] .notification-count-display,
serviceStatusBarCondensed[count="5"] .notification-count-display {
  -moz-image-region: rect(0px 107px 15px 90px);
}

mecard notifier[count="6"] .notification-count-display,
serviceStatusBar[count="6"] .notification-count-display,
serviceStatusBarCondensed[count="6"] .notification-count-display {
  -moz-image-region: rect(0px 89px 15px 72px);
}

mecard notifier[count="7"] .notification-count-display,
serviceStatusBar[count="7"] .notification-count-display,
serviceStatusBarCondensed[count="7"] .notification-count-display {
  -moz-image-region: rect(0px 71px 15px 54px);
}

mecard notifier[count="8"] .notification-count-display,
serviceStatusBar[count="8"] .notification-count-display,
serviceStatusBarCondensed[count="8"] .notification-count-display {
  -moz-image-region: rect(0px 53px 15px 36px);
}

mecard notifier[count="9"] .notification-count-display,
serviceStatusBar[count="9"] .notification-count-display,
serviceStatusBarCondensed[count="9"] .notification-count-display {
  -moz-image-region: rect(0px 35px 15px 18px);
}

serviceStatusBar[count="0"] .notification-count-display,
serviceStatusBar[count=""] .notification-count-display,
serviceStatusBar:not([count]) .notification-count-display,
serviceStatusBarCondensed[count="0"] .notification-count-display,
serviceStatusBarCondensed[count=""] .notification-count-display,
serviceStatusBarCondensed:not([count]) .notification-count-display {
  display: none;
}

/* Status change panel */
#statusChangePanel {
  font-family: "Helvetica Neue", Helvetica, Arial, FreeSans, sans-serif;
  font-size: 10px;
  padding: 7px 7px 7px 7px;
  width: 240px;
}

#statusChangePanel a {
  color: blue;
  cursor: pointer;
  text-decoration: none;
  -moz-outline: 0;
}

#statusChangePanel a:hover {
  color: blue;
  text-decoration: underline;
}

#statusChangePanel #flockcastLoginRequired,
#statusChangePanel #flockcastReady {
  padding: 2px 0 0 0;
  margin: 0;
}

#statusChangePanel #flockcastLoginRequired {
  width: 175px;
}

#statusChangePanel #flockcastLoginRequired,
#statusChangePanel #flockcastReady,
#statusChangePanel #flockcastSelection {
  display: none;
}

#statusChangePanel[flockcastLoginRequired="true"] #flockcastSelection,
#statusChangePanel[flockcastReady="true"] #flockcastSelection,
#statusChangePanel[flockcastLoginRequired="true"] #flockcastLoginRequired,
#statusChangePanel[flockcastReady="true"] #flockcastReady {
  display: inline;
}

#statusChangePanel #remainingChars {
  font-weight: bold;
  font-size: 11px;
  padding: 0;
  margin: 0;
  opacity: 0.5;
}

#statusChangePanel #remainingChars[overlimit="true"] {
  color: red;
}

#statusChangePanel #statusEntry {
  font-family: "Helvetica Neue", Helvetica, Arial, FreeSans, sans-serif !important;
  margin: 2px 0 2px 0 !important;
  height: 80px;
  max-height: 80px;
  font-size: 11px;
}

#statusChangePanel #flockcastSelection {
  margin: 0;
  padding: 0;
}

#statusChangePanel #firstButtonContainer {
  margin: 0 0 2 0;
  -moz-box-pack: start;
  -moz-box-align: start;
  height: 20px;
}

#statusChangePanel[flockcastReady="true"] #flockcastSelection {
  padding-top: 4px;
}

#statusChangePanel[flockcastLoginRequired="true"] #firstButtonContainer {
  padding-top: 4px;
}

#statusChangePanel[flockcastReady="true"] #firstButtonContainer {
  -moz-box-align: center;
}

#statusChangePanel #secondButtonContainer {
  margin: 10px 0 0 0;
  -moz-box-align: center;
  -mox-box-pack: end;
}

#statusChangePanel toolbarbutton {
  margin: 0;
  padding: 0;
}

#statusChangePanel #acceptStatusButton[disabled="true"] {
  opacity: 0.5;
}

#statusChangePanel #feedbackContainer {
  font-size: 11px;
  color: #121212;
  padding: 10px 3px 3px 3px;
}

#statusChangePanel #editContainer,
#statusChangePanel[feedback="true"] #feedbackContainer {
  display: -moz-box;
}

#statusChangePanel #feedbackContainer,
#statusChangePanel[feedback="true"] #editContainer {
  display: none;
}

#statusChangePanel #feedbackContainer #feedbackText {
  -moz-box-flex: 1;
  margin-right: 39px;
}
