/**
 * LandingPage.css
 *
 * Copyright 2008 RealPatterns, Inc. All rights reserved.
 */



@import url('gadgets/MenuBar.css');
@import url('gadgets/BannerAd.css');
@import url('gadgets/SectionTabBar.css');
@import url('gadgets/StackedGrid.css');
@import url('gadgets/TopicBrowser.css');
@import url('gadgets/SearchBar.css');
@import url('gadgets/SlideShowPlayer.css');
@import url('gadgets/TabbedView.css');
@import url('gadgets/ChannelGrid.css');
@import url('gadgets/HighestRatedList.css');
@import url('gadgets/MostPopularList.css');
@import url('gadgets/StoryBadge.css');
@import url('gadgets/ConciergeBadge.css');
@import url('gadgets/VideoPlayer.css');
@import url('gadgets/HeadlineList.css');
@import url('gadgets/PollForm.css');
@import url('gadgets/CommunityBadge.css');
@import url('gadgets/BrandPanel.css');
@import url('gadgets/PolicyBar.css');
@import url('/utility/fonts/Material.css');



body {

  margin: 0px;
  padding: 0px;
}



#LandingPage_1 {

  width: 100%;
  max-width: 1090px;
  margin: 0px auto;
  padding: 0px;
}



#Header_1 {

  margin: 0px auto;
  padding: 0px;
}



#Canvas_1 {

  float: left;
  clear: both;
  width: 100%;
}



#Footer_1 {

  margin: 8px 0px;
  z-index: 1000;
  clear: both;
  float: left;
  width: 100%;
}



#StackedGrid_1 {

  clear: both;
}



#SectionTabBar_1-Tier_1 {

  z-index: 120;
}
#SectionTabBar_1-Tier_2 {

  z-index: 110;
}



#SlideShowPlayer_1 {

  width: 710px;
  position: absolute;
  left: 2px;
  top: 0px;
}
#SlideShowPlayer_1-slide_050-title  {

  background: transparent url('../gfx/gadgets/SlideShowPlayer_01.gif') repeat-x scroll 0px -300px;
}
#SlideShowPlayer_1-slide_050-title a {

  color: #ffffff;
}
#SlideShowPlayer_1-slide_050-title span.LHS {

  background: transparent url('../gfx/gadgets/SlideShowPlayer_01.gif') no-repeat scroll 0px -350px;
}
#SlideShowPlayer_1-slide_050-title span.RHS {

  background: transparent url('../gfx/gadgets/SlideShowPlayer_01.gif') no-repeat scroll 0px -400px;
}
#SlideShowPlayer_1-slide_050-title.Selected {

  background: transparent url('../gfx/gadgets/SlideShowPlayer_01.gif') repeat-x scroll 0px -150px;
}
#SlideShowPlayer_1-slide_050-title.Selected span.LHS {

  background: transparent url('../gfx/gadgets/SlideShowPlayer_02.gif') no-repeat scroll 0px 0px;
}
#SlideShowPlayer_1-slide_050-title.Selected span.RHS {

  background: transparent url('../gfx/gadgets/SlideShowPlayer_01.gif') no-repeat scroll 0px -250px;
}



#SplitView_1 {

  width: 710px;
  position: absolute;
  left: 2px;
  top: 228px;
}


#TabbedView_2 {
}



#ChannelGrid_1 {

  width: 99%;
}



#MostPopularList_1,
#HighestRatedList_1 {
  
  height: 259px;
}
#MostPopularList_1 ul li,
#HighestRatedList_1 ul li {

  height: 38px;
}
#MostPopularList_1 .Controls,
#HighestRatedList_1 .Controls {

  display: none;
}



#SplitView_2 {

  width: 74%;
  position: absolute;
  left: 2px;
  top: 550px;
}


/*
StoryBadge_2 below is for E4 Sites only
*/
#StoryBadge_1,
#StoryBadge_2{

  float: left;
  width: 100%;
  clear: both;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/*
StoryBadge_3 below is for SCPECIAL EVENTS */

