/* css reset */
/* v1.0 | 20080212 */
@import url("https://fonts.googleapis.com/css?family=PT+Sans:400,700");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

p {
  /*	margin-bottom: 20px;*/ }

/* remember to define focus styles! */
:focus {
  outline: 0; }

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0; }

#smartbanner {
  position: absolute;
  left: 0;
  top: -82px;
  border-bottom: 1px solid #e8e8e8;
  width: 100%;
  height: 78px;
  font-family: 'Helvetica Neue',sans-serif;
  background: -webkit-linear-gradient(top, #f4f4f4 0%, #cdcdcd 100%);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  z-index: 9998;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
  -webkit-text-size-adjust: none; }

#smartbanner .sb-container {
  margin: 0 auto; }

#smartbanner .sb-close {
  position: absolute;
  left: 5px;
  top: 5px;
  display: block;
  border: 2px solid #fff;
  width: 14px;
  height: 14px;
  font-family: 'ArialRoundedMTBold',Arial;
  font-size: 15px;
  line-height: 15px;
  text-align: center;
  color: #fff;
  background: #070707;
  text-decoration: none;
  text-shadow: none;
  border-radius: 14px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  -webkit-font-smoothing: subpixel-antialiased; }

#smartbanner .sb-close:active {
  font-size: 13px;
  color: #aaa; }

#smartbanner .sb-icon {
  position: absolute;
  left: 30px;
  top: 10px;
  display: block;
  width: 57px;
  height: 57px;
  background: rgba(0, 0, 0, 0.6);
  background-size: cover;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }

#smartbanner.no-icon .sb-icon {
  display: none; }

#smartbanner .sb-info {
  position: absolute;
  left: 98px;
  top: 18px;
  width: 44%;
  font-size: 11px;
  line-height: 1.2em;
  font-weight: bold;
  color: #6a6a6a;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }

#smartbanner #smartbanner.no-icon .sb-info {
  left: 34px; }

#smartbanner .sb-info strong {
  display: block;
  font-size: 13px;
  color: #4d4d4d;
  line-height: 18px; }

#smartbanner .sb-info > span {
  display: block; }

#smartbanner .sb-info em {
  font-style: normal;
  text-transform: uppercase; }

#smartbanner .sb-button {
  position: absolute;
  right: 20px;
  top: 24px;
  border: 1px solid #bfbfbf;
  padding: 0 10px;
  min-width: 10%;
  height: 24px;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  font-weight: bold;
  color: #6a6a6a;
  background: -webkit-linear-gradient(top, #efefef 0%, #dcdcdc 100%);
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), 0 1px 0 rgba(255, 255, 255, 0.7) inset; }

#smartbanner .sb-button:active, #smartbanner .sb-button:hover {
  background: -webkit-linear-gradient(top, #dcdcdc 0%, #efefef 100%); }

#smartbanner .sb-icon.gloss:after {
  content: '';
  position: absolute;
  left: 0;
  top: -1px;
  border-top: 1px solid rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 50%;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 100%);
  border-radius: 10px 10px 12px 12px; }

#smartbanner.android {
  border-color: #212228;
  background: #3d3d3d url("dark_background_stripes.gif");
  border-top: 5px solid #88B131;
  box-shadow: none; }

#smartbanner.android .sb-close {
  border: 0;
  width: 17px;
  height: 17px;
  line-height: 17px;
  color: #b1b1b3;
  background: #1c1e21;
  text-shadow: 0 1px 1px #000;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3); }

#smartbanner.android .sb-close:active {
  color: #eee; }

#smartbanner.android .sb-info {
  color: #ccc;
  text-shadow: 0 1px 2px #000; }

#smartbanner.android .sb-info strong {
  color: #fff; }

#smartbanner.android .sb-button {
  min-width: 12%;
  border: 1px solid #DDDCDC;
  padding: 1px;
  color: #d1d1d1;
  background: none;
  border-radius: 0;
  box-shadow: none; }

#smartbanner.android .sb-button span {
  text-align: center;
  display: block;
  padding: 0 10px;
  background-color: #42B6C9;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#42B6C9), to(#39A9BB));
  background-image: -moz-linear-gradient(top, #42B6C9, #39A9BB);
  text-transform: none;
  text-shadow: none;
  box-shadow: none; }

#smartbanner.android .sb-button:active, #smartbanner.android .sb-button:hover {
  background: none; }

#smartbanner.android .sb-button:active span, #smartbanner.android .sb-button:hover span {
  background: #2AC7E1; }

/**
 * ActionTab subscribe button "working" animation
 */
