﻿/* editorial */

h3 {
  border-bottom: 4px solid #aa0a24;
  font-size: 14px;
  line-height:16px;
  margin: 0;
  padding: 4px 0;
  font-weight:bold;
}
h3 em 
{
    font-family:Georgia,serif;
    font-size:13px;
    color:#333;
    line-height:15px;
    position:absolute;
}
span.chevron 
{
  background: transparent url("//resource.csnstatic.com/redbook_legacy/images/sprite.png") no-repeat scroll -4px -9px;
  display: block;
  height: 8px;
  width: 5px;
  z-index: 0;
  position: absolute;
}
.csn-carousel h3 {position:relative;}
.csn-carousel h3 span.chevron 
{
    left:70px;
    top:20px;
}
.csn-carousel h3 em 
{
    left:85px;
    top:15px;
    font-style: italic;
}
.social-media-container h3 {font-size:12px;}
* html .social-media-container h3 {padding:3px 0 5px;}
*:first-child+html .social-media-container h3  {padding:3px 0 5px;}
.csn-feed h3 span.chevron 
{
    top:10px;
    left:49px;
}
.csn-feed h3 em 
{
    top:6px;
}
.social-media-container h3 span.chevron {
  left: 75px;
  top: 10px;
}

/*** Styles for tabs ***/

.psuedo-tabs {
  clear: both;
  float: left;
  height: 27px;
  margin-top: 10px;
  position: relative;
  width: 100%;
}

.psuedo-tabs .module-tabs-menu {
  position: absolute;
  right: 0;
  top: -1px;
}

.psuedo-tabs .module-tabs-menu li {
  float: right;
}

