.sideBar .menu {
    padding: 5px 0px 5px 10px; 
    width: 250px; 
    float: left;
    position: relative;
}
.sideBar .menu h4 {
    float: left; max-width: 220px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px; color: #223344;
	font-weight: 600;
}
#notifications .pager {
    height: 20px;
    border-top:1px solid #C8D2DC;
    display:none;
}
#notifications .pager .loading {
    background-image: url(themes/base/images/30.gif);
    background-position: center center;
    background-repeat: no-repeat;   
    height: 14px;
    margin-top: 3px;
    position: relative;
}
/*
.tPanel, .bPanel {
	height: 50%;
}
*/
.sideBarContent {	
	width: 100%;	
	float: left;
	margin: 0px;
	/*height: -moz-calc(100% - 27px);     
    height: -webkit-calc(100% - 27px);
    height: calc(100% - 27px);
        */
    max-height: 500px;
    min-height:100px;
    overflow: hidden;		
	overflow-y: auto;	
	position: relative;
}

.itemOriginalAttachments.disabled {
    display:none;
}

.groupHeader {
    background:#F4F5F7;
    margin:0;
    padding:0 10px; 
    line-height:40px;
    color: #333;
}
#objectPreviewPanel .groupHeader { 
    margin: -15px -16px 0 -16px;
    padding: 8px 16px 0px 16px;
}
.groupHeader:not(.ntb){
    /*border-top:1px solid #c8d2dc;*/
}
.commentsHolder {
    /*border:1px solid #c8d2dc;*/
}
.commentsContent {	
	width: 100%;	
	float: left;
	margin: 0px;
	/*border-left: 1px solid #c8d2dc;
    border-left: 1px solid #c8d2dc;*/
	height: -moz-calc(100% - 27px);     
    height: -webkit-calc(100% - 27px);
    height: calc(100% - 27px);
    overflow: hidden;		
	overflow-y: auto;	
	position: relative;
    border: 1px solid #c8d2dc;
}
#comments {
	border-radius: 3px;
	overflow:hidden;
}
#objectPreviewPanel #comments {
    border: none;
    overflow: visible;
}
.topic, .notification {
	/*padding-bottom: 10px;*/
    padding-top: 0px;	
	/*float: left;*/
	position: relative;
	min-height: 50px;
	/*width: 99%;*/
    clear:both;
}
.topic {
    border-top: 1px solid #ccc;
    margin-top:-1px;
} 
#_original.topic {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-top: -2px;
}
/*#_original.topic .comment {
    border: 1px dotted blue;
}*/
.threadContainer {
    min-height:100px;
    overflow-y: auto;
}

#objectPreviewPanel .threadContainer { 
    margin: 0 -16px;
    /*overflow-y: hidden;*/
}
.topic.new {
    background:#F6F6F6;
    border-bottom: medium none;
}

#objectPreviewPanel .topic.new {
    margin: 0 -16px;
    padding: 0 16px;
    border: none;
}
.a-w-c li * {
    font-size:12px!important;
}
.a-w-c li.notification:first-child {border-top:none}
.a-w-c li.notification:last-child {border-bottom:none}
.a-w-c .timestamp {
    width:auto!important;
}
.a-w-c .status {
    display:block;
    clear:both;
}
.a-w-c .commentArea {
    clear:both;
    margin-left:10px;
}
.a-w-c .commentArea .linkEmulator {
    display:block;
}
.a-w-c .subject {
    width:auto;
    float: none;
}
.a-w-c textarea {
    height: 40px;
    min-height: 40px;
    margin-bottom:5px;
}
.a-w-c .actions {
    clear:both;
}

