/* higher contrast link colors */
a:link, a:focus, a:visited, a:hover { color: #03c; }

/* STRUCTURE */

/* We don't use bootstrap responsive. Looks wrong on ipad We make our own responsive rules */
.hot { color: red; font-variant: small-caps; } 

.iw-container {
  width: 952px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

body { color: #111; background-color: #ccc; padding-top: 1em; }
.main-container { margin: 1em auto; background-color: white; border: 1px solid #CCC; border-radius: 6px;  min-height: 1200px; margin-bottom: 20px; }
.subscript { 
  font-size:9px; vertical-align:bottom;
} 
.footer {
  margin-top: 15px;
  background-color: #efefef;
  padding: 15px;
  font-size: 12px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.footer .footer-item {
  margin-right: 15px;
}
.haskell-footer-item a {
  font-family: Ubuntu,sans-serif;
}
.haskell-logo { vertical-align: top; margin-right: 5px; }

.iw-container h3 { font-size: 20px }
h3:first-child { margin-top: 0}

/* col-left is the area left of the right sidebar, which has a fixed width to fix skyscraper ad */

.col-left { 
  width: 743px;
  float: left;
  position: relative;
  padding-left: 15px;
  margin-right: 15px;
}

.col-right { 
  width: 190px; 
  float: left;
  font-size: smaller;
  position: relative;
  border-left: 1px dotted #CCC;
  padding-left: 15px;
  padding-right: 15px;
}

.sidebar-notice {
    background-color: #dff0d8;
    margin-bottom:15px;
    font-size: 11px;
    color: #3c763d;
    padding: 3px 5px;;
    border-color: #d6e9c6;
    border: 1px solid transparent;
    border-radius: 4px;

}
.banner-ad-container { background-color: aliceblue;  clear:left; height: 92px;  width: 730px; border: 1px solid #ccc; }
.banner-ad-top {margin-bottom: 10px }
.header-container { margin: 0 15px; border-top-left-radius: 6px;  border-top-right-radius: 6px; }
.bottom-ad { clear:both; margin-top: 15px; margin-bottom: 15px; }

.header-container h2 { display: inline-block }
.header-container .top-search-form { float: right; margin-top: 20px;}
.header-container input#q { width: 250px }
.header-container .endorsement { }
.header-container .endorsement a {  color: #999 }
.top-nav { 
  margin: 10px -15px 14px; 
  padding: 2px 15px; 
  color: white;
}
a.switch-device {
    font-size: 12px;
    font-style: normal;
    padding-left: 30px;
}
a.switch-device:link,
a.switch-device:visited { 
    color: #333; 
    font-style: normal;
}


.netflix .top-nav {
  /* background-image: linear-gradient(to bottom, #E84949 0px, #D00000 100%);  */
  background-color: #E84949; 
}

/* affix top nav esp due to infinite scroll */

@media screen and (max-width: 950px) {
    .top-nav.affix {
        position: static;
    }
}
@media screen and (min-width: 951px) {
    .top-nav.affix {
      position: fixed;
      top: 0px;
      margin-top: 0;
      width: 950px;
      z-index: 1000;
    }
}

.site-switch { font-size: 20px; font-weight: bold }
.logo a.site-switch:link, a.site-switch:visited { text-decoration: none;}
.logo a.site-switch-netflix:link, 
.logo a.site-switch-netflix:visited, 
.logo a.site-switch-netflix:hover { color: #E84949; }
.logo a.site-switch-amazon:hover,
.logo a.site-switch-amazon:link,
.logo a.site-switch-amazon:visited { color: #7DB632; }
.logo a.site-switch-hbo:link,
.logo a.site-switch-hbo:visited { color: #333; }
.logo a.site-switch-unified:hover,
.logo a.site-switch-unified:link,
.logo a.site-switch-unified:visited { color: #6600CC; }
.logo a.site-switch-podcasts:hover,
.logo a.site-switch-podcasts:link,
.logo a.site-switch-podcasts:visited { color: blue; }

.logo a.site-switch-amazon:hover, .logo a.site-switch-netflix:hover { text-decoration: underline; }

.logo { margin-bottom: 0; margin-top: 0.5em; }
.netflix .logo .w { color: #E84949 }
.amazon .logo .w { color: #7db632 }
.unified .logo .w { color: #6600CC }
/* logo color */
.logo a:link, .logo a:visited, .logo a:hover { color: #424242 }

.provider { font-size: 16px; font-weight: bold; margin-right: 15px;  }
.top-nav a { color:white; display: inline-block; font-size: 15px; margin-right: 10px; }

h2.site-notice { margin-bottom: 10px;  }

h2 a, h2 a:hover, h2 a:visited, h2 a:link {
  color: #999;
  text-decoration: none;
}

h2 span.lead { 
  display: inline-block; font-size: 19px;  color: #333; margin-bottom: 0; 
} 


.home-genre-nav { margin-bottom: 10px; }

.genre-navlinks { margin-top: 10px; clear:left; line-height: 1.2em;   }
.current-genre { display: inline-block; font-size: 18px; margin: 1px 0 10px; font-weight: bold; } 

ul.breadcrumbs { margin-bottom: 5px }

.home-genre-nav .genre-nav-item { display: inline-block; margin-right: 7px; }
.genre-navlinks label { display: block; font-weight: normal }
.genre-navlinks label.inactive { color: #999 }
.genre-navlinks a { font-size: 12px; text-decoration:none }
.genre-navlinks .count { font-size: 9px; }
.genre-navlinks a:hover  { text-decoration: underline }
.genre-navlinks a.selected { background-color: #2c3641; color: white; text-decoration: none }
.genre-navlinks a.selected .count { color: white; }
.genre-navlinks span.disabled { color: #CCC; margin-right: 5px; padding: 0px 2px; display:inline-block; font-size: 12px; text-decoration:none; cursor: not-allowed;; }
.genre-navlinks span.selected { background-color: pink }
.genre-navlinks span.genre-nav-item { white-space: nowrap }
.genre-navlinks input[type=checkbox] { margin-right: 0.2em }    
.netflix-genre-cols { column-count: 3; -webkit-column-count: 3; -moz-column-count: 3; }
.genre-cols span.genre-nav-item { display: block }
.genre-navlinks-amazon { column-count: 5; -webkit-column-count: 5; -moz-column-count: 5; }

/* genre map page */
a.see-all-genres { font-weight: bold }
.genre-map ul { }
.genre-map li { padding-left: 15px; }
.genre-map .disabled { color: #999; }


/* sidebar */

.sidebar h4 { margin-top: 0 }
.sidebar .list-title { margin: 0; padding: 1px 0; border-bottom: 1px dotted #CCC; }
.sidebar .list-title a, 
  .sidebar .list-title a:link,
  .sidebar .list-title a:visited,
  .sidebar .list-title a:hover { color: #03c !important; font-weight: normal; text-decoration: none; }

.sidebar .list-title .year { display: none }
.sidebar-section { margin-bottom: 1em }
.recently-queued h4 {
  font-size: 13px;
  margin-bottom: 5px;
}
.ad-tall { }

/* homepage */
.homepage-banner { margin: 0 0 10px; }

.homepage-sections {
    position: relative;
}
.homepage-col { 
    float: left;
    width: 50%;
}
.homepage-section { 
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.homepage-section .list-title { 
    margin: 0; 
    margin-bottom: 8px; 
    margin-right: 10px;
    height: 60px;
} 
.homepage-section .list-title { 
    line-height: 17px;
}
.homepage-section .list-title .iw-boxart {
    margin-top: 3px;
}
.amazon .homepage-section .list-title .iw-boxart {
    max-height: 53px;
}
.netflix .homepage-section .list-title .iw-boxart {
    width: 38px;
}
.homepage-section .paid-or-prime { display: none }
.homepage-section h3 { margin-top: 10px; }
.homepage-section a.subheader-link {
    display: block;
    color: #999;
    margin-top: -5px;
    margin-bottom: 15px;
}
.homepage-section .sub-header { 
    margin-left: 20px;
    font-size: 1.2rem;
    font-weight: normal;
}
.homepage-section ol {
    padding-left: 20px; 
}
.homepage-section ul { 

}
.homepage-section .homepage-items { 
}
.homepage-section ol li { 
    margin-right: 20px; 
}
/* TEMP */
a:link.trailer-link,
a:visited.trailer-link { 
  font-size: 12px;
  color: #666;
}

.rank-position {
    float: left;
    margin-top: 3px;
    width: 23px;
    margin-right: 10px;
    text-align: center;
}
.rank-position.date {
    font-size: 0.9em;
    font-weight: bold;
    color: #999;
}
.position {
    color: #999;
    font-weight: bold;
    font-size: 0.9em;
    display: block;
}
.movement { 
    display: block;
    color: #999;
    margin-top: 3px;
    font-size: smaller; 
}
.movement-big-positive { color: red; }


.minimal-title .list-title img { display: none }
.minimal-title .list-title .hideable { display: none }

.popover .action { display: none }
.popover .webpage { display: none }
.popover li { list-style-type: none }
.popover { font-size: 13px; }



/* global styles */
img.prime-option-logo { height: 1.4em }
a.person-link, 
a.person-link:link, 
a.person-link:hover, 
a.person-link:visited { color: #07c; }


/* play and queue links */
a.action { font-size: 0.8em; padding: 1px 3px;  }
a.action:link, a.action:visited { background-color: #ececec; color: #000; text-decoration:none}
a.action:hover { color: #f0e68c; background-color: #777; text-decoration: none; }

.title-detail-top a.action { 
  font-size: 1.0em;
  padding: 1px 3px; 
  border-radius: 3px;
  border: 1px solid #999;
}

a.imdb-link {color: #f2e68c; background-color: #777; text-decoration: none; }

.runtime { font-size: smaller; font-weight: bold; }

.average_rating { 
  color: #222; 
  font-weight: bold;
}
.average-rating-diviser { color: #777 }

.studio { font-weight: bold; }
.award-count { font-size: smaller; font-weight: bold; color: #666; }
.available-from { font-size: 0.9em; }
.expiring-on { font-size: 0.9em; color:red; }
.directors { color: #999 }

.ratings-count {  
    color: #333; 
    white-space: nowrap;
}


/* SEARCH -- TOOD MOVE TO SEPARATE STYLESHEET */
/* FILTER SIDEBAR */

.radio-inline { margin-left: 5px }
.radio-inline input[type=radio] { margin-left: -17px; }
label { 
  margin-bottom: 3px;
}
.search-filters { 
  float: left;
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  font-size: smaller;
  margin-top: -10px; 
  margin-bottom: 15px; 
  width: 244px 
}

#title-search-form { margin-bottom: 20px; }
#title-search-form form { display: inline-block; margin-right: 10px;  margin-bottom: 10px; }
#title-search-form form input[type=text] { margin: 0 }
#title-search-form select { margin-right: 5px;  }
#title-search-form label { margin-right: 5px; font-size: 12px;  }
.pjax-enabled #title-search-form input[type=submit] { display: none }

/* grouping header bars */
.title-grouping { clear: left; background-color: #2c3641; color: white; padding: 2px 2px; font-size: 12px  }
.filter-grouping { background-color: #999; color: white; padding: 2px 2px; font-size: 13px ; margin-bottom: 5px; font-weight:bold; }

.search-filters h4 { font-size: 13px; margin-bottom: 0 }
.search-filters h4 span { font-weight: normal; font-style: italic; color: #999 }

.selected-filters-box { border: 1px dotted #333; padding: 0 6px 4px; margin: 10px -6px 4px; }
.selected-filters-box h4 { margin-top: 3px; margin-bottom: 6px; }
.selected-filters-box dt { color: #ccc }
.selected-filters-box dl { margin-bottom: 0; margin-top: 0px; }
.selected-filters-box dd { margin-left: 15px; }

.selected-filter-field dt { font-size: 12px; font-weight:bold; }

.toggle-filter-items { margin-top: -8px; }

h4.filter-label { font-weight: bold; font-size: 12px; }

.filter-active a, .range-active { background-color: pink; color:black }

.filter-item input[type=checkbox] { margin-right: 2px; }
.filter-item-link-inactive { color: #999 }
.filter-item-count { font-size: 9px; color: #999; margin-left: 2px; width: 3em; display:inline-block;; }


a.filter-item-exclude-link:link,
a.filter-item-exclude-link:visited,
a.filter-item-exclude-link:hover { display: none; color: #666; text-decoration: underline; }
 
/* do not reveal exclude links on small screens */

.tree-menu li.filter-item:hover > span.filter-item-without-children .filter-item-exclude-link { display: inline-block; }


span.exclude-link-anchor { position: relative }
.filter-item-exclude-link { position: absolute; left: 2px; background-color: #ECECEC; margin-top: -2px; padding: 1px 4px; border-radius: 3px; z-index: 100; }



.filter-selected-active-children { color: #CCC; display: inline-block; }

.filter-list-exclusivechoice-hover .filter-checkmark { display: none; }

.filter-choice-icon-upright         {margin-right: 4px; margin-left: 2px; margin-bottom: -3px;display: inline-block; width: 12px; height: 17px; background: transparent url('../images/rticons.png') no-repeat -291px -143px;}
.filter-choice-icon-spilled         {margin-right: 4px; margin-left: 2px; margin-bottom: -3px;display: inline-block; width: 12px; height: 17px; background: transparent url('../images/rticons.png') no-repeat -209px -143px;}
.filter-choice-icon-certified-fresh {margin-right: 2px; margin-bottom: -3px;display: inline-block; width: 16px; height: 17px; background: transparent url('../images/rt_cert_16x16.png') no-repeat 0px 1px; }
.filter-choice-icon-fresh           {margin-right: 4px; margin-left: 2px; margin-bottom: -3px;display: inline-block; width: 12px; height: 17px; background: transparent url('../images/rticons.png') no-repeat -258px -143px;}
.filter-choice-icon-rotten          {margin-right: 4px; margin-left: 2px; margin-bottom: -3px;display: inline-block; width: 12px; height: 17px; background: transparent url('../images/rticons.png') no-repeat -274px -142px;}

.filter-excluded > span > a.filter-item-link { text-decoration: line-through; }
.filter-item ul { margin-left: 1.1em; display:none; }

.disclosure { display: inline-block; width: 1.1em; color: #999 }
a.disclosure:link { color: #333; text-decoration:none  }
a.disclosure:visited { color: #333; text-decoration:none  }
a.disclosure:hover { color: #333; text-decoration:none  }

.disclosure-nonempty { color: #999 }
.disclosure-empty { color: #ECECEC; }
.disclosure-selected-children { color: red; }

ul.tree-menu {  margin-top: 6px; }

.filter-section { 
  column-count: 4; -webkit-column-count: 4; -moz-column-count: 4; 
  clear: left;
}
.filter-container { 
  padding-bottom: 5px;
  margin-bottom: 5px;
  /* break-inside: avoid; page-break-inside: avoid; -webkit-column-break-inside: avoid;  */
}
.filter-container #filter-list-maturity_rating_level {
  break-inside: auto; page-break-inside: auto; -webkit-column-break-inside: auto;  
}
.filter-container h4 { 
  font-size: 11px;
  margin-bottom: 4px;
  margin-top: 4px;
}
ul.filter-box {  
  margin-right: 4px;
  margin-top: 0px; 
  margin-bottom: 0px;
}
.filter-box label { font-weight: normal; margin: 0; padding: 0 }
.filter-list-maturity_rating_level a { padding-right: 1px }
.filter-list-critics_rating .filter-item-count { width: 2em }



/* new filters */

#filters1 select { font-size: 12px; margin-right: 6px;  }
select.active { border: 1px solid red; }

#language-select { font-size: 10px }
#advanced-search { display: none; }
#title-search-form { 
  clear:both; 
  margin-top:5px;
  padding-top: 5px;
  padding-bottom: 0px;
}

#title-search-form input[name=q] { margin-right: 10px; }
#title-search-search form input[type=submit] { clear:left; }
/* show only in the mobile version; BUT perhaps show, so we gracefully degrade? */
form input.range-box { display: none; } 


.search-filter-description { color: #666; font-size: larger; margin-bottom: 0.7em; font-weight: bold; line-height: 1.2em }

#total-results { margin-top: 0; margin-bottom: 5px; }
#total-results span.search-page-title { font-size: 24px;  }
#total-results span.match-count { margin-right: 5px; margin-left: 5px; font-size: 22px; font-weight: bold; }
#total-results .random-title { float: right; } 
.unified #total-results .random-title { display: none }   /* CHANGEME TODO hide for now */

.search-page-title {}

form#search-form { margin-bottom: 1em; }
#search-form input[name=query] { font-size: larger; width: 15em; }
/* hide radio btns and checkboxes */

.filter-options-table { float: left; margin-bottom: 3px; margin-right: 3px; }
td.filter-label { background-color: #ececec; font-weight: bold; cursor: auto; min-width: 5.5em; }
.filter-options-table td { vertical-align: top; line-height: 1.1em; padding: 0.2em 0.4em; border: 1px dotted #ececec; min-width: 4em; border: 1px solid #666; }
.filter-option:hover { cursor: hand; background-color: #FEAFFE }
.filter-options-table td.search-query-box { border: none }
.filter-selected  { background-color: #F9C6F9; }  

/* #search-form label:hover  { background-color: pink; }  */
.genre-filters { margin: 0.3em 0 }
.genre-filters label { padding: 1px 3px; margin-right: 0.3em; }
.filter-not-available { color: #ECECEC; }
.filter-not-available span.count { color: #ECECEC; }
span.count { font-size: smaller; color: #666; }
span.subcount { float:right; font-size: smaller; color: #666; }
.filter-options select { border: 0; border-radius: 0; -webkit-appearance: none; }



/* Pagination */

#debugging { clear: both; }

.pagination { margin-bottom: 5px; margin-top: 0px; }
.pagination-nav {  clear: left; padding-top: 10px; }
.pagination-stats {  margin-bottom: 10px; }

nav { clear: left }



/* Title list styling */

.search-title { font-size: 20px; }

ul { margin-left: 0; padding-left: 0; list-style-type: none; }

.list-title li { border-bottom: 1px solid #ececec; padding-bottom: 5px; margin-bottom: 5px; clear: left; min-height: 70px; }


a.title-in-list { font-weight: bold; }
.average-rating { font-size: smaller; color: #666; }

.list-title { margin: 0.3em 0 0.5em; clear: left; }

.genres a:link, .genres a:visited, .genres a:hover { color: #2E8299; }
.actors a:link, .actors a:visited, .actors a:hover { color: #6E8399; }
.cast a:link, .cast a:visited, .cast a:hover { color: #6E8399; }
.studio a:link, .studio a:visited, .studio a:hover { color: #6E8399; }
.directors a:link, .directors a:visited, .directors a:hover { color: #6E8399; }
.list-title .actors a { font-size: 13px; }
.list-title .cast a { font-size: 13px; }
.list-title .genres a { font-size: 13px; }
.list-title .directors a { font-size: 13px }
.popover .actors a { font-size: 12px; }
.popover .directors a { font-size: 12px }



.list-title .title-link { font-weight: bold; font-size: bigger; }
.list-title a.title-link:link,
  .list-title a.title-link:visited,
  .list-title a.title-link:hover { color: #111; }

.list-title .year { color: #333; font-size: 12px; }
.list-title .synopsis { color: #333; display: block; }
.list-title .content-type { font-weight: bold; color: #333; font-size: smaller; }
.list-title .studio { color: #f603e2 }
.maturity_rating, .maturity_rating_level { font-weight: bold; color: #333; font-size: smaller; }
.quality { color: #333; font-size: smaller; }
.list-title .average_rating { }
.nyt-critics-pick { color: #B32B2B; font-style:italic; font-size: 13px;  }
.nyt-review-available { font-size: 13px; font-style:italic; }
.popover .year { font-size: 11px }
.popover .nyt-critics-pick { font-size: 11px; }
.popover .nyt-review-available { font-size: 11px; }
table.li-title-container td { vertical-align: top }

.box-synopsis-mode { min-height: 97px }
.iw-boxart { float:left }
.list-title .iw-boxart { margin-top: 4px; margin-right: 10px; margin-bottom: 5px;  }



.li-title-image { padding-top: 4px; width: 90px; }
.li-title-image img { height: 60px; max-width: 80px; float:right; border: 1px solid #CCC }

.episode-count { font-weight: bold; font-size: smaller; color: #999 } 
.queue-count { font-weight: bold; font-size: smaller; color: #999 }
.queue-count-today { font-weight: bold; font-size: smaller; color: #999 }

/* rotten tomatoes */

.rt-score { color: #666; margin-left: 2px; } 
.rt-icon { display: inline-block; width: 12px; height: 17px; } 
.rt-icon-certified-fresh { background: transparent url('../images/rt_cert_16x16.png') no-repeat 0px 1px; width: 16px;  } 
.rt-icon-fresh { background: transparent url('../images/rticons.png') no-repeat -258px -143px; }
.rt-icon-rotten { background: transparent url('../images/rticons.png') no-repeat -274px -142px; }
.rt-icon-upright { background: transparent url('../images/rticons.png') no-repeat -291px -143px; }
.rt-icon-spilled { background: transparent url('../images/rticons.png') no-repeat -209px -143px; }

.license-box { display: inline-block; border: 1px solid #CCC; margin-right: 0.5em; padding: 1px 3px; }
.license-option { display: inline;  margin: 0 2px; }
.license-kind { font-weight: bold }
.license-box-prime { color: rgb(49,124,164); font-style: italic; }
a.license-box:hover { text-decoration:none } 

.list-title .license-box { font-size: smaller; }

li a.play-title-link { 
  color: #999; 
  font-size: smaller; 
  font-weight: bold; 
}
li a.imdb-link { 
  color: rgb(218,191,47  );
  font-size: smaller; 
}


/* visual title boxart mode styling */

.title-boxart-container {
  margin-left: 0px;
  margin-right: -19px;
  clear: both;
}
.title-boxart-group {
  margin-bottom: 3px;
  height: 17px;
  width: 107px;
}
.title-boxart-group-mark {
  font-size: 12px;
  padding: 1px 2px;
  color: white;
  background-color: #2c3641;
  font-weight: bold;
  text-align:left;
}
.title-boxart {
  float: left;
  text-align: center;
  display:block;
}
.netflix .title-boxart {
  height: 196px;
  width: 124px;
}
.title-boxart .title { 
  display:block;
}
.title-boxart .title a.title-link {  
  display: inline-block;
  line-height: 12px;
  margin-top: 2px;
  font-size: 10px;
  color: #333;
  text-decoration: none;
  margin-left: -8px;
  margin-right: 8px;
}



/* TITLE DETAIL */


.title-detail-top  { margin-left: 0px; margin-right: 15px; margin-top: 9px; }
.title-detail-top img.iw-boxart { float: left; margin-top: 7px;  margin-right: 15px; margin-bottom: 15px; }
.netflix .title-detail-top img.iw-boxart { float: left; width: 284px;   margin-right: 15px }
.title-detail-top-info.amazon { margin-top: 10px; }
.outbound-links {
    float:left;
    margin-left: 10px;
    width: 150px;
}
.outbound-links a.action { padding: 2px 2px; font-size: 13px;  }
.outbound-links a {
    display: block;
    margin-bottom: 10px;
    padding: 0;
    text-align: center;
}
.title-detail-top-info .outbound-links { 
    margin-top: 12px; 
    padding: 10px;

}
.title-detail-top-info.amazon .synopsis { 
    padding-top: 15px;
    display: block;
    clear: left
}

dt {
    margin-top: 0.5em;
    margin-bottom: 0.25em;
    background-color: #ECECEC;
    font-weight: bold;
}


iframe.twitter-share-button { vertical-align: bottom }

.title-detail-bottom { margin-top: 14px; }
.title-detail-top-info { font-size: 14px;  }

.title-boxart .title a.title-link {  
  display:inline-block;
  line-height: 12px;
  margin-top: 2px;
  font-size: 10px;
  color: #333;
  text-decoration: none;
  margin-left: -8px;
  margin-right: 8px;
}


.search-nav-links-top { float:right; }
.search-nav-links-top a { display: block; text-align: right; }


.title-detail-top-info .title { font-size: 25px; display: block;  }
.title-detail-top-info .synopsis {  display: block; font-size: 19px; }
.title-detail-top-info .actors {  display: block;  }
.title-detail-top-info .directors {  display: block;  }
.title-detail-top-info .iw-boxart { margin-top: 8px; margin-right: 15px; }

.award-type { color: #222 }
.award-category { color: #222 }
.award-name { color: #222 }
.award-year { color: #222 }
.award-person { color: #222 }


.children-titles { clear: left }
.grandchildren-titles { margin-left: 2em }
.surrounding-titles-box p { clear: both; padding-top: 10px }
.back-to-search-links { margin-bottom: 10px; }
.back-to-search-links h4 { display: inline-block; margin-bottom: 0 }
.back-to-search-links a { margin-left: 10px; font-weight: bold; }
.surrounding-titles-box { clear: left; padding-top: 20px; }
.surrounding-titles img { margin-right: 10px }
.surrounding-titles img { }
.surrounding-titles .current-title img { opacity: 0.3; filter: alpha(opacity=30); }


.title-detail {}

.title-action-links a { display: block; margin: 0.7em 0; }
.title-detail dl { margin-bottom: 1em; }

dl.nyt-review dt { margin-bottom: 10px; }
.nyt-review dd img { float: left; margin-right: 10px; margin-bottom: 15px; }
.nyt-review dd .nyt-headline { font-weight: bold } 

.title-detail .rt-reviews { clear: left;  }
.title-detail .rt-reviews .rt-score { font-size: 16px; font-weight: bold; width: 80px; height: 24px; }
.title-detail .rt-reviews .rt-icon { display: inline-block; width: 27px; height: 24px; } 

.title-detail .rt-reviews .rt-icon-certified-fresh { background: transparent url('../images/rticons.png') no-repeat -286px -73px; }
.title-detail .rt-reviews .rt-icon-fresh { background: transparent url('../images/rticons.png') no-repeat -284px -49px; }
.title-detail .rt-reviews .rt-icon-rotten { background: transparent url('../images/rticons.png') no-repeat -284px -96px; }
.title-detail .rt-reviews .rt-icon-upright { background: transparent url('../images/rticons.png') no-repeat -284px -24px; }
.title-detail .rt-reviews .rt-icon-spilled { background: transparent url('../images/rticons.png') no-repeat -287px -119px; }

.episode-title { font-weight: bold }

.rt-reviews-col { width: 50%; float: left }
.rt-reviews .rt-review { margin-top: 20px;  }
.rt-review .rt-icon { float: left; margin-right: 10px; margin-bottom: -15px;}
.rt-review p { padding-left: 36px; }
.rt-review .rt-icon-fresh { background: transparent url('../images/rticons.png') no-repeat -284px -49px; }
.rt-review .rt-icon-rotten { background: transparent url('../images/rticons.png') no-repeat -284px -96px; }
.rt-review .review-publication  { font-style: italic; }

.rt-url { clear: left }


/*------------------------------------------------------------------------*/
/* svg range diagrams */

/* holds all the svgs in a row */
.ranges { clear:left; margin-top: 10px; }

.svg-range-box { height: 100px; float:left; }
.svg-range-box input { margin-right: 15px; margin-bottom: -5px; margin-top: 5px; font-size: 12px; border: none }
.svg-range-box input[type=text] { font-size: 10px; }
.svg-range-box label { font-size: 12px; font-weight: bold; }
.range-value { font-size: 12px;  }

rect {
  fill: #EDEDED;
}
rect.selected { 
  fill: #777;
}

.axis path, .axis line { fill: none; stroke: #ccc; shape-rendering: crispEdges; }
.y-axis path { fill: none; stroke: none; }
.axis text { font-family: sans-serif; font-size: 9px; }

input.range-go { border: 1px solid #ccc; font-weight: bold; font-size: 13px; margin-top: 1px; border-radius: 2px; display:none; }

input.range-go { margin-left: 46px; }


/*------------------------------------------------------------------------ */



/* about page */

.endorsements li {
    font-style: italic;
    font-family: Georgia,"Times New Roman",serif;
    margin-bottom: 1em;
    margin-left: 0px;
}


/* AMAZON -- maybe move to different css file */

.amazon .top-nav { 
  background-color: #7DB632; 
}
.unified .top-nav {
  background-color: #6600CC;
}

/* amzn paid options */
ul.pay-options { display: inline; font-size: 0.9em; }
ul.pay-options li { display: inline; }
.popover .pay-option .action { display: inline; }
.popover .pay-option .webpage { display: inline; }

.pay-option-license { font-weight: bold; }
.pay-option-price { text-align:right; }
.prime-option { font-size: 0.9em; }
.prime-option, .paid-or-prime {
    font-style: italic;
    font-weight: bold;
    color: white;
    background-color: rgb(49,124,164); 
    padding: 0px 4px;
}
.paid-or-prime { font-size: 0.7em }
.paid-or-prime.paid { font-style: normal }

/* trending title content */

.popover .pay-option { font-size: 9px }
.new-today { font-size: 12px; font-style: italic; color: red; }

.noteworthy table.pay-option { margin-left:3px; font-size: 10px }
.title-detail-top-info table.pay-option { float:none; margin-top: 8px; font-size: 14px; }
.title-featured table.pay-option { float:none; margin-top: 0px; }




a.amzn-banner { clear: left; display: block; margin-bottom: 1em; }

/* amazon title boxart varies on dimensions, so we box it */
.amzn-small-boxart {
  display: inline-block;
  height: 92px;
  min-width: 68px;
  float: left;
  margin-right: 10px; margin-bottom: 10px;
  text-align:center;
  border: 1px solid #CCC;
  overflow:hidden;
  margin-top: 2px;
}
.popover .pay-option-price a.action { font-size: 10px }
.popover .pay-option-license a.action { font-size: 10px }

.popover .amzn-small-boxart { 
  border: none;
  height: auto;
  width: auto;
  margin-top: 2px;
  margin-bottom: 5px;
}
.amazon .title-boxart {
  width: 175px;
  height: 155px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.amazon .title-detail-top img.iw-boxart { 
  float: right;  
  margin-left: 15px;
  margin-right: -15px;
}

/* do not enforce uniform width for homepage noteworthy section */
.noteworthy .amzn-small-boxart {
  width: auto;
  border: none;
}
.amzn-small-boxart img {
  margin: 0 auto;
  float: none;
  max-height: 90px;
}


.ads-blocked-message {
  padding: 15px 15px 0 ;
}

.list-title .title-link-external { font-weight: bold; font-size: bigger; color: #333; }  
.netflix .homepage-section .list-title .iw-boxart-external {
    width: 100px;
    max-height: 100px;
}
.list-title .nf-genres {  font-size: small; color: #657383; } 

.unified .amzn-title a.action:link, 
.unified .amzn-title a.action:visited {
  background-color: #7DB632;
  color: white;
}
.unified .netflix-title a.action:link, 
.unified .netflix-title a.action:visited {
  background-color: #E84949;
  color: white;
}
.unified .netflix-title a.action:hover, 
.unified .amzn-title a.action:hover {
  background-color: #666;
}


.imdb-logo-small {
  background: #fff  url(/images/amzn-sprite.png);
  background-position: -140px -211px;
  display: inline-block;
  height: 18px;
  text-indent: -9999em;
  vertical-align: baseline;
  width: 32px;
}