/*
 @font-face {
   font-family: "NeueHaasGroteskTextPro-56Italic";
   src: url('http://dev.msnbc.com/sites/msnbc/themes/leanforward/fonts/NeueHaasGroteskTextPro-56Italic/15d52708-a813-4604-8dc3-92a5abbed999-2.eot');
   src: url('http://dev.msnbc.com/sites/msnbc/themes/leanforward/fonts/NeueHaasGroteskTextPro-56Italic/15d52708-a813-4604-8dc3-92a5abbed999-2.eot?') format("embedded-opentype"), 
     url('http://dev.msnbc.com/sites/msnbc/themes/leanforward/fonts/NeueHaasGroteskTextPro-56Italic/15d52708-a813-4604-8dc3-92a5abbed999-3.woff') format("woff"), url('../../fonts/NeueHaasGroteskTextPro-56Italic/15d52708-a813-4604-8dc3-92a5abbed999-1.ttf') format("truetype"), 
     url('http://dev.msnbc.com/sites/msnbc/themes/leanforward/fonts/NeueHaasGroteskTextPro-56Italic/15d52708-a813-4604-8dc3-92a5abbed999-4.svg#15d52708-a813-4604-8dc3-92a5abbed999-4') format("svg");
 }
 */

 body {
   margin: 0;
   padding: 0;
   background:black;
   font-family:'ProximaNovaCnRgRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
   font-weight: normal;
   -webkit-font-smoothing: antialiased;
 }
 .brandArea{
/*    position:absolute;
    top:0;
    left:0;
    background:black;
    height: 50px;  
    z-index:99;*/
  }
 

 .brandArea div {
  display: inline-block;
  float: left;
   }
   
 #SourceLogo {
  display: none;
 /*  
  margin-top: 9px;
  margin-left: 15px;
  */
 }

 #stats{
   display:block;
   overflow:hidden;
   width:250px;
   
   }

 #BrandLogo{
 display: none;
