/**
 * 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="Hi5"] .service-header-container {
  background-color: #517ba7;
  background-image: url("chrome://flock/skin/services/hi5/hi5Background.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/webservice/hi5;1"] .favicon,
serviceStatusBar[serviceId="@flock.com/webservice/hi5;1"] .fav-icon,
serviceStatusBarCondensed[serviceId="@flock.com/webservice/hi5;1"] .fav-icon {
  list-style-image: url("chrome://flock/content/services/hi5/hi5FaviconBW.png");
}

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

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

mecard[serviceName="Hi5"] notifier .meMessages,
mecard[serviceName="Hi5"] notifier .meFriendRequests,
mecard[serviceName="Hi5"] notifier .meProfileComments,
mecard[serviceName="Hi5"] notifier .mePhotoComments,
friendcard[serviceName="Hi5"] .friendMessage,
friendcard[serviceName="Hi5"] .friendComment,
friendcard[serviceName="Hi5"] .friendGiveFive {
  list-style-image: url("chrome://flock/skin/services/hi5/hi5Matrix.png");
}

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

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

mecard[serviceName="Hi5"] notifier .meProfileComments {
  -moz-image-region: rect(0px 64px 16px 48px);
}

mecard[serviceName="Hi5"] notifier .mePhotoComments {
  -moz-image-region: rect(0px 192px 16px 176px);
}

friendcard[serviceName="Hi5"] .friendMessage {
  -moz-image-region: rect(0px 144px 16px 128px);
}

friendcard[serviceName="Hi5"] .friendComment {
  -moz-image-region: rect(0px 64px 16px 48px);
}

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

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

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

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

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