@-webkit-keyframes subscribing-pulse {
  from {
    background: #262626;
    color: #22a0c9; }
  to {
    background: #22a0c9;
    color: #fff; } }
@-moz-keyframes subscribing-pulse {
  from {
    background: #262626;
    color: #22a0c9; }
  to {
    background: #22a0c9;
    color: #fff; } }
@-ms-keyframes subscribing-pulse {
  from {
    background: #262626;
    color: #22a0c9; }
  to {
    background: #22a0c9;
    color: #fff; } }
@-o-keyframes subscribing-pulse {
  from {
    background: #262626;
    color: #22a0c9; }
  to {
    background: #22a0c9;
    color: #fff; } }
@-keyframes subscribing-pulse {
  from {
    background: #262626;
    color: #22a0c9; }

  to {
    background: #22a0c9;
    color: #fff; } }
/**
 * Hovering up and down 10px animation.
 */
@-webkit-keyframes load-more-hover {
  from {
    top: -3px; }
  to {
    top: 3px; } }
@-moz-keyframes load-more-hover {
  from {
    top: -3px; }
  to {
    top: 3px; } }
@-ms-keyframes load-more-hover {
  from {
    top: -3px; }
  to {
    top: 3px; } }
@-o-keyframes load-more-hover {
  from {
    top: -3px; }
  to {
    top: 3px; } }
@-keyframes load-more-hover {
  from {
    top: -3px; }

  to {
    top: 3px; } }
/*
 * Usage:
 * It is more efficient to use @extend than @include (outputs less CSS).
 *
 * For example, if you wanted to truncate #foo:
 * #foo {
 *   @extend %truncate;
 *   font-size: 10px;
 * }
 */
/* Clearfix from nicolasgallagher.com/micro-clearfix-hack/ */
.centerWrap:before, #Header:before, .Nav .smallScreenLinks:before, .clearfix:before, #Footer:before, #Footer .Links:before,
.centerWrap:after,
#Header:after,
.Nav .smallScreenLinks:after,
.clearfix:after,
#Footer:after,
#Footer .Links:after {
  content: '';
  display: table; }

.centerWrap:after, #Header:after, .Nav .smallScreenLinks:after, .clearfix:after, #Footer:after, #Footer .Links:after {
  clear: both; }

.centerWrap, #Header, .Nav .smallScreenLinks, .clearfix, #Footer, #Footer .Links {
  *zoom: 1; }

/* For image replacement */
.ir {
  border: 0;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background-color: transparent; }

/* Box sizing for more logical... box sizing */
#Header .ButtonContainer, #Header .ButtonContainer a, .Nav .smallScreenLinks .Column {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* Makes an element unselectable (highlightable) by the user */
.PlayIcon, .ActionTabMenu li, .Pagination .PagePreviousSmall,
.Pagination .PageNextSmall {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }

/* For truncating text onto one line */
.UserActions .Menu .ProducerTools .UserSwitching a.Producer, .SearchHeader .ResultItem, #SocialMediaSection .Comment .SampleCommentText, .PosterCard .ShowTitle, .MyBlipEpisodeCardWrap .Titles a, .MyBlipEpisodeCard .Titles span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

/* The blue highlight for actionable elements using the action tab */
.PosterCard, .MyBlipEpisodeCard {
  position: relative;
  top: -4px;
  margin: -4px;
  border-width: 4px;
  border-style: solid;
  border-color: #e9e9e9;
  border-radius: 4px;
  -webkit-transition: border-color 0.2s;
  -moz-transition: border-color 0.2s;
  transition: border-color 0.2s; }
  .PosterCard:hover, .MyBlipEpisodeCard:hover {
    border-color: #22a0c9 !important; }

/* Common flat blue buttons, generally an <a> */
#Footer .button, .FollowButton {
  display: inline-block;
  padding: 0.5em 1em;
  background: #22a0c9;
  color: white;
  border-radius: 5px;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  transition: background 0.2s ease; }
  #Footer .button:hover, .FollowButton:hover {
    background: #1e8baf;
    color: white;
    text-decoration: none; }
  #Footer .button i, .FollowButton i {
    color: white; }

/* Common buttons with rounded corners and an 1px border */
/* Generic Information Box */
/* For use on any div with child text that uses the More/Less link for truncation */
/* See the episode page for two examples */
/* Blue, icon-only social buttons in footer and Stay Connected bar on homepage */
#Footer .Connect .button {
  display: inline-block;
  padding: 0;
  width: 27px;
  height: 27px;
  font-size: 17px;
  line-height: 30px;
  text-align: center; }
  #Footer .Connect .button.twitter i {
    position: relative;
    top: -2px; }
  #Footer .Connect .button.tumblr i {
    position: relative;
    top: -1px; }

.centerWrap {
  width: 960px;
  margin: 0 auto; }
  .centerWrap.maxWidth {
    width: 100%; }

/**
 * Blip Icon Font
 * https://github.com/blip/otter/wiki/Blip-Icon-Font
 */
@font-face {
  font-family: BlipIcons;
  src: url("/skin/smooth/fonts/BlipIcons-Roman.eot?#iefix") format("embedded-opentype"), url("/skin/smooth/fonts/BlipIcons-Roman.woff") format("woff"), url("/skin/smooth/fonts/BlipIcons-Roman.ttf") format("truetype"), url("/skin/smooth/fonts/BlipIcons-Roman.svg#BlipIconsRomanRegular") format("svg");
  font-weight: normal;
  font-style: normal; }
i {
  display: inline-block;
  font-family: BlipIcons;
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -webkit-font-feature-settings: "liga", "dlig";
  font-feature-settings: "liga", "dlig"; }

.Icon {
  display: inline-block;
  position: relative;
  padding: 0;
  margin: 0;
  background-image: url("/skin/smooth/images/icons-sprite.png");
  background-color: transparent;
  background-repeat: no-repeat;
  overflow: hidden; }

.SearchIcon {
  position: absolute;
  top: 10px;
  width: 19px;
  height: 20px;
  background-position: -32px -120px;
  margin-left: 11px; }

.DropDownArrow {
  width: 9px;
  height: 8px;
  margin-left: 4px;
  background-position: -60px -89px; }

.DropDownArrowRed {
  width: 9px;
  height: 8px;
  margin-left: 4px;
  background-position: -69px -89px; }

.Open .DropDownArrowRed,
.Open .DropDownArrow {
  width: 10px;
  height: 8px;
  background-position: -50px -89px; }

.CurrentUser .DropDownArrow {
  width: 6px;
  height: 5px;
  background-position: -59px -16px; }

.Open .CurrentUser .DropDownArrow {
  background-position: -61px -70px; }

.UserIcon {
  width: 11px;
  height: 10px;
  background-position: -53px -109px;
  margin-right: 4px; }

.Open .UserIcon {
  background-position: -53px -98px; }

.ShowPageIcon {
  width: 8px;
  height: 12px;
  background-position: -61px -58px;
  margin: 0 8px -2px 0; }

.LogoutIcon {
  width: 9px;
  height: 10px;
  background-position: -69px -58px;
  margin: 0 6px -1px 0; }

.ListIcon {
  width: 11px;
  height: 8px;
  background-position: -39px -90px;
  margin-right: 8px; }

.ShareIcon {
  width: 14px;
  height: 16px;
  background-position: -74px 0;
  margin-right: 11px;
  top: 4px; }

.CommentIcon {
  width: 15px;
  height: 14px;
  background-position: -39px -76px;
  margin-right: 10px;
  top: 4px; }

.SampleCommentNub {
  position: absolute;
  top: 19px;
  width: 7px;
  height: 23px;
  background-position: -32px -76px;
  margin: 0 13px 0 10px; }

.StarLightIcon {
  width: 19px;
  height: 18px;
  background-position: -56px -40px;
  margin-right: 15px;
  top: 3px; }

.StarBlackIcon {
  width: 19px;
  height: 19px;
  background-position: -38px -21px;
  margin-right: 10px;
  top: 4px; }

.MegaphoneIcon {
  width: 24px;
  height: 16px;
  background-position: -64px -96px;
  margin-right: 10px;
  top: 3px; }

.AdIcon {
  width: 21px;
  height: 19px;
  background-position: -51px -120px;
  margin-right: 15px;
  top: 3px; }

.TVIcon {
  width: 9px;
  height: 10px;
  background-position: -64px -76px;
  margin-right: 6px;
  top: 1px; }

.FilmStripIcon {
  width: 10px;
  height: 13px;
  background-position: -54px -76px;
  margin-right: 6px;
  top: 3px; }

.TwitterIcon {
  width: 23px;
  height: 17px;
  background-position: -38px -59px;
  margin-right: 8px;
  top: 3px; }

.FacebookIcon {
  width: 18px;
  height: 19px;
  background-position: -38px -40px;
  margin-right: 8px;
  top: 3px; }

.Play {
  background-position: 0 -140px; }

.RestartIcon {
  width: 15px;
  height: 16px;
  background-position: -59px 0;
  float: left;
  margin: 18px -8px 0 13px; }

.PageNextLarge {
  height: 38px;
  width: 38px;
  background-position: 0 0; }

.PagePreviousLarge {
  height: 38px;
  width: 38px;
  background-position: 0 -38px; }

.PageNextMedium {
  width: 32px;
  height: 32px;
  background-position: 0 -108px; }

.PagePreviousMedium {
  width: 32px;
  height: 32px;
  background-position: 0 -76px; }

.PageNextSmall {
  width: 21px;
  height: 21px;
  background-position: -38px 0; }

.PagePreviousSmall {
  width: 21px;
  height: 21px;
  background-position: -32px -99px; }

#Header, .Nav .extendedNavContents {
  box-shadow: 0px 10px 10px -10px rgba(4, 4, 4, 0.7); }

#Header {
  position: relative;
  z-index: 6;
  width: 100%;
  background: #333333;
  border-top: 4px solid #e2261c; }
  #Header .Logo {
    display: block;
    float: left;
    width: 100px;
    height: 89px;
    margin-left: -50px;
    background: url("/skin/smooth/images/masthead/sprite.png") 0px 0px no-repeat;
    background: transparent url("/skin/smooth/images/masthead/sprite.svg") no-repeat 0px 0px; }
    @media only screen and (max-width: 1060px) {
      #Header .Logo {
        margin-left: 0; } }
    @media only screen and (max-width: 768px) {
      #Header .Logo {
        position: absolute;
        z-index: 1;
        width: 70px;
        height: 62px;
        margin-left: 3px;
        background-size: 138%; } }
  #Header .Tagline {
    float: left;
    margin: 0 40px;
    font-size: 17px;
    font-weight: 700;
    line-height: 70px;
    color: white; }
    @media only screen and (max-width: 1060px) {
      #Header .Tagline {
        margin: 0 20px;
        font-size: 15px; } }
    #Header .Tagline a {
      color: white;
      padding-bottom: 1px; }
      #Header .Tagline a:hover {
        color: #22a0c9; }
    #Header .Tagline span {
      border-bottom: 1px solid #999999; }
    @media only screen and (max-width: 768px) {
      #Header .Tagline {
        display: none;
        visibility: hidden; } }
  #Header .ButtonContainer {
    display: none;
    float: right;
    width: 50%;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      #Header .ButtonContainer {
        display: block; } }
    #Header .ButtonContainer a {
      display: block;
      height: 100%;
      color: #fff;
      line-height: 51px;
      border-left: 1px solid #141414; }
    #Header .ButtonContainer .SearchButton {
      font-size: 120%; }
  #Header .CategoryMenuButton {
    float: left;
    width: 63.75%; }
    #Header .CategoryMenuButton span i {
      font-size: 70%; }
    #Header .CategoryMenuButton span .active {
      display: none; }
    #Header .CategoryMenuButton.Active span .base {
      display: none; }
    #Header .CategoryMenuButton.Active span .active {
      display: inline; }
  #Header .SearchButton {
    float: right;
    width: 36.25%; }

.LogIn {
  float: right;
  height: 36px;
  margin-top: 17px;
  font-size: 14px; }
  .LogIn .FacebookLoginButton {
    padding: 4px 4px 0 46px;
    background: url("/skin/smooth/images/masthead/sprite.png") -101px 0px no-repeat;
    background: transparent url("/skin/smooth/images/masthead/sprite.svg") no-repeat -101px 0px;
    display: block;
    color: white; }
  .LogIn.LoggedIn {
    background: none; }
    .LogIn.LoggedIn .FacebookLoginButton {
      display: none; }
  @media only screen and (max-width: 768px) {
    .LogIn {
      display: none;
      visibility: hidden; } }

#HeaderContents {
  width: 960px;
  margin: 0 auto;
  height: 70px; }
  @media only screen and (max-width: 768px) {
    #HeaderContents {
      width: 100%;
      height: auto; } }