#newComments {background-color: #0077DD;}
.numberOfNew {
    background-color: #fbaf0e;
    width: 18px; height: 18px;line-height: 18px;    
    display:inline-block;
    text-align: center;
}
.newItemIndicator {
    font-size:11px;
    color: #FFAA00;
    position: relative;
    top: -5px;
}
.notification.unread {background-color: #fff;}
.notification.read {background-color: transparent;}
.notification .showMore {
    float: left;
    margin-left: 35px;
    cursor: pointer;
    color: #0077DD;
}
.notification .showMore:hover { text-decoration: underline; }
.comment {	
	padding: 0 10px;
    clear:both;
}
#sharedTable .comment { padding: 0; }
.comment:not(.reply) {
    margin: 12px 0 21px 0;
}

.comment:not(.reply) { margin-bottom: 10px; }
#objectPreviewPanel .threadContainer .comment:not(.reply) { padding-left: 16px; }
#objectPreviewPanel .threadContainer .replyBlock .comment { padding-left: 46px; }
#objectPreviewPanel .comment { padding: 0 10px 0 0; }
#objectPreviewPanel .threadContainer .comment { padding: 0px 27px 0 0; }
#objectPreviewPanel .threadContainer .comment.reply { padding-top: 10px; }
.comment.ready { margin-top:0; }

.sideBarContent .comment {
	width: 100px;
	width: -moz-calc(100% - 24px);     
    width: -webkit-calc(100% - 24px);
    width: calc(100% - 24px);
	overflow: hidden;
}
.comment .field-validation-error {
    float: none;
    display: block;
}

.system.notification .comment {padding: 0px 10px 0px 10px;}

.subject {
    float: left; 
    width: 78%; max-width: 78%; 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.comment .avatar, .ListTableContainer .avatar,
.grid-unit .avatar,
#logonUserAvatar .avatar,
figure .avatar,
.contactList .avatar{
	float: left;
	margin-right: 6px;	
	width: 26px; height: 26px;
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
	border: 1px solid #aaaaaa;
}
.comment .avatar {
    /*margin-top: -5px;*/
}


#logonUserAvatar .avatar {
	position: relative;
	top: -6px;
	left: -3px;
}
/*.system.notification .comment .avatar {
    border: 1px solid transparent;
}*/
.comment textarea {
	height: 30px;
	min-height: 22px;    
	font-size: 12px;
	line-height: 17px;
}
.root textarea {display: none;}
.comment textarea {width: 100%}
#objectPreviewPanel .comment textarea { 
    width: calc( 100% - 13px);
    width: -moz-calc(100% - 13px);     
    width: -webkit-calc(100% - 13px);
}
.editMode .root textarea {display: block; margin-left: 38px;}
.new .root textarea {display: block;}

.topicItem textarea {width: 98%;}

.comment p {
	margin: 5px 0px;
	padding: 0px;
	float: left;
	/*overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
    cursor: pointer;
    line-height: 16px;
    color:#666666;
}
.comment p.whitespacewrap {white-space: normal;}

#incomingNote .comment p.whitespacewrap {white-space: nowrap;}

.notification p {
	overflow: hidden;
    text-overflow: ellipsis;
    /*word-wrap: break-word;*/
    white-space: nowrap;
	max-width: 88%;
    width: 360px;
	padding: 0px;
	margin: 0px 0 0 35px;
	/*line-height: 22px;*/
}
.notification:not(.userNote) .comment p { white-space: normal; }
.dataLess p {
    /*width: 240px;*/
	padding: 10px 0px;
	margin: 0px 10px;
	line-height: 16px;
	font-style: italic;
	color: #666;
}
.root.comment p {
    width: 98%;   
}
.new .root p, .new.topicItem p {display: none;}
.topicItem.comment p {
    width: 97%;    
}
.comment p:hover {
    /*color: #1a4c7f;*/  
}

.comment p[contenteditable]:hover {}
.comment p[contenteditable]:focus {}
.root.comment p[contenteditable]:focus {}
.topicItem.comment p[contenteditable]:focus {}

.topic .root .editMode .topicBTN, .topic .root .editMode textarea {display: block;}

/*.topicBTN, .topicItemBTN  {display: none;}*/
.threadContainer .topicBTN  {display: none;}

.topicItemContainer .ready .topicItemBTN  {display:none!important;}

.discussionItemContainer .ready .topicItemBTN  {display:none!important;}
.discussionItemContainer .ready .btn_set { display:none!important;} 
.threadContainer .root .btn_set { display:none;} 

.topicItemContainer .comment {
	/*margin: 0px 0px 5px 30px;	
	border-top: 1px dashed #c8d2dc;
	padding: 5px 0px 0px 0px;
	border-radius: 4px;*/
    
}
.comment.reply {
    background-color: #f6f6f6;
    padding: 10px 0 0 45px;
    border-top: 1px solid #ccc;
}
.replyBlock .comment:not(.reply){
    padding-left:45px;
}
.comment.reply .authorname,
.topic.new .authorname{
    display:none;
}
.comment .timestamp {	
	color: #666666;
	float: left;
	font-style: italic;	
	margin-left: 10px;
}
.notification .comment .timestamp {
    width: 72px; margin-left: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ActivitiesWidget .comment .timestamp {
    margin-left: 5px;
}
.ActivitiesWidget .commentArea ul { margin-bottom: 0; }
.comment .authorname {
	float: left;	
    font-weight: 600;     
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;	
}
/*#comments .authorname {
	display:block;
}*/ 
#comments .timestamp {
	color: #666666;
	font-style: italic;
}
.root {position: relative;}

.root .authorname, .notification .authorname { 
    max-width: 190px; 
    width: auto;
}
.topicItem .authorname {max-width: 177px; width: auto;}