#StoryBadge_3 {

  float: left;
  width: 100%;
  clear: both;
  border: none;
  background: #ffffff;
  border: 1px solid #999999;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin: 5px auto 0px;
  display: none;
  /*display: block; */


}



#ConciergeBadge_1 {

  width: 33%;
  position: absolute;
  right: 0px;
}


#SideBar_1 {

  width: 235px;
  height: 766px;
  margin: 2px 0px 0px;
  float: left;
  background: #f0f0f0 none repeat-y scroll 0px 0px;
  border-left: solid 4px #e2e2e2;
}

/*
Turn on the NewsAlert: [display: block;]
Turn off the NewsAlert: [display: none;]
*/

#VideoPlayer_1 {

  margin: 0 0 10px 0;
  display: block;
}
#VideoPlayer_1 #NBCUniEmbeddedPlayer_1 {

  text-align: center;
}
#VideoPlayer_1 #NBCUniEmbeddedPlayer_1 object,
#VideoPlayer_1 #NBCUniEmbeddedPlayer_1 object embed {

  width: 192px;
  height: 144px;
}



#PollForm_1 {

  margin: 16px 8px;
  height: 43%;
}
#PollForm_1 form {

  height: 272px;
}



#CommunityBadge_1 {  
  width: 100%;
  float: left;
  background: none;
  margin: 0px 0px 20px 0px;
  height: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.CommunityBadge{
	
  border: 1px solid #2c75a9;
}

.CommunityBadge h1 {
    color: #000000;
    height: auto;
    margin: 0;
    margin-bottom: 0;
    padding: 4px;
    text-align: left;
    font: normal 1.5em Arial, Helvetica, sans-serif;
    border: 0px;
    background: none;
	padding: 0px;
}

.CommunityBadge img {
    display: block;
    margin: 0px auto;
    border: none;
}

.CommunityBadge p{
	color: #000000;
}

.CommunityBadge .borderright{
	border-right: 2px solid;
}

.CommunityBadge .half{
	width: 50%;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0px 1%;
	margin-bottom: 12px;
}

.CommunityBadge .third{
	width: 33%;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0px 1%;
	margin-bottom: 12px;
}

.CommunityBadge .quarter{
	width: 25%;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0px 1%;
	margin-bottom: 12px;
}




#News_1,
#Assessments_1 {

  height: 259px;
  overflow: auto;
  padding: 0px;
  margin: 0px auto;
  background: #ffffff;
  font: normal 12px sans-serif;
}

#ProviderSearch_1
{

  height: 259px;
  overflow: auto;
  padding: 0px;
  margin: 0px auto;
  background: #ffffff;
  
}

#ProviderSearch_1 img,
#News_1 img,
#Assessments_1 img

{

  float: left;
  margin: 0px;
  margin-right: 8px;
  border: 6px solid #f0f0f0;
  
  
}

#News_1 h2


{

  color: #fd0606;
  margin: 0px;
  margin-left: 0px;
  border-bottom: 1px dotted #bbbbbb;
  font: bold 17px sans-serif;
}

#ProviderSearch_1 h2,
#Assessments_1 h2

{

  color: #00223C;
  margin: 0px;
  margin-left: 0px;
  border-bottom: 1px dotted #bbbbbb;
  font: normal 1.5em sans-serif;
}

#ProviderSearch_1 p,
#News_1 p,
#Assessments_1 p

{

  color: #666666;
  margin: 0px;
  padding: 8px;
  font: normal 1em sans-serif;
  line-height: 1.5;
}

#ProviderSearch_1 ul,
#News_1 ul,
#Assessments_1 ul

{

  list-style: none outside none;
  border-top: 1px dotted #bbbbbb;
  margin: 0px;
  margin-left: 0px;
  padding: 0px;
}

#ProviderSearch_1 ul li,
#News_1 ul li,
#Assessments_1 ul li

{

  border-bottom: 1px dotted #bbbbbb;
  margin: 0px;
  padding: 8px;
  line-height: 1;
}


#News_1 ul li a 

{

  color: #000000;
  font: bold 1em sans-serif;
  text-decoration: none;
}


#ProviderSearch_1 ul li a,
#Assessments_1 ul li a 