.Nav a.MoreNav:hover, .Nav .MoreNavContainer.Open .MoreNav {
  background: #dbdbdb;
  border-bottom: #ececec; }
  .Nav a.MoreNav:hover:after, .Nav .MoreNavContainer.Open .MoreNav:after {
    margin: -10px 0 0 38px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #333333; }

.Nav {
  width: 100%;
  text-align: center;
  border-bottom: 2px solid white;
  background: #ececec; }
  .Nav .smallScreenLinks {
    display: none;
    background: #ececec;
    clear: both; }
    .Nav .smallScreenLinks .Column {
      width: 50%;
      float: left;
      border-right: 1px solid #fff; }
      .Nav .smallScreenLinks .Column + .Column {
        border-right: none; }
      .Nav .smallScreenLinks .Column a {
        display: block;
        border-bottom: 1px solid #fff;
        padding: 10px inherit;
        font-weight: 700;
        color: #a6a3a2; }
        .Nav .smallScreenLinks .Column a:hover {
          margin-bottom: 0; }
        .Nav .smallScreenLinks .Column a.tpc_MainNavLink {
          color: #ee2b4c; }
  .Nav .tpc_MainNavLink {
    font-weight: 700;
    padding-left: 92px;
    text-transform: uppercase;
    color: #ee2b4c;
    background: url("/skin/smooth/images/masthead/tpc-nav-imagery-sm.png") 0px 0px no-repeat; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
      .Nav .tpc_MainNavLink {
        background-image: url("/skin/smooth/images/masthead/tpc-nav-imagery-lg.png");
        background-size: 85px 39px; } }
    @media only screen and (max-width: 768px) {
      .Nav .tpc_MainNavLink {
        background-image: url("/skin/smooth/images/masthead/tpc-nav-imagery-lg.png");
        background-size: 61px 28px; } }
  .Nav .NavContents {
    position: relative;
    width: 960px;
    margin: 0 auto; }
    @media only screen and (max-width: 768px) {
      .Nav .NavContents {
        display: none; } }
    .Nav .NavContents a {
      display: inline-block; }
  .Nav .extendedNavContents {
    display: none;
    position: absolute;
    top: 44px;
    right: 12px;
    width: 160px;
    margin-top: 2px;
    text-align: left;
    border-left: 2px solid #d8d8d7;
    border-right: 2px solid #d8d8d7;
    border-bottom: 2px solid #d8d8d7;
    background: white; }
    .Nav .extendedNavContents a {
      display: block;
      padding: 12px 14px;
      color: #666;
      border-bottom: none; }
      .Nav .extendedNavContents a:hover {
        background-color: #efefef;
        border-bottom: none;
        margin-bottom: 0; }
  .Nav a {
    font-weight: 400;
    color: #333333;
    padding: 15px 27px 13px; }
    @media only screen and (max-width: 1060px) {
      .Nav a {
        padding: 15px 16px 13px; } }
    .Nav a:hover {
      border-bottom: 2px solid #dbdbdb;
      margin-bottom: -2px;
      background-color: #dbdbdb; }
    .Nav a.MoreNav {
      padding-right: 35px;
      border-bottom: #ececec; }
      .Nav a.MoreNav:after {
        content: " ";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        margin: -10px 0 0 38px;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 6px solid #333333; }
  .Nav .MoreNavContainer {
    display: inline-block; }
    .Nav .MoreNavContainer.Open .extendedNavContents {
      display: block; }
    @media only screen and (max-width: 768px) {
      .Nav .MoreNavContainer {
        display: none;
        visibility: none; } }
  @media only screen and (max-width: 768px) {
    .Nav {
      border-bottom: none;
      background: none; } }

.ie8 #Header .Tagline {
  margin: 0 30px;
  font-size: 15px; }
.ie8 #Header .LogIn {
  font-size: 12px; }

.UserActions {
  display: inline-block;
  position: relative;
  float: right;
  height: 36px;
  width: 88px;
  margin-top: 19px; }
  @media only screen and (max-width: 768px) {
    .UserActions {
      display: none;
      visibility: hidden; } }
  .UserActions .You {
    position: relative;
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: white; }
    .UserActions .You::after {
      content: '\25bc';
      font-size: .7em;
      color: #e1e1e1; }
    .UserActions .You .ViewerIcon {
      display: inline-block;
      vertical-align: middle;
      height: 30px;
      width: 30px;
      margin: 0 4px 4px 0;
      text-align: center;
      box-shadow: 0 0 1px 2px #ddf7ff;
      border-radius: 3px;
      background: #fff; }
      .UserActions .You .ViewerIcon .ViewerImage {
        display: inline-block;
        background: transparent url("/skin/smooth/images/iphone-user-action-sprite.gif") no-repeat 0 0;
        width: 22px;
        height: 20px;
        position: relative;
        top: 5px; }
        .UserActions .You .ViewerIcon .ViewerImage img {
          display: none;
          height: 30px;
          width: 30px; }
      .UserActions .You .ViewerIcon.FromGraph {
        border: 0;
        border-radius: 0;
        position: relative;
        left: 0; }
        .UserActions .You .ViewerIcon.FromGraph .ViewerImage {
          position: static;
          width: 30px;
          height: 30px;
          background: #fff; }
          .UserActions .You .ViewerIcon.FromGraph .ViewerImage img {
            box-shadow: 0 0 1px 2px #ddf7ff;
            border-radius: 3px;
            display: inline-block; }
  .UserActions .Menu {
    display: none;
    position: absolute;
    top: 28px;
    right: 13px;
    width: 200px;
    background: #fff;
    border: solid 1px #a7a7a7;
    z-index: 256; }
    .UserActions .Menu a, .UserActions .Menu label {
      display: block;
      padding: 0 14px;
      color: #666;
      font-size: 13px;
      line-height: 27px;
      font-weight: 400;
      background-color: transparent; }
      .UserActions .Menu a:hover, .UserActions .Menu label:hover {
        background-color: #efefef;
        cursor: pointer; }
    .UserActions .Menu input[type="checkbox"] {
      float: left;
      margin: 5px 4px 0 16px; }
    .UserActions .Menu strong {
      display: block;
      padding: 15px;
      background: #efefef;
      font-size: 15px; }
      .UserActions .Menu strong:first-child {
        border-top: 0; }
      .UserActions .Menu strong a {
        padding: 0;
        font-weight: bold; }
    .UserActions .Menu .ProducerTools i {
      margin-right: 5px; }
    .UserActions .Menu .ProducerTools .UserSwitching {
      background: #f8f7f7;
      padding: 9px 10px 7px 10px; }
      .UserActions .Menu .ProducerTools .UserSwitching a:hover {
        background: transparent;
        text-decoration: underline; }
      .UserActions .Menu .ProducerTools .UserSwitching strong {
        padding: 0;
        border: 0;
        font-weight: normal;
        background: transparent; }
        .UserActions .Menu .ProducerTools .UserSwitching strong .SwitchIcon {
          margin-left: 5px;
          margin-right: 10px; }
        .UserActions .Menu .ProducerTools .UserSwitching strong a {
          display: inline;
          font-size: 12px;
          color: #666;
          padding: 0;
          line-height: 15px; }
      .UserActions .Menu .ProducerTools .UserSwitching a.Producer {
        margin-left: 30px;
        padding: 0;
        color: #36aad0;
        font-size: 14px;
        font-weight: bold; }
    .UserActions .Menu .ViewerTools strong:before {
      content: "F";
      font-family: BlipIcons;
      margin-right: 4px; }
    .UserActions .Menu .LogIn {
      width: 100%;
      height: 55px;
      margin: 0; }
      .UserActions .Menu .LogIn a {
        line-height: 15px;
        padding: 13px 0 12px 58px;
        background: none; }
        .UserActions .Menu .LogIn a:before {
          content: " ";
          display: block;
          position: absolute;
          width: 36px;
          height: 36px;
          margin: -2px 0 0 -42px;
          background: url("/skin/smooth/images/masthead/sprite.png") -101px 0px no-repeat;
          background: transparent url("/skin/smooth/images/masthead/sprite.svg") no-repeat -101px 0px; }
        .UserActions .Menu .LogIn a:hover {
          background-color: #efefef; }
    .UserActions .Menu .Logout {
      border-top: 1px solid #efefef; }
    .UserActions .Menu .SharingSettings strong i {
      margin-right: 4px; }
  .UserActions.Open .Menu {
    display: block; }
  .UserActions .LoggedOut.UserActions {
    width: 217px; }

.SearchHeader {
  display: block;
  float: left;
  position: relative;
  left: 380px;
  width: 340px;
  margin-top: 16px; }
  @media only screen and (max-width: 768px) {
    .SearchHeader {
      display: none;
      width: 100%;
      margin-top: 0;
      padding: 8px 10px;
      background: #ececec;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; } }
  .SearchHeader .SearchTerms {
    display: block;
    width: 290px;
    height: 16px;
    line-height: 18px;
    background: url("/skin/smooth/images/icon-search.png") #f8f8f8 no-repeat 10px center;
    padding: 10px 0px 10px 48px;
    font-size: 14px;
    color: #4d4d4d;
    border: solid 1px #A7A9AC;
    position: relative; }
    @media only screen and (max-width: 768px) {
      .SearchHeader .SearchTerms {
        width: 100%;
        background-image: none;
        padding: 8px 10px 6px;
        height: auto;
        border: none;
        border-radius: 4px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; } }
  .SearchHeader .AutoComplete {
    display: none;
    background: #ddd;
    position: absolute;
    z-index: 1;
    width: 338px;
    left: 0px;
    top: 38px; }
  .SearchHeader.Loading .AutoComplete, .SearchHeader.Open .AutoComplete {
    display: block;
    border-left: solid 1px #a7a7a7;
    border-right: solid 1px #a7a7a7;
    border-bottom: solid 1px #a7a7a7; }
    @media only screen and (max-width: 768px) {
      .SearchHeader.Loading .AutoComplete, .SearchHeader.Open .AutoComplete {
        display: none; } }
  .SearchHeader.Loading .Indicator {
    display: block; }
  .SearchHeader strong, .SearchHeader .ResultItem, .SearchHeader .CompleteSearch div {
    display: block;
    line-height: 34px;
    font-size: 14px;
    font-weight: normal;
    padding-left: 10px;
    padding-right: 25px; }
  .SearchHeader strong {
    float: left; }
  .SearchHeader .ResultItem {
    margin-left: 120px;
    background: #f8f8f8;
    display: block;
    height: 35px;
    color: #4d4d4d; }
    .SearchHeader .ResultItem.Highlight {
      color: #22a0c9; }
    .SearchHeader .ResultItem.TPCresult {
      background-image: url("/skin/smooth/images/masthead/tpc-logo-small-combined.png");
      background-repeat: no-repeat;
      background-position: 198px 7px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
        .SearchHeader .ResultItem.TPCresult {
          background-image: url("/skin/smooth/images/masthead/tpc-logo-small.svg"); } }
      .SearchHeader .ResultItem.TPCresult:hover, .SearchHeader .ResultItem.TPCresult.Active {
        background-position: 175px 7px;
        background-color: #ef2c4d !important; }
    .SearchHeader .ResultItem strong {
      float: none;
      font-weight: bold;
      display: inline;
      padding: 0;
      margin: 0; }
  .SearchHeader .ResultItem.Active {
    background-color: #22a0c9;
    color: #fff; }
  .SearchHeader .SearchResults > div {
    border-top: solid 1px #fff; }
    .SearchHeader .SearchResults > div .ResultItem.First {
      border-top: solid 1px #ddd;
      margin-top: -1px; }
    .SearchHeader .SearchResults > div.Explore {
      border-top: 0; }
      .SearchHeader .SearchResults > div.Explore .ResultItem.First {
        border-top: 0;
        margin-top: 0; }
    .SearchHeader .SearchResults > div:first-child {
      border: 0; }

#FacebookMasthead {
  /*smartphones p/l*/
  /* Smartphones (landscape) -----------
  @media only screen
  and (min-device-width : 321px) {
  display:none;
  }
  */
  /* Smartphones (portrait) ----------- */
  /* iPads (portrait and landscape) ----------- */
  /* iPads (landscape) ----------- */
  /* iPads (portrait) ----------- */
  /* iPhone 4 ----------- */
  background: url("/skin/smooth/images/background-facebook-masthead.png"); }
  @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    #FacebookMasthead {
      display: none; } }
  @media only screen and (max-width: 320px) {
    #FacebookMasthead {
      display: none; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #FacebookMasthead {
      display: none; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    #FacebookMasthead {
      display: none; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #FacebookMasthead {
      display: none; } }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #FacebookMasthead {
      display: none; } }
  #FacebookMasthead:before {
    content: '';
    display: block;
    height: 10px;
    background: white;
    opacity: 0.1; }
  #FacebookMasthead p {
    padding: 0.6em 0;
    font-size: 1.14286em;
    font-weight: bold;
    color: #e1e1e1;
    line-height: 1.2em;
    text-align: center; }
  #FacebookMasthead a {
    display: inline-block;
    margin-left: 1em;
    padding: 0.5em 0.8em;
    font-size: 0.8125em;
    font-weight: bold;
    line-height: 1.3em;
    color: white;
    background-color: #5d7cb2;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5d7cb2), color-stop(33.33333%, #3e66a2), color-stop(66.66667%, 0%), color-stop(100%, 100%));
    background-image: -webkit-linear-gradient(#5d7cb2, #3e66a2, 0%, 100%);
    background-image: linear-gradient(#5d7cb2, #3e66a2, 0%, 100%);
    border-radius: 3px;
    box-shadow: inset 1px 1px 0 #83a4dc, inset -1px -1px 0px #355a92, 0 0 2px 3px #5e5e5e; }
    #FacebookMasthead a:hover {
      text-decoration: none; }
  #FacebookMasthead i {
    margin-right: 0.3em;
    font-size: 1.3em;
    vertical-align: middle; }

/* notification counter - used both on the masthead and in the myblip page */
.NotificationCount {
  display: block;
  background: #22a0c9;
  color: #fff;
  line-height: 20px;
  width: 20px;
  font-size: 12px;
  text-align: center;
  border-radius: 12px;
  position: absolute;
  bottom: -10px;
  left: -11px; }
  .NotificationCount.Inactive {
    display: none; }
  .NotificationCount.TripleDigit {
    font-size: 9px; }

/*
 * new user onboarding bug
 */
#Header .NewUserBug {
  opacity: 0;
  z-index: -1;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 5px;
  padding: 26px 35px;
  position: absolute;
  top: 95px;
  right: 10px;
  width: 229px;
  color: #ccc;
  font-size: 16px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out; }
  #Header .NewUserBug .Nib {
    border-bottom: solid 10px rgba(0, 0, 0, 0.8);
    border-right: solid 10px transparent;
    border-left: solid 10px transparent;
    top: -10px;
    right: 48px;
    margin-top: 0;
    margin-right: -10px;
    position: absolute; }
  #Header .NewUserBug a {
    color: #22a0c9; }
    #Header .NewUserBug a:hover {
      text-decoration: underline; }
  #Header .NewUserBug .Close {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    font-size: 10px; }
    #Header .NewUserBug .Close:hover {
      color: #22a0c9;
      text-decoration: none; }

#Header .BugWrapper {
  display: none; }
  #Header .BugWrapper.On .NewUserBug {
    -webkit-transition: all 0.6s ease-in;
    -moz-transition: all 0.6s ease-in;
    transition: all 0.6s ease-in;
    opacity: 1;
    top: 75px; }

.EpisodeCardList li {
  float: left; }

.EpisodeCard {
  margin: 0 10px 30px;
  height: 250px;
  width: 300px;
  background: #fff;
  box-shadow: 0 1px 1px 0 #222;
  position: relative;
  overflow-x: hidden; }

.EpisodeCard .EpisodeThumb, .EpisodeCard .EpisodeThumb .ThumbnailImage {
  position: relative;
  z-index: 1;
  height: 169px;
  width: 300px;
  display: block; }

.EpisodeCard .EpisodeThumb .ContentRating, .EpisodeListCard .EpisodeThumb .ContentRating {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  display: none; }

.EpisodeCard .EpisodeThumb:hover .ContentRating,
.EpisodeCard:hover .ContentRating,
.EpisodeListCard .EpisodeThumb:hover .ContentRating {
  display: block; }

.EpisodeCard .EpisodeThumb .Play,
#ShowInfo .ShowActions a,
.EpisodeListCard .EpisodeThumb .Play,
#EndcapNextEpContents .Play,
.EpisodeLite .EndcapLite .Play {
  border-radius: 30px;
  text-decoration: none;
  color: #fff;
  font-size: 12px;
  line-height: 30px;
  font-weight: bold;
  display: none;
  padding: 0 18px 0 30px;
  text-shadow: 0 1px #000;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
  z-index: 2; }

.EpisodeThumb:hover,
.EpisodeThumb:hover span {
  text-decoration: none !important; }

.EpisodeCard .EpisodeThumb .Play,
#ShowInfo .ShowActions a {
  position: absolute;
  top: 76px;
  left: 114px; }

.EpisodeListCard .EpisodeThumb .Play {
  position: absolute;
  margin: 48px 0 0 75px; }

.EpisodeListCard:hover .EpisodeThumb .Play,
.EpisodeCard:hover .EpisodeThumb .Play,
#ShowInfo:hover .ShowActions a,
.EpisodeListCard:hover .ContentRating,
.EpisodeListCard .EpisodeTHumb:hover .ContentRating {
  display: block;
  text-decoration: none !important; }

.EpisodeCard .Caption {
  position: relative;
  padding: 8px 10px 10px;
  z-index: 2;
  box-shadow: 0 -4px 4px rgba(0, 0, 0, 0.2); }

.EpisodeCard .Caption img,
.EpisodeCard.Extended .Caption .ShowPoster img {
  float: left;
  height: 89px;
  width: 60px;
  box-shadow: 0 1px 2px 0 #000;
  top: -25px;
  left: -1px;
  position: relative;
  margin-bottom: -20px; }

.EpisodeCard.Extended .Caption .ShowPoster {
  width: 60px;
  float: left;
  text-align: center; }

.EpisodeCard.Extended .Caption .ShowPoster img {
  display: block; }

.EpisodeCard.Extended .ReleaseDate {
  line-height: 18px;
  margin-top: 4px; }

.EpisodeCard.Extended .SeasonAndEpisode {
  line-height: 18px;
  margin-top: 0;
  position: relative; }

.EpisodeCard .Caption a:hover {
  text-decoration: underline; }

.EpisodeCard .CaptionDetails {
  margin-left: 75px;
  width: 205px; }

.EpisodeCard .CaptionDetails .CaptionDetailsEpisodeShow {
  position: absolute;
  width: 207px;
  background: #fff;
  z-index: 11; }

.EpisodeCard h5, .EpisodeCard h5 a {
  font-size: 12px;
  line-height: 14px; }

.EpisodeCard h5 {
  font-size: 12px;
  line-height: 20px;
  font-family: Arial, sans-serif; }

.EpisodeCard h6 a, .EpisodeCard .SeasonAndEpisode {
  color: #666;
  font-size: 11px;
  font-weight: normal; }

.EpisodeCard h6 {
  line-height: 14px;
  margin-top: 4px;
  overflow: hidden;
  font-family: Arial, sans-serif; }

.EpisodeCard .SeasonAndEpisode {
  color: #aaa;
  position: absolute;
  margin-top: 48px;
  z-index: 10; }

.EpisodeCard.Extended {
  height: 360px;
  font-size: 12px;
  line-height: 20px;
  color: #888; }

.EpisodeCard.Extended .EpisodeThumb:hover {
  text-decoration: none; }

.EpisodeCard.Extended p {
  line-height: 18px; }

.EpisodeCard.Extended .DescriptionWrapper {
  border-top: solid 1px #d7d7d7;
  margin-top: 8px;
  padding-top: 8px;
  height: 54px;
  overflow: hidden; }

.EpisodeCard.Extended h5, .EpisodeCard.Extended h6 {
  font-family: Arial, sans-serif;
  font-size: 1 0px;
  margin-top: 5px; }

.EpisodeCard.Extended h5 a {
  font-weight: bold; }

/* css reset */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

p {
  /*	margin-bottom: 20px;*/ }

/* remember to define focus styles! */
:focus {
  outline: 0; }

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/*
 * Usage:
 * It is more efficient to use @extend than @include (outputs less CSS).
 *
 * For example, if you wanted to truncate #foo:
 * #foo {
 *   @extend %truncate;
 *   font-size: 10px;
 * }
 */
/* Clearfix from nicolasgallagher.com/micro-clearfix-hack/ */
.centerWrap:before, #Header:before, .Nav .smallScreenLinks:before, .clearfix:before, #Footer:before, #Footer .Links:before,
.centerWrap:after,
#Header:after,
.Nav .smallScreenLinks:after,
.clearfix:after,
#Footer:after,
#Footer .Links:after {
  content: '';
  display: table; }

.centerWrap:after, #Header:after, .Nav .smallScreenLinks:after, .clearfix:after, #Footer:after, #Footer .Links:after {
  clear: both; }

.centerWrap, #Header, .Nav .smallScreenLinks, .clearfix, #Footer, #Footer .Links {
  *zoom: 1; }

/* For image replacement */
.ir {
  border: 0;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background-color: transparent; }

/* Box sizing for more logical... box sizing */
#Header .ButtonContainer, #Header .ButtonContainer a, .Nav .smallScreenLinks .Column {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* Makes an element unselectable (highlightable) by the user */
.PlayIcon, .ActionTabMenu li, .Pagination .PagePreviousSmall,
.Pagination .PageNextSmall {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }

/* For truncating text onto one line */
.UserActions .Menu .ProducerTools .UserSwitching a.Producer, .SearchHeader .ResultItem, #SocialMediaSection .Comment .SampleCommentText, .PosterCard .ShowTitle, .MyBlipEpisodeCardWrap .Titles a, .MyBlipEpisodeCard .Titles span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

/* The blue highlight for actionable elements using the action tab */
.PosterCard, .MyBlipEpisodeCard {
  position: relative;
  top: -4px;
  margin: -4px;
  border-width: 4px;
  border-style: solid;
  border-color: #e9e9e9;
  border-radius: 4px;
  -webkit-transition: border-color 0.2s;
  -moz-transition: border-color 0.2s;
  transition: border-color 0.2s; }
  .PosterCard:hover, .MyBlipEpisodeCard:hover {
    border-color: #22a0c9 !important; }

/* Common flat blue buttons, generally an <a> */
#Footer .button, .FollowButton {
  display: inline-block;
  padding: 0.5em 1em;
  background: #22a0c9;
  color: white;
  border-radius: 5px;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  transition: background 0.2s ease; }
  #Footer .button:hover, .FollowButton:hover {
    background: #1e8baf;
    color: white;
    text-decoration: none; }
  #Footer .button i, .FollowButton i {
    color: white; }

/* Common buttons with rounded corners and an 1px border */
/* Generic Information Box */
/* For use on any div with child text that uses the More/Less link for truncation */
/* See the episode page for two examples */
/* Blue, icon-only social buttons in footer and Stay Connected bar on homepage */
#Footer .Connect .button {
  display: inline-block;
  padding: 0;
  width: 27px;
  height: 27px;
  font-size: 17px;
  line-height: 30px;
  text-align: center; }
  #Footer .Connect .button.twitter i {
    position: relative;
    top: -2px; }
  #Footer .Connect .button.tumblr i {
    position: relative;
    top: -1px; }

