/*! 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 comments
companion files: comments.css / commentsTheme.css
companion files: commentsRTL.css / commentsThemeRTL.css*/
/*** C O M M E N T ***/

/*base post/comment styling*/
.lotusui30 .lotusPost {
  padding:7px 7px 7px 0;
  overflow:hidden;
  zoom:1;
}

.lotusui30 .lotusPostAuthorInfo {
  display:block;
  float:left;
  font-size:0.9em;
  width:50px;
}

.lotusui30 .lotusPostAuthorInfo .lotusPostAvatar {
  background-repeat:no-repeat;
}

.lotusui30.lotusImagesOff .lotusPostAvatar, .lotusImagesOff .lotusui30 .lotusPostAvatar {
  display:none;
}

.lotusui30 .lotusPost .lotusPostAuthorInfo .lotusMeta {
  margin:0;
  font-size:1em;
}

.lotusui30 .lotusPostName {
  font-weight:bold;
  line-height:1.1;
}

.lotusui30 .lotusPostAvatar {
  padding:4px 0;
} /*bottom padding is for when comments don't have much text, like condensed comments, so the top and bottom padding matches*/

.lotusui30 .lotusPostContent {
  padding:0 20px 7px 0/*room for the delete icon*/;
  min-height:26px;
  position:relative;
  overflow:hidden;
  zoom:1;
}

.lotusui_ie6 .lotusui30 .lotusPostContent {
  left:-3px;
} /*to counteract the IE6 3px margin bug*/

.lotusui30 .lotusPostContent .lotusPostAction {
  margin-bottom:5px;
}

.lotusui30 .lotusPostContent p:first-child {
  margin-top:0;
}

.lotusui30 .lotusPost .lotusPostDetails {
  overflow:hidden;
}

.lotusui30 .lotusPost .lotusTitle {
  font-size:1em;
}

.lotusui30 .lotusPost .lotusPostObject {
  float:left;
  margin-right:10px;
}

.lotusui30 .lotusPost .lotusPostContent .lotusIcon {
  margin-right:3px;
}

.lotusui30 .lotusPost .lotusPostIndicator {
  position:absolute;
  top:-9999px;
  right:0;
  height:100%;
}

.lotusui30 .lotusPost .lotusPostIndicator img {
  background-image: url("../../images/lotusHSprite-8bit.png");
   background-repeat:no-repeat;
   background-position: -1166px -9px;
    height:14px;
   width:14px;
   opacity:0.45;
   filter:alpha(opacity=45);
}

.lotusui30.lotusImagesOff .lotusPost .lotusPostIndicator img, .lotusImagesOff .lotusui30 .lotusPost .lotusPostIndicator img {
  display:none;
}

.lotusui30 .lotusPost .lotusPostIndicator a {
  position:absolute;
   top:50%;
   right:0;
   margin-top:-7px;
  line-height:1em;
}

.lotusui30 .lotusPost .lotusPostMore {
  position:relative;
  top:-9999px;
} /*this hiding offscreen technique with position:relative simulates visibility:hidden but gets the text read by the screen reader*/

.lotusui30 .lotusPost .lotusPostInlineActions {
  margin-top:5px;
} /*for inline actions in a post*/