{

  color: #5e94d2;
  font: bold 1em sans-serif;
  text-decoration: none;
}

#ProviderSearch_1 ul li p,
#News_1 ul li p,
#Assessments_1 ul li p

{
 
  margin: 0px;
  padding: 0px;
  color: #2e3b67;
  font: normal 1em sans-serif;
}

#ProviderSearch_1 ul li p a, 
#News_1 ul li p a, 
#Assessments_1 ul li p a 

{

  color: #55aa55;
  font: normal 1em serif;
}




/** Webinars */

#Webinars_2,
#Webinars_1,
#ChannelGrid_2,
#ChannelGrid_3 {

  height: 259px;
  overflow: auto;
  padding: 0px;
  margin: 0px auto;
  background: #ffffff;
  font: normal 12px sans-serif;
}

#Webinars_2 img,
#Webinars_1 img,
#ChannelGrid_2 img,
#ChannelGrid_3 img

{

  float: left;
  margin: 0px;
  margin-right: 8px;
  border: 6px solid #f0f0f0;
  
  
}

#Webinars_2 h2,
#Webinars_1 h2,
#ChannelGrid_2 h2,
#ChannelGrid_3 h2

{

  color: #00223C;
  margin: 0px;
  margin-left: 0px;
  border-bottom: 1px dotted #bbbbbb;
  font: normal 1.5em sans-serif;
}

#Webinars_2 h3,
#Webinars_1 h3,
#ChannelGrid_2 h3,
#ChannelGrid_3 h3

{

  color: #767575;
  margin: 0px;
  margin-left: 0px;
  font: bold 1.2em sans-serif;
}

#Webinars_2 p,
#Webinars_1 p,
#ChannelGrid_2 p,
#ChannelGrid_3 p
{

  color: #666666;
  margin: 0px;
  padding: 8px;
  font: normal 1em sans-serif;
  line-height: 1.5;
}

#Webinars_2 ul,
#Webinars_1 ul,
#ChannelGrid_2 ul,
#ChannelGrid_3 ul
{

  list-style: none outside none;

  margin: 0px;
  margin-left: 0px;
  padding: 0px;
}
#Webinars_2 ul li,
#Webinars_1 ul li,
#ChannelGrid_2 ul li,
#ChannelGrid_3 ul li

{

  border-bottom: 1px dotted #bbbbbb;
  margin: 0px;
  padding: 8px;
  line-height: 1;
}

#Webinars_2 ul li a,
#Webinars_1 ul li a,
#ChannelGrid_2 ul li a,
#ChannelGrid_3 ul li a 

{

  color: #5e94d2;
  font: bold 1em sans-serif;
  text-decoration: none;
}

#Webinars_2 ul li p,
#Webinars_1 ul li p,
#ChannelGrid_2 ul li p,
#ChannelGrid_3 ul li p
{
 
  margin: 0px;
  padding: 0px;
  color: #2e3b67;
  font: normal 1em sans-serif;
}

#Webinars_2 ul li p a,
#Webinars_1 ul li p a,
#ChannelGrid_2 ul li p a,
#ChannelGrid_3 ul li p a 
{

  color: #55aa55;
  font: normal 1em sans-serif;
}

#CopyBox_CourseCurriculum2 {

  height: 259px;
  overflow: auto;
  padding: 0px;
  margin: 0px auto;
  background: #ffffff;
  font: normal 12px sans-serif;
}

#CopyBox_CourseCurriculum2  img

{

  float: left;
  margin: 0px;
  margin-right: 8px;
  border: 6px solid #f0f0f0;
  
  
}

#CopyBox_CourseCurriculum2  h2

{

  color: #00223C;
  margin: 0px;
  margin-left: 0px;
  border-bottom: 1px dotted #bbbbbb;
  font: normal 1.5em sans-serif;
}

#CopyBox_CourseCurriculum2  h3

{

  color: #767575;
  margin: 0px;
  margin-left: 0px;
  font: bold 1.2em sans-serif;
}