.module-tabs-menu {
  background: none repeat scroll 0 0 transparent;
  margin: 0;
  padding:0;
  position: absolute;
  right: 0;
  top:0;
  width: auto;
 list-style-type: none;
}

	.module-tabs-menu li {
		float: left;
		margin-left: 5px;
	}
	
	.module-tabs-menu .first {
		margin: 0;
	}
	
		.module-tabs-menu li a {
			display: block;
			font-size: 11px;
			font-weight: normal;
			border-color:#cfcfcf;
			border-top-color: #d0d0d0;
			border-width:1px 1px 0;
			border-style:solid;
			-moz-border-radius: 3px 3px 0 0; 
			border-radius: 3px 3px 0 0;
			background: #fafafc;
			padding: 6px 8px 5px;
			width: auto;
			text-align: center;
			color: #666;
			text-decoration: none;
			position: relative;
			line-height:13px;
			outline: 0;
		}
		
		.module-tabs-menu li a:hover
		{
		    background: #ecf4fc;
		    color: #0068b9;
		}
		
		.module-tabs-menu li .selected,
		.module-tabs-menu li .selected:hover {
			color: #fff;
			background:#b11830;
			background: -moz-linear-gradient(top, #c63d51 0%, #aa0a24 100%);
			background: -webkit-linear-gradient(top, #c63d51 0%, #aa0a24 100%);
			border-color:#aa0a24;
			border-top-color: #d56e7d;
		}
		
		.module-tabs-menu li a span {
          background: url("//resource.csnstatic.com/redbook_legacy/images/sprite.png") no-repeat -3px -42px transparent;
          bottom: -11px;
          display:none;
          height: 8px;
          left: 50%;
          margin-left: -5px;
          overflow: hidden;
          position: absolute;
          width: 13px;
          z-index: 10;
        }
		
		* html .module-tabs-menu li a span 
		{
		    background:url(//resource.csnstatic.com/redbook_legacy/images/tab-arrow.gif) no-repeat 0 0;
		}
		
		.module-tabs-menu li .selected span {
			display: block;
		}
		
/*** Editorial Tabs ***/
.csn-feed {padding-top:1px;position:relative;}
    .csn-feed h5 {clear:both;font-size:12px;font-weight:bold;padding:5px 0;}

	.editorial-tabs-panel {
		margin: 0;
		list-style-type: none;
		clear: left;
	}
	
	    .editorial-tabs-panel .items 
	    {
	        padding:0;
	        margin:0;
	    }
	
		.editorial-tabs-panel li {
			overflow: hidden;
			_zoom: 1;
			border-bottom: 1px solid #e7ebf0;
			padding: 10px 8px 11px;
			*margin-bottom:-3px;
			list-style-type:none;
			background-color:#f9f9f9;
		}
		
		
			.editorial-tabs-panel li a 
			{
				text-decoration: none;
			}
		
.editorial-tabs-panel li.alt, .twitter-feed li.alt, .comments-feed li.alt {
background-color:#fdfdfe;
}
		
		.editorial-tabs-panel .last {
			border: 0;
		}
		
			.editorial-tabs-panel .image-container {
				float: left;
				background-color:#fff;
				padding: 3px;
				margin-right: 11px;
				width:97px;
				overflow: hidden;
				border:1px solid #D0D0D0;
				-moz-border-radius:3px;
				-webkit-border-radius:3px;
				border-radius:3px;
			}
			
				.editorial-tabs-panel .portrait {
					margin: 0 auto;
				}
				
				.editorial-tabs-panel img 
				{
				    display: block;
				    margin:auto;
				}
				
			    .editorial-tabs-panel a img
			    {
			        border: 0;
			    }
		
			.editorial-tabs-panel div {
				margin-left: 118px;
				font-size: 11px;
				color: #666;
			}
			
				.editorial-tabs-panel h4 {
                    color: #004D76;
                    font-size: 11px;
                    font-weight: bold;
                    line-height: 14px;
                    margin: 0;
                    padding: 0;
                }
			
					.editorial-tabs-panel h4 a {
						color: #004d76;
						text-decoration: none;
					}
				
				.editorial-tabs-panel p {
                    color: #333333;
                    font-size: 11px;
                    line-height: 13px;
                    margin: 0;
                    padding: 4px 0 0;
                }
					
				.editorial-tabs-panel .timestamp {
					font-family:Georgia, serif;
					font-style:italic;
					font-size:10px;
				}
				
				    .editorial-tabs-panel .timestamp strong
				    {
				        font-weight:bold;
				        font-style:inherit;
				    }
					
				.editorial-tabs-panel .loading,
				.social-media-container .loading 
				{
					background:#fff url(//resource.csnstatic.com/redbook_legacy/images/ajax-loading.gif) no-repeat;
					font-size: 11px;
					float:left;
                    margin: 10px 0 0 10px;
                    padding: 2px 0 5px 21px;
				    height:16px;
				    color:#666;
				}
				.editorial-tabs-panel .loading:hover,
				.social-media-container .loading:hover 
				{
				    background-color:#fff;
				}
				.editorial-tabs-panel .loading 
				{
				    width:318px;
				}
				.social-media-container .loading 
				{
				    width:258px;
				    /*_width:244px;				    */
				}
					
	.editorial-tabs .footer {
		background: #f0f3fc;
		padding: 9px 10px 9px 15px;
		margin-top:6px;
		overflow: hidden;
		*zoom: 1;
	}			
	
		.editorial-tabs .footer a {
			font-weight: bold;
			text-decoration: none;
			color: #000;
			float: right;
			font-size: 10px;
		}
		
.social-media-container
{
    padding-top:1px;
    margin-top: 10px;
    position:relative;
}

* html .social-media-container .module-tabs-menu li .selected span {_margin-left:-15px;}

.stream-container
{
    clear: both;
	overflow:auto;
	height:316px;
	_width:300px;
	border-bottom:1px solid #F0F3FC;
}
.twitter-feed 
{
    overflow:hidden;
}
.twitter-feed li,.comments-feed li
{
    padding: 10px;
    _padding:8px 10px;
    margin: 0;
    font-size: 10px;
    border-bottom: 1px dotted #ccc;
    background-color: #f9f9f9;
    overflow: hidden;
}
.comments-feed li {padding:8px 10px;_padding:6px 10px;}
.twitter-feed li.last,.comments-feed li.last {border:0;}

.comments-feed .last
{ 
    border: 0;
}

.twitter-feed li p , .comments-feed li p 
{
    margin: 0;
    font-size: 10px;
    color: #0068b9;
}
.comments-feed span.message,.twitter-feed p.message
{
color: #000000;
display: inline;
}
.twitter-feed li p a , .comments-feed li p a
{
    color: #0068b9;
    text-decoration: none;
}

.twitter-feed li p a:hover, .comments-feed li p a:hover
{
    text-decoration: underline;
}

.twitter-feed span, .comments-feed span
{
    display:none;
    text-align: right;
    color: #666;
}

.twitter-feed span.date, .comments-feed span.date
{
text-align: right;
color: #666;
display: inline;
float: right;
}

* html .twitter-feed span.date,
* html .comments-feed span.date {float:none;margin-left:2em;}

*:first-child+html .twitter-feed span.date,
*:first-child+html .comments-feed span.date
{
    margin-top:-13px;
}

.follow-us-on-twitter {
  background: none repeat scroll 0 0 #F0F3FC;
  padding: 7px 10px 6px;
  margin-top: 8px;
  _margin-top:11px;
}

.follow-us-on-twitter a {
  background: url(//resource.csnstatic.com/redbook_legacy/images/editorial-icons.png) no-repeat scroll 0 -69px transparent;
  color: #333333;
  font-size: 10px;
  font-weight: bold;
  height: 16px;
  line-height: 16px;
  padding: 2px 0 2px 20px;
  text-decoration: none;
}
.ignore {display:none;}
li.no-data 
{
    background-color:#F7FAFF;
    border-bottom:none;
}
li.no-data:hover 
{
    background-color:#F7FAFF;
}
.facebook-feed li.no-data 
{
    overflow: hidden;
    padding: 10px;
}
.facebook-feed li.no-data p,
.twitter-feed li.no-data p,
.comments-feed li.no-data p 
{
    color:#000;
    font-size:11px;
    padding:0 0 6px;
}