.btn_delete, .btn_edit {display: none;}
.btn_mark {}
.root:hover .btn_delete, .root:hover .btn_edit {display: block;}
#root:hover .btn_delete, #root:hover .btn_addTopicItem, #root:hover .btn_edit {display: none;}
#root .btn_addTopicItem, #root:hover .btn_addTopicItem {display: none;}
.deleteLayer {
	background-color: #000000;
    width: 100%; height: 100%;
    min-height: 60px;
    opacity: 0.8;
    position: absolute;
    top: 0;
    text-align: center;
	color: #fff;
	border-radius: 5px; 
}
.deleteLayer  strong {width: 100%; float: left; margin: 10px 0px;}
.deleteLayer button {cursor: pointer;}

div.discussionTopic:last-child {
	border-bottom: none!important;
}

/*.discussion {
	width: 99%; 
	margin: 0px;
	float: left;
	border-radius: 5px;	
	padding: 0px 10px;
}

.discussionItemContainer  {padding: 5px 0px 0px 0px ;width: 98%; float: left;}

.discussionItemContainer .discussion {
	width: 98%; 
	margin: 0px 0px 5px 60px;	
	border-top: 1px dotted #c8d2dc;
	padding: 5px 0px 0px 0px;
	border-radius: 4px;
}

#comments .discussion {
	padding: 0;
}
#comments .discussionItemContainer .discussion {
	padding: 8px 0 8px 0;
	margin: 0px 20px 5px 60px;
	width: -moz-calc(100% - 35px);     
    width: -webkit-calc(100% - 35px);
    width: calc(100% - 35px);
	border-radius: 0;
}
#comments .discussion p {
	clear: both;
	margin:0;
} 
.discussion .avatar {
	float: left;
	margin-right: 5px;	
	width: 30px; height: 30px;
	-moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
	border: 1px solid #aaaaaa;
}


.discussion textarea {
	height: 57px;
	min-height: 24px;    
	margin-top: 3px;
	
	font-size: 12px;
	width: -moz-calc(100% - 100px);     
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px);
	margin-right: 10px;
}
.externalUser .discussion textarea {
	width: -moz-calc(100% - 100px);     
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px);
}
.discussionTopic {
	padding-top: 8px;
	padding-bottom: 8px;	
	float: left;
	position: relative;
	min-height: 50px;
	width: 98%;
}
.threadContainer .discussionTopic {
	border-top: 1px solid #c8d2dc;
}
#comments .discussionTopic {
	margin:0px 20px;
}*/
/*#_original {
	border-bottom:none;
}*/
.discussionTopic .root .editMode .topicBTN, .discussionTopic .root .editMode textarea {display: block;}

.attachmentsContainer.loader
{
    /*background-image: url(themes/base/images/30.gif);*/
	background: url("themes/base/images/processing_16.gif") no-repeat scroll 0 0 transparent;
    float: left;
    height: 16px;
    margin: 5px 0 0;
    width: 16px;
}


/*Contact List*/
#communicationArea aside:first-child {
	padding-top:5px;
}
#communicationArea aside.currContactsPanel{
	padding:0;
}
.addContactsPanel .group {
    margin:0 10px;
}
aside.addContactsPanel h3{
	margin-top:10px;
	display:block;
	margin-left: 10px;
	
    font-size: 18px;
	line-height: 1.5;
	float: left;
}
aside .contactList {
	position:relative;
	/*min-height: 65px;*/
}
aside #allContacts li:first-child{
	margin-top:5px;
	margin-bottom: 5px;
	line-height: 16px;
}
/*
.sideBar .ui-resizable-s:after{
	border-bottom: 1px solid #C8D2DC;
	box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 0 #fff;
	content:"";
	display:block;
		width:100%;
	height: 1px;
}*/
.sideBar .ui-resizable-s {
	width:100%;
	height: 1px;
	content:"";
	background-color: #fff;
	border-bottom: 1px solid #A7BBCF;
	border-top: 1px solid #C8D2DC;
	bottom: -2px;
}
#communicationArea aside.currContactsPanel:after{
	display:none;
	visibility:hidden;
}
aside.currContactsPanel {
	border-bottom:1px solid #C8D2DC;
	overflow:hidden;
	height: 168px;
}
/*
aside.addContactsPanel:before {
	border-top: 1px solid #FBF8F0;
	box-shadow: 0 1px 0 #9DADBE;
	-webkit-box-shadow: 0 1px 0 #9DADBE;
	-moz-box-shadow: 0 1px 0 #9DADBE;
	content:"";
	display:block;
	width:100%;
	height: 0px;
}*/
aside.currContactsPanel {
	position: relative;
}
aside.currContactsPanel .ui-resizable-s {
	/*border-bottom:1px solid red;*/
}
.contactList li {
    line-height: 24px;
	padding: 0 10px;
    margin:10px 0;
}
#allContacts li.sharable:hover {
	/*background-color: #E6F1FC;*/
}
#allContacts li:first-child:hover {
	background-color: transparent;
}
#allContacts li .icn_shareDocument{
	display:none;
	margin-top:3px;
}
#allContacts li.sharable .icn_shareDocument{
	display:block;
}
.currContactsPanel {
	height: 135px;
}
.addContactsPanel .formRow {
	margin: 0 10px 5px;
	width: -moz-calc(100% - 20px);
	width: calc(100% - 20px);      
	width: -webkit-calc(100% - 20px); 
}
.addContactsPanel .formRow label {
	font-weight: 600;
	width: auto;
	font-size: 13px;
    line-height: 28px;
}
.addContactsPanel li.selectedItem > var { float: none; }
.addContactsPanel .formRow label:after {
	content: ":";
}
.addContactsPanel .formRow select {
    width: 185px;
	float: right;
	height: 22px;
	font-size: 13px;
}
#contactsArea .addContactsPanel .listDrop li { padding: 4px 5px!important; }
#contactsArea .addContactsPanel .listDrop ul li {margin: -1px!important; }
.ShareSpan
{
    margin-top:4px;
    margin-left:2px;
}

