.tpPlayerCard .tpSubtitlesForm
{
    font-size: 14px;
    margin-top: 30px;
}

.tpPlayerCard .tpFontColor, .tpPlayerCard .tpFontBackgroundColor, .tpPlayerCard .tpFontEdgeColor {
    width: 15px;
    height: 15px;
    float: left;
    cursor: hand;
    border-style: solid;
    border-width: 1px;
    margin-right: 4px;
    text-align: center;
    cursor: pointer;
}

.tpPlayerCard select {
    color: #FFFFFF;
}



.tpPlayerCard.tpSubtitleStylesCard .tpSubtitlesLabels {
    float: left;
    width: 100px;
    margin: 0px 10px 0px 10px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 13px;
    text-align: right;
    padding-top: 22px;
}

.tpPlayerCard.tpSubtitleStylesCard .tpSubtitlesBlock {
    float: left;
    color: #A5A7AA;
    font-size: 11px;
    text-align: left;
}

.tpPlayerCard.tpSubtitleStylesCard .tbSubtitlesDropdown {
    float:left;
    border: 0px;
    font-weight: bold;
    font-size: 13px;
    text-align: left;
    padding: 5px;
    background: #424242;
    margin: 2px;
}

.tpPlayerCard.tpSubtitleStylesCard .tbSubtitlesGroup {
    float:left;
    margin-left: 4px;
}

.tpPlayerCard .tpCardBody {
    background: rgba(13,13,13,0.8);
}
.tpPlayerCard .tpCardHeader .tpCardTitle {
    background: rgba(13,13,13,0.8);
}




.tpPlayerCard.tpSubtitleStylesCard .tpSubtitlesDivider {
    clear:both;
}

.tpPlayerCard.tpSubtitleStylesCard .tbSubtitlesTitle {
    float:left;
    margin-left: 4px;
}

.tpPlayerCard.tpSubtitleStylesCard .tpSubtitlesClose {
    float:right;
    margin-right: 4px;
}

.tpPlayerCard.tpSubtitleStylesCard .tpFormActions .tpButton {
    float: left;
    margin-left: 4px;
}

.tpPlayerCard.tpSubtitleStylesCard .tpSubtitlesCCtogle {
    float: right;
    width: 150;
    position: absolute;
    bottom: 0;
    right: 0;
}

.tpPlayerCard.tpSubtitleStylesCard .CCtoggle {
    float: left;
    background: #424242;
    color:white;
    padding: 11px;
    margin: 5px;
    cursor: pointer;
}

.tpPlayerCard.tpSubtitleStylesCard .tpSubtitlesClose {
    cursor: pointer;
}


.tpPlayerCard.tpSubtitleStylesCard .CCtoggle.buttonSelected {
    background: #0066CC;
}


.tpPlayerCard.tpSubtitleStylesCard .tpSubtitlesApply {
    position: absolute;
    bottom:0;
    background: #0066CC;
    color: white;
    padding: 11px;
    margin: 5px;
    cursor: pointer;
}

.tpPlayerCard.tpSubtitleStylesCard .fontFamily {
    width: 160px;
}

.tpPlayerCard.tpSubtitleStylesCard .fontSize {
    width: 90px;
}

.tpPlayerCard.tpSubtitleStylesCard .fontColor {
    width: 75px;
}

.tpPlayerCard.tpSubtitleStylesCard .backgroundColor {
    width: 115px;
}

.tpPlayerCard.tpSubtitleStylesCard .opacity {
    width: 70px;
}
.tpPlayerCard.tpSubtitleStylesCard .padding {
    width: 70px;
}

.tpPlayerCard.tpSubtitleStylesCard .fontStyle {
    width: 100px;
}

.tpPlayerCard.tpSubtitleStylesCard .fontEdge {
    width: 115px;
}

.tpPlayerCard.tpSubtitleStylesCard .fontEdgeColor {
    width: 115px;
}

.tpPlayerCard.tpSubtitleStylesCard .textAlign {
    width: 80px;
}

.tpPlayerCard.tpSubtitleStylesCard .textAlignVertical {
    width: 80px;
}

.tpPlayerCard.tpSubtitleStylesCard input {
    height: auto;
}

.tpPlayerCard.tpSubtitleStylesCard .tpControlBorder {
    display: none;
}

    .brandArea{
   position:absolute;
   top:0px;
   left:0px;
   background:black;
  
   z-index:99;
  }
  
  #SourceLogo{
   float:left;
  
  }
  #stats{
  display:block;
  overflow:hidden;
  width:250px;
  
  }
  #BrandLogo{
   float:right;
  }

  .body {
  margin-left:0px;
  margin-top:0px;
  padding-left:0px;
  padding-top:0px;

  }
  
  #shareToolBar {
   position: absolute;
   top: 250px;
   left: 0px;
   width: 1px;
   height: 1px;
   display: block;
  }
  #player {
  background:black;
   width:100%;
   height:100%;
   top: 0px;
   left: 0px;
   position:relative;
   

}

.as{
   display:block;
   position: relative;


}
.layout {
position:relative;
display:block;
top:0px;
left:0px;
width:100%;
height:100%;

}
  .background {
   position: absolute !important;
      top:0px;
left:0px;
width:100%;
height:100%;
  }

