﻿
/* 
* ActionBar_2C.css 
* Description: General design file for Community Activity ActionBar.. 
* Created on : Dec 28, 2011 
* Modified on: Dec 28, 2011 
* Copyright 2010 Frontiers Media S.A. All Rights Reserved. 
*/
 
/* ************* shareiconToolbar ************* */
.sharethisIco .shareCounter { background: url("/Design/images/shareleft_15.gif") no-repeat scroll 100% 0 #69C023 ; color: #FFFFFF !important ; display: block ; float: left ; height: 15px ; padding: 0 6px 0 3px ; text-align: center; }
.shareiconToolbar .atlData.t30 {top:20px!important;}
.shareiconToolbar .scrlBlock a {background:none;float:none!important;}
.shareiconToolbar{ float:left; height:15px; margin:0; padding:0 0 5px 0; display:inline-block; width:100%; font-size:10px; line-height:15px; border-bottom:1px solid #707173}
/*.shareiconToolbar div.btnCls {width:10px;float:left;}*/
.shareLink span { color: #FFFFFF !important ; height: 15px ; text-align: center; }
.sharethisIco .shareLink { background: url("/Design/images/share_15.gif") no-repeat scroll 0 0 #69C023 ; display: block ; float: left ; padding: 0 5px 0 15px; } 

.shareiconToolbar a{ text-decoration:none; display:inline-block; cursor:pointer;min-width:15px; width:auto!important; width:15px;}
.shareiconToolbar a.impactCount{ text-decoration:none; display:inline-block; cursor:pointer; min-width:0px!important; width:auto!important; width:15px;}
.shareIco{  float:left; margin:0 6px 0 0; padding:0; text-align:center; min-width:15px; width:auto!important; width:15px; }
.facebookIco, .twitterIco, .linkedinIco, .gplusIco{  height:15px; cursor:pointer; text-indent:-9999px;  display:block; float:left; overflow:hidden}
.facebookIco{ background:url(/Design/Images/facebookIco.png) no-repeat 0 0;}
.twitterIco{ background:url(/Design/Images/twitterIco.png) no-repeat 0 0;}
.linkedinIco{ background:url(/Design/Images/linkedinIco.png) no-repeat 0 0; }
.gplusIco{ background:url(/Design/Images/gPlusicon15.jpg) no-repeat 0 0; width:24px!important}
.sharethisIco{ float:left; min-width:45px; width:auto!important; width:45px;}
.sharethisIco .shareCounter{ padding:0 6px 0 3px; background:#69c023 url(/Design/Images/shareleft_15.gif) no-repeat 100% 0px; color:#fff!important; text-align:center; height:15px; display:block; float:left}

.sharethisIco .shareLink span{ color:#fff!important; text-align:center; height:15px;}
.shareiconToolbar .textLink { float:left; width:auto; margin:0 6px 0 0; padding:0;display:inline-block}
.shareiconToolbar .textLink a{ float:left; width:auto; margin:0 6px 0 0!important; padding:0 0 0 7px; text-align: left; display:block; text-decoration:none; /*color:#707173*/;background: url(/Design/Images/liSeperatorJournals.gif) no-repeat left 1px transparent; color:#1b79b3 }
.shareiconToolbar .textLink a:hover{ color:#1b79b3; text-decoration:none}
.sharethisIco .shareLink:hover{ text-decoration:none}  
.textLink a { background: url("/Design/images/liSeperatorJournals.gif") no-repeat scroll left 1px transparent ; color: #707173 ; display: block ; float: left ; margin: 0 6px 0 0 !important ; padding: 0 0 0 7px ; text-align: left ; text-decoration: none ; width: auto; }
.shareLink { background: url("/Design/images/share_15.gif") no-repeat scroll 0 0 #69C023 ; display: block ; float: left ; padding: 0 5px 0 15px; }
.shareiconToolbar .CLHolder .atlData .btnCls, .atlData .btnCls{border:0 none;display:block;height:8px;margin:0;padding:2px 4px 2px 6px;text-align:right;text-decoration:none;width:110px;position:relative!important; float:left}
.shareiconToolbar .CLHolder .atlData .btnCls a,.atlData .btnCls a{ position:absolute; right:0; bottom:0; background-image:none!important}
.shareiconToolbar .CLHolder .atlData .btnCls a img,.atlData .btnCls a img{border:0 none;height:9px;width:9px;float:right!important;}
.shareiconToolbar a.first{ background-image:none!important; padding-left:0px!important} 
.shareiconToolbar .CLHolder .atlData a,.atlData div.posRel span a,div.textLink .atlData div.scrlBlock a{ background-image:none!important} 
.shareiconToolbar .textLink a:hover{ color:#1b79b3!important; text-decoration:none; }
.atlData .scrlBlock a:hover, .atlData .scrlBlock a.act{background-color:#d9dadb!important; color:#3e3d40!important}
.atlData a{ color:#3e3d40!important}

/* like */
.lcsIco{ float:left; min-width:40px; width:auto!important;}
.lcsIco .lcsCounter{ padding:0 3px 0 6px; background:#B7272E url(/Design/Images/greyleft_15.gif) no-repeat 0 0px; color:#fff!important; text-align:center; height:15px; display:block; float:left}
.lcsIco .lcsLink{ background:#B7272E; padding:0 5px; display:block; float:left}
.lcsIco .lcsLink span{ color:#fff!important; text-align:center; height:15px;}
.lcsIco .lcsLink:hover span, .lcsIco .lcsLink:hover{ text-decoration:none}

/*for share popup */
.shareTxt {	float:left;	width:548px;	margin:0 0 10px 0;	padding:0;	border:1px solid #cbcbcb/*550px*/}
.imageShare {float:left;width:32px;margin:4px 4px;padding:0;overflow:hidden}
.shareContent {	float:left;	width:538px;	border:1px solid #cbcbcb;	padding:10px 10px 10px 0;	font-size:12px;	line-height:16px;	color:#3e3d40;/* 530px */}
.shareContentTxt {	float:right;	margin:0;	padding:0;	width:91%;}
.contentBox{float:left; width:681px; padding:0 0 5px 0;}
.innerBoxsection{ float:left; width:100%; margin:5px 0 0; padding:0;}
.innerBoxTitleText{ color:#707173; line-height:16px; margin:0 0 10px 0; padding:0; text-align:left; clear: both; width:100%; font-size:11px}
.contentBox .contentBox.innerBox { width:610px!important; margin-left:0px;}
.contentBox .contentBox.innerBox .imgWrap{ margin-right:5px; float:left}
.contentBox .contentBox.innerBox .imgWrap .img50{ width:32px; height:32px; float:left}
.contentBox .contentBox.innerBox .mainP{ width:555px!important}
.contentBox .contentBox.innerBox .contentWrap{ float:right; width:570px;}
.contentBox .contentWrap a{ font-weight:bold;}
.contentBox .contentWrap p{ line-height:15px !important; float:left;}
.contentBox .contentWrap .content p{ width:100%!important; width:auto; }
.wrapper .imgHolder a{float:left;}
.wrapper .imgHolder{ margin-right:20px; float:left;}
.content {float: left;width: auto;}

/* *******************************
Editable Share Content
******************************* */
.editableContent{ max-height:180px; overflow:scroll; overflow-x:hidden; overflow-y:scroll }
.editableContent .contentBox{ width:520px!important;}
.editableContent .imgWrap { margin-right:15px!important}
.editableContent .imgWrap .img50{ width:40px!important; height:40px!important; overflow:hidden}
.editableContent .contentWrap{ width:465px!important}
.editableContent .mainP{ width:450px!important}
.editableContent .wrapper .w594{ width:460px!important;}
.editableContent .wrapper .w465{ width:350px!important; }
.editableContent .img124x75 { width:96px!important; overflow:hidden}
/*.editableContent .img124x75 img{ width:96px; height:60px}
.editableContent .imgHolder .img74{ width:64px!important; overflow:hidden}*/
.editableContent .wrapper .imgHolder { margin-right:15px!important}

.editableContent .wrapper .w515{ width:380px!important}
.editableContent .contentBox.innerBox .mainP{ color: #3E3D40!important;width:580px;font-size: 11px;line-height: 14px; } /*width:475px!important*/
.editableContent .contentBox.innerBox .imgWrap .img50{ width:32px!important; height:32px!important; float:left}
.editableContent .contentBox.innerBox .imgWrap{ margin-right:5px!important; float:left}
.editableContent .contentBox.innerBox .contentWrap{ float:right; width:482px!important; }
.boxwithShadowX .editableContent .innerBoxsection .contentBox.innerBox .contentWrap{ float:right; width:470px!important; } 
.editableContent .innerBoxsection .contentBox.innerBox .contentWrap{ float:right; width:465px!important; }
.boxwithShadowX_new .editableContent .innerBoxsection .contentBox.innerBox .contentWrap{ float:right; width:470px!important; }

.shareContent .orgFeed .contentBox.innerBox .contentWrap .content.w465{width:320px !important}/*Added by vishnu on 21-03-2012*/

.create_new { background:none!important; font-size:11px!important; }
.create_new a, .sbox .create_new a, .shareiconToolbar .textLink a {color: #1B79B3!important; }
.sbox .scrlBlock a, .sbox .scrlBlock a:hover {color: #3E3D40!important;}
.sbox .create_new a{background-image:none }
.sbox .opendivListnew.w169 input[type="text"] { width:169px!important;}

.contentBox .contentWrap .content p.w515 { width: 515px !important;}
.contentBox .contentWrap .content p.w465 { width: 465px !important;}
 .w460{ width:460px!important; }
 .w455 {
    width: 455px!important;
}
/* fix */
.contentBox .contentWrap .content p.w515 { width: 515px !important;}
.contentBox .contentWrap .content p.w465 { width: 465px !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 .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 }
.w500pop{width: 500px !important;}
.popupWrapp.w500pop, .radius6 {    border-radius: 6px 6px 6px 6px;}
