/*! Licensed Materials - Property of HCL Technologies Limited.
    (c) Copyright HCL Technologies Limited 2007, 2020.  All Rights Reserved.
    
This CSS was built on August 16 2012. (version: OneUI-3.0.3_20120816-1522)
these are the styles for like
companion files: like.css / likeTheme.css
companion files: likeRTL.css / likeThemeRTL.css*/
/*** L I K E ***/

.lotusui30 .lotusLike {
  display:inline-block;
   color:#222;
   font-size:0.9em;
}

.lotusui30 .lotusLike .lotusLikeCount {
  padding:2px 4px 2px 22px;
   margin-right:7px;
   position:relative;
   display:inline-block;
   background:#f2f2f2;
   border:1px solid #ddd;
  
	-moz-border-radius: 2px;
  
	border-radius: 2px;
}

.lotusui30 .lotusLike .lotusLikeCount .lotusIconLike {
  position:absolute;
   left:3px;
}

.lotusui30 .lotusLike .lotusDivider {
  margin:0 2px;
   color:#ccc;
}

.lotusui30 .lotusLike .lotusLikeConnector {
  background-image:url(../../images/lotusHSprite-8bit.png);
   background-position:-1104px -13px;
   width:7px;
   height:6px;
   position:absolute;
   bottom:4px;
   right:-7px;
}


.lotusui_ie .lotusui30 .lotusLike .lotusLikeCount {
  display:inline;
   zoom:1;
   margin-right:8px;
} /* inline-block fix and spacing */

.lotusui_ie .lotusui30 .lotusLike, .lotusui_ie .lotusui30 .lotusLike .lotusLikeText {
  display:inline;
   zoom:1;
} /* inline-block fix */

.lotusui_ie .lotusui30 .lotusLike .lotusLikeDescription, .lotusui_ie .lotusui30 .lotusLike .lotusDivider, .lotusui_ie .lotusui30 .lotusLike .lotusLikeAction {
  padding-bottom:3px;
   zoom:1;
} /* match the bubble padding and border to make the text align */

.lotusui_ie6 .lotusui30 .lotusLike .lotusLikeConnector {
  bottom:auto;
   top:11px;
} /* position the connector in IE6 */


/* when there are no likes */
.lotusui30 .lotusLike .lotusNoLikes {
  padding-left:10px;
   padding-right:9px;
   text-decoration:none;
}


/* when only you like it */
.lotusui30 .lotusLike .lotusDisabled {
  text-decoration:none;
   color:#222;
}


/* when it is the simple, clickable, control */
.lotusui30 .lotusLike .lotusLikeSimple {
  background:none;
   border:0;
   margin:0;
   padding:0 0 0 19px;
}

.lotusui30 .lotusLike .lotusLikeSimple .lotusIconLike {
  left:0;
   top:1px/*to align with count only*/;
}

.lotusui_ie .lotusui30 .lotusLike .lotusLikeSimple .lotusIconLike, .lotusui_ie9 .lotusui30 .lotusLike .lotusLikeSimple .lotusIconLike {
  top:0;
} /*IE tweeks to align with count only*/


.lotusui30.lotusImagesOff .lotusLike .lotusIconLike, .lotusImagesOff .lotusui30 .lotusLike .lotusIconLike {
  display:none;
} /*hide the icon*/

.lotusui30.lotusImagesOff .lotusLike .lotusLikeCount, .lotusImagesOff .lotusui30 .lotusLike .lotusLikeCount {
  padding-left:5px;
} /* remove icon placeholder space */

.lotusui30.lotusImagesOff .lotusLike .lotusLikeSimple, .lotusImagesOff .lotusui30 .lotusLike .lotusLikeSimple {
  padding-left:0;
} /* order in this file is important */

.lotusui30.lotusImagesOff .lotusLike .lotusLikeText, .lotusImagesOff .lotusui30 .lotusLike .lotusLikeText {
  display:inline;
} /* make this inline with lotusAltText */

.lotusui30.lotusImagesOff .lotusLike .lotusNoLikes, .lotusImagesOff .lotusui30 .lotusLike .lotusNoLikes {
  display:none;
} /* don't even show the link when it provides no context */


/* light box */
.lotusui30 .lotusLikeLightBox {
  width:300px;
}

.lotusui30 .lotusLikeLightBox .lotusLike {
  float:left;
   margin-right:5px;
} /* needed for IE6/7 */

.lotusui30 .lotusLikeLightBox .lotusLikeHeader {
  border-bottom:1px solid #ccc;
   padding:8px 10px;
   overflow:hidden;
   zoom:1;
}

.lotusui30 .lotusLikeLightBox .lotusLikeHeaderText {
  padding:3px 0;
   font-size:0.9em;
   color:#222;
}

.lotusui30.lotusImagesOff .lotusLikeLightBox .lotusLikeHeaderText, .lotusImagesOff .lotusui30 .lotusLikeLightBox .lotusLikeHeaderText {
  padding-right:10px;
} /*allow room for the dialog close icon*/

.lotusui30 .lotusLikeLightBox ul.lotusList {
  overflow:auto;
   height:360px;
}

.lotusui30 .lotusLikeLightBox ul.lotusList li {
  margin:0;
   padding:0;
   border-bottom:1px solid #ededed;
   overflow:hidden;
}

.lotusui30 .lotusLikeLightBox ul.lotusList li a {
  margin:1px;
   padding:5px 10px;
   display:block;
}

.lotusui30 .lotusLikeLightBox ul.lotusList li a:hover, .lotusui30 .lotusLikeLightBox ul.lotusList li a:focus, .lotusui30 .lotusLikeLightBox ul.lotusList li a:active {
  background-color:#eee;
}

.lotusui30 .lotusLikeLightBox .lotusLikeAvatar {
  display:block;
   cursor:pointer/*for IE6 and IE7*/;
}

.lotusui30 .lotusLikeLightBox .lotusLikeAvatar img {
  float:left;
} /*float has to be on img not lotusLikeAvatar for IE6/7*/

.lotusui30 .lotusLikeLightBox .lotusPerson {
  overflow:hidden;
   padding:7px 0 7px 10px;
   font-weight:bold;
   display:block;
   cursor:pointer/*for IE6 and IE7*/;
}




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