.centerWrap {
  width: 960px;
  margin: 0 auto; }
  .centerWrap.maxWidth {
    width: 100%; }

/**
 * Global Icons
 */
.PlayIcon {
  display: block;
  width: 45px;
  height: 45px;
  font-size: 45px; }
  .PlayIcon i {
    position: absolute;
    font-size: 1em;
    line-height: 0.8em;
    color: #fff; }
  .PlayIcon:hover {
    text-decoration: none; }

.Thumbnail img.Rating,
.EpisodeThumb .ContentRating,
a:hover .Rating,
a:hover .ContentRating {
  display: none !important; }

body {
  margin: 0;
  background: #fff;
  font: 14px/16px 'PT Sans', Arial, sans-serif;
  color: #666;
  -webkit-font-smoothing: antialiased; }

input,
textarea,
select,
legend {
  font: 14px/16px 'PT Sans', Arial, sans-serif; }

a {
  font-weight: bold;
  color: #22a0c9;
  text-decoration: none;
  cursor: pointer; }

a:hover {
  text-decoration: none; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'PT Sans', Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height: 1em;
  color: #333; }

h3 {
  font-size: 16px;
  margin: 5px 0 18px 0; }

.ConditionalScroll {
  padding-bottom: 1px; }

hr {
  background: #e1e1e1;
  border: none;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #fff;
  margin: 10px 0;
  padding: 1px 0 0 0; }

/*
 * Site Alert
 */
#SiteAlert {
  padding: 1em 0;
  background: #222;
  color: #999;
  border-top: 1px solid #f00;
  border-bottom: 1px solid #f00;
  box-shadow: inset 0 -6px 12px -6px red, inset 0 6px 12px -6px red; }
  #SiteAlert > .wrap {
    margin: 0 auto;
    width: 960px; }
  #SiteAlert h3 {
    margin: 0 0 0.6em;
    font-size: 1.28571em;
    color: #999; }
  #SiteAlert p {
    margin: 0;
    line-height: 1.2em; }

