﻿/***********************************************************************************************************
 * This file represents all styles used within the Community (Sharing & Support) content areas of the site.
 ***********************************************************************************************************/




/* Sharing And Support ********************/

.SharingAndSupport{
}
.SharingAndSupport .Breadcrumbs {
    margin-bottom: 12px;
}
.SharingAndSupport .PageHeader{ 
	margin-bottom:0;
}
.SharingAndSupport .PageHeader h2{
	background:url(Images/Global/title_SharingAndSupport.gif) no-repeat;
	width:250px;
	height:30px;
    display: block;
	text-indent:-9000px;
	overflow: hidden;
	outline: none;
	line-height: 1;
	font-size: 0;
}
.SharingAndSupport .PageHeader p{
	color:#002D57;
}


.SharingAndSupport .LandingCallout1{
	background:url(Images/Support/SS1.jpg) no-repeat;
}
.SharingAndSupport .LandingCallout1 .LearnMoreBtn {
	bottom:22px;
}
.SharingAndSupport .LandingCallout1 h4{
	background:url(Images/Support/LandingTitle_Discussions.gif) no-repeat;
	padding-bottom:5px;
}
.SharingAndSupport .LandingCallout2{
	background:url(Images/Support/SS2.jpg) no-repeat 0 2px;
	padding-left:227px;
	margin-left:13px;
	padding-bottom:3px;
	position:relative
}
.SharingAndSupport .LandingCallout2 ul.Panelists {
    position: absolute;
    margin-left: 0;
	left:0;
	top:0;	
}
.SharingAndSupport .LandingCallout2 ul.Panelists li{
	position: absolute;
	padding: 0;
}
.SharingAndSupport .LandingCallout2 ul.Panelists li a{
    text-indent:-9999px;
    display:block;
    overflow:hidden;
    outline:none;
	height:90px;
	width:85px;	
}
.SharingAndSupport .LandingCallout2 ul.Panelists li.PanelistNadoolman        { left:     0; top:  42px; }
.SharingAndSupport .LandingCallout2 ul.Panelists li.PanelistTrachtenberg    { left:  75px; top: -13px; }
.SharingAndSupport .LandingCallout2 ul.Panelists li.PanelistMeehan          { left: 133px; top:  70px; }
.SharingAndSupport .LandingCallout2 ul.Panelists li.PanelistFrancis         { left:  53px; top: 118px; }
.SharingAndSupport .LandingCallout2 .LearnMoreBtn {
	bottom:25px;
}
.SharingAndSupport .LandingCallout2 h4{
	background:url(Images/Support/LandingTitle_NiteLitePanel.gif) no-repeat;
	padding-bottom:5px;
}
.SharingAndSupport .LandingCallout3{
	background:url(Images/Support/SS3.jpg) no-repeat;
}
.SharingAndSupport .LandingCallout3 h4{
	background:url(Images/Support/LandingTitle_Stories.gif) no-repeat;
}
.SharingAndSupport .LandingCallout4{
	background:url(Images/Support/SS4.jpg) no-repeat;
}
.SharingAndSupport .LandingCallout4 h4{
	background:url(Images/Support/LandingTitle_Articles.gif) no-repeat;
}