.convAttachments,
.reply .itemOriginalAttachments{
    float: left;
    margin: 10px 0 10px 5px;
}
.convAttachments .su-filelist,
.itemOriginalAttachments .su-filelist {
    display: block;
    margin-left: 30px;
    overflow: hidden;
}
.comment .ContextAttachments .singleFileHolder {
    overflow: hidden;
    float: left;
}
.convAttachments .su-filename,
.reply .su-filename {
    width:98px;
    height:18px;
    font-size: 12px;
    overflow:hidden;
    float:left;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 7px;
    color:#666666;
}
.convAttachments .fileDetails,
.reply .fileDetails {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    float: left;
    margin: 0 2px 5px;
    overflow: hidden;
    padding: 6px 0 4px 0;
    /*width: 125px;*/
}
#objectPreviewPanel .su-filelistitem:nth-child(3n) .fileDetails { margin-right: 0; }
#objectPreviewPanel .fileDetails > span { width: 95px; }
.comment .convAttachments .su-progressbarContainer,
.replyBlock .itemOriginalAttachments .su-progressbarContainer {
        margin: 6px 0 0 5px;
        width: 70px;
}
#objectPreviewPanel .comment .convAttachments .su-progressbarContainer { width: 56px; }
.comment .convAttachments .action,
.comment .itemOriginalAttachments .action { border: 1px solid #000; }
.comment .convAttachments .su-progressbar { margin-top: 0px!important; }
#_originalAttachments .uploadContainerContext {
    position:static;
}
.threadContainer .convAttachments {
    display:none;
}
.convAttachments .su-filelistitem,
.reply .su-filelistitem{
    clear:none;
}
.convAttachments .uploadContainerContext.multiloading .multiSelector,
.reply .uploadContainerContext.multiloading .multiSelector {
    height: 0px;
}
.commentsContent .attachmentsContainer:not(:empty),
.commentsContent .ContextAttachments:not(:empty) {
    clear: both;
    /*margin: 5px 0;
    overflow: hidden;*/
}
.attachmentsContainer .ContextAttachments { margin: 0; }
#communicationArea .itemOriginalAttachments{
   width: 177px; 
   float: left;
}
.contactACList ul li {
	float: left;
}
.contactACList ul { 
    height: 24px;
    padding-top: 2px; 
}

.contactACList .icnStatus {
	margin: 8px 0px 0 0;
}
.contactACList a {
	padding: 1px 2px;
}
.contactACList .suggestedItem span {
	padding: 1px 2px;
}

.contactACList ul li .icn {
	visibility: hidden;
}
.contactACList ul li .icn_shareDocument { margin-top: 1px; }
.contactACList ul li .icnChat { margin-top: 2px; }
.contactACList ul li .email { height: 17px; }

.contactACList ul li:nth-child(2) {
	margin-right: 3px;
}
.contactACList ul li:nth-child(3) {
	height: 20px;
}
.contactACList ul:hover li .icn {
	visibility: visible;
}
.contactACList .suggestedItem {
	width: 84px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
    float: left;
    margin-left: 3px;
    margin-top: 2px;
}
.contactACList ul:hover{
	background-color: #E6F1FC!important;
}
#notifications {
	min-height: 100px;
}
.ContextAttachments a:first-of-type{
    /*margin-left:32px;*/
}
.clmn {
    float:left;
}
.clmn .avatar {
    /*margin-top:36px;*/
}
.comment .clmn.c2 {

}