#SocialMediaSection {
  width: 940px;
  padding: 0;
  margin: auto auto 0 auto;
  font-size: 14px;
  color: #999;
  font-weight: bold;
  height: 60px;
  z-index: 1; }

#SocialMediaSection li {
  float: left;
  width: 80px;
  line-height: 60px; }

#SocialMediaSection .Facebook {
  width: 300px;
  padding-top: 5px;
  margin: 0;
  float: right;
  height: 42px; }

#SocialMediaSection .Share {
  width: 70px;
  margin-right: 20px; }

#SocialMediaSection .Share a {
  cursor: pointer; }

#SocialMediaSection .Comment {
  position: relative;
  display: none;
  margin: 0 20px;
  width: 500px;
  height: 60px;
  z-index: 1; }

#SocialMediaSection .Comment a {
  display: inline-block; }

#SocialMediaSection .Comment .SampleComment {
  font-weight: 500;
  display: inline-block;
  width: 376px;
  height: 60px;
  overflow: hidden;
  line-height: 60px;
  text-shadow: none; }

#SocialMediaSection .Comment .SampleCommentText {
  display: inline-block;
  width: 354px;
  margin-left: 30px;
  color: #666; }

#SocialMediaSection .Comment a:hover .SampleCommentText {
  text-decoration: underline; }

#SocialMediaSection .CommentCallout {
  float: left; }

.ActionTab {
  position: absolute;
  top: -1px;
  right: -1px;
  width: 0;
  height: 58px;
  background-repeat: no-repeat;
  background-image: url("/skin/smooth/images/actionTabBackground.png");
  -webkit-transition: width 0.4s 0.1s;
  -moz-transition: width 0.4s 0.1s;
  transition: width 0.4s 0.1s;
  cursor: pointer; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .ActionTab {
      background-image: url("/skin/smooth/images/actionTabBackground@2x.png");
      background-size: 58px 58px; } }
  .ActionTab:hover .ActionTabMenu, .ActionTab.Active .ActionTabMenu {
    display: block; }

.ActionTabMenu {
  position: absolute;
  top: 2px;
  display: none;
  left: 60px;
  width: 40px;
  border-radius: 4px;
  cursor: pointer;
  z-index: 1;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8); }
  .ActionTabMenu:before {
    content: '';
    position: absolute;
    top: 6px;
    left: -13px;
    display: block;
    width: 14px;
    height: 100%;
    /* Helps prevent unwanted mouse out */
    background: url("data:image/png;base64,\a 			iVBORw0KGgoAAAANSUhEUgAAAA4AAAAYCAYAAADKx8xXAAABT0lEQVR42p3Sv0rDYBSHYW3+\a 			NG1tMaI2MZpI07SoMUPRISlJHBXdBQd1cy4I4uAkTmK9Bm/CK3DyakQQcYo/4dAU4yGJhWdp\a 			eM/3nbQzJT+zpFI2EED0PG+5VOC6bjsMw7s43nsrHUDi+0HC7sAFrrud9Hr96ZAC2oEJJjJR\a 			FEW3TMCGQhhGl0zAhhWQgiB44AM+lPHFGAqG6WtXbLt7/Z+wBmqnYz/iwXvRUKRwAcx6vTE0\a 			TevJcXofha4K87AKWxDJcvXcMIxnDPjkXo4AVWhBG7qwCwdwKknSja6vvDiO8/XnzwENuu4a\a 			bMIQjuAMRqIo3mua/vozgLrJngo0YQksurIP+3AMF3CFAeM0pFMpbsEindyHAUR0+gkNyP7J\a 			ad85UEGDddiAHYjhkJpMLNDpNWjS3vrUgEGa8APkXwM0sJgud4DKBXkrKHkBO+AbEH2mUWnc\a 			864AAAAASUVORK5CYII%3D") no-repeat; }
  .ActionTabMenu li {
    float: none;
    position: relative;
    height: 42px;
    margin: 0;
    padding: 0;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    color: #22a0c9;
    background: #262626;
    border-top: 2px solid #1d1d1d;
    cursor: pointer;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.12); }
    .ActionTabMenu li:first-child {
      border-top: none;
      border-top-left-radius: 3px;
      border-top-right-radius: 3px; }
    .ActionTabMenu li:last-child {
      border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px; }
    .ActionTabMenu li:hover {
      background: #434343; }
      .ActionTabMenu li:hover .ActionLabel {
        display: block; }
    .ActionTabMenu li.Working .ActionLabel {
      display: none; }
    .ActionTabMenu li.Active, .ActionTabMenu li.Following {
      background: #22a0c9;
      color: #fff; }
    .ActionTabMenu li.Working {
      cursor: progress;
      -webkit-animation: subscribing-pulse 1s ease-in infinite alternate;
      -moz-animation: subscribing-pulse 1s ease-in infinite alternate;
      animation: subscribing-pulse 1s ease-in infinite alternate; }
    .ActionTabMenu li i.X {
      display: none;
      color: #262626; }
    .ActionTabMenu li.Active:hover i, .ActionTabMenu li.Working:hover i, .ActionTabMenu li.Following:hover i {
      display: none; }
    .ActionTabMenu li.Active:hover i.X, .ActionTabMenu li.Working:hover i.X, .ActionTabMenu li.Following:hover i.X {
      display: block; }
    .ActionTabMenu li.Active .ActionLabel:before, .ActionTabMenu li.Working .ActionLabel:before, .ActionTabMenu li.Following .ActionLabel:before {
      content: 'un'; }
  .ActionTabMenu .ActionLabel {
    position: absolute;
    top: -4px;
    left: 46px;
    display: none;
    padding: 4px 6px;
    font-size: 10px;
    font-weight: bold;
    line-height: 1em;
    color: #fff;
    text-transform: uppercase;
    background: #434343;
    border-radius: 4px;
    white-space: nowrap; }

/**
 * PopMeter (Popularity Meter)
 */
.PopMeter {
  position: relative;
  color: #a7a7a7; }
  .PopMeter > i {
    font-size: 1.14286em; }

.PopMeterCount {
  margin-left: 4px;
  font-size: 0.92857em;
  font-weight: bold; }

.NewlyReleased .PopMeterCount {
  font-weight: 400; }

.PosterCardWrap {
  width: 220px;
  margin: 0 auto; }

.ie8 .PosterCard .PlayIcon {
  display: none; }
.ie8 .PosterCard .PosterInfo .PlayIcon {
  display: none; }
.ie8 .PosterCard:hover .PlayIcon:first-child {
  display: block; }
.ie8 .Active .PosterInfo .PlayIcon {
  display: block; }

.PosterCard {
  position: relative;
  width: 220px;
  height: 360px;
  background-repeat: no-repeat;
  display: block; }
  .PosterCard a {
    color: white; }
  .PosterCard .PlayIcon {
    opacity: 0;
    position: absolute;
    left: 88px;
    bottom: 180px; }
  .PosterCard .PosterInfo {
    position: relative;
    margin-top: 325px;
    height: 35px;
    padding: 0 10px;
    background-color: #595959;
    font-weight: normal;
    color: #fff;
    overflow: hidden;
    -webkit-transition: height 0.8s, margin-top 0.8s, background-color 0.8s;
    -moz-transition: height 0.8s, margin-top 0.8s, background-color 0.8s;
    transition: height 0.8s, margin-top 0.8s, background-color 0.8s; }
    .PosterCard .PosterInfo .PlayIcon {
      left: 10px;
      bottom: 10px; }
  .PosterCard .ShowTitle {
    margin: 7px 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5em;
    -webkit-transition: margin-top 0.8s;
    -moz-transition: margin-top 0.8s;
    transition: margin-top 0.8s; }
  .PosterCard .ShowDescription {
    margin-bottom: 0;
    padding-bottom: 6px;
    font-size: 13px;
    line-height: 1.1em;
    word-break: break-word;
    border-bottom: 1px solid #fff; }
  .PosterCard .ShowDescriptionMore {
    font-weight: bold; }
  .PosterCard .EpisodeCount {
    margin: 6px 0;
    font-size: 13px;
    text-align: right; }
  .PosterCard:hover .ActionTab {
    width: 58px; }
  .PosterCard:hover .PlayIcon {
    opacity: 1; }
  .PosterCard:hover .PosterInfo .PlayIcon {
    opacity: 0; }
  .PosterCard.Active .PlayIcon {
    opacity: 0; }
  .PosterCard.Active .PosterInfo {
    height: 360px;
    margin-top: 0;
    background-color: rgba(0, 0, 0, 0.8); }
    .PosterCard.Active .PosterInfo .PlayIcon {
      opacity: 1; }
  .PosterCard.Active .ShowTitle {
    margin-top: 56px; }

.MyBlipEpisodeCardWrap {
  position: relative;
  width: 230px;
  height: 128px; }
  .MyBlipEpisodeCardWrap img {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); }
  .MyBlipEpisodeCardWrap .Titles a {
    display: block; }
  .MyBlipEpisodeCardWrap .Description {
    font-weight: normal; }

.MyBlipEpisodeCard {
  position: relative;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.8) 100%);
  background: -moz-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.8) 100%);
  background: -ms-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.8) 100%);
  background: -o-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.8) 100%);
  background: linear, to bottom, transparent 50%, rgba(0, 0, 0, 0.8) 100%; }
  .MyBlipEpisodeCard:hover {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.7); }
    .MyBlipEpisodeCard:hover .ActionTab {
      width: 58px; }
    .MyBlipEpisodeCard:hover .PlayIcon {
      opacity: 1; }
    .MyBlipEpisodeCard:hover .Description {
      opacity: 1; }
  .MyBlipEpisodeCard .PlayIcon {
    position: absolute;
    left: 10px;
    bottom: 10px;
    opacity: 0;
    width: 34px;
    height: 34px;
    font-size: 34px;
    -webkit-transition: opacity 0.4s 0.2s;
    -moz-transition: opacity 0.4s 0.2s;
    transition: opacity 0.4s 0.2s; }
    .MyBlipEpisodeCard .PlayIcon:hover i + i {
      color: #22a0c9; }
  .MyBlipEpisodeCard .Description {
    opacity: 0;
    display: block;
    margin: 0 40px 0 18px;
    padding: 18px 0 12px;
    height: 65px;
    font-size: 0.92857em;
    color: white;
    word-wrap: break-word;
    border-bottom: 1px solid white;
    -webkit-transition: opacity 0.2s 0.2s;
    -moz-transition: opacity 0.2s 0.2s;
    transition: opacity 0.2s 0.2s; }
  .MyBlipEpisodeCard .Titles span {
    display: inline-block;
    width: 100%;
    color: white; }

.Pagination {
  height: 60px;
  text-align: center;
  line-height: 60px;
  font-size: 12px;
  color: #aaa;
  font-weight: bold; }

.Pagination .PagePreviousSmall,
.Pagination .PageNextSmall {
  top: 7px;
  margin: 0 30px; }

.PaginatedList .PageWrapper {
  margin: 0 auto;
  overflow: hidden; }
.PaginatedList .Pager {
  position: relative;
  width: 960px;
  height: 370px;
  overflow: hidden; }
.PaginatedList .Page {
  float: left;
  padding: 4px 0; }
.PaginatedList .PageItem {
  float: left;
  margin: 5px 5px 0; }

#RecommendedShows .PageWrapper {
  width: 962px; }
