/* 
* LikeCommentShare_2C.css 
* Description: General design file for Community Activity Box.. 
* Created on : Dec 28, 2011 
* Modified on: Dec 28, 2011 
* Copyright 2010 Frontiers Media S.A. All Rights Reserved. 
*/
 
#commentsSection { margin:0 0 10px 0; float:left; width:681px;}

#commentsSection .contentBox .contentWrap{width:610px; float:right;}
#commentsSection .contentBox .contentWrap h2{ color: #3E3D40;font-size: 14px;font-weight: bold;line-height: 17px;margin: 0}

#commentsSection .contentWrap .toolbar{ float:left; margin-top:8px; line-height:15px}
#commentsSection .contentWrap .toolbar li{ display:inline; float:left; padding:0x; padding-right:7px!important; font-size:10px!important;}
#commentsSection .contentWrap .toolbar li.pr0{padding-right:0px!important;}
#commentsSection .contentWrap .toolbar li p{ line-height:10px;font-size:10px!important;}
#commentsSection .contentWrap .toolbar li a{ float:left; font-size:10px!important;}
#commentsSection .contentWrap .toolbar li a.share{ background:url(/Design/Images/share_03.png) no-repeat 0 0; text-decoration:none;
padding:3px 52px 4px 3px; color:#FFF; font-weight:bold; font-size:10px!important; float:left; margin:0;line-height:10px!important;}

#commentsSection .contentWrap .commentBox{ background-color:#e8e5e4; width:671px; float:left; padding:2px 5px 3px 5px; margin-bottom:2px; color:#3E3D40;}
#commentsSection .contentWrap .commentBox a {cursor:pointer;}
#commentsSection .arrwWithBdr{ background:url(/Design/Images/top_bar.png) no-repeat 0 0;  padding-top:8px;}

#commentsSection .like{ background:url(/Design/Images/like.png) no-repeat left center; display:inline-block; padding-left:25px!important; line-height:25px!important;}
#commentsSection .comment{background:url(/Design/Images/coment.png) no-repeat left center;display:inline-block; padding-left:25px!important; line-height:25px!important;}
#commentsSection .toparrw{ background:none; padding-top:2px!important;}
#commentsSection .skype{background:url(/Design/Images/skype_online.png) no-repeat 100% 0; padding-right:25px!important;}

#commentsSection .arrwWithBdrbox{border:1px #b8b9bb solid; border-top:none;width:604px; padding:2px; background-color:#e6e7e8;}
#commentsSection .arrwWithBdrbox input.arrw{ width:594px; padding-left:10px; border:0!important; }
#commentsSection .w60{ width:60px!important}
#commentsSection .w555{width:629px!important}
#commentsSection .w510{width:510px!important}
#commentsSection .w450{width:450px!important}
#commentsSection .pl18{ padding-left:18px!important;}
#commentsSection .pl42{ padding-left:42px!important;}
#commentsSection .pb4{ padding-bottom:4px!important;}

#commentsSection .commentBox .wrapper textarea.write{ width:535px; border:1px solid #c8c5c3!important; padding:2px 0 2px 4px!important; }
#commentsSection .colleaguesUL{ float:left;line-height: 22px;}
#commentsSection .colleaguesUL li{float:left; display:inline-block; padding-right:8px;}

#commentsSection .wrapper{width:100%; height:auto; float:left;font-size: 11px;}
#commentsSection .content{width:auto;float:left; }

#commentsSection .postedon {color:#707173; padding:5px 0 0;}
#commentsSection .postedon span {font-weight:bold;}

.downArrow, .upArrow{ float:right!important; width:12px!important; height:12px!important; display:inline!important; margin:0!important; padding:0!important}
.downArrow{background:transparent url(/Design/Images/RightNavDownArrow50.gif) no-repeat 0 4px!important }
.upArrow{background:transparent url(/Design/Images/RightNavUpArrow50.gif) no-repeat 0 6px!important }

#commentsSection .commentBox .wrapper textarea.write{ width:535px; border:1px solid #c8c5c3!important; padding:2px 0 2px 4px!important; }
#commentsSection .colleaguesUL{ float:left;line-height: 22px;}
#commentsSection .colleaguesUL li{float:left; display:inline-block; padding-right:8px;}