/* No Longer Used -- May be helpful on the new Panelists page. */
/* 
.SharingAndSupport .FtDisc{
}
.SharingAndSupport .FtDisc .FtDiscHeader{
	height:33px;
	background:url(Images/Support/FtDisc-HeadingBG.gif) no-repeat top left;
	padding-left:42px;
}
.SharingAndSupport .FtDisc .FtDiscHeader h3{
	color:#F7A932;
	display:inline;
	font-size:1.8em;
	line-height:38px;
}
.SharingAndSupport .FtDisc .FtDiscHeader span{
	font-size:1.2em;
	font-weight:bold;
	display:inline;
	margin-left:7px;
}


.SharingAndSupport .FtDisc .FtDiscBody{
	margin-top:9px;
}
.SharingAndSupport .FtDisc .FtDiscBody h5{
	padding-bottom:0;
	padding-top:0;
}
.SharingAndSupport .FtDisc .WrapperL{
	float:left;
}
.SharingAndSupport .FtDisc .WrapperR{
	float:left;
	padding-left:14px;
}
.SharingAndSupport .FtDisc .ContentL{
	float:left;
	width:96px;
	height:86px;
	text-align:center;
}
.SharingAndSupport .FtDisc .ContentR{
	float:left;
	width:220px;
	height:86px;
	margin-left:7px;
}


.SharingAndSupport .NiteLitePanel{
	clear:both;
	width:663px;
	height:117px;
	margin:20px 0 0 0;
	background:url(Images/Support/NiteLitePanel-BG.jpg) no-repeat 0 0;
}
.SharingAndSupport .NiteLitePanel .PanelistsHeader{
	float:left;
	width:270px;
	height:101px;
}
.SharingAndSupport .NiteLitePanel .PanelistsHeader h2{
	width:270px;
	height:51px;
	background:url(Images/Support/NiteLitePanel-Heading.gif) no-repeat 0 0;
    display: block;
	text-indent:-9000px;
	overflow: hidden;
	outline: none;
	line-height: 1;
	font-size: 0;
}
.SharingAndSupport .NiteLitePanel .PanelistsHeader p{
	margin:4px 0 0 10px;
	width:290px;
}

.SharingAndSupport .NiteLitePanel .PanelistsWrapper{
	float:right;
	width:327px;
	height:101px;
	margin:12px 12px 0 0;
}
.SharingAndSupport .NiteLitePanel .PanelistsWrapper a{
	display:block;
	width:76px;
	height:97px;
	text-indent:-9000px;
	font-size:1px;
	color:#fff;
	float:left;
	margin-left:7px;
}
.SharingAndSupport .NiteLitePanel .PanelistsWrapper a.FirstOne{
	margin-left:0px;
}
.SharingAndSupport .NiteLitePanel .PanelistsWrapper a.DawnMeehan{
	background:url(/Images/Panelists/DawnMeehan-SupportLanding.gif) no-repeat 0 0;
}
.SharingAndSupport .NiteLitePanel .PanelistsWrapper a.WolffeNadoolman{
	background:url(/Images/Panelists/WolffeNadoolman-SupportLanding.gif) no-repeat 0 0;
}
.SharingAndSupport .NiteLitePanel .PanelistsWrapper a.JenniferTrachtenberg{
	background:url(/Images/Panelists/JenniferTrachtenberg-SupportLanding.gif) no-repeat 0 0;
}
.SharingAndSupport .NiteLitePanel .PanelistsWrapper a.MeaganFrancis{
	background:url(/Images/Panelists/MeaganFrancis-SupportLanding.gif) no-repeat 0 0;
}

.SharingAndSupport .NiteLitePanel .PanelistsWrapper a:hover,
.SharingAndSupport .NiteLitePanel .PanelistsWrapper a:active{
	background-position:0 -97px;
}
*/

/** Experts Landing Page ************************************************************************/

