/* 
* PeopleListing 
* Description: Design file for people.
* Created on: May 14, 2011
* Last modified on: May 26, 2011 
* Copyright 2011 Frontiers Media S.A. All Rights Reserved. 
*/ 
.peopleTnHolder{ width:681px;  margin:0; padding:15px 0 15px 0; float:left; clear: both; }
.peopleTnHolder .ColleaguesContainer { /*width:445px;*/ width:586px; float:left; margin:0; padding:0; overflow: visible!important;  }
.peopleTnHolder .phFull { float:right; width:585px; position:relative; min-height: 74px; }
.peopleTnHolder .imgPh { float:left; width:75px; height:auto; position:relative; }
.peopleTnHolder .imgCheck { height:auto; width:auto; position:absolute; margin:0; padding:0; left:0; top:0; }
.peopleTnHolder .imgCheck input { margin:0!important;padding:0!important; height:14px; width: 14px; }
.peopleTnHolder .imgPh img{ margin:0; padding:0; /*border:1px solid #707173;*/ float:left }
.peopleTnHolder .imgPh img a{ border:0; }
.peopleTnHolder .phHead{ float:left; /*width:100%;*/ width:450px; clear:both; margin-bottom:5px; }
.peopleTnHolder .phHead h2,.peopleTnHolder .phHead h2 a { font-size:14px; line-height:18px; font-weight:bold; color:#3e3d40; margin:-4px 0 0 0; padding:0 }
.peopleTnHolder .phHead h3,.peopleTnHolder .phHead h3 a { font-size:12px; line-height:16px; font-weight:bold; color:#3e3d40; margin:0px 0 0 0;  padding:0 }
.peopleTnHolder .phHead p,.peopleTnHolder .phHead p a {font-size:12px; line-height:16px; font-weight: normal; color:#3e3d40; }
.peopleTnHolder .phHead p.readmore a{color:#1B79B3!important;float:right;font-size:12px!important;text-decoration:none}
.phHead h2 a:hover,.phHead a:hover h2{color:#1B79B3!important; text-decoration:none;}
.peopleTnHolder .phTag{ float:left; /*width:100%; */ width:450px;height:auto; text-align:left; font-size:10px; line-height:16px; color:#707173;  }
.peopleTnHolder .phTag a{ color:#707173; text-decoration:none; }
.peopleTnHolder .phTghtLink{ float:right; width:115px; height:auto; text-align:right; color:#2178b5; text-decoration:none; font-size:10px; line-height:16px; /* added for vertical align bottom */ position:absolute; bottom:0; right:2px; }
.peopleTnHolder .phTag a:hover{ color:#1b79b3; text-decoration:none }
.peopleTnHolder .phTghtLink a{ color:#1b79b3; text-decoration:none; }
.peopleTnHolder .phTghtLink ul{ margin:0; padding:0; line-height:16px; }
.peopleTnHolder .phTghtLink li.first{ padding-bottom:18px!important;}
.peopleTnHolder .phTghtLink a span{ background:url(/Design/Images/BlueArrow.gif) right 2px no-repeat; padding-right:15px; }
.peopleTnHolder .phTghtLink a.online{ background:url(/Design/Images/Online.gif) left 1px no-repeat; padding-left:18px; }
.peopleTnHolder .phTghtLink a.offline span{ background:none; padding:0px; color:#707173; }
/*.peopleTnHolder .ColleaguesContainer {float: left; margin: 1px 0 0 0; overflow: visible!important; padding:0; width: 440px;}*/

dl.ColList{clear:both;color:#3E3D40;font-size:12px;line-height:16px;margin:0;padding:10px 0 5px;width:100%}
dl.ColList a{color:#1b79b3;font-size:10px;line-height:14px;text-decoration:none}
dl.ColList a:hover{color:#1b79b3;text-decoration:none}
dl.ColList dd{float:right;margin:0;overflow:hidden;padding:0;text-align:right;width:100px}
dl.ColList dt{clear:both;float:left;width:75%;}
dl.ColList dt input{float:left;height:18px;margin-left:0;padding-left:0;width:15px}
dl.ColList dt.withRadio label{font-size:11px;line-height:18px;padding-left:5px}


dl.PeopleList{color:#3E3D40;font-size:12px;line-height:14px;margin:0 0 0 25px;padding:0} /* removed clear */
dl.PeopleList dt{float:left;width:40%;}/*width:240px*/
dl.PeopleList p{color:#3E3D40;padding:10px 0}
dl.PeopleList strong{font-weight:700}
dl.PeopleList a{color:#3E3D40;text-decoration:none}
dl.PeopleList a:hover{color:#1b79b3}
dl.PeopleList dd{float: right; width:auto; margin-left:10px}
dl.PeopleList dd a.emailL{width:100%;word-wrap:break-word;}
dl.PeopleList dd.w43p{width:43%;}
dl.PeopleList dd .btnFollow a{ color:#fff; }
dl.PeopleList dd .btnFollow{ margin-top:-3px!important}
div.PeopleLeftPanel .sbox div{background-color:#fff!important;height:auto!important;}

/* btnFollow */
.btnFollow{ height:20px!important; margin:0!important; padding:0!important; width:auto!important; font-size:12px; color:#fff; font-weight:bold; position:absolute; top:0!important; right:0;  }
.btnFollow a{ display:block; margin:0!important; height:20px!important; line-height:20px!important; color:#fff; text-align:right; padding:0!important; text-decoration:none;}
.btnFollow a:hover{color:#fff;text-decoration:none;}
.btnFollow a span{padding:0 0 0 21px!important; margin:0 6px 0 0!important; height:20px!important; line-height:20px!important; display:block; top:auto!important}
.btnFollow a.follow{ background:url(/Design/Images/followingButton.jpg) no-repeat 100% 0;}
.btnFollow a.follow span{ background:url(/Design/Images/followingButton.jpg) no-repeat 0 0;}
.btnFollow a.following{ background:url(/Design/Images/followingButton.jpg) no-repeat 100% -22px;}
.btnFollow a.following span{ background:url(/Design/Images/followingButton.jpg) no-repeat 0 -22px; color:#f29400;}
.btnFollow a.unfollow{ background:url(/Design/Images/followingButton.jpg) no-repeat 100% -130px;}
.btnFollow a.unfollow span{ background:url(/Design/Images/followingButton.jpg) no-repeat 0 -130px;}

.btnFollow a.blocked{ background:url(/Design/Images/followingButton.jpg) no-repeat 100% -44px;}
.btnFollow a.blocked span { background:url(/Design/Images/followingButton.jpg) no-repeat 0 -44px;color: #d40028;}

.sel .btnFollow a.follow{ background:url(/Design/Images/greybg_followingButton.jpg) no-repeat 100% 0;}
.sel .btnFollow a.follow span{ background:url(/Design/Images/greybg_followingButton.jpg) no-repeat 0 0;}
.sel .btnFollow a.following{ background:url(/Design/Images/greybg_followingButton.jpg) no-repeat 100% -22px;}
.sel .btnFollow a.following span{ background:url(/Design/Images/greybg_followingButton.jpg) no-repeat 0 -22px;}
.sel .btnFollow a.unfollow{ background:url(/Design/Images/greybg_followingButton.jpg) no-repeat 100% -130px;}
.sel .btnFollow a.unfollow span { background:url(/Design/Images/greybg_followingButton.jpg) no-repeat 0 -130px;}

.sel .btnFollow a.blocked{ background:url(/Design/Images/followingButton.jpg) no-repeat 100% -44px;}
.sel .btnFollow a.blocked span { background:url(/Design/Images/followingButton.jpg) no-repeat 0 -44px;color: #d40028;}

/* new list icon set */
.rightlistIconHolder{ position:absolute; top:0; right:0; width:135px;}
html>body .rightlistIconHolder.wAuto {*width:110px!important}
html>body .rightlistIconHolder.wAuto a.follow { *margin-left:20px!important}
html>body .rightlistIconHolder.wAuto a.unfollow { *margin-left:13px!important}
.listIconholder{ height:16px; width: 16px; float:right; margin:2px 0 0 5px}
.listIconholder .iconAddlist{ display:block; width:16px; height:16px; background: url(/Design/Images/addlistIcon.png) no-repeat 0 0; cursor:pointer; text-decoration:none}
.listIconholder .iconAddlist:hover{ display:block; width:16px; height:16px; background: url(/Design/Images/addlistIcon.png) no-repeat 0 -16px; cursor:pointer; text-decoration:none}

.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!important; 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!important; color:#3e3d40!important; font-weight:normal!important; font-size:11px!important; line-height:14px!important; top:auto!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 span{top:auto!important}
.sbox a.defaultLink{font-size:11px!important;text-decoration:none!important; color:#1b79b3!important; font-weight:normal!important }
.sbox a.defaultLink:hover { font-size:11px!important;text-decoration:underline; color:#1b79b3!important;}

.PostEventContainer p{color:#3e3d40;font-size:12px;font-weight:400;line-height:16px;padding:2px 0 5px}
.PostEventContainer p a{color:#1b79b3;text-decoration:none}
.PostEventContainer p a:hover{text-decoration:underline}

.popupWrapp .popupContent .sbox p.top_left,.popupWrapp .popupContent .sbox p.bottom_left { width:190px!important;}
.popupWrapp .popupContent .sbox p.top_right, .popupWrapp .popupContent .sbox p.bottom_right{ width:10px!important;}

.publicationCounter{ position:absolute; bottom:2px; right:8px; color:#3e3d40; font-size:10px; line-height:12px;}

.sbox .scrlBlock span.w180{ clear:left; margin:0 0 4px 0!important; width:170px; float:left; padding:0 0 0 10px!important; }
.sbox .scrlBlock .scrlChkBox{ float:left; width:14px; height:14px; margin:0!important; padding:0!important;}
.sbox .scrlBlock .scrlLabelBox{ float:left; width:136px; margin:0!important; padding:0 0 0 5px!important; line-height:16px!important;}
.sbox .scrlBlock .mTop { margin-top: 1px!important; } 

.contentBoxouter .rightlistIconHolder{top: -10px!important; width: 91px!important;}