/*! Licensed Materials - Property of IBM.
    (c) Copyright IBM Corporation 2001, 2010.  All Rights Reserved.
    U.S. Government Users Restricted Rights:  Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
This CSS was built on June 30 2010. (version: OneUI-2.1.2_040_20100630-1415)
styles for the person card, a component sometimes used outside our framework
companion files: vcard.css / vcardTheme.css
companion files: vcardRTL.css / vcardThemeRTL.css*/

/*** V C A R D (P E R S O N   C A R D)***/
/*this is the popup person card that shows up when you click on a person link (via a hover link)*/

.lotusVCard {
  display:table;
  position:absolute;
  left:0;
  top:-9999px;
  width:400px;
  border:1px solid #ccc;
  -webkit-box-shadow:0 2px 5px #eee;
  -moz-box-shadow:0 2px 5px #eee;
  box-shadow:0 2px 5px #eee;
  background-color:#fafafa;
}

.lotusVCard table.lotusContainer {
  width:100%;
}

/*lotusAppLinks are the application links at the top of the card*/
.lotusVCard .lotusAppLinks td {
  background-repeat:repeat-x;
  border-width:0 0 1px 1px;
  border-style:solid;
  border-color:#c5c5c5;
  background-color:#fff;
  text-align:center;
}

.lotusVCard .lotusAppLinks td.lotusFirst {
  border-left-width:0;
}

.lotusVCard .lotusAppLinks a {
  display:block;
  padding:3px 9px;
}

/*the more arrow, for when there is a second row of application links*/
.lotusVCard .lotusMore {
  width:16px;
  margin-right:10px;
  background:url(../../images/lotusSprite-8bit.png) 18px -2347px no-repeat;
}

.lotusVCard .lotusMore:visited, .lotusVCard .lotusMore:hover, .lotusVCard .lotusMore:focus, .lotusVCard .lotusMore:active {
  text-decoration:none
}

.lotusVCard .lotusMoreExpanded {
  background-image:url(../../images/lotusSprite-8bit.png);
  background-position:18px -2399px;
}

/*lotusPersonDetails is the detail area of the card that contains all info for the person*/
.lotusVCard .lotusDetails {
  padding:10px;
  border-top:1px solid #fff;
  background-color:#f2f2f2;
}

.lotusVCard .lotusPhoto {
  padding:3px;
  border:1px solid #bdc4ca;
  float:left;
  position:relative;
  /*IE fix for floated elements within a relative container not showing*/
}

.lotusImagesOff .lotusVCard .lotusPhoto {
  border-width:0;
}

.lotusVCard .lotusPersonInfo {
  margin-left:86px;
}

/*lotusPersonActions are actions you can perform on this person, from the person card*/
.lotusVCard .lotusPersonActions {
  padding:5px;
  border-top:1px solid #c5c5c5;
  background-color:#fff;
}

/*action menu within person card*/
.lotusVCard .lotusPersonActions .lotusInlinelist li {
  border-left-color:#105cb6;
}

.lotusVCard .lotusActionMenu {
  position:static;
  left:auto;
  top:auto;
  border-width:0;
  display:none;
  width:auto;
  margin-top:-10px;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}

/*lotusComments in the person card contains status information for the person*/
.lotusImagesOff .lotusCommentHeader {
  display:none;
}

.lotusVCard .lotusComment {
  clear:both;
}

.lotusVCard .lotusDetails .lotusComment {
  position:relative;
  margin:-10px 0 2px -10px;
  padding:0 0 0 10px;
  zoom:1;
}

.lotusVCard .lotusDetails .lotusCommentHeader {
  padding-left:15px;
  padding-bottom:3px;
  position:absolute;
  top:0;
  left:20px;
  z-index:1;
  height:1.6em;
  background:url(../../images/lotusSprite-8bit.png) 0 -1505px no-repeat;
}

.lotusVCard .lotusDetails .lotusCommentBody {
  position:relative;
  top:1.7em;
  margin:-1px 0 2.2em 0;
  padding:5px 10px;
  color:#666;
  background-color:#fff;
  border:1px solid #ccc;
  z-index:0;
  zoom:1;
}

/*adjustments for an inline version of the card*/
.lotusInlineVCard {
  position:static;
  left:auto;
  margin:0 0 10px 0;
}

.lotusInlineVCard, .lotusInlineVCard .lotusContainer {
  width:175px;
  position:static;
  top:auto;
  left:auto;
}

.lotusInlineVCard .lotusPhoto {
  padding:0;
  border-width:0;
  margin-top:5px;
}

.lotusImagesOff .lotusInlineVCard h2 .lotusAltText {
  font-size:.75em;
  display:block;
}

.lotusInlineVCard .lotusPersonInfo {
  margin-left:60px;
  margin-top:4px;
}

.lotusImagesOff .lotusInlineVCard .lotusPersonInfo {
  margin-left:5px;
}

.lotusInlineVCard .lotusEmail {
  padding:5px 10px;
  clear:both;
  border-width:1px 0;
  border-style:solid;
  border-color:#c5c5c5;
}

.lotusInlineVCard .lotusAppLinks {
  list-style-type:none;
  margin:0;
  padding:0;
}

.lotusInlineVCard .lotusPivotNav {
  padding:2px 5px 1px 2px;
  overflow:hidden;
  zoom:1;
}

.lotusInlineVCard .lotusPivotNavToggle {
  margin:0 5px 0 0;
  padding:0;
  float:left;
  height:45px;
  width:10px;
}

.lotusImagesOff .lotusInlineVCard .lotusPivotNavToggle {
  width:16px;
}

.lotusPivotNavToggle a {
  display:block;
  height:45px;
  background:#d8d8e0 url(../../images/lotusSprite-8bit.png) -2px -88px no-repeat;
  text-decoration:none;
}

.lotusPivotNavToggle a:visited, .lotusPivotNavToggle a:hover, .lotusPivotNavToggle a:focus, .lotusPivotNavToggle a:active {
  text-decoration:none;
}

.lotusPivotNavOpen .lotusPivotNavToggle a {
  background-image:url(../../images/lotusSprite-8bit.png);
  background-position: -1px 16px;
}

.lotusInlineVCard .lotusInlineVCardDetails {
  display:none;
}




/***********************************************************/

/*** V C A R D   H O V E R ***/
/*this is the hover link that shows when you hover over a person's name and allows you to open their profile card*/

.lotusVCardHover {
  padding:5px 5px 5px 25px;
  position:absolute;
  left:0;
  top:-9999px;
  border:1px solid #aeaeae;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  background:#fff79a url(../../images/lotusSprite-8bit.png)  5px -2830px no-repeat;
  white-space:nowrap;
}

.lotusVCardHover:hover, .lotusVCardHover:focus {
  text-decoration:none !important;
}

.lotusImagesOff .lotusVCardHover {
  padding-left:5px;
}


/***********************************************************/