.Experts .Masthead {
    background: #e5f1f9 url(Images/Support/experts-masthead-background.jpg) no-repeat 0 bottom;
    position: relative;
    margin: 8px 0;
    height: 270px;
    width: 663px;
}
.Experts .Masthead h2 {
    background-image: url(Images/Support/experts-masthead-header.jpg);
    height: 61px;
}
.Experts .Masthead h3 {
    background-image: url(Images/Support/experts-masthead-headline.gif);
    position: absolute;
    width: 395px;
    height: 47px;
    top: 52px;
    right: 30px;
}
.Experts .Masthead .Intro {
    padding: 8px 0px 0px 15px;
    width: 164px;
    float: left;
}
.Experts .Masthead .Panelists {
    float: right;
    margin: 36px 18px 0 0;
}
.Experts .Masthead .Panelists li {
    float: left;
    padding: 0;
    margin: 0 6px;    
}
.Experts .Masthead .Panelists a {
    background-position: 0 8px;
    background-repeat: no-repeat;
    display: block;
    width:  92px;
    overflow: hidden;
    padding-top: 86px;
    text-align: center;
    font-weight: bold;
    font-size: 0.9em;
    line-height: 1.25;
}
.Experts .Masthead .Panelists a:hover {
    background-position: -92px 8px;
}
.Experts .Masthead .Panelists a.PanelistMeehan { background-image: url(Images/Support/experts-masthead-panelist-meehan.jpg); }
.Experts .Masthead .Panelists a.PanelistNadoolman { background-image: url(Images/Support/experts-masthead-panelist-nadoolman.jpg); }
.Experts .Masthead .Panelists a.PanelistFrancis { background-image: url(Images/Support/experts-masthead-panelist-francis.jpg); }
.Experts .Masthead .Panelists a.PanelistTrachtenberg { background-image: url(Images/Support/experts-masthead-panelist-trachtenberg.jpg); }
.Experts .Masthead .Panelists span.Role {
    font-size: 0.8em;
    color: #0d4177;
}
.Experts .Masthead .Panelists .PanelistAudioPlayer {
    margin: 3px 0 0 6px;
}
.Experts .LinksSection{
	width:663px;
	background:url(Images/Support/BottomGrad-Blue.gif) repeat-x bottom;
	padding-top:2px;
	padding-bottom:4px;
	margin-left:5px;
	clear: both;
} 
.Experts .LinksSection .LinksSectionInnerWrapper{
	width:663px;
	background:url(Images/Global/hr-dotted-blue.gif) repeat-y 332px 0;
} 

.Experts .LinksSection .Articles{
	float:left;
	width:317px;
	padding:0 9px 0 6px; 
}
.Experts .LinksSection .Articles h4{
	color:#F7A932;
	line-height:0.7em;
	padding-bottom:5px;
	font-size:1.4em;
}
.Experts .LinksSection .Articles h6{
	color:#000;
	font-weight: normal;
	font-size:1.2em;
	margin-bottom:6px;
}
.Experts .LinksSection .Articles .FeaturedArticle{
	padding-bottom:6px;
}
.Experts .LinksSection .Articles .FeaturedArticle h5{
	padding-bottom:0;
	line-height:1.1em;
}
.Experts .LinksSection .Articles .FeaturedArticle img{
	float:left;
	padding-right:15px;
	padding-top:3px;
}
.Experts .LinksSection .Articles .FeaturedArticle p.FeaturedArticleIntro{
	padding-top:9px;
	font-size:1.0em;
	padding-left:85px;
}
.Experts .LinksSection .Articles .FeaturedArticle p.FeaturedArticleIntro a.ReadMore{
}
.Experts .LinksSection .Articles .OtherRelatedArticles{
	padding-top:4px;
	font-weight:bold;
}
.Experts .LinksSection .Articles .OtherRelatedArticles h6{
	color:#0D4177;	
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom:4px;
}
.Experts .LinksSection .Articles .OtherRelatedArticles p{
	padding:2px 0 3px 0;	
}
.Experts .LinksSection .Articles .OtherRelatedArticles .SeeAllLink{
	margin-left:120px;
	font-size:1em;
}


.Experts .LinksSection .Discussions{
	float:left;
	width:300px;
	margin:0 0 0 0;
	padding-left:12px;
}
.Experts .LinksSection .Discussions h4{
	display:block;
	color:#F7A932;
	padding-left:0px;
	font-size:1.4em;
	margin-top:-4px;
}
.Experts .LinksSection .Discussions h5{
	color:#0D4177;
	font-size:1.8em;
	display:block;
	background: url(Images/Panelists/page-inline-header-background-talk-new.gif) no-repeat 0 0px;
	height:55px;
	padding-top:0px;
	padding-left:72px;
	margin-top:30px;
	margin-left:15px;
	width:180px;
}
.Experts .LinksSection .Discussions a.AskTheNLPanelBtn{
	margin-left:30px;
	margin-top:20px;
	display:block;
	width:225px;
	height:29px;
	background:url(Images/Panelists/btn-ask-the-nitelite-panel-white.gif) no-repeat 0 0;
	cursor:pointer;
}
