/**
 * 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="MySpace"] .service-header-container {
  background-color: #003399;
  background-image: url("chrome://flock/skin/services/myspace/myspaceBackground.png");
  background-repeat: repeat-x;
  background-position: bottom left;
  border-bottom: 1px solid #ffffff;
}

/* Remove left "separator" border on "Post Link" button for MySpace */
mecard[serviceName="MySpace"] .post-link-button-container {
  border-left: 0;
}

mecard[serviceName="MySpace"] notifier .meMessages,
mecard[serviceName="MySpace"] notifier .meFriendRequests,
mecard[serviceName="MySpace"] notifier .meEventInvitations,
mecard[serviceName="MySpace"] notifier .meComments,
friendcard[serviceName="MySpace"] .friendMessage,
friendcard[serviceName="MySpace"] .friendAddToFaves,
friendcard[serviceName="MySpace"] .friendForward,
friendcard[serviceName="MySpace"] .friendComment {
  list-style-image: url("chrome://flock/skin/services/myspace/myspaceMatrix.png");
}

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

friendcard[serviceName="MySpace"] .friendForward {
  -moz-image-region: rect(112px 16px 128px 0px);
}

friendcard[serviceName="MySpace"] .friendAddToFaves {
  -moz-image-region: rect(96px 16px 112px 0px);
}

friendcard[serviceName="MySpace"] .friendMessage {
  -moz-image-region: rect(80px 16px 96px 0px);
}

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

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

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

mecard[serviceName="MySpace"] notifier .meMessages,
mecard[serviceName="MySpace"] notifier .meComments,
friendcard[serviceName="MySpace"] .friendComment {
  -moz-image-region: rect(64px 16px 80px 0px);
}

mecard[serviceName="MySpace"] notifier:hover .meComments,
mecard[serviceName="MySpace"] notifier:active .meComments {
  -moz-image-region: rect(64px 36px 80px 20px);
}

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

mecard[serviceName="MySpace"] notifier:hover .meFriendRequests {
  -moz-image-region: rect(32px 36px 48px 20px);
}

mecard[serviceName="MySpace"] notifier:active .meFriendRequests {
  -moz-image-region: rect(32px 36px 48px 20px);
}

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

mecard[serviceName="MySpace"] notifier:hover .meMessages {
  -moz-image-region: rect(16px 36px 32px 20px);
}

mecard[serviceName="MySpace"] notifier:active .meMessages {
  -moz-image-region: rect(16px 36px 32px 20px);
}

mecard[serviceName="MySpace"] notifier:hover .meEventInvitations,
mecard[serviceName="MySpace"] notifier:active .meEventInvitations {
  -moz-image-region: rect(0px 36px 16px 20px);
}

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

/* Myspace only returns notifications as boolean, so use the * icon in the
 * mecard where there is a notification.
 */
mecard[serviceName="MySpace"] notifier[count="1"] .notification-count-display {
  -moz-image-region: rect(0px 197px 15px 180px);
}

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

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

serviceTab[serviceId="@flock.com/webservice/myspace;1"][selected="true"] {
  border-color: #003399;
}

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

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

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