.tpLayout {
position:relative;
display:block;
top:0px;
left:0px;
width:100%;
height:100%;

}
  .tpContainer {
   position: absolute !important;
      top:0px;
left:0px;
width:100%;
height:100%;
  }

 #TPVideoPlayerPlaylistTitle{
  display:none;
  }

  #TPVideoPlayerContainer {
   display:block;
   float:left;
  
  }

  #TPVideoPlayerShareButtonsContainer {
   display: block;
   position: absolute;
   top:360px;
  }
  #companions {
   width:900px;
   height:400px;
  }
  #TPVideoPlayerAd300x60 {
   position: absolute;
   top:350px;
   left:610px;
   display: none;
   float:right;

  }
  #TPVideoPlayerAd300x250 {
   position: absolute;
   top:10px;
   left:610px;
   display: none;
   
  }
  .ovAdLabel {
  position:relative;
  left:0;
  color:#999999;
  font-family:Arial;
  font-size:9px;
  width:300px;
  text-align:center;
  }

  .showPagePlaylist {
   width:300px !important;
   left:600px !important;
   margin:10px !important;
  }
  .showPageAds {
   left:780px !important;
  }


#plcontainer {
position: absolute;
top:20px;
left:600px;
 display:none;
 width:300px;
 overflow:hidden;
 background:orange;
 
 }
 
 
@media (max-width: 360px) { 
#plcontainer {
width:150px;
}




}
 

@media (max-device-width: 320px) { 
#plcontainer {
width:150px;

}

.vbarElement{
font-size:20px;

}


}


 
 #plholder {
  overflow:hidden;
  position:relative;
  display:block;
  height:150px;
  background:grey;
  margin:0px auto;

 
 }
 .plitem {
     position:relative;
  float:left;
  height:150px;
  margin: 5px auto;
  width:150px;
  background:white;
 
 }
 #vbar{
  background:green;
 }
 
 
 .vbarElement{
  
 
 }

.metaData{
position:relative;

}


    #TPVideoEndPlaylist {
      background: grey;
      position: absolute;
      width:100%;
      height: 400px;
      top: 100px; /* Temp - this needs to change obviously */
    }

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

.playlistholder {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.playlistholder .playlistItem {
  position:relative;
  float:left;
  height:150px;
  width:170px;
  margin: 0 30px 0 0;

  cursor: pointer;
}
.playlistItem {
  margin: 0;
  padding: 0;
}
.playlistItem .playArrow {
  display: block;
  position: relative;
  background-color: #0066cc;
  cursor: pointer;
  float:left;
  height: 10px;
  width: 10px;
  padding: 5px;
  margin: 0px;
  z-index: 1;
}
.playlistItem .playArrow .sprite-graphic {
  display: inline-block;
  position: relative;
  background-position: -11px -120px;
  height: 13px;
  width: 7px;

}

.playlistItem .statusText {
  display: none;
  position: relative;
  float:right;
  color: white;
  font-family: "Helvetica-Bold";
  font-size: 11pt;
  background-color: #0066cc;
  z-index: 1;
}
.playlistItem .sourceDate {
  display: block;
  position: absolute;
  left:0px;
  text-transform: uppercase;
  width:98%;
  height:20px;
  font-size: 6pt;
  padding: 5px 0 5px 5px;
  bottom: 0px;
  color:#fff;
  float:left;
  color: white;
  background:rgba(51, 51, 51, 0.5);
  letter-spacing: 1px;
  line-height: 1.1rem;
  z-index: 1;
}

.playlistItem .source {
  display: block;
  position: relative;
  float:left;
  color: white;
}
.playlistItem .date {
  display: block;
  position: relative;
  float:left;
  color: white;

}
.playlistItem .shortTitle {
  display: block;
  position: absolute;
  height: 45px;
  bottom: 0px;
  float:left;
  background:#464646;
  color: #cccccc;
  line-height: 1rem;
  margin: 0;
  padding: 5px 5px 5px 5px;
  border: 0;
  font-weight:normal;
  font-size: 1.0rem;
  padding-right: 0.5rem;


}
.playlistItem .thumbContainer {
  display: block;
  position: relative;
  width: 170px;
  height: 95px;
  padding: 0px;
  margin: 0px;

}

.playlistItem .image {
  display: block;
  top:0;
  left:0; 
}
.playlistItem .image img {
  display: block;
  position: absolute;
  width: 170px;
}

.playlistControls {
  /* position: absolute;
  padding-left: 60px;
  padding-right:60px;
  */
  color: white;
  background-color: #333333;

  /* width:100%; */
}
.playlistControls .prevNav{
  display:block;
  position:absolute;
  float:left;
  background-color: #0066cc;
  width: 10px;
  height: 15px;
  padding: 2px;
  background-position: -128px -44px;
  /* right: 50px;

  margin-left: -100%; */

}

.playlistControls .positionInfo{
  position:relative;
  float:left;
  width: 97%;
  background-color: #999999;
  text-align: center;
}

.playlistControls .nextNav{
  position:relative;
  float:left;
    background-color: #0066cc;
width: 10px;
  height: 15px;
  background-position: -46px -27px;
  /* right: 50px;
  margin-right: -50px; */
}