/**
 * 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
 */

mecard[serviceName="Facebook"] .service-header-container {
  background-color: #153c88;
  background-image: url("chrome://flock/skin/services/facebook/facebookBackground.png");
  background-repeat: repeat-x;
  background-position: bottom left;
  border-bottom: 1px solid #ffffff;
}

/* Toggle favicon in tab based on the authentication state of the account */
serviceTab[serviceId="@flock.com/people/facebook;1"] .favicon,
serviceStatusBar[serviceId="@flock.com/people/facebook;1"] .fav-icon,
serviceStatusBarCondensed[serviceId="@flock.com/people/facebook;1"] .fav-icon {
  list-style-image: url("chrome://flock/content/services/facebook/faviconBW.png");
}

serviceTab[serviceId="@flock.com/people/facebook;1"][isAuthenticated="true"] .favicon,
serviceStatusBar[serviceId="@flock.com/people/facebook;1"][isAuthenticated="true"] .fav-icon,
serviceStatusBarCondensed[serviceId="@flock.com/people/facebook;1"][isAuthenticated="true"] .fav-icon {
  list-style-image: url("chrome://flock/content/services/facebook/favicon.png");
}

serviceTab[serviceId="@flock.com/people/facebook;1"][selected="true"] {
  border-color: #153c88;
}

#friendList[currentServiceId="@flock.com/people/facebook;1"]
friendcard[serviceId="@flock.com/people/facebook;1"] {
  display: -moz-box;
}

friendcard[serviceName="Facebook"] .avatar-footer {
  list-style-image: url("chrome://flock/skin/services/facebook/avatarFooterFacebook.png");
}

mecard[serviceName="Facebook"] notifier .meMessages,
mecard[serviceName="Facebook"] notifier .mePokes,
mecard[serviceName="Facebook"] notifier .meFriendRequests,
mecard[serviceName="Facebook"] notifier .meMessages,
mecard[serviceName="Facebook"] notifier .meEventRequests,
mecard[serviceName="Facebook"] notifier .meGroupRequests,
friendcard[serviceName="Facebook"] .friendMessage,
friendcard[serviceName="Facebook"] .friendPoke,
friendcard[serviceName="Facebook"] .friendWallPost,
friendcard[serviceName="Facebook"] .friendViewProfile,
friendcard[serviceName="Facebook"] .friendGiveGift,
friendcard[serviceName="Facebook"] .friendStatusComment,
friendcard[serviceName="Facebook"] .friendShareLink,
friendcard[serviceName="Facebook"] .friendShareFlock {
  list-style-image: url("chrome://flock/skin/services/facebook/facebookMatrix.png");
}

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

friendcard[serviceName="Facebook"] .friendWallPost {
  -moz-image-region: rect(0px 302px 16px 286px);
}

friendcard[serviceName="Facebook"] .friendShareLink {
  -moz-image-region: rect(0px 518px 16px 502px);
}

friendcard[serviceName="Facebook"] .friendViewProfile {
  list-style-image: url("chrome://flock/skin/services/youtube/youtubeViewProfile.png");
}

friendcard[serviceName="Facebook"] .friendGiveGift {
  -moz-image-region: rect(0px 457px 16px 441px);
}

friendcard[serviceName="Facebook"] .friendStatusComment {
  -moz-image-region: rect(0px 302px 16px 286px);
}

mecard[serviceName="Facebook"] notifier .mePokes,
friendcard[serviceName="Facebook"] .friendPoke {
  -moz-image-region: rect(0px 16px 16px 0px);
}
mecard[serviceName="Facebook"] notifier .mePokes:hover {
  -moz-image-region: rect(0px 188px 16px 172px);
}

mecard[serviceName="Facebook"] notifier .mePokes:active {
  -moz-image-region: rect(0px 236px 16px 220px);
}

mecard[serviceName="Facebook"] notifier .meFriendRequests:hover {
  -moz-image-region: rect(0px 204px 16px 188px);
}

mecard[serviceName="Facebook"] notifier .meFriendRequests:active {
  -moz-image-region: rect(0px 252px 16px 236px);
}

mecard[serviceName="Facebook"] notifier .meFriendRequests {
  -moz-image-region: rect(0px 32px 16px 16px);
}

mecard[serviceName="Facebook"] notifier .meMessages:hover {
  -moz-image-region: rect(0px 220px 16px 204px);
}

mecard[serviceName="Facebook"] notifier .meMessages:active {
  -moz-image-region: rect(0px 268px 16px 252px);
}

mecard[serviceName="Facebook"] notifier .meMessages,
friendcard[serviceName="Facebook"] .friendMessage {
  -moz-image-region: rect(0px 48px 16px 32px);
}

mecard[serviceName="Facebook"] notifier .meEventRequests:hover,
mecard[serviceName="Facebook"] notifier .meEventRequests:active {
  -moz-image-region: rect(0px 347px 16px 332px);
}

mecard[serviceName="Facebook"] notifier .meEventRequests {
  -moz-image-region: rect(0px 332px 16px 317px);
}

mecard[serviceName="Facebook"] notifier .meGroupRequests:hover,
mecard[serviceName="Facebook"] notifier .meGroupRequests:active {
  -moz-image-region: rect(0px 379px 16px 363px);
}

mecard[serviceName="Facebook"] notifier .meGroupRequests {
  -moz-image-region: rect(0px 363px 16px 347px);
}

serviceDiscoveryButton[svcShortName="facebook"] image {
  list-style-image: url("chrome://flock/skin/services/common/large-service-icon-matrix.png");
  -moz-image-region: rect(0px 258px 53px 133px);
}