#CopyBox_CourseCurriculum2  p
{

  color: #666666;
  margin: 0px;
  padding: 8px;
  font: normal 1em sans-serif;
  line-height: 1.5;
}

#CopyBox_CourseCurriculum2  ul
{

  list-style: none outside none;

  margin: 0px;
  margin-left: 0px;
  padding: 0px;
}
#CopyBox_CourseCurriculum2  ul li

{

  border-bottom: 1px dotted #bbbbbb;
  margin: 0px;
  padding: 8px;
  line-height: 1;
}

#CopyBox_CourseCurriculum2  ul li a 

{

  color: #5e94d2;
  font: bold 1em sans-serif;
  text-decoration: none;
}

#CopyBox_CourseCurriculum2  ul li p
{
 
  margin: 0px;
  padding: 0px;
  color: #2e3b67;
  font: normal 1em sans-serif;
}

#CopyBox_CourseCurriculum2  ul li p a 
{

  color: #55aa55;
  font: normal 1em sans-serif;
}

@media only screen and (max-width: 750px) {

	.CommunityBadge .half{
		width: 100%;
		border: 0px !important;
		margin-bottom: 10px;
	}
	
	.CommunityBadge .third{
		width: 100%;
		border: 0px !important;
		margin-bottom: 10px;
	}
	
	.CommunityBadge .quarter{
		width: 100%;
		border: 0px !important;
		margin-bottom: 10px;
	}
	
	.CommunityBadge .half img{
		clear: both !important;
		float: left !important;
		margin-top: 5px !important;
		margin-right: 5px !important;
		margin-left: 0px !important;
	}
}

#StoryBadge_3 h2 {

  color: #ffffff;
margin: 0px 0px 0 0px;
font: bold 1.5em Arial, Helvetica, sans-serif;
float: left;
width: auto;
background-color:#999999;
    vertical-align: middle;
  padding-top: 10px;
  padding-right: 60px;
  padding-bottom: 12px;
  padding-left: 56px;
}

#StoryBadge_3 h3 {

  color: #999999;
  margin: 4px 8px 0px 148px;
  font: normal 1em Arial, Helvetica, sans-serif;
}

#StoryBadge_3 ul{
	float: right;
	display: inline;
	width: 694px;
	margin-top: 9px;
	padding: 0px;
        padding-right: 40px;
}

#StoryBadge_3 ul li{
	background: #ffffff;
	display: inline-block;
	list-style-type: none;
	text-align: center;
	margin: 0 7px;
        font:13px;
        		    border-right: none;
}	

#StoryBadge_3 ul li a{
	color: #707070;
	text-decoration: none;
	display: inline-block;
	padding: 0px 160px;
	width: auto;
	font-size: 16px;

}
#StoryBadge_3 img {

  display:none;
}


#StoryBadge_3 p {

  display: none;
  color: #666666;
  height: 55%;
  overflow: hidden;
  margin: 0px;
  padding: 8px;
  font: normal 1.2em/32px sans-serif;
}
#StoryBadge_3 p a {

  color: #5e94d2;
  display: block;
  text-decoration: underline;
}
@media only screen and (max-width: 1010px) {
	#StoryBadge_3{
		text-align: center;
	}
	
	#StoryBadge_3 img{
		display: none;
	}
		
	#StoryBadge_3 h2{
		float: none;
		text-align: center;
		width: 100%;
		margin: 0px 0 0 0;
               vertical-align: middle;
               padding: 2% 0%;

	}
	
	#StoryBadge_3 ul{
		width: 100%;
                margin-top: 0px;
	}
	
}

@media only screen and (max-width: 750px) {
	#StoryBadge_3{
		text-align: center;
	}
	
	#StoryBadge_3 img{
		float: none;
	}
	
	#StoryBadge_3 h2{
		float: none;
		text-align: center;
		width: 100%;
	}
	
	#StoryBadge_3 ul{
		float: left;
		display: block;
		width: 100%;
	}
	
	#StoryBadge_3 ul li{
		display: block;
		margin: 8px;
		    border-right: none;
	}
	
	#StoryBadge_3 ul li a{
		width: auto;
		display: block;
	}
}