.w520{width:520px}
.w320{width:320px!important;}
.w68{width:68px}
.w73{width:73px}
#commentsSection .commentAddWrap{padding: 3px 0 0 7px; float:left}

.w515{width:515px!important;}
.h15{ height:15px!important;}
.h15a{ height:15px;}
#commentsSection .wrapper .imgHolder{ margin-right:20px; float:left;}
.commentBox .wrapper .imgHolder{width:32px;}
#commentsSection .wrapper .imgHolderNet{ margin:0 10px; float:left; width:79px;text-align:center;}
#commentsSection .wrapper .imgHolderNet img{ padding:0 2px; }

#commentsSection .checkboxWrapper{ width:100%; height:auto; float:left; clear:both }
#commentsSection .checkboxWrapper label{ padding-bottom:5px;float:left; margin-top:2px; font-weight:bold;}
#commentsSection .checkboxWrapper input{ margin-top:2px; margin-right:10px;float:left; margin-left:0px; padding:0px; width:14px; height:14px;}
#commentsSection .layoutsave{ width:100%; padding-top:5px; float:left}

#commentsSection .groupWrapper{ width:240px; margin-left:25px; float:left; line-height:15px; color:#3E3D40}
#commentsSection .sepLine{ background:url(/Design/Images/myhome_line.gif) center repeat-x #fff ; height:1px; margin:10px 0; float:left;width: 100%;}
#commentsSection .sepLine a{ float:right; width:auto; height:auto; padding-left:25px; background:url(/Design/Images/myhome_more.gif) 7px center no-repeat #fff ;font-size: 10px; font-weight:normal;}
#commentsSection .more{height:15px; margin-bottom:10px; float:left;width: 100%;}
#commentsSection .more a{ float:left; width:auto; height:auto; padding-left:18px; background:url(/Design/Images/myhome_more.gif) left center no-repeat #fff ;}
#w735 .martp_mi{margin-top:-20px!important}



#commentsSection  .contentWrap a{ font-weight:bold;}
#commentsSection .contentWrap p{ line-height:15px!important; float:left;}
#commentsSection .contentWrap .content p{ width:100%!important; width:auto; }

#commentsSection .contentWrap p.date{ color:#707173!important; margin-right:3px;}
#commentsSection .contentWrap p.date span{ font-weight:bold;}


/*img holders*/
.img38{ width:38px; height:38px; float:left}
.img50{ width:50px; height:50px; float:left}
.img74{ width:74px; height:74px; float:left}
.img124x75{ width:124px; height:75px; float:left}


.fontnormal{font-weight:normal!important}
/**************************POP UP**********************************/
.bubbleInfo {
	position: relative;
	top: 0px;
	left: 0px;
	width: 500px;z-index:0;
}
.trigger {
	position: relative; 
	outline:none
}
.trigger:hover{ text-decoration:underline}
 .popup {
	position: absolute;
	display: none;
	z-index: 999;
	border-collapse: collapse;
	width: 435px;
}
 .popup a{ line-height:18px;}
.popup td.corner {
	height: 14px;
	width: 14px;
}
.popup td.topleft {
	background-image: url(/Design/Images/popup/topL.png); background-position: left top;
}
.popup td.top {
	background-image: url(/Design/Images/popup/topBg.png); background-position:top left;
}
.popup td.topright {
	background-image: url(/Design/Images/popup/topR.png); background-position: top right;
}
.popup td.left {
	background-image: url(/Design/Images/popup/leftBg.png); background-position:left top;
}
.popup td.right {
	background-image: url(/Design/Images/popup/rightBg.png); background-position: right top;
}
.popup td.bottomleft {
	background-image: url(/Design/Images/popup/botL.png); background-position:bottom left;
}
.popup td.bottom {
	background-image: url(/Design/Images/popup/botBg.png);
	text-align: center;
	background-position: bottom left;
}
.popup td.bottom img {
	display: block;
	margin: 0 auto;
}
.popup td.bottomright {
	background-image: url(/Design/Images/popup/botR.png);background-position: bottom right;
}
.popup table.popup-contents {
	font-size: 11px;
	line-height: 1.2em;
	background-color: #fff;
	color: #666;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
}
table.popup-contents th {
	text-align: right;
	text-transform: lowercase;
}
table.popup-contents td {
	text-align: left;
}

