/* 
* rcWidget.css
* Description: Design file for Right Column Widgets.
* Created on: July 14, 2011
* Last modified on: September 21, 2011 
* Copyright 2011 Frontiers Media S.A. All Rights Reserved. 
*/
/* ----------------------- COMMON WIDGET SECTION -------------------------- */

/*  --- common outer section for rightColwidget --- */
.rightColwidget {
	width:100%;
	float:left;
	margin:0 0 15px 0;
	padding:0;
	background-color:#fff;
	text-align:left
}
.widgetTitle {
	background:#8F8778;
	color:#fff;
	font-weight:bold;
	padding:2px 2px 2px 5px;
	line-height:16px;
}
.widgetContent {
	/*line-height:14px;*/
	margin:0;
	padding: 8px 0px 0px 0px;
	/*padding: 8px 2px 0px 5px;*/
	display:block;
	color:#3e3d40;
	float:left; 
}
.widgetTitle a {
	text-decoration:none;
	color:#fff;
	cursor:pointer;
	display:block
}
.rightColwidget.myHome.withIcon .widgetTitle a{ width:89%; float:left; }
.rcWidgetIcon{ width:16px; float:right; cursor:pointer; display:inline; margin-right:2px}
/* **************** widget content sections *************** */

.widgetRow {
	margin:0;
	padding:0;
	float:left;
	width:100%;
}
.imgTnrepeater {
	margin:4px 0 0 0;
	padding:0;
	float:left;
	width:100%;
}
.imgTnrepeater a span {
	margin:2px 9px 0 0;
	padding:0;
	border:0;
	width:32px;
	height:32px;
	float:left;
}
.dividerLine {
	width:240px;
	margin:0;
	padding:0;
	border-bottom:1px solid #d0d0d0;
	position:relative;
	height:1px;
	float:left
}
.linkwithLine {
	width: 240px;
	margin:0;
	padding:0;
	background:url(/Design/Images/linkwithLineBg.gif) repeat-x left center;
	height:10px!important;
	text-align:right;
}
.linkwithLine .linkText {
	background:#fff;
	line-height:8px;
	padding:0 0 0 5px;
	color:#1b79b3!important;
}
.imgThumbnail {
	float:left;
	margin:0 10px 0 0;
}
.wBtn .btnFollow15 a {
	color:#fff!important
}
.wBtn a.defaultLink, .widgetContent a.defaultLink {color:#1b79b3!important;text-decoration:none;}
.widgetContent a.defaultLink:hover{ text-decoration:underline;}

.imgThumbnail span{ float:left; width:100%;}
.wBtn {
	margin:5px 0 0 0
}
.dateText {
	color:#707173;
	margin-right:0px;/* 2 */
	display:inline
}
.widgetContent .defaultLink a {
	color:#1b79b3!important;
	text-decoration:none;
}
.widgetContent .rightcolFollow a:hover {
	color:#FFFFFF;
	text-decoration:none
}
.widgetContent a {
	color:#3e3d40;
	text-decoration:none
}
.widgetContent a:hover {
	color:#1b79b3;
	text-decoration:none
}
.rcwSpl .widgetContent {
	padding: 2px 0px 0px 0px;
}
.rcwSpl .imageContainer {
	margin:0 0 10px 0;
	float:left;
	width:100%;
}
.rcwSpl h3 {
	color: #3e3d40;
	font-weight: bold;
	line-height: 18px;
	margin: 10px 0 0;
	padding: 0;
}
.rcwSpl h3 a {
	text-decoration:none
}
.rcwSpl.redTxt h3, .rcwSpl.redTxt h3 a {
	color:#C54613!important
}
.rcwList {
	width:100%;
	margin:8px 0 0 0;
	padding:0;
}
.rcwList a {
	color:#1b79b3;
	text-decoration:none;
}
.rcwList li {
	background:url(/Design/Images/arrBlu.gif) no-repeat scroll 0 4px transparent;
	padding:0 0 0 12px
}
/* MAINLY FOR THUMBNAIL RIGHT COLUMNS */
.wRightcol {
	float:left;
	margin:0;
	padding:0;
}
.tn55 .wRightcol{
	width:175px;
}
.tn38 .wRightcol {
	width:190px;
}
.tn55 .imgThumbnail{
	width:55px;
}
.tn38 .imgThumbnail {
	width:38px;
}
/* for home page */
.rightColwidget.myHome .widgetTitle{ /*background:#e7ad00;*/background:#8F8778;}
.rightColwidget.myHome .widgetTitle.darkred{background:#b7272e!important}

.w80pc {width:80%;}
.w20pc {width:20%;}
.widgetContent .searchBtn_Blue a, .widgetContent .greyBtn a{ color:#fff!important}
.wRightcol .defaultLink{color:#1b79b3!important;}
.wRightcol .defaultLink:hover{color:#1b79b3!important; text-decoration:underline}

/* font size adjustments for myHome */
.rightColwidget.myHome .widgetContent {	font-size:11px; line-height:15px}
.rightColwidget.myHome .rcwSpl h3 {	font-size: 12px; }

/* font size adjustments for other pages */
.rightColwidget .widgetContent {	font-size:12px; line-height:16px}
.rightColwidget .rcwSpl h3 { font-size: 12px; }

/* common font size elements */
.rightColwidget.myHome .linkwithLine .linkText,.rightColwidget .linkwithLine .linkText { font-size:10px!important; }
.rightColwidget.myHome .widgetTitle, .rightColwidget .widgetTitle { font-size:12px; }

.rightColwidget p.rcmt0 a { margin-top:0px!important }
.rightColwidget p.postedBytxt { color: #707173 !important; font-size: 10px !important; font-weight: normal !important;text-decoration: none;
    width: auto !important; margin-top:2px; }
.rightColwidget p.postedBytxt a {  color: #707173 !important;  display: inline-block !important;  font-size: 10px !important; font-weight: normal !important;text-decoration: none;
    width: auto !important; margin-top:2px; }
.rightColwidget p.postedBytxt a:hover{color:#1b79b3!important; text-decoration: none}

.rightColwidget .imgThumbnail .mcPlay {  background: url("/Design/Images/media_controls_dark_play.png") no-repeat scroll 0 0 transparent;  border: 0;  bottom: 5px !important;  display: block; height: 16px;  left: 5px !important;  position: absolute !important;  width: 16px;  z-index: 100;}

.rightColwidget .imgThumbnail .mcPlay_55{left: 5px !important; top: -9px !important; }

.noSep .rightColwidget .dividerLine.mb8.mt8{ border-bottom:0px!important; margin-bottom:4px!important; margin-top:4px!important;}
.noSep .rightColwidget .linkwithLine{ background-image:none!important; }

.rightColwidget.noSep .dividerLine.mb8.mt8{ border-bottom:0px!important; margin-bottom:4px!important; margin-top:4px!important;}
.rightColwidget.noSep .linkwithLine{ background-image:none!important;display:none!important}

.rightColwidget.bluebg{ margin-bottom:2px!important}
.rightColwidget.bluebg .widgetTitle	{background: url("/Design/Images/dblArrow.png") no-repeat scroll 5px 6px #2178B5 !important;   padding-left: 20px;}

/*You are in block*/
.rightColwidget.youareinHolder { background:url(../images/bg_youarein.png) no-repeat 0 0; width:240px; float:left; margin:0 0 0px 0; padding:0 }
.rightColwidget.youareinHolder .youareinData {font-size: 12px; padding:1px 0 0 55px; margin:0; min-height:65px; height:auto!important; height:65px}
.rightColwidget.youareinHolder .titleData {font-size: 12px;  color:#fff; font-weight:bold; line-height:16px; margin:0 0 8px 0; padding:1px 0 0 0}
.rightColwidget.youareinHolder .nowOn {font-size: 12px;  color:#3e3d40; font-weight:bold; line-height:16px; margin:0 0 5px 0; padding:0}
.rightColwidget.youareinHolder .nowOn a{color:#3E3D40} 
.rightColwidget.youareinHolder .nowOn a:hover{color:#1B79B3; text-decoration:none}

/*View all events*/
.rightColwidget .view_all_details{background: none!important; color:#1B79B3!important; height: auto!important; padding: 0 0 10px; margin-left: 56px;}
.rightColwidget .view_all_details a{color:#1B79B3!important; width:auto!important}
.rightColwidget .view_all_details a:hover{ color:#1B79B3!important; text-decoration:underline}

/*Close button for People you may know widget*/
.pymk_close_bttn {width:100%;}
.pymk_close_bttn a {background:url(../images/popup/closePop.png) no-repeat 0 0; display:block; width:10px; height:10px; float:right; cursor:pointer; margin-top:2px}
.pymk_close_bttn_network a {
    background: url("../images/popup/closePop.png") no-repeat scroll 0 0 transparent;
    bottom: 0;
    cursor: pointer;
    display: block;
    float: right;
    height: 10px;
    position: absolute;
    right: 6px;
    width: 10px;
}

/*WidgetList*/
.rightColwidget .widgetList{float:left;list-style:none;margin:2px 0 0;padding:0;width:240px!important}
.rightColwidget .widgetList li{float:left;margin-bottom:0}
.rightColwidget .widgetList li a{background: #fff; color: #3E3D40 !important; display: block; float: left; font-size: 12px; height: auto; line-height: 16px; padding:2px 0 2px 5px; text-decoration: none; width: 235px;}
.rightColwidget .widgetList li a:hover{background:#9c9e9f!important;color:#FFF!important}
.rightColwidget .widgetList li a.active{background:#9c9e9f;color:#FFF!important}
.rightColwidget .widgetList li:hover{background:#9c9e9f;position:relative;z-index:999999}

/*Green Notification box*/
.rightColwidget .greenw100 {border: 1px solid #00601D; color: #00601D; font-size: 11px; font-weight: bold; width:91%}

/*For Default link*/
.widgetContent .defaultLink a{color:#1B79B3 !important; text-decoration:none}


.rightColwidget .widgetContent .wid95{ margin:2px 0 9px 0!important}

.rightColwidget.myHome{position:relative;}
.rc_callout_pointer{background:url("../Images/rc_callout_red_arrow.png") no-repeat scroll left top transparent; width:20px; height:20px; position:absolute; right:0; top:13px; margin-right:-20px;}
.rc_callout{background:#B7272E; color:#fff; width: 260px; min-height: 100px; position: absolute;  padding:5px; left: -280px; top:-10px;z-index: 9999;}
.rc_callout .cont{width:230px; padding:10px 0 10px 10px; word-wrap:break-word}
.rc_callout .close{ cursor:pointer!important; margin-right:2px; margin-top:2px}

.navRgt{ margin:-6px 0 0 0; width:100%;}

.navRgt li a{ background: #FFFFFF; color: #3E3D40 !important; display: block; float: left; font-size: 12px; height: auto; line-height: 16px;
    padding: 4px 0 5px 5px; text-decoration: none;  width: 235px;}
.navRgt li a:hover{ background: #c2b7a3; color: #fff !important; display: block; float: left; font-size: 12px; height: auto; line-height: 16px;
    padding: 4px 0 5px 5px; text-decoration: none;  width: 235px;}
    
    
.rightColwidget .plus{margin-top:3px!important; margin-right:5px !important}    
/*.rightColwidget {margin-bottom:12px!important;}
.rightColwidget.nolinkwithLine {margin-bottom:12px!important;}*/
.rightColwidget.mb4 {margin-bottom:4px!important;}

.mh59 {
    min-height: 59px !important;
}

.rightColwidget p.postedBytxt.w150 {
    width: 150px !important;
}