.lotusui30 .lotusPost .lotusPostInlineActions .lotusActionBox {
  padding:5px;
  background-color:#fff;
  border:1px solid #ddd;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}

.lotusui30 .lotusPost .lotusPostInlineActions .lotusActionBox .lotusActionMessage {
  float:left;
  margin-right:15px;
  line-height:1.2;
}

.lotusui30 .lotusPost .lotusPostInlineActions .lotusActionBox .lotusActions {
  margin:0;
}

/*lotusPostHover needs to be assigned using javascript (there is an IE performance degradation if you use :hover declarations on non-links*/
.lotusui30 .lotusPost .lotusDelete {
  display:block;
  position:absolute;
  top:-9999px;
  right:0;
  line-height:1;
}

.lotusui30 .lotusPost .lotusDelete img {
  opacity:0.45;
  filter:alpha(opacity=45);
}

.lotusui30 .lotusPost .lotusDelete:hover img, .lotusui30 .lotusPost .lotusDelete:focus img, .lotusui30 .lotusPost .lotusDelete:active img {
  opacity:0.75;
  filter:alpha(opacity=75);
}

.lotusui30 .lotusPostHover .lotusPostMore, .lotusui30 .lotusPostSelected .lotusPostMore, .lotusui30 .lotusPostHover .lotusPostIndicator, .lotusui30 .lotusPostSelected .lotusPostIndicator, .lotusui30 .lotusPostHover .lotusDelete, .lotusui30 .lotusPostSelected .lotusDelete {
  top:0;
}

.lotusui_ie6 .lotusui30 .lotusPostHover .lotusPostIndicator, .lotusui_ie6 .lotusui30 .lotusPostSelected .lotusPostIndicator {
  top:2em;
}

/*default definitions for a status update at the top of an activity stream*/
.lotusui30 .lotusAddComment {
  padding:4px;
  zoom:1;
  margin-bottom:10px;
  margin-right:4px;
  background-color:#E8EDF3;
}

.lotusui30 .lotusAddComment a.lotusCommentInput {
  padding:2px 2px 10px 4px;
  border:1px solid #BDC7DB;
  background-color:#fff;
  display:block;
}

/*update status "comment"*/
/*lotusUpdateStatus is an additional class along with lotusPost*/
.lotusui30 .lotusUpdateStatus {
  padding:3px 7px;
  background-color:#eee;
}

.lotusui30.lotusImagesOff .lotusUpdateStatus, .lotusImagesOff .lotusui30 .lotusUpdateStatus {
  border-width:1px;
  border-style:solid;
}

.lotusui30 .lotusUpdateStatus .lotusPostContent {
  padding-right:0;
  /*gets rid of spacing for delete icon*/
}

.lotusui30 .lotusUpdateStatus .lotusPostDetails {
  margin:5px 0 3px 10px;
} 

.lotusui30 .lotusUpdateStatus .lotusPostStatusControl {
  margin-left:10px;
  background-color:#fff;
}

.lotusui30 .lotusUpdateStatus .lotusPostStatusControl .lotusStatusInput {
  padding:4px;
  display:block;
} 

.lotusui30.lotusImagesOff .lotusUpdateStatus .lotusPostStatusControl .lotusStatusInput, .lotusImagesOff .lotusui30 .lotusUpdateStatus .lotusPostStatusControl .lotusStatusInput {
  border-width:1px;
  border-style:solid;
}


/*COMMENT CONTAINERS*/
/* comment list */
.lotusui30 ul.lotusCommentList {
  margin:0;
  padding:0;
  list-style-type:none;
}

.lotusui30 ul.lotusCommentList li {
  border-top-color:#e3e2e2;
  zoom:1;
}

.lotusui_ie7 .lotusui30 ul.lotusCommentList .lotusCommentItem {
  display:inline;
  width:100%;
  vertical-align:bottom;
} /*fixes a gap between list items when the post inside the li tag has an absolutely positioned delete button*/

.lotusui30 ul.lotusCommentList li.lotusCommentItem,
.lotusui30 ul.lotusCommentList > li {
  border-top-width:1px;
  border-top-style:solid;
} /*the second definition is for any 2.1 code that was out there without the lotusCommentItem class*/

.lotusui_ie6 .lotusui30 ul.lotusCommentList li.lotusCommentItem li {
  border-top-width:0;
}

.lotusui30 ul.lotusCommentList li.lotusFirst {
  border-top-width:0;
}

/*these styles are overrides for an add comment integrated into the comment list*/
.lotusui30 .lotusCommentList li.lotusAddComment {
  margin:0;
}

.lotusui30 .lotusCommentList li.lotusAddComment a {
  padding-bottom:2px;
}


/*condensed comment list*/
/*(used for things like history in embedded experience*/
.lotusui_ie6 .lotusui30 .lotusCommentsCondensed .lotusCommentItem {
  position:relative;
}

.lotusui30 .lotusCommentsCondensed .lotusPost {
  padding:5px 0;
}

.lotusui30 .lotusCommentsCondensed .lotusPostAuthorInfo {
  width:auto;
  padding-right:10px;
}

.lotusui30 .lotusCommentsCondensed .lotusPostAction {
  margin-right:9em;
}

.lotusui30 .lotusCommentsCondensed .lotusPostContent {
  padding-right:0;
  position:relative;
}

.lotusui30 .lotusCommentsCondensed .lotusPostContent .lotusMeta {
  position:absolute;
  top:0;
  right:0;
}

.lotusui30 .lotusCommentsCondensed .lotusPostDetails {
  clear:both;
  width:98%;
}

.lotusui30 .lotusCommentsCondensed .lotusPostDetails p {
  white-space:nowrap;
  overflow:hidden;
  -o-text-overflow:ellipsis;
  -ms-text-overflow:ellipsis;
  text-overflow:ellipsis;
}


/* board */
.lotusui_ie .lotusui30 .lotusBoard {
  zoom:1;
  position:relative;
} /*to properly position board in IE7, ltr and rtl*/

.lotusui30 .lotusBoard .lotusPost {
  padding:10px 2px 15px 2px;
  border-top:1px solid #e3e2e2;
} /*this accomodates older versions of posts on boards that aren't in a lotusStream wrapper*/

.lotusui30 .lotusBoard .lotusPost .lotusActions {
  margin-top:5px;
}

/*an activity stream is an unordered list that exists on a board*/
.lotusui30 .lotusBoard .lotusStream {
  margin:0;
  padding:0;
  list-style-type:none;
}

.lotusui30 .lotusBoard .lotusStream > li {
  border-top:1px solid #e3e2e2;
}

.lotusui_ie7 .lotusui30 .lotusBoard .lotusStream > li {
  vertical-align:bottom;
} /*fix a gap in IE7*/

.lotusui30 .lotusBoard .lotusStream > li:first-child {
  border-top-width:0;
}

.lotusui30 .lotusBoard .lotusStream > li > .lotusAction {
  display:block;
  padding:10px;
}

.lotusui30 .lotusBoard .lotusStream .lotusPost {
  padding:10px;
  border:0;
}

.lotusui_ie6 .lotusui30 .lotusBoard .lotusStream .lotusPost {
  border-color:#fff;
}

.lotusui30 .lotusBoard .lotusStream .lotusPostHover, .lotusui30 .lotusBoard .lotusStream .lotusPostSelected {
  background-color:#eee;
  cursor:pointer;
}

.lotusui30.lotusImagesOff .lotusBoard .lotusStream .lotusPost, .lotusImagesOff .lotusui30 .lotusBoard .lotusStream .lotusPost {
  margin:0 1px;
} /*placeholder space for a border on hover/selected*/

.lotusui30.lotusImagesOff .lotusBoard .lotusStream .lotusPostHover, .lotusImagesOff .lotusui30 .lotusBoard .lotusStream .lotusPostHover, .lotusui30.lotusImagesOff .lotusBoard .lotusStream .lotusPostSelected, .lotusImagesOff .lotusui30 .lotusBoard .lotusStream .lotusPostSelected {
  margin:0;
   border-left:1px solid;
   border-right:1px solid;
} /*add a border in high contrast*/

.lotusui30 .lotusBoard .lotusStream .lotusCommentList .lotusPostHover {
  margin:1px;
  background-color:transparent;
  border-width:none;
} /*reset for comment list posts in a stream - we don't want to change background color/border on hover*/

.lotusui30.lotusImagesOff .lotusBoard .lotusStream .lotusCommentList .lotusPost, .lotusImagesOff .lotusui30 .lotusBoard .lotusStream .lotusCommentList .lotusPost {
  margin:0;
} /*take off placeholder space for border*/

.lotusui30.lotusImagesOff .lotusBoard .lotusStream .lotusCommentList .lotusPostHover, .lotusImagesOff .lotusui30 .lotusBoard .lotusStream .lotusCommentList .lotusPostHover {
  border:0;
} /*take off the high contrast hover border for the comment list*/

/*graceful degradation for IE6*/
.lotusui_ie6 .lotusui30 .lotusBoard .lotusPost {
  margin:0 1px 1px 1px;
  border-top:1px solid #e3e2e2;
}

.lotusui_ie6 .lotusui30 .lotusBoard .lotusPostHover, .lotusui_ie6 .lotusui30 .lotusBoard .lotusPostSelected {
  margin:0;
  border:1px solid #eee;
}

.lotusui_ie6 .lotusui30 .lotusCommentList .lotusPost {
  border-top-width:0;
}

/*end IE6 styling*/
.lotusui30 .lotusBoard .lotusPostContent {
  padding:0 15px 0 0;
}

.lotusui30 .lotusBoard .lotusCommentList {
  position:relative;
  margin:3px 0 0 5px;
  padding:0;
  border-top:1px solid #ddd;
  clear:both;
}

.lotusui30 .lotusBoard .lotusCommentList:after {
  content:"";
  position:absolute;
  top:-10px;
  left:53px;
  width:12px;
  height:12px;
  background:url(../../images/lotusSprite-8bit.png) 0 -2616px no-repeat;
}

.lotusui30 .lotusBoard ul.lotusCommentList li.lotusCommentItem {
  margin:0;
  padding:0;
  background-color:#f2f2f2;
  border-width:0 1px 1px 1px;
  border-style:solid;
  border-color:#ddd;
}

.lotusui30 .lotusBoard ul.lotusCommentList > li {
  margin:0;
  background-color:#f2f2f2;
  border-width:0 1px 1px 1px;
  border-style:solid;
  border-color:#ddd;
} /* > li structure is to support markup that didn't have the lotusCommentItem class, as it should have. On separate line so IE6 reads lotusCommentItem styles*/

.lotusui30 .lotusBoard ul.lotusCommentList .lotusPost {
  padding:10px;
  border-width:0
} /*reset the posts in a comment list*/

.lotusui30 .lotusBoard ul.lotusCommentList li.lotusCommentItem .lotusPost, .lotusui30 .lotusBoard ul.lotusCommentList > li .lotusPost {
  margin:0;
}

.lotusui30 .lotusBoard .lotusCommentList .lotusAddComment {
  position:relative;
  top:-9999px;
  padding:0;
  background-color:transparent;
  border-width:0/*to reset the > li border definitions*/;
}

.lotusui30 .lotusBoard .lotusPostHover .lotusCommentList .lotusAddComment, .lotusui30 .lotusBoard .lotusPostSelected .lotusCommentList .lotusAddComment {
  top:-1px;
}

.lotusui30 .lotusBoard .lotusAddComment a.lotusCommentInput {
  display:block;
  padding:5px 10px;
  color:#666;
}

.lotusui30 .lotusBoard .lotusCommentItem > .lotusMeta {
  display:block;
  padding:5px 10px;
} /*this makes both a link or a span/div classed with lotusMeta work*/

.lotusui30 .lotusBoard .lotusCommentItem > a.lotusMeta {
  color:#1970B0;
} /*we want the link to use the link color and lotusMeta to control the size/padding*/

/* IE6 workaround for child selector */
.lotusui_ie6 .lotusui30 .lotusBoard .lotusCommentItem .lotusMeta {
  display:block;
  padding:5px 10px;
}

.lotusui_ie6 .lotusui30 .lotusBoard .lotusCommentItem a.lotusMeta {
  color:#1970B0;
}

.lotusui_ie6 .lotusui30 .lotusBoard .lotusCommentItem .lotusPost .lotusMeta {
  display:inline;
  padding:0;
}

/*end IE6 workaround*/
.lotusui30 .lotusBoard .lotusPostAuthorInfo {
  width:auto;
  padding:0 15px 0 5px;
}

.lotusui30 .lotusBoard .lotusPost .lotusPerson {
   font-weight:bold;
   padding-right:2px;
}

.lotusui30 .lotusBoard .lotusPost .lotusPostAction .lotusPerson {
  padding-right:0;
} /*a person name in an the post action is in a sentence so shouldn't have right padding*/


/*the controls on an activity stream page*/
/*lotusStreamUpdate is an additional class along with lotusForm2*/
.lotusui30 .lotusBoard .lotusStreamUpdate {
  overflow:hidden;
}

.lotusui30 .lotusBoard .lotusCommentList .lotusStreamUpdate {
  background:none;
}

.lotusui30 .lotusBoard .lotusStreamUpdate label {
  font-weight:bold;
}

.lotusui30 .lotusBoard .lotusStreamUpdate .lotusFieldEmphasis {
  background-color:#fff;
  
	-moz-box-shadow: 0 4px 4px #f3f3f3 inset;
  
	-webkit-box-shadow: 0 4px 4px #f3f3f3 inset;
  
	box-shadow: 0 4px 4px #f3f3f3 inset;
} /*shadow must be 1px bigger because of the overlapping textarea border*/

.lotusui_ie .lotusui30 .lotusBoard .lotusStreamUpdate .lotusFieldEmphasis {
  border:1px solid #ddd;
  padding:5px;
}

.lotusui30 .lotusBoard .lotusStreamUpdate .lotusText {
  width:100%;
  height:5em;
  padding:5px;
  margin:0;
  display:block;
  background:none;
  
	-moz-box-sizing:border-box;
  
	-webkit-box-sizing:border-box;
  
	box-sizing:border-box;
}

.lotusui30.lotusImagesOff .lotusBoard .lotusStreamUpdate .lotusText, .lotusImagesOff .lotusui30 .lotusBoard .lotusStreamUpdate .lotusText {
  background:#fff;
} /*textarea border does not show in firefox high contrast with transparent background*/

.lotusui30 .lotusBoard .lotusStreamUpdate .lotusTextCollapsed.lotusText {
  height:2.25em;
  border-color:#ddd;
}

.lotusui_ie .lotusui30 .lotusBoard .lotusStreamUpdate .lotusText.lotusTextCollapsed {
  height:1.25em;
}

.lotusui_ie .lotusui30 .lotusBoard .lotusStreamUpdate .lotusText {
  border:0;
  padding:0;
}

.lotusui30 .lotusBoard .lotusStreamUpdate .lotusActions {
  margin-top:5px;
}

.lotusui30 .lotusBoard .lotusStreamUpdate .lotusActions .lotusInlinelist.lotusRight li {
  padding:0 0 0 7px;
  margin-left:7px;
} /*only want to do this for the actions that are aligned right, to make the right edge flush with the status input box*/

.lotusui30 .lotusBoard .lotusPaging.lotusPagingTop {
  margin-top:10px;
  margin-bottom:0;
} /*because IE6 reads the last class, don't do anything if there isn't lotusPagingTop*/

.lotusui30 .lotusBoard .lotusPaging .lotusSelected {
  font-weight:bold;
  color:#222;
}

.lotusui30 .lotusBoard .lotusPaging option.lotusMenuSeparator {
  border-top:1px solid #ccc;
} /*options can't be styled in IE*/

.lotusui_ie6 .lotusui30 .lotusBoard .lotusPaging select {
  margin:0;
} /*so borders don't get cut off*/

.lotusui_ie .lotusui30 .lotusBoard .lotusPaging select {
  font-size:1em;
}


/*feeds for an activity stream*/
.lotusui30 .lotusBoard .lotusFeeds {
  margin-top:8px;
}

.lotusui30 .lotusBoard .lotusFeeds a.lotusFeed {
  margin-right:0;
}


/*discussion forum*/
.lotusui30 .lotusForum .lotusPost {
  margin:7px 0;
  background-color:#ccc;
}

.lotusui30.lotusImagesOff .lotusForum .lotusPost, .lotusImagesOff .lotusui30 .lotusForum .lotusPost {
  border-width:1px;
  border-style:solid;
}

.lotusui30 .lotusForum .lotusPostAuthorInfo {
  width:100px;
  text-align:center;
}

.lotusui30 .lotusForum .lotusPostAuthorInfo .lotusPostAvatar {
  background:url(../../images/lotusSprite-8bit.png) 100% -1960px no-repeat;
}

.lotusui30 .lotusForum .lotusPostContent {
  padding:7px 15px;
  background-color:#fff;
}

.lotusui30 .lotusForum .lotusPostContent .lotusTitle {
  font-size:1.2em;
  font-weight:bold;
}

.lotusui30 .lotusForum ul.lotusCommentList .lotusPost {
  background-color:#eee;
}

.lotusui30 .lotusForum ul.lotusCommentList li.lotusCommentItem {
  border-width:0;
}

.lotusui30 .lotusForum ul.lotusCommentList .lotusChild {
  margin-left:0;
  padding-left:20px;
  list-style-type:none;
  background: url(../../images/commentIndent.png) left top no-repeat;
} /*we can't use a sprite for this graphic because the size of posts are erratic and the rest of the sprite would bleed through*/

.lotusui30 .lotusForum .lotusPostDetails {
  padding:5px 0;
}

.lotusui30 .lotusForum .lotusPostDetails blockquote {
  margin:4px 0;
  padding:4px 8px;
  width:75%;
  color:#545454;
  background-color:#eee;
  border-width:1px 1px 1px 3px;
  border-style:solid;
  border-color:#ccc;
}


/*simple comment bubble*/
/*these styles are NOT an extension of lotusPost*/
.lotusui30 .lotusCommentBubble {
  padding-top:10px;
  background:url(../../images/lotusSprite-8bit.png) 15px -2716px no-repeat;
  zoom:1;
}

.lotusui30 .lotusCommentBubbleBody {
  padding:5px 10px 5px 15px;
  background-color:#eee;
}

.lotusui30.lotusImagesOff .lotusCommentBubbleBody, .lotusImagesOff .lotusui30 .lotusCommentBubbleBody {
  border-width:1px;
  border-style:solid;
}




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