#RecommendedShows .Pager {
  padding-top: 4px; }
#RecommendedShows .PageItem:nth-child(4n) {
  padding-right: 42px; }

.ShowLite .EpisodeList li {
  padding: 20px 0;
  margin: 0 40px 0 20px;
  border-bottom: solid 1px #c3c3c3; }

.ShowLite #OtherShows .EpisodeList li {
  border-bottom: none; }

.ShowLite .EpisodeList li li {
  padding: 0;
  border: 0;
  height: auto;
  margin: 0; }

.ShowLite .EpisodePager .EpisodeList .EpisodeThumb {
  float: left;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #000;
  width: 220px;
  height: 124px;
  background: #fff;
  overflow: hidden; }

.ShowLite .EpisodeList .Description {
  float: left;
  padding-left: 20px;
  width: 500px;
  font-size: 10px; }

.ShowLite .EpisodeList .Description h3 {
  color: #000;
  font-family: Arial, sans-serif;
  font-size: 12px;
  margin: 0 0 10px; }

.ShowLite .EpisodeList p {
  color: #666;
  font-size: 12px;
  line-height: 16px; }

.ShowLite .EpisodeList .MetaDataPairs {
  float: left;
  width: 120px;
  padding-left: 20px;
  font-size: 10px;
  line-height: 15px; }

.ShowLite .EpisodeList .MetaDataPairs li {
  margin-bottom: 8px; }

.ShowLite .EpisodeList li h5 {
  margin-bottom: 2px;
  font-family: Arial, sans-serif;
  font-weight: bold; }

.ShowLite .EpisodeList li h6 {
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #666; }

.Scrollable .Loading {
  border: none;
  margin: 20px 40px 10px 20px;
  padding: 16px;
  text-align: center;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(255, 255, 255, 0.6);
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  color: rgba(0, 0, 0, 0.6);
  text-shadow: 0 1px 0 white;
  border-radius: 5px; }

.Scrollable {
  position: absolute;
  z-index: 1; }

.ScrollContainer {
  overflow: hidden;
  position: relative;
  z-index: 2; }

.ScrollContainer .Scrollbar {
  z-index: 3;
  position: absolute;
  right: 16px;
  width: 8px;
  border-radius: 20px;
  background: url("/skin/smooth/images/scrollbar-bg.png") repeat-y top left;
  height: 40px; }

.Scrollbar .Handle {
  z-index: 4;
  position: absolute;
  top: 0;
  background: #999 url("/skin/smooth/images/scrollbar-handle-bg.png") repeat-y top left;
  border-radius: 20px;
  width: 8px;
  height: 20px;
  cursor: pointer;
  display: block; }

#Modal,
.Modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000; }
  #Modal .Content,
  .Modal .Content {
    position: relative;
    z-index: 1002;
    display: none;
    margin: 0 auto; }

#Modal .Shade,
.Modal .Shade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
  background: black;
  background: rgba(0, 0, 0, 0.67);
  filter: alpha(opacity=67);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=67)"; }

.Modal .Content {
  text-align: center;
  border-radius: 5px;
  margin: auto; }
  .Modal .Content.FollowOnboard .Top, .Modal .Content.LoveOnboard .Top {
    padding: 30px; }
  .Modal .Content .Close {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 30px;
    width: 30px;
    background: #efeeee url("/skin/smooth/images/icon-close-x.png") no-repeat center center;
    box-shadow: 0 0 1px 1px silver;
    border-radius: 30px;
    cursor: pointer; }
    .Modal .Content .Close:hover {
      box-shadow: 0 0 2px 2px silver, inset -1px 1px 1px 1px #fff;
      text-decoration: none; }
  .Modal .Content .Top {
    font-size: 30px;
    font-weight: bold;
    color: #a6e6fb;
    background: #22a0cb;
    padding-top: 30px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
    .Modal .Content .Top .Icon {
      width: 56px;
      height: 56px;
      margin: 0 auto;
      background: #0c83a6;
      border: 4px solid #87d5f0;
      border-radius: 50%; }
      .Modal .Content .Top .Icon i {
        line-height: 56px;
        color: #fff; }
    .Modal .Content .Top .Follow {
      display: block;
      height: 74px;
      width: 74px;
      margin: auto; }
    .Modal .Content .Top div, .Modal .Content .Top span {
      display: block;
      line-height: 1.5em; }
    .Modal .Content .Top .CallToAction {
      color: #8dd6ee;
      font-size: 18px; }
  .Modal .Content .Call {
    padding: 30px; }
    .Modal .Content .Call .Logo {
      display: inline-block;
      width: 64px;
      height: 42px;
      overflow: hidden;
      background: transparent url("/skin/smooth/images/icon-blip-42px.png") no-repeat 0;
      position: relative;
      top: 8px; }
      .Modal .Content .Call .Logo span {
        display: none; }
    .Modal .Content .Call .SignIn {
      font-size: 22px;
      color: #333;
      font-weight: bold;
      margin-bottom: 20px; }
      .Modal .Content .Call .SignIn i {
        display: inline;
        font-size: 64px;
        color: #f00; }
    .Modal .Content .Call .Aside,
    .Modal .Content .Call aside {
      font-size: 18px;
      width: 360px;
      margin: 0 auto; }
    .Modal .Content .Call .FacebookLoginButton {
      display: block;
      width: 330px;
      margin: 20px auto 0;
      line-height: 52px;
      font-size: 20px;
      font-weight: bold;
      text-align: center;
      color: #fff;
      background-image: -o-linear-gradient(bottom, #5d7cb2 0%, #0365a2 50%, #5d7cb2 100%);
      background-image: -moz-linear-gradient(bottom, #5d7cb2 0%, #0365a2 50%, #5d7cb2 100%);
      background-image: -webkit-linear-gradient(bottom, #5d7cb2 0%, #0365a2 50%, #5d7cb2 100%);
      background-image: -ms-linear-gradient(bottom, #5d7cb2 0%, #0365a2 50%, #5d7cb2 100%);
      background-image: linear, bottom, #5d7cb2 0%, #0365a2 50%, #5d7cb2 100%;
      box-shadow: -2.59px 1.5px 4px 1px rgba(0, 0, 0, 0.88);
      border-radius: 3px; }
      .Modal .Content .Call .FacebookLoginButton:hover {
        text-decoration: none; }
      .Modal .Content .Call .FacebookLoginButton i {
        display: inline;
        margin-right: 10px;
        vertical-align: middle;
        font-size: 29px; }
      .Modal .Content .Call .FacebookLoginButton .FbLogo {
        display: inline-block;
        height: 31px;
        width: 31px;
        background: transparent url("/skin/smooth/images/icon-fb-connect-large.png") no-repeat;
        position: relative;
        top: 10px;
        left: 24px;
        margin-right: 46px;
        /* position-left + width + 24px */ }

.Modal .ElevateFacebookPermissions {
  text-align: left;
  border-radius: 5px; }
  .Modal .ElevateFacebookPermissions .Top {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 15px;
    padding: 40px 40px 20px; }
    .Modal .ElevateFacebookPermissions .Top strong {
      color: #fff;
      font-size: 17px;
      display: block;
      height: 40px;
      padding-left: 50px;
      background: transparent url("/skin/smooth/images/icon-fb-connect-large-invert.png") no-repeat left center;
      margin-bottom: 20px; }
    .Modal .ElevateFacebookPermissions .Top p {
      margin-bottom: 20px;
      font-weight: normal; }
    .Modal .ElevateFacebookPermissions .Top em {
      font-style: normal;
      font-weight: bold; }
  .Modal .ElevateFacebookPermissions .Call {
    font-size: 16px;
    color: #333;
    padding: 20px 40px 30px; }
    .Modal .ElevateFacebookPermissions .Call div {
      margin-bottom: 20px; }
    .Modal .ElevateFacebookPermissions .Call a {
      display: inline-block;
      padding: 10px 0;
      text-align: center;
      border-radius: 4px;
      font-weight: bold;
      font-size: 14px;
      width: 206px; }
      .Modal .ElevateFacebookPermissions .Call a span {
        font-weight: normal;
        display: block; }
      .Modal .ElevateFacebookPermissions .Call a.TurnOff {
        box-shadow: 0 0 0 1px #c0c0c0;
        background: #efeeee;
        color: #333;
        margin-right: 80px; }
      .Modal .ElevateFacebookPermissions .Call a.TurnOn {
        background: #219dc5;
        color: #fff;
        box-shadow: 0 0 0 1px #167999; }
      .Modal .ElevateFacebookPermissions .Call a.TurnOff:hover {
        background: #fbfbfb;
        box-shadow: 0 0 1px 2px #c0c0c0; }
      .Modal .ElevateFacebookPermissions .Call a.TurnOn:hover {
        background: #25aeda;
        box-shadow: 0 0 1px 2px #167999; }
      .Modal .ElevateFacebookPermissions .Call a:hover {
        text-decoration: none; }

#FollowLoginModal .Content {
  display: block;
  background: #fafafa;
  line-height: 18px;
  border-radius: 5px;
  margin: auto;
  top: 140px; }
  #FollowLoginModal .Content.FollowOnboard, #FollowLoginModal .Content.LoveOnboard {
    width: 500px; }
  #FollowLoginModal .Content .Call {
    background: #f4f5f7;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }

.Modal .Content {
  background: #fff; }

#Modal .ShareActions {
  width: 490px;
  height: 335px;
  background: #fafafa;
  border-radius: 6px; }
  #Modal .ShareActions > div {
    padding: 20px; }
  #Modal .ShareActions h2 {
    float: left;
    margin-top: 3px;
    font-size: 24px; }
  #Modal .ShareActions .ItemToShare {
    border-top: 1px solid gainsboro; }
    #Modal .ShareActions .ItemToShare img {
      float: left;
      margin-right: 8px;
      border: 1px solid gainsboro; }
  #Modal .ShareActions .ShareTitle {
    display: inline-block;
    margin: 26px 0 8px 0;
    font-size: 16px; }
  #Modal .ShareActions .SocialNetworkButtons {
    background: #f4f5f7;
    border-top: 1px solid gainsboro;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px; }
    #Modal .ShareActions .SocialNetworkButtons .Action {
      display: inline-block;
      vertical-align: bottom;
      margin: 0 7px; }
  #Modal .ShareActions #ModalCopyLinkContainer,
  #Modal .ShareActions #ModalCopyEmbedButtonContainer {
    float: right;
    width: 100px;
    height: 30px; }
  #Modal .ShareActions #ModalCopyEmbedButtonContainer {
    margin-right: 12px; }
  #Modal .ShareActions #ModalCopyLinkContainer {
    margin-right: 30px; }
  #Modal .ShareActions .CopyLink,
  #Modal .ShareActions .CopyEmbedCode {
    display: block;
    width: 100px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    background: #eee;
    border: 1px solid silver;
    border-radius: 4px; }