/*   float:right;
   margin: 6px 12px;
*/
   }

 #TPVideoPlayerContainer {
   font-weight: normal;
   font-family: 'ProximaNovaCnRgBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
   font-size: 12px;
   color: #ffffff;
 }
 #TPVideoPlayerContainer.Offsite {
   margin-left:0;
 }

 #TPVideoPlayerContainer.Offsite #playIcon {
   background-color: #0066CC;
   cursor: pointer;
   height: 50px;
   position: absolute;
   top: 160px;
   left:240px;
   float: none;
   z-index:1000;
 }

 #TPVideoPlayerContainer #TPVideoPlayerRestPlayButton {
  cursor: pointer;
  background-color: #0066CC;
  height: 40px;
  left: 40%;
  position: absolute;
  top: 40%;
  z-index: 100;
 }

 #TPVideoPlayerContainer #TPVideoPlayerRestPlayButton img {
 float: left;
 position: relative;
 top: 5px;
 } 
 
 #TPVideoPlayerContainer #TPVideoPlayerRestPlayButton .watchnow {
  background-color: #0066CC;
  color: #FFFFFF;
  float: left;
  font-size: 13px;
  font-weight: normal;
  font-family: 'ProximaNovaCnRgBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 13px;
  padding: 0 12px 0 0;
  position: relative;
  top: 13px;
  left: -10px;
 }

 #TPVideoPlayerContainer #dateOnly {
 display: none;
 }

 #TPVideoPlayerContainer.Offsite #TPVideoPlayerRestPlayButton {
   display: none;
   }

 #TPVideoPlayerContainer.Offsite #playIcon img {
   padding-top: 10px;
   float: left;
 }

 #TPVideoPlayerContainer.Offsite #playIcon span {
  background-color: #0066CC;
  border-left: 2px solid #000000;
  float: left;
  height: 32px;
  font-weight: bold;
  padding: 18px 15px 0;
 }

 .sprite-graphic {
   background: url('http://media2.s-nbcnews.com/i/MSNBC/Components/Video/_Player/configurations/thePlatform/assets/iconSprites.png') no-repeat;
 }
 .sprite-graphic-large {
   background: url('http://media2.s-nbcnews.com/i/MSNBC/Components/Video/_Player/configurations/thePlatform/Feature Player/assets/iconsSpritesLarge.png') no-repeat;
 }

 #mobileRestSlider {
  display: none;
 }

 #mobileRestSlider .endSlateMobileHeader {
  position: absolute;
  height:20px;
  width: 100%;
  padding: 0 10px 0 10px;
  z-index: 100;
  background: #262626;
 }

 #TPVideoPlayerTitle {
  color: #FFFFFF;
  font-size: 25px;
  font-weight: bold;
  margin: 25px 0 0;
  padding: 0 0 15px 15px;
  width: 95%;
 }

 #TPVideoPlayerSourceDate {
  font-size: 12px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  border-top: 2px solid #186DC7;
  color: #FFFFFF;
  padding-top: 15px;
 }

 #TPVideoPlayerDescription {
   display: none;
 }

 #TPVideoPlayerPlaylistTitle {
  font-size: 14px; 
 }

 #TPVideoPlayerShowLinkBack {
 /* text-align: right;
  position: absolute;
  width: 95%;
  line-height: 16px;
  padding-right: 0;
  margin-right: 0;
  bottom: 10px;
  */
  display:none;
 }

 #TPVideoPlayerShowLinkBack a,
 #TPVideoPlayerShowLinkBack a:link,
 #TPVideoPlayerShowLinkBack a:active,
 #TPVideoPlayerShowLinkBack a:hover {
   color: #ffffff;
 }

 .metaData div {
   padding: 0 15px;
 }

 #TPVideoPlaylistTaxonomyContainer .showTaxListItem .label {
  -moz-box-sizing: none!important;
  box-sizing: none!important;
  -moz-block-sizing: none!important;
  block-sizing: none!important;
 }

 #TPLogoSource {
   padding: 0;
   display:inline;
 }

 #TPLogoSource a,
 #TPLogoSource a:link,
 #TPLogoSource a:active,
 #TPLogoSource a:hover {
   color: #186DC7;
 }

 #TPVideoEndSlate {
   overflow: hidden;
   position: relative;
 }

 #tpContainerSizer.tablet #TPVideoEndSlate,
 #tpContainerSizer.desktop #TPVideoEndSlate {
   margin: 0 auto;
 }

 #tpContainerSizer.tablet #endState,
 #tpContainerSizer.desktop #endState {
   margin-left: -41px;
 }

 #TPVideoEndSlate .playlistControls {
   display: none;
 }

 #TPVideoEndSlate .sourceDate {
   background-color: rgba(0, 0, 0, .8);
   font-size: 10px;
   font-weight: bold;
   line-height: 12px;
   padding: 4px 0 4px 4px;
   text-transform: uppercase;
   width: 100%;
   position: absolute;
   bottom: 0;
 }

 #TPVideoEndSlate .thumbContainer {
   position: relative;
 }

 #TPVideoEndSlate .thumbContainer img {
   width:100%;
   height: auto;
 }

 #TPVideoEndSlate .shortTitle {
   color: #CCCCCC;
   font-size: 14px;
   font-weight: bold;
   font-family: 'ProximaNovaCnRgBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
   height: 70px;
   padding: 8px 10px 10px;
   word-wrap: break-word;
   width: 140px;
 }

 #TPVideoEndSlate .endSlateHeader {
   border-bottom: 1px solid #464646;
   color: #CCCCCC;
   font-size: 16px;
   font-family: 'ProximaNovaCnRgBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
   font-weight: bold;
   padding-bottom: 10px;
   padding-top: 90px;
   padding-left: 5px;

 }

 #TPVideoPlayerContainer.Offsite .endSlateHeader {
   padding-top: 70px;
 }

 #TPVideoPlayerContainer #TPVideoEndSlate .endSlateHeader,
 #tpContainerSizer,
 #tpContainerSizer .flex-viewport {
   margin: 0 auto;
 }

 #tpContainerSizer.tablet .flex-viewport {
   width: 500px;
 }

 #tpContainerSizer.desktop .flex-viewport {
   width: 700px;
 }

 .playlistItem {
   background-color: #444;
   margin-right: 2px;
 }
 .playlistItem:hover {
   cursor: hand;
   cursor: pointer;
   background: #555;
 }

 #tpContainerSizer.desktop #TPVideoEndSlate {
   width: 500px;
 }

 #tpContainerSizer.tablet #TPVideoEndSlate {
   width: 331px;
 }

 #tpContainerSizer.tablet #TPVideoPlayerTitle {
   width: 53%;
   line-height: 30px;
 }

 #tpContainerSizer.tablet #TPVideoPlayerShowLinkBack {
   width: 40%;
   bottom: -45px;
 }

 #tpContainerSizer.mobile #TPVideoPlayerTitle {
   font-size: 16px;
   line-height: 19px;
   padding: 0 15px 10px 15px;
   width: auto;
 }

 #tpContainerSizer.mobile #TPVideoPlayerShowLinkBack {
   clear: both;
   text-align: left;
   width: auto;
   float: none;
   top: 0;
 }

 #tpContainerSizer.mobile .endSlateHeader {
   font-size: 12px;
 }

 #tpContainerSizer.mobile #TPVideoEndSlate {
   width: 161px;
   margin: 0 auto;
 }

 #tpContainerSizer.mobile #TPVideoPlayerSourceDate {
   font-size: 10px;
 }

 #tpContainerSizer.mobile .brandArea {
   height: 40px;
 }

 #tpContainerSizer.mobile #SourceLogo {
   margin-left: 5px;
   margin-top: 12px;
 }

 #tpContainerSizer.mobile #SourceLogo img {
   height: 15px;
 }

 #tpContainerSizer.mobile #BrandLogo {
 display: none;
  /* margin: 13px 10px; */
 }

 #tpContainerSizer.mobile #BrandLogo img {
   height: 10px;
   margin-left: -15px;
 }

 #tpContainerSizer.mobile #playIcon {
   height: 40px;
 }

 #tpContainerSizer.mobile #playIcon img {
  margin-left: -15px;
  padding-top: 5px;
 }

 #tpContainerSizer.mobile #playIcon span {
   padding: 16px 5px 0;
   font-size: 10px;
   height: 24px;
   border-left: 1px solid #000000;
   margin-left: -20px;
   content:'Play video';
 }

 /* onsite embedded player - iphone */

 #TPVideoPlayerContainer.mobile #TPVideoEndSlate {
   margin: 0 auto;
   width: 160px;
 }

 #TPVideoPlayerContainer.mobile #endState {
   position: relative;
   top: -8px;
   margin-left: -41px;
 }

 #TPVideoPlayerContainer.mobile.Offsite #TPVideoEndSlate {
   width: 330px;
 }

 #TPVideoPlayerContainer.mobile .endSlateHeader {
   border-bottom: none;
   position: relative;
   padding-top: 4px;
   padding-bottom: 0;
   padding-left: 0;
   font-size: 9px;
 }


 #TPVideoPlayerContainer.mobile.Offsite .endSlateHeader {
   padding-top: 125px;
   padding-bottom: 10px;
 }

 #TPVideoPlayerContainer.mobile .shortTitle {
   font-size: 9px;
   line-height: 11px;
   padding-top:  4px;
   height: auto;
   margin-top: 0;
 }