.closeBtn{  float:right;
position:absolute; right:10px;  top:10px; outline:none;
}
.closeBtn img{ border:0; width:10px; height:10px}
.bTail {
top:0;
 float:left;
 width:19px;
 height:12px;
 z-index:9999;
 position:absolute
}
.popup-contents td a{ color:#3e3d40!important; text-decoration:none;}
.popup-contents td a:hover{ color:#1B79B3!important; text-decoration:none;}
.linkTxt .addBtn,.addBtnComment {
	float:left;
	background: url("/Design/Images/eveSclbg.gif") no-repeat scroll right -96px transparent;
    margin-top: 4px;
    height: 16px;
    position: relative;
    z-index: 5; 
}
.linkTxt .addBtn a,.addBtnComment a {
	background: url("/Design/Images/eveSclbg.gif") no-repeat scroll left -96px transparent;
	color: #707173;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: normal!important;
    height: 16px;
    line-height: 16px;
    margin: 0 12px 0 0;
    padding-left: 12px;
    position: relative;
    text-decoration: none;
    z-index: 999;
}

.linkTxt .addBtn a:hover, .addBtnComment a:hover {text-decoration:none!important;}
.linkTxt .linkclosebtn {float:right;margin-top:7px; margin-right:0px} /* mr changed from 5 to 0 */

.linkTxt .addBtn a, .addBtnComment a, .addBtnComment span, .addBtn span {
    background: url("/Design/Images/eveSclbg.gif") no-repeat scroll left -96px transparent;
    color: #707173;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: normal !important;
    height: 16px;
    line-height: 16px;
    margin: 0 12px 0 0;
    padding-left: 12px;
    position: relative;
    text-decoration: none;
    z-index: 999;
}
.imgTn32 {
    float: left;
    height: auto;
    margin: 5px 6px 5px 0;
    width: 32px;
}
.w605 { width: 605px !important; }
.w567 { width: 567px !important; }
.w92 { width: 92px !important; }


/* for share */

.shadowX, .shadowXP {	border:1px solid #cbcbcb;	-moz-box-shadow: 2px 2px 2px #ccc;	-webkit-box-shadow: 2px 2px 2px #ccc;	box-shadow: 2px 2px 2px #ccc;}
	/* For IE 8 	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=123, Color='#cccccc')";	 For IE 5.5 - 7 	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=123, Color='#cccccc');*/
	
.boxwithShadowX, .boxwithShadowXP {	width:550px;	height: auto;	margin:20px auto;	padding:15px 15px;	background:#fff;	text-align:left;}
.borderGrey {	border:1px solid #cbcbcb}
.boxwithShadowX h2, .boxwithShadowXP h2  {	font-size:16px;	line-height:18px;	margin:0 0 15px 0;	padding:0;	color:#3e3d40;	font-weight:600;}

.shareContent .wrapper{width:100%; height:auto; float:left;font-size: 11px;}
.wrapper a.blue15_norm span{ padding:0 0 1px 7px!important;}


/* given new class name for solving isuue of showing share popup by clicking on privacy link */
.boxwithShadowX_new, .boxwithShadowXP_new {	width:550px;	height: auto;	margin:20px auto;	padding:15px 15px;	background:#fff;	text-align:left;}
.boxwithShadowX_new h2, .boxwithShadowXP_new h2  {	font-size:16px;	line-height:18px;	margin:0 0 15px 0;	padding:0;	color:#3e3d40;	font-weight:600;}

.shareiconToolbar a.newConfirmBtn, a.newConfirmBtn span, a.newNotMineBtn, a.newNotMineBtn span, a.newConfirmBtn15, a.newConfirmBtn15 span
{
    
    background-image: url("/Design/Images/button_publications_new.png");
    background-repeat: no-repeat;
    background-color:#fbfbfb!important;
    color:#3e3d40;
    font-size: 11px;
    font-weight: bold;
    height: 23px;
    line-height: 19px;
    text-align: center;
    text-decoration: none;
    margin-bottom:12px;
}
a.newConfirmBtn {
    background-position: 100% 0;
    display: block;
    margin: 0;
    padding: 0 10px 0 0;
}
a.newNotMineBtn  {
    background-position: 100% -69px;
    display: block;
    margin: 0;
    padding: 0 10px 0 0;
}
a.newConfirmBtn:hover {
    background-position: 100% -23px;
}
a.newConfirmBtn span {
    background-position: 0 0;
    display: block;
    margin: 0;
    padding: 0 0 0 25px;
}
a.newConfirmBtn:hover span {
    background-position: 0 -23px;
}
a.newConfirmBtn:active {
    background-position: 100% -46px;
}
a.newConfirmBtn:active span {
    background-position: 0 -46px;
}


a.newNotMineBtn:hover {
    background-position: 100% -92px;
}
a.newNotMineBtn span {
    background-position: 0% -69px;
    display: block;
    margin: 0;
    padding: 0 0 0 23px;
}
a.newNotMineBtn:hover span {
    background-position: 0 -92px;
}
a.newNotMineBtn:active {
    background-position: 100% -115px;
}
a.newNotMineBtn:active span {
    background-position: 0 -115px;
}

a.newConfirmBtn, a.newConfirmBtn span, a.newNotMineBtn, a.newNotMineBtn span, a.newConfirmBtn15, a.newConfirmBtn15 span
{
    
    background-image: url("/Design/Images/button_publications_new.png");
    background-repeat: no-repeat;
    background-color: #ffffff;
    color:#3e3d40;
    font-size: 11px;
    font-weight: bold;
    height: 23px;
    line-height: 19px;
    text-align: center;
    text-decoration: none;
}


.shareiconToolbar a.newNotMineBtn15, a.newNotMineBtn15 span, a.newConfirmBtn15, a.newConfirmBtn15 span{ background-image: url("/Design/Images/button_publications_new.png"); background-repeat: no-repeat; background-color:#fbfbfb!important; color:#3e3d40; font-size:9px; font-weight: bold;  height: 18px; line-height: 15px; text-align: center; text-decoration: none;  margin-bottom:12px; }


a.newConfirmBtn15, a.newConfirmBtn15 span, a.newNotMineBtn15, a.newNotMineBtn15 span{ background-image: url("/Design/Images/button_publications_new.png");  background-repeat: no-repeat; background-color: #ffffff; color:#3e3d40;  font-size: 9px; font-weight: bold; height: 18px; line-height: 15px; text-align: center; text-decoration: none; }


a.newConfirmBtn15 { background-position: 100% -138px; display: block!important; margin: 0; padding: 0 4px  0 0; }
a.newConfirmBtn15:hover { background-position: 100% -156px;}
a.newConfirmBtn15 span { background-position: 0 -138px; display: block;  margin: 0; padding: 0 0 0 15px; }
a.newConfirmBtn15:hover span { background-position: 0 -156px; }
a.newConfirmBtn15:active { background-position: 100% -174px;}
a.newConfirmBtn15:active span { background-position: 0 -174px;}



a.newNotMineBtn15 { background-position: 100% -192px; display: block!important; margin: 0; padding: 0 4px  0 0; }
a.newNotMineBtn15:hover { background-position: 100% -210x;}
a.newNotMineBtn15 span { background-position: 0 -192px; display: block;  margin: 0; padding: 0 0 0 15px; }
a.newNotMineBtn15:hover span { background-position: 0 -210px; }
a.newNotMineBtn15:active { background-position: 100% -228px;}
a.newNotMineBtn15:active span { background-position: 0 -228px;}



.shareiconToolbar .greyBg_ConfirmBtn{background:#e8e8e8; padding:2px 8px 0 4px; height:13px; float:left; font-size:10px; font-weight:normal;  color:#606060!important; line-height:11px; width:57px!important}
.shareiconToolbar .greyBg_ConfirmBtn img{margin-right:4px; float:left}
.shareiconToolbar .greyBg_ConfirmBtn:hover{ text-decoration:none; color:#606060}


.shareiconToolbar .greyBg_CloseBtn{background:#e8e8e8; padding:3px 7px 0 4px; height:12px; float:left; font-size:10px; font-weight:normal; color:#606060; width:58px!important; line-height:9px}
.shareiconToolbar .greyBg_CloseBtn img{margin-right:5px; float:left}
.shareiconToolbar .greyBg_CloseBtn:hover{ text-decoration:none; color:#606060}


.shareiconToolbar .img_Link { float:left; width:auto; margin:0 6px 0 0!important; padding:0 0 0 8px; text-align: left; display:block; text-decoration:none; /*color:#707173*/;background: url(../images/liSeperatorJournals.gif) no-repeat left 1px transparent; color:#1b79b3 }