/* 
* 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:532px;}

#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:522px; 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:480px!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:460px; 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:460px; 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}
.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;}


.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;}
.w540 {	width:540px;}
.shareContent {	float:left;	width:538px;	border:1px solid #cbcbcb;	padding:10px 10px 10px 0;	font-size:12px;	line-height:16px;	color:#3e3d40;/* 530px */}
.shareContent.qts{ background:url(/Design/Images/qts.png) no-repeat 5px 5px; }
.shareContentTxt {	float:right;	margin:0;	padding:0;	width:91%;}
.shareTxt {	float:left;	width:548px;	margin:0 0 10px 0;	padding:0;	border:1px solid #cbcbcb/*550px*/}
.h36 {	height:36px}
.ml50 {	margin-left:50px}
.imageShare {float:left;width:32px;margin:4px 4px;padding:0;overflow:hidden}
/* *******************************
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 .wrapper .imgHolder { margin-right:15px!important}
.editableContent .imgHolder .img74{ width:64px!important; overflow:hidden}
.editableContent .wrapper .w515{ width:380px!important}


/***************************************
sbox
***************************************/
.sbox .content { width:100%; height: auto; float:left; margin:0; padding:0; background:#fff  }
.sbox { width:200px; float:left; margin:0; padding:0;text-align:left;font-size:12px; line-height:18px; color:#3e3d40!important; position:absolute}
.sbox .sbox_top,.sbox .sbox_bottom { width:100%; height:12px; float:left; margin:0; padding:0   }
.sbox .top_left{ float:left; width:190px; height:12px; margin:0; padding:0; background: url(/Design/Images/sbox_tl.png) no-repeat 0 0;}
.sbox .top_right{float:right; width:10px; height:12px; margin:0; padding:0; background: url(/Design/Images/sBox_tr.png) no-repeat 100% 0}
.sbox .bottom_left{ float:left; width:190px; height:12px; margin:0; padding:0; background: url(/Design/Images/sbox_bl.png) no-repeat 0 0}
.sbox .bottom_right{float:right; width:10px; height:12px; margin:0; padding:0; background: url(/Design/Images/sBox_br.png) no-repeat 100% 0}
.sbox .mid_left{ float:left; width:190px; height: auto margin:0; padding:0 0 0 10px; background:#fff url(/Design/Images/sbox_ml.png) repeat-y left top}
.sbox .mid_right{float:right; width:180px; height: auto; margin:0; padding:0 10px 0 0; background:#fff  url(/Design/Images/sBox_mr.png) repeat-y right top}
.sbox .contentMid{ width:100%; float:left; margin:0; padding:0; background:#fff}
.sbox a,.btnFollow .sbox a{ text-decoration:none; color:#3e3d40!important; display:block; font-weight:normal!important; line-height:16px; font-size:12px; height:auto!important}
.sbox a:hover, .btnFollow .sbox a:hover{ text-decoration:none; color:#1b79b3!important; }
.sbox .borderBox{border-bottom:1px solid #6d6e71; height:1px; width:100%; float:left; margin:5px 0; padding:0; }
.sbox a.fly em{ background:url(/Design/Images/arrowRightSprite.png) no-repeat 0 0; width:5px; height:12px; float:right; margin:3px 0 0 0 }
.sbox .thinlineNew{ border-bottom:1px solid #D9D9D9; height:1px; width:100%; float:left; margin:4px 0; padding:0; clear:left}


.sbox .scrlBlock{ margin:0 0 0 0 ; padding:0; float:left; width:100%;  max-height:140px; }
.sbox .scrlBlock span{ background:none; display:block; padding:3px 10px; color:#3e3d40!important; font-weight:normal!important; font-size:11px!important; line-height:14px!important}
.sbox .scrlBlock span input[type="checkbox"] { float:left; margin:1px 8px 0 0}
.sbox input[type="text"]  {width:148px!important; }
.sbox{ z-index:99999!important}

.sbox a.defaultLink { font-size:11px!important;text-decoration:none; color:#1b79b3!important; }
.sbox a.defaultLink:hover { font-size:11px!important;text-decoration:underline; color:#1b79b3!important; }

/***************************************
sboxn
***************************************/
.sboxn .top_left{ background: url(/Design/Images/sboxn_tl.png) no-repeat 0 0!important;}
.sboxn .top_right{background: url(/Design/Images/sBoxn_tr.png) no-repeat 100% 0!important}
.sboxn .bottom_left{background: url(/Design/Images/sboxn_bl.png) no-repeat 0 0!important}
.sboxn .bottom_right{background: url(/Design/Images/sBoxn_br.png) no-repeat 100% 0!important}
.sboxn .mid_left{ background:#fff url(/Design/Images/sboxn_ml.png) repeat-y left top!important}
.sboxn .mid_right{background:#fff  url(/Design/Images/sBoxn_mr.png) repeat-y right top!important}

/* link box */
#linkBlockMain{height:auto; width:604px; float:left; background-color:#FFF}

#linkBlockMain1{height:auto; width:600px; float:left; background-color:#FFF}

.textareaBlock {
	float:left;
	padding:5px;
	position:relative;
	z-index:500;
	width: 594px;
}
.textareaBlock textarea {
	width:555px;
	height:50px;
	float:left;
	border:none!important
}
.textareaBlock .closebtn {
	float:right;
}
.linkBlockWrap {
	float:left;
	width:594px;
	padding:5px;
}
.linkBlock {
	float:left;
}
.linkBlock p {
	text-align:left;
	padding:0 10px;
	margin:0;
	width:512px;
	float:left;
	line-height: 23px !important;
	color:#707173;font-size: 11px;
}
.linkBlock button.lnk {
	
	background:url(/Design/Images/link_icon.jpg) no-repeat 0 center;
	height:auto; width:auto; border:0;margin: 3px 0 0; float:right;line-height: 18px;
	cursor:pointer;padding:2px 3px 2px 17px; color:#1B79B3;font-size: 11px;
}
.linkBlock .linkTxt {
	float:left;
	width:594px;
	padding:5px;
	display:none
}
.linkBlock .linkTxt .linkicon{background:url(/Design/Images/link_icon.jpg) no-repeat left center;height:25px; width:18px;float:left; padding-right:5px; margin-left:3px;}
.linkBlock .linkTxt input {
	display:block;
	float:left;
	margin-right: 10px;
	width: 480px;
	height:20px!important;
	border:1px solid #B8B9BB!important;
}
.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;
}
.w422 { width: 422px !important; }
.w92 { width: 92px !important; }

select.chzn-select {visibility: hidden;height: 28px !important;min-height: 28px !important;}
.chzn-container {font-size: 13px;position: relative;display: inline-block;zoom: 1;*display: inline;}
.chzn-container .chzn-drop {background: #fff;border: 1px solid #b8b9bb;border-top: 0;position: absolute;top: 29px;left: 0;-webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);-moz-box-

shadow: 0 4px 5px rgba(0,0,0,.15);-o-box-shadow: 0 4px 5px rgba(0,0,0,.15);box-shadow: 0 4px 5px rgba(0,0,0,.15);z-index: 999;}
/* @end */

/* for fix for frames */
.colTitle_withbg .sliderBox.blueSlider{ margin-top:-1px !important}
.colTitle_withbg .sliderBox.blueSlider a{ line-height:17px !important}





div.PeopleLeftPanel p.status a{ display:inline; font-size:12px!important; line-height:16px; text-decoration:none!important; color:#1B79B3; margin:0;  }
div.PeopleLeftPanel p.status a:hover{ text-decoration:underline;   }
div.PeopleLeftPanel p.status.bold a{ font-weight:bold!important; color:#3e3d40!important} 
div.PeopleLeftPanel p.status.bold a:hover{ font-weight:bold!important;text-decoration:none!important; color:#1B79B3!important;} 
.plTxt { color: #707173 !important; font-size: 10px !important; font-weight: normal !important; line-height: 11px!important;  margin-top: 5px !important;}
.plTxt a, div.PeopleLeftPanel p.plTxt a {color: #707173 !important; display: inline-block !important; font-size: 10px !important; font-weight: normal !important; text-decoration: none; width: auto !important;margin: 0;  padding: 0 0 3px; line-height: 11px!important; }
.plTxt a:hover, div.PeopleLeftPanel p.plTxt a:hover{color:#1b79b3!important; text-decoration:none}


#commentsSection .w581{ width:506px!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;}
.contentBox .contentWrap .wrapper .wAuto {
    width: auto !important;
}
.tagDividerLine{float:left; width:1px; height:10px; font-size:14px; font-weight:normal; color:#bababa; margin:-1px 8px 0 5px;}