#ModalCopyEmbedButtonContainer,
#ModalCopyLinkContainer {
  position: relative; }
  #ModalCopyEmbedButtonContainer > div,
  #ModalCopyLinkContainer > div {
    top: 0 !important;
    left: 0 !important; }

.centerList {
  display: table;
  margin: 0 auto; }

#FooterWrap {
  background: #fff; }

#Footer {
  width: 960px;
  margin: 0 auto;
  padding: 1em 0 0; }
  #Footer .Links {
    margin-bottom: 50px; }
    #Footer .Links li {
      float: left;
      margin-bottom: 0.7em;
      padding: 0 1em;
      border-left: 1px solid #dcdcdc; }
      @media only screen and (max-width: 600px) {
        #Footer .Links li {
          width: 30%;
          text-align: center;
          padding: 0 .25em; } }
      #Footer .Links li:first-child {
        border-left: none; }
    #Footer .Links a {
      color: #666; }
      #Footer .Links a:hover {
        color: #22a0c9;
        text-decoration: none; }
  #Footer .button {
    font-size: 0.92857em; }
  #Footer .Producers,
  #Footer .Newsletter,
  #Footer .Connect {
    float: left;
    width: 37.5%; }
    #Footer .Producers .title,
    #Footer .Newsletter .title,
    #Footer .Connect .title {
      color: #333;
      font-weight: bold; }
    #Footer .Producers .description,
    #Footer .Newsletter .description,
    #Footer .Connect .description {
      margin-bottom: 0.7em;
      font-size: 0.92857em; }
  #Footer .Connect {
    float: right;
    width: 12.5%; }
  #Footer .Copyright {
    width: 100%;
    padding-top: 90px;
    font-size: 0.85714em;
    text-align: center; }
    #Footer .Copyright .Tagline {
      font-weight: 700; }
    #Footer .Copyright a {
      -webkit-transition: color, 0.2s;
      -moz-transition: color, 0.2s;
      transition: color, 0.2s;
      font-weight: 400;
      color: #666; }
      #Footer .Copyright a:hover {
        color: #22a0c9; }
    #Footer .Copyright .centeredLink {
      display: block;
      margin: auto 0; }

.BlipAdminPanel {
  min-height: 200px;
  display: none;
  padding-bottom: 20px;
  width: 960px;
  margin: 0 auto; }
  .BlipAdminPanel h2 {
    line-height: 18px;
    border-bottom: 1px solid #000;
    color: #666; }
  .BlipAdminPanel #BlipAdminShowPanel {
    width: 480px;
    float: left;
    padding-bottom: 20px; }
  .BlipAdminPanel #BlipAdminEpisodePanel {
    width: 480px;
    float: left;
    padding-bottom: 20px; }
  .BlipAdminPanel #BlipAdminFileSizeRadios {
    float: left;
    margin-right: 20px; }
  .BlipAdminPanel .BlipAdminColumn {
    float: left;
    width: 240px; }
  .BlipAdminPanel .BlipAdminColumn a {
    width: 240px;
    display: block; }

.BlipAdminPanel a {
  display: block;
  line-height: 24px;
  float: left;
  width: 220px; }

.AdminRatingContainer,
.CoreValueContainer,
.BlipAdminPlaylists,
#AdSalesContainer {
  float: left;
  margin-right: 20px; }

#SwitchBrowsersMessage {
  padding-top: 12px;
  padding-bottom: 12px;
  background: #c9c9c9 url("/skin/smooth/images/button-show-links-bg.png") repeat-x left bottom;
  font-size: 12px;
  line-height: 20px;
  font-weight: bold;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #888;
  text-align: center; }

.FeaturedEpisodes .ErrorNotice,
.RecommendedEpisodes .ErrorNotice {
  float: left;
  width: 300px;
  height: 250px;
  border: 1px solid #ccc;
  background: url("/skin/smooth/images/noresult.card.bg.png") no-repeat 50% 50%; }

.RecommendedEpisodes .ErrorNotice {
  width: 216px;
  height: 325px; }

.ShowResults .ErrorNotice {
  height: 325px;
  width: 220px;
  border: 1px solid #ccc;
  background: url("/skin/smooth/images/noresult.card.bg.png") no-repeat 50% 50%; }

.Scrollable .ShowList .ErrorNotice {
  height: 80px;
  border-bottom: 1px solid #ddd;
  background: url("/skin/smooth/images/noresult.card.bg.png") no-repeat 44% 50%;
  padding: 0 50px 0 0; }

#ErrorWrap {
  width: 940px;
  margin: auto; }

#ErrorNotFound {
  margin: 140px 0;
  font-size: 20px;
  text-align: center; }

#PrivateMessage {
  font-size: 30px;
  line-height: 30px;
  font-weight: bold;
  color: #aaa;
  text-shadow: 0 1px 0 #fff;
  padding: 80px 0 40px 80px;
  border-bottom: 1px solid #DDD;
  background: url("/skin/smooth/images/private.lock.png") no-repeat 0 70px; }

#PrivateForm {
  margin-bottom: 40px;
  padding: 40px 0;
  background: url("/skin/smooth/images/private.key.png") no-repeat 0 20px; }

#PrivateFormInputs {
  padding-left: 80px; }

#PrivateFormInputs span {
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  color: #aaa;
  text-shadow: 0 1px 0 #fff;
  margin-right: 20px; }

#PrivateFormInputs #hidden_password_input {
  width: 280px;
  background: #ddd;
  box-shadow: 0 1px 0 #fff, inset 0 1px 0 #bbb;
  border: 0;
  padding: 10px;
  margin-right: 20px;
  border-radius: 5px; }

.BlipAdminPanel .UsefulStats {
  line-height: 24px;
  float: left; }

.UsefulStats a {
  display: inline;
  float: none;
  margin-left: 0; }

.BlipAdminPanel #ViewsChart {
  height: 240px;
  width: 740px;
  float: left;
  margin-left: 10px; }

.BlipAdminPanel table {
  margin-top: 36px;
  width: 960px;
  line-height: 18px;
  table-layout: fixed; }

.BlipAdminPanel table thead {
  border-bottom: 1px solid black;
  font-weight: bold; }

.BlipAdminPanel table tr {
  height: 18px;
  overflow: hidden; }

.BlipAdminPanel table a {
  line-height: 18px;
  width: 600px; }

.AdminSaving {
  font-weight: bold;
  padding-left: 10px; }

.Saving {
  color: #000;
  background: #ffff92; }

.Saved {
  color: green;
  background: #a7ffa7; }

.Clear {
  clear: both; }

#Content {
  background: #f0f0f0;
  min-height: 340px; }

.FollowButton {
  box-shadow: none;
  font-size: 1.14286em;
  line-height: 1;
  float: right;
  top: 10px;
  right: 0; }
  .FollowButton i {
    font-size: 90%;
    margin-right: 3px; }
  .FollowButton span {
    display: none; }
  .FollowButton.Uninitialized .Sub {
    display: inline-block; }
  .FollowButton.Working {
    cursor: progress;
    -webkit-animation: subscribing-pulse 0.7s ease-in infinite alternate;
    -moz-animation: subscribing-pulse 0.7s ease-in infinite alternate;
    animation: subscribing-pulse 0.7s ease-in infinite alternate; }
  .FollowButton.Following {
    color: #a7a7a7;
    background: #f4f3f3;
    border: 1px solid #b6b6b6; }
    .FollowButton.Following i {
      color: #a7a7a7; }
    .FollowButton.Following .Un {
      display: inline-block; }
    .FollowButton.Following:hover {
      color: #22a0c9; }
      .FollowButton.Following:hover i {
        color: #22a0c9; }
      .FollowButton.Following:hover .Un {
        display: none; }
      .FollowButton.Following:hover .UnHover {
        display: inline-block; }
  .FollowButton.NotFollowing .Sub {
    display: inline-block; }

.EpisodeInfoWrapper .FollowButton span.Spinner img,
#ExpandedSocial .FollowButton span.Spinner img {
  display: block;
  margin: 7px auto 0;
  height: 16px;
  width: 16px; }

.InsetButton {
  display: inline-block;
  padding: 5px;
  font-size: 14px;
  line-height: 30px;
  font-weight: bold;
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1), 0 1px 0 #fff;
  text-align: center;
  border-radius: 100px;
  background: #cecccc;
  color: #4b4a4a; }

.InsetButton span {
  display: block;
  border-radius: 50px;
  padding: 2px 10px 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.61), inset 0 1px 0 #fff;
  background-color: #00b4f0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00b4f0), color-stop(33.33333%, #0083b1), color-stop(66.66667%, 22%), color-stop(100%, 77%));
  background-image: -webkit-linear-gradient(#00b4f0, #0083b1, 22%, 77%);
  background-image: linear-gradient(#00b4f0, #0083b1, 22%, 77%);
  color: #fff; }

.ie9 .InsetButton span {
  background-color: #00b4f0;
  background-image: none;
  filter: none; }

.InsetButton:hover span {
  color: #fff;
  text-shadow: none;
  text-decoration: none;
  font-weight: bold !important;
  background-color: #00afe9;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00afe9), color-stop(100%, #0085b3));
  background-image: -webkit-linear-gradient(#00afe9, #0085b3);
  background-image: linear-gradient(#00afe9, #0085b3); }

.ie9 .InsetButton:hover span {
  background: #00afe9;
  background-image: none;
  filter: none; }

.InsetButton:hover {
  text-decoration: none; }

.MinimalButton {
  text-align: center;
  font-size: 13px;
  line-height: 22px;
  box-shadow: -1px -1px 0 #dedcdc, 0 2px 2px #000;
  display: inline-block;
  border-radius: 50px;
  color: #333;
  white-space: nowrap;
  text-shadow: 0 1px #c8c4c4;
  cursor: pointer;
  height: 20px;
  padding: 3px 10px;
  background-color: #c3c3c3;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c3c3c3), color-stop(100%, #a19e9e));
  background-image: -webkit-linear-gradient(#c3c3c3, #a19e9e);
  background-image: linear-gradient(#c3c3c3, #a19e9e); }

.ie9 .MinimalButton {
  background-color: #c3c3c3;
  background-image: none;
  filter: none; }

.MinimalButton:hover,
.MinimalButton.Highlight {
  color: #fff;
  text-shadow: none;
  text-decoration: none;
  background-color: #00b4f0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00b4f0), color-stop(33.33333%, #0083b1), color-stop(66.66667%, 25%), color-stop(100%, 75%));
  background-image: -webkit-linear-gradient(#00b4f0, #0083b1, 25%, 75%);
  background-image: linear-gradient(#00b4f0, #0083b1, 25%, 75%); }

.MinimalButton.Highlight:hover {
  text-decoration: none;
  background-color: #00b4f0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00b4f0), color-stop(100%, #0083b1));
  background-image: -webkit-linear-gradient(#00b4f0, #0083b1);
  background-image: linear-gradient(#00b4f0, #0083b1); }

.ie9 .MinimalButton.Highlight:hover {
  background-color: #00b4f0;
  background-image: none;
  filter: none; }

#ShareNotice {
  display: none;
  position: absolute;
  top: 116px;
  left: 25%;
  width: 50%;
  box-shadow: 0 0 5px #000, inset 0 0 2px #e1e1e1;
  color: #666;
  text-shadow: 0 1px #efefef;
  border-radius: 5px;
  z-index: 512;
  padding: 2px;
  background: #efefef; }
  #ShareNotice .BroadcastIcon {
    position: absolute;
    left: 9px;
    top: 50%;
    margin-top: -11px;
    display: inline-block;
    font-size: 24px;
    line-height: 22px; }
  #ShareNotice .Notice {
    display: block;
    margin-left: 40px;
    background: #fff; }
    #ShareNotice .Notice .Content {
      display: block;
      padding: 20px 10px;
      margin-right: 50px;
      border-right: solid 1px #dad7d7; }
      #ShareNotice .Notice .Content .RemoveAction {
        color: #666;
        text-decoration: underline;
        font-weight: normal; }
        #ShareNotice .Notice .Content .RemoveAction:hover {
          color: #22a0c9; }
    #ShareNotice .Notice .Close {
      cursor: pointer;
      display: inline-block;
      padding: 6px 6px 8px 7px;
      font-size: 10px;
      line-height: 10px;
      font-weight: bold;
      text-decoration: none;
      border-radius: 13px;
      background: #efeeee;
      position: absolute;
      right: 16px;
      top: 50%;
      margin-top: -11px;
      box-shadow: 0 0 0 1px #c0c0c0; }
      #ShareNotice .Notice .Close:hover {
        background: white;
        box-shadow: 0 0 0 1px #a7a7a7; }
  #ShareNotice.Error .BroadcastIcon {
    color: #600; }

@media only screen and (max-width: 960px) {
  #Footer {
    padding: 1em 1em 0;
    width: auto; }
    #Footer .Links li {
      border: none; }
    #Footer .Links a {
      color: #666; } }
@media only screen and (max-width: 768px) {
  #ShareNotice {
    top: 70px;
    width: 50%;
    left: 25%; }

  #Header .SocialUserInfo {
    height: 50px;
    margin-top: 15px; }
    #Header .SocialUserInfo .SharingSettings .SharingDropDown .SharingStatus.On:before {
      content: "a";
      font-family: BlipIcons;
      color: #22a0c9; }
    #Header .SocialUserInfo .SharingSettings .SharingDropDown .SharingStatus.Off:before {
      content: "a";
      font-family: BlipIcons;
      color: #666; }
    #Header .SocialUserInfo .SharingSettings .SharingDropDown .SharingStatus label {
      display: inline; }
      #Header .SocialUserInfo .SharingSettings .SharingDropDown .SharingStatus label span {
        display: none; }
    #Header .SocialUserInfo .SharingSettings .SharingDropDown .SharingStatus.Off label span.Off {
      display: inline; }
    #Header .SocialUserInfo .SharingSettings .SharingDropDown .SharingStatus.On label span.On {
      display: inline; }
    #Header .SocialUserInfo .UserActions {
      margin-left: 10px; }

  #Footer .button {
    margin-bottom: 0.6em; }
  #Footer .Links {
    margin-bottom: 20px; }
  #Footer .Producers,
  #Footer .Newsletter,
  #Footer .Connect {
    float: left;
    width: 50%;
    margin-bottom: 1em; }
  #Footer .Copyright {
    padding-top: 1em; } }
/* END 768px media query */
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (-moz-min-device-pixel-ratio: 2) {
  #Header .nav .Logo {
    background-image: url("/skin/smooth/images/blip-logo-smallscreen@2x.png"); } }
@media only screen and (max-width: 620px) {
  #FacebookMasthead p {
    font-size: 1em; }
  #FacebookMasthead a {
    line-height: 1.3em; } }
@media only screen and (max-width: 600px) {
  #Header #HeaderContents .wrap .SearchHeader {
    float: left;
    margin-left: 10px;
    width: 292px; }
    #Header #HeaderContents .wrap .SearchHeader input {
      width: 242px;
      padding-left: 38px; }
    #Header #HeaderContents .wrap .SearchHeader .AutoComplete {
      width: 280px;
      top: 46px; }
  #Header #HeaderContents .SocialUserInfo .SharingSettings .SharingDropDown .SharingStatus label {
    display: none; }
  #Header #HeaderContents .SocialUserInfo .SharingSettings .SharingDropDown .SharingStatus:after {
    content: '\25bc';
    color: #22a0c9;
    font-size: 10px; }

  #FacebookMasthead #FacebookLoginButton {
    margin: 10px; } }
/* END 600px media query */
@media only screen and (max-width: 480px) {
  #ShareNotice {
    top: 70px;
    width: 87%;
    left: 88%; }

  .FollowButton.Following .UnSmall,
  .FollowButton.NotFollowing .SubSmall {
    display: inline-block; }

  #Theater .FollowButton span.Spinner img {
    margin-top: 8px; }

  #Footer .Producers,
  #Footer .Newsletter,
  #Footer .Connect {
    width: 100%;
    text-align: center; } }
/* END 480px media query */
.GenericBody {
  margin: 20px 50px 0 50px;
  padding: 20px;
  background-color: white;
  min-height: 400px;
  border-radius: 15px; }

.GenericFooter {
  height: 100px; }

.GenericBody form label {
  float: left;
  width: 150px;
  text-align: right;
  padding-right: 20px; }

.GenericBody form input[type="submit"] {
  margin-left: 170px; }

.GenericBody form {
  margin-top: 30px;
  clear: both; }

.Table {
  border-collapse: collapse;
  width: 100%; }

.Table .Even {
  background-color: #eee;
  color: black; }

.Table .Odd {
  background-color: #ccc;
  color: black; }

.Table th {
  padding: 8px;
  padding-left: 4px;
  border: 1px solid #6393c1;
  background-color: #cfe7fa;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cfe7fa), color-stop(100%, #6393c1));
  background-image: -webkit-linear-gradient(#cfe7fa, #6393c1);
  background-image: linear-gradient(#cfe7fa, #6393c1);
  text-align: left;
  border: 1px solid #6393c1;
  padding: 8px;
  padding-left: 4px;
  font-weight: bold;
  color: #333; }

.Table td {
  border: 1px solid #999;
  padding: 4px; }

.Message {
  font-weight: bold;
  color: green; }

.ie8 input[type="password"] {
  font-family: Arial; }

/* END Stuff used for simple internal pages */
.shoutout__container {
  position: relative;
  float: left;
  box-shadow: 0 1px 1px 0 #222; }
  .shoutout__container a {
    position: relative;
    display: block;
    height: 0;
    padding-bottom: 250px;
    width: 250px; }
  .shoutout__container img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%; }
  .shoutout__container:before {
    content: 'Blip Spotlight';
    display: block;
    position: absolute;
    top: -33px;
    font-size: 16px;
    color: #333; }

/*# sourceMappingURL=common.css.map */