/*_videos.scss*/
#videos {
	padding:20px 0;
}

.videos a {
  color: #224a9a;
}

.videos a:hover {
  color: #4176a6;
}

.nav-box-container {
  padding: 0;
}

#nav-box {
  padding: 12px 15px 15px;
  background-color: #f8f8f8;
  min-width: 235px;
  z-index:9;
  position:relative;
}

#nav-box li a {
  display: block;
  width: 100%;
  padding: 7px 16px;
}

#nav-box li .selected_element {
  display: block;
  width: 100%;
  padding: 7px 15px;
  font-weight: bold;
}

#nav-box li a:hover,
#nav-box li a.selected {
  background-color: #eceff1;
  color: #224a9a;
}

#nav-box li a.selected {
  background-color: #dee2e4;
}

.nav-box-group {
  border-top: 1px solid #dee2e4;
  padding-bottom: 10px;
}

.nav-box-group.first {
  border-top: none;
}

.nav-box-group h4 {
  text-transform: uppercase;
  color: #949494;
  font-size: 12px;
  padding-top: 17px;
  margin-bottom: 5px;
}

.nav-box-group .fa-certificate, .breadcrumb .fa-certificate, .filter_item .fa-certificate,
.nav-box-group .fa-star-o, .breadcrumb .fa-star-o, .filter_item .fa-star-o,
.nav-box-group .fa-star, .filter_item .fa-star, .breadcrumb .fa-star  {
  color: #e5bb33;
}

.nav-box-group .fa-check, .breadcrumb .fa-check, .filter_item .fa-check {
  color: #a7b66c;
}
.nav-box-group .fa-caret-square-o-right,
.breadcrumb .fa-caret-square-o-right,
.filter_item .fa-caret-square-o-right {
  color: #6c0098;
}

.nav-box-group .fa-arrow-circle-o-down,
.breadcrumb .fa-arrow-circle-o-down,
.filter_item .fa-arrow-circle-o-down {
  color: #808080;
}

.nav-box-group .fa-pencil,
.properties-nav .fa, .breadcrumb .fa-pencil,
.filter_item .fa-pencil {
  color: #a2b1ba;
}

.nav-box-group .fa-clock-o, .breadcrumb .fa-clock-o, .filter_item .fa-clock-o {
  color: #4377A4;
}

.nav-box-group .fa-clock-o.unwatched, .breadcrumb .fa-clock-o.unwatched, .filter_item .fa-clock-o.unwatched {
  color: #f6822b;
}
.nav-box-group .fa-th-large, .breadcrumb .fa-th-large {
  color: #f6822b;
}
.nav-box-group .fa-heart-o, .filter_item .fa-heart-o,
.nav-box-group .fa-graduation-cap, .breadcrumb .fa-graduation-cap, .filter_item .fa-graduation-cap {
	color: #F44;
}
.nav-box-group .fa-copyright, .filter_item .fa-copyright {
	color: #2f5b8d;
}
.nav-box-group li a .icon_placeholder {
	margin: 0 0.5em;
}

#videos-top h2 {
  float:left;
  display: inline-block;
  color: #f6822b;
  font-size: 18px;
  font-weight: 400;
  min-width: 175px;
  padding-top: 5px;
  margin-bottom: 0px;
}
#videos-top h2 .vid_label {
	text-transform: uppercase;
}

#videos-top .video-search {
  width: 40%;
  min-width: 220px;
  float: right;
}

#orderby_bar {
  margin-top: 15px;
  border-top: 1px solid #dee2e4;
  border-bottom: 1px solid #dee2e4;
  color: #a2b1ba;
  clear: both;
}

#orderby_bar a {
  display: inline;
  display: inline-block;
  padding: 15px 11px;
  border-bottom: solid 4px #fff;
  min-width: 70px;
  margin: 0 5px;
  text-align: center;
}

#orderby_bar a.selected,
#orderby_bar a.selected:hover,
#orderby_bar a:hover {
  border-bottom: solid 4px #4176a6;
  color: #224a9a;
}

#pg {
  padding: 9px 15px;
  background-color: #f8f8f8;
  overflow: auto;
  font-size: 12px;
  color: #a2b1ba;
  margin-bottom: 20px;
}

#pg .label {
  float: left;
  padding-top: 7px;
  white-space: nowrap;
}

.pager-controls {
  float: right;
}

.pager-controls .btn {
  padding: 3px 15px;
}

#video-items .item {
  margin-top: 30px;
}

.vid-left {
 	padding:0;
}
.vid-left figure {
	margin:0;
	height: auto;
	padding: 0px;
	margin: 0px;
	position: relative;
}

.vid-left figure img.thumb, .vid-left figure video {
  border: 2px solid #fff;
  width:100%;
  height:auto;
}
.vid-left .video_badges {
	position: absolute;
	z-index: 5;
	bottom:5px;
	left:7px;
}
.vid-left img.utoob_indicator,.vid-left img.scribe_badge {
	width: 16px;
	height: 16px;
	border:0;
	display: inline-block;
}
.vid-left img.speak_badge {
	width: 44px;
}

.vid-left figure:hover img.thumb, .vid-left figure:hover video {
  border: 2px solid #f6822b;
  background: #fff !important;
}

.vid-left .mask {
  position: relative;
  width:auto;
  height:70px;
  margin: -75px 3px 0 3px;
}

.vid-left .duration-indicator {
  position: absolute;

  right: 9px;
  bottom:7px;
  color: #fff !important;
  font-size: 12px;
}

.vid-left .new-video {
  position: absolute;
  height: 30px;
  width: 30px;
  left: 0px;
  top:0px;
  background-image: url(/images/star.png);
  background-size: 30px;
  z-index: 5;
}
.vid-left .video-watched {
	position: absolute;
	left:3px;
	top:10px;
	padding:2px 6px 1px;
	background-color: #4377A4;
	font-size: 10px;
	color:#fff;
	border-radius: 0 4px 4px 0;
	z-index: 5;
}

.vid-right h3 {
  font-size: 16px;
}



.video-properties {
  margin: 8px 0;
  font-weight: 600;
  font-size: 12px;
}

.video-properties p {
  display: inline;
  margin-right: 9px;
  font-size: 12px;
}

.video-properties .label {
  font-weight: 400;
  color: #a2b1ba;
}

.vocab.btn,
.scribe.btn {
  background-color: #a7b66c;
  color: #fff;
  margin: 5px 2px 5px 2px;
	padding: 6px 8px;
  width: 97%;
}
.vocab.btn.vocab_scribe_available,
.scribe.btn.vocab_scribe_available {
  width: 47%;
}
.vocab.btn:hover {
  background-color: #98A563;
  color:#fff;
}
.scribe.btn {
	float: right;
	background-color: #4176a6;
}
.scribe.btn:hover {
	background-color: #38638a;
  color:#fff;
}
.scribe.btn.no_vocabulary {
	width: 98%;
}

.properties-nav {
  margin: 25px 0 0;
  background-color: #f8f8f8;
  border-bottom: 4px solid #dee2e4;
}

.properties-nav li {
  display: inline;
}

.properties-nav li a {
  display: inline;
  display: inline-block;
  padding: 10px 8px;
  border-right: 1px solid #dee2e4;
}

.properties-nav li:last-child a {
  border: none;
}

#pager-bottom {
  margin-top: 32px;
  text-align: center;
}

#pager-bottom span,
#pager-bottom .pg_link,
#pager-bottom span.disabled:hover {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  padding: 9px 12px;
  border: 1px solid #fff;
  margin: 5px;
  height: 35px;
}

#pager-bottom .btn.subnav {
  padding: 8px 15px;
  height: 36px;
  margin-top: -2px;
}

#pager-bottom .pg_link:hover,
#pager-bottom .btn.subnav {
  border: 1px solid #dee2e4;
}

#pager-bottom span a {
  color: #989898;
}

#pager-bottom span.selected {
  background-color: #6993B2;
  color: #fff;
}

.breadcrumb_sep {
	color:#999;

}
#search_container {

	float:right;
	width:320px;
	padding-top:4px;
}

ul#search_autosuggest_lessons {
	position: absolute;
	background-color: #fff;
	border:1px solid #ddd;
	box-shadow: 0 2px 3px rgba(0,0,0,.2);
	z-index: 100;
	/* margin-right: 4rem; */
}

ul#search_autosuggest {
	position: absolute;
	background-color: #fff;
	border:1px solid #ddd;
	box-shadow: 0 2px 3px rgba(0,0,0,.2);
	z-index: 8;
	margin-right: 4rem;
}
.video-title
{
	cursor: pointer;
}
#search_autosuggest_lessons li
{
	padding:2px 4px;
	text-align: left;
	min-width: min(100%, 150px);
	line-height: 20px;
	font-size: 14px;
}

#search_autosuggest li {
	padding:2px 4px;
	text-align: left;
	min-width: min(100%, 100px);
	line-height: 20px;
	font-size: 14px;
}
#search_autosuggest_lessons li.priority_50,
#search_autosuggest li.priority_50 {
	color:#111;
}
#search_autosuggest_lessons li.priority_40,
#search_autosuggest li.priority_40 {
	color:#333;
}
#search_autosuggest_lessons li.priority_30, #search_autosuggest_lessons li.priority_20 , #search_autosuggest_lessons li.priority_10,
#search_autosuggest li.priority_30, #search_autosuggest li.priority_20 , #search_autosuggest li.priority_10  {
	color:#666;
}
#search_autosuggest_lessons li .rest
{
	font-weight: normal;
}
#search_autosuggest li .rest {
	font-weight: bold;
}
#search_autosuggest_lessons li .type,
#search_autosuggest li .type {
	margin-left: 30px;
	float:right;
	display: none;
}
#search_autosuggest_lessons li.active,
#search_autosuggest li.active {
	background-color: #eee;
}

label.overlabel {
  position:absolute;
  top:3px;
  left:5px;
  z-index:1;
  color:#999;
}

ul,li {
margin:0;
padding:0;

}

ul ul {
padding-left:10px;
}
img.thumb {
border:1px solid #CCC;
padding:1px;
}
a img.thumb:hover {
	background-color:#FF9900;
}

#ed_head {
padding: 0px 0;
}
#ed_body {
position:relative;

}
div#ed_left {
width:210px;
backgound-color:none;
}
.nav_group_head {
font-size:13px;
padding:0px 1em;
line-height: 32px;
color:#FFF;
border-bottom: 1px solid #ccc;
}
.nav_group_head_first {
-webkit-border-top-left-radius:7px;
-webkit-border-top-right-radius:7px;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
border-radius: 7px 7px 0 0;
}

#item_nav_top {

}
#item_nav_bottom {
text-align:center;
}
.item table {
margin:0;
padding:0;
}

.item {
padding-bottom:1em;
position: relative;
}
.item .f_left {
text-align:center;
height:1%;
padding-bottom: 3px;
}
.duration_indicator {
	background-color: #111;
	color:#ccc;
	position: absolute;
	bottom:3px;
	right:3px;
	padding:2px 4px;
	font-size: 11px;
}
.item .hack {
clear: both;
}
.item h3 {
margin:0 0 4px 0;
padding:0;
font-size:16px;
}

.toggle-nav {
	display: block;
	position:absolute;
	padding:2px 8px 2px 18px;
	z-index: 99;
	cursor:pointer;
	background-color: #fff;
}
.toggle-nav label {
	padding:10px 0 0px 2px;
	vertical-align: top;
	display: none;

}
.flyout .toggle-nav {
	background-color: #f8f8f8;
}

.toggle-nav.clicked {
	color: #fff !important;
}
.toggle-nav.is-fixed {
	position: fixed;
	top:0px;
	left:0px;
	border:1px solid #ddd;
	box-shadow: 0 1px 1px rgba(0,0,0,.2);
}
.toggle-nav.is-fixed label {
	display: inline-block;
}
#nav-box-dimmer {
	position:fixed;
	height: 100%;
	width: 100%;
	background: #000;
	top:0;
	left:0;
	z-index:2;
	opacity:.55;
	display:none;
	cursor: pointer;
}

@media only screen and (min-width: 992px) {
	.toggle-nav { display:none; }
	#nav-box { display:block !important; }
}

@media only screen and (max-width: 992px) {
	.item h3 { margin-top: 10px; }
	#videos-top h2,
	#orderby_bar span {
		display:none;
	}
	#nav-box {
		display:none;
		margin-left:0px;

	}
	#videos-top .video-search { width:70%; margin-left: 3rem; }
	#orderby_bar { text-align:center; }
	#orderby_bar a {
		min-width:0px;
		padding:15px 0px;
		font-size: 12px;
	}
}

#search_autosuggest { margin-left:3rem; }

@media only screen and (max-width: 420px) {
	#search_autosuggest { margin-left: 0px; }
}

.videos a.show_series, .description a.show_series {
	font-size: 12px;
	font-weight: 400;
	color: #dc7a0e;
	margin-left: 4px;
}
.videos a.show_series:hover, .description a.show_series:hover  {
	text-decoration: none;
	color: #ac5a00;
}
.item h3 a:hover {
text-decoration:underline;
}
.item .video_properties {
	padding-bottom: 3px;
}
.item .video_properties .label {
	font-size: 13px;
}
@keyframes highlightborder {
	from {
    	border-color: #c60;
	}

	to {
		border-color: #fff;
	}
}
.item .video_thumb.pulse_assignment img {
/*	animation-duration: 1.0s;
	animation-name: highlightborder;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	border: 2px solid #f90;*/
}
@keyframes pulsebg {
	from {
    	background-color: #84a059;
	}

	to {
		background-color: #b7c67c;
	}
}
.item .pulse_vocab {
/*	animation-duration: 1.0s;
	animation-name: pulsebg;
	animation-iteration-count: infinite;
	animation-direction: alternate;*/
}

.teacher_assign, .student_assign {
margin-top:5px;
font-weight:bold;
background-color:#F8F8F8;
border:1px solid #DDDDDD;
font-size: 15px;

}
.teacher_assign table td {
	padding:4px;
}
.teacher_assign th {
	padding:4px;
	text-transform: uppercase;
	color:#999;
	font-size: 13px;
}
.student_assign {
	margin-top: 5px;
}
.student_assign table {
	width: 100%;
	padding:0;
}
.student_assign table td,.student_assign table th {
	vertical-align: bottom;
	padding:3px 5px 6px 7px;
}
.student_assign table th {
	text-transform: uppercase;
	color:#888;
	font-weight: normal;
	font-size: 11px;
}
.student_assign tr.complete {
	background-color: #cfc;
}
.assign_points, .assign_goal {
	font-size:18px;
}
.teacher_assign .label, .student_assign .label {
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
	color: #777;
}
.teacher_assign table {
	width:100%;
	font-size: 14px;
}
.teacher_assign .da {
	text-align:right;
}
.teacher_assign a.delete_assign {
	font-size:70%;
	color:#a00;
	padding:2px 4px;
	white-space: nowrap;
}
.teacher_assign a.delete_assign:hover {
	color:#fff;
	background-color: #a00;
	text-decoration:none;
}
.teacher_assign a.edit_assign {
	font-size:70%;
	padding:2px 4px;
}
.teacher_assign a.edit_assign:hover {
	color:#fff;
	background-color: #224a9a;
}

a.like_video, a.dislike_video {
	display: inline-block;
	height:22px;
	border:1px solid transparent;
	color:#333;
	opacity: .7;
	font-size:11px;
	line-height: 22px;
	padding:0 4px;
	border-radius: 3px;
}
a.like_video:hover, a.dislike_video:hover {
	background-color: #ddd;
	opacity: 1;
	border:1px solid #bbb;
	text-decoration: none;
}
img.vote {
	width:16px;
	height:20px;
	vertical-align: bottom;
}
.like_video.active {
	color:#060;
}
.like_video .liked_text {
	display: none;
}
.like_video.active .like_text {
	display: none;
}
.like_video.active .liked_text {
	display: inline;
}
.like_video img.vote,
.like_counts img.vote.up {
	background-position: -16px 0px;
}
.dislike_video img.vote,
.like_counts img.vote.down {
	background-position: -48px 0px;
}
.like_video.active img.vote {
	background-position: 0px 0px;
}
.dislike_video.active img.vote {
	background-position: -32px 0px;
}

#assign_form {
display:none;

}
#assign_form li {
	padding:1em 0 0 1em;
}
#assign_form input.date {
	width:115px;
}
#assign_form .cancel {
	margin-left:2em;
	font-size:75%;
	color:#888;
}
#assign_form span.date {
	margin-left:-21px;
	width:14px;
	height:14px;
	vertical-align:middle;
}
#assign_form span.img {
	width:14px;
	height:14px;
	vertical-align:middle;
}
#assign_form input.error {
	border:2px solid #a00;
	background-color:#fdd;
}
#assign_form .error {
color:#800;
background-color:#fdd;
}
#assign_form .error h4 {
margin-bottom:.4em;
}
#assign_form .error a {
font-weight:bold;
}
#assign_form .inner {
	padding: .4em 1em;
}

#assign_form input, #assign_form select{
font-size:90%;
}
.blue_rule {
margin-bottom:4px;
padding-top:4px;
border-bottom:2px solid #AAA;
clear:both;
}
.orange_rule {
margin-bottom:4px;
padding-top:4px;
border-bottom:2px solid #FF9900;
clear:both;
}
.grey_rule {
margin-bottom:14px;
padding-top:14px;
border-bottom:1px solid #EEE;
clear:both;
}
.pager {
height:1%;
font-size:13px;
}
.pager .disabled {
color:#AAA;
}
.pager .selected {
font-weight:bold;
}

.pager a:hover {
text-decoration:underline;
}
.pager .seper {
color:#CCC;
margin:0 2px;
}

.pager_large {
font-size: 17px;
}
.pager_large span, .pager_large a {
	text-align: center;
	display: inline-block;
	line-height: 40px;
	height:40px;
	background-color: #ccc;
	min-width: 24px;
	padding:0 8px;
	margin-right:4px;
	border-radius: 8px;
	color:#666;
}
.pager_large span {

}
.pager_large a {

}
.pager_large a.next, .pager_large a.prev {
	background-color: #0046C2;
	color:#fff;
}
.pager_large .next.disabled, .pager_large .prev.disabled {
	color: #9c9c9c;
}
.pager_large a:hover, .pager_large .selected {
	text-decoration: none;
	color:#eee;
	background-color: #0046C2;
}
.pager_large .selected  {
	font-weight: bold;
}
.pager_large .disabled {

}
.pager_large .ellipsis {
	display: inline-block;
	border:0;
	background-color: transparent;
	color:#777;
}

.pager_large .seper {
	color:#CCC;
	display:none;
}

.vocab_complete_indicator {
	background-color: #070;
	border-radius: 8px;
	/*position:absolute;*/
	display: inline-block;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	color:#fff;
	padding:0 4px;
	right:0px;
	top: 90px;
}
.lesson_container {

}
.li_odd {

}
.li_even {

}

.share_box {
margin:0 .5em;
padding:.3em;
background-color:#F3F3F3;
border: 1px solid #CCC;
}
.share_box h5 {
color:#888;
text-align:center;
}
.share_box label {
display:block;
margin:.6em 0 .2em 0;
color:#888;
}
.share_box input {
border:1px solid #AAA;
width:100%;
}
.description {
	max-height: 5000em; /* chrome android hack */
	padding-right:10px;
}
.m_note {
	width:16px;
	height: 16px;
	vertical-align: text-bottom;
}
.description .ap_themes,
.description .like_counts,
.description .bookmark_count {
	font-style: italic;
	padding: 20px 0;
}
.description_text p {
	line-height: 1.35;
}
.description_text p a {
	color: #3344DD;
	text-decoration: underline;
}
 .description_text p a:hover {
 	color: #00c;
 	text-decoration: underline;
 }
.buy_music_links {
	padding: 7px 0;
	font-size:80%;

}
.buy_music_links img{
	vertical-align:text-top;
}
.properties {
	background-color:#F3F5FC;
	font-size:90%;
	height:26px;
	margin-top:5px;
}

@media all and (-webkit-min-device-pixel-ratio: 2) {
	.new_image {
		background-size:44px 37px;
	}
}

.star .starred, .star_active .unstarred  {
	display:none;
}
.star .unstarred, .star_active .starred {
	display:inline;
}
.star_active .starred i {
	color:#e5bb33;
}

.properties a.active {
background-color:#C2CFF1;

}

.message_container {
	line-height:160%;
}

img.fav_star {
	width:14px;
	height:14px;
}
img.fav_star_unsel {
		width:14px;
		height:14px;
}
.viewer_discretion {
color: #A00;
font-weight:bold;
}

#lang_status {
	color:#555;
	margin-bottom:.2em;
}
#lang_status span{
	font-size:13px;
	margin-left: 6px;
}
#itunes_links {
	clear:both;
	padding:8px 10px;
	margin-top: -10px;
	border-bottom: 1px solid #eee;
	margin-bottom: 17px;

}
#itunes_links img {
	vertical-align: middle;
	width:32px;
	height: 32px;
}
#itunes_links a {
	padding: 4px 6px;
	font-size:130%;
}
#itunes_links .instructions {
	display:none;
	font-size:115%;
	clear:both;
	padding:1em;
}
#itunes_links .instructions em {
	background-color:#FFC;
}

span.search_match {
	font-weight: bold;
}
.video_properties .search_match {
	background-color: #FFA;
}
.lang_from_tag {
	font-weight: bold;
}
.sub_accent_tag {
	font-weight: normal;
	font-size:14px;
	margin-left: 5px;
}
.caption_search_matches {
	padding:3px;
}
.caption_search_matches .match_head {
	color:#888;
	font-size:80%;
	padding: 10px 0 6px 15px;

}
.caption_search_matches div.search_match {
	padding:4px 0 4px 25px;

	font-size:90%;
}
.caption_search_matches div.search_match.zh_CN {
	font-size: 16px;
}
.caption_search_matches div.search_match.zh_CN .search_match {
	font-weight: normal;
	background-color: yellow;
}
#recommended_media {

	padding:0px 0 10px;
	margin-bottom:20px;
	border:1px solid #dee2e4;
}
#recommended_media h3 {
	background-color:#F3F5FC;
	border-bottom:1px solid #C2CFF1;
	padding:10px;
	margin-bottom: 10px;
}
#recommended_media h3 a{
	color:#333;
}

div.rec_item {
	min-width:140px;
	width: 20%;
	margin:0 2%;
	display:inline-block;
	vertical-align: top;
}
.rec_difficulty {
	font-size: 12px;
	font-weight: bold;
	margin:7px 0;
}


.flyout {
	position:fixed;
	left: 0px;
	top: 0px;
	bottom: 0px;
	z-index: 9;
}

.flyout #nav-box {
	position: absolute;
	height: 100%;
	top: 0px;
	bottom: 44px;
	overflow-y: scroll;
	padding-top:35px;

}

.points_detail tfoot tr:last-child td:first-child {
	padding-top: 10px;
}

@media (max-width:770px) {
	div.rec_item { margin-top:10px; }
}

@media (max-width:640px) {
	#recommended_media { text-align: center; }
}

@media (min-width: 992px) {
	.vid-left img.thumb {
		min-height: 101px;
	}
}
@media (min-width: 1200px) {
	.vid-left img.thumb, .vid-left video {
		min-height: 122px;
	}
}

#manage_custom_library {
	text-align: center;
	padding: 0 0 20px 0;
	font-weight: bold;
}

#toggle_custom_library_student_view {
	margin:0 0 0 20px;
}
.custom_library_change {
	position: absolute;
	top:0;
	right:0;
}
.custom_library_change_message {
	position: absolute;
	top:0;
	right:0;
	color:red;
	font-weight: bold;
}
.score_mini_indicator {
	margin-right: 10px;
}
.program_hero {
	position: relative;
	height: auto;
	background-color: #000;
	color:#fff;
	padding: 0 0 64px 0;
	min-height: 288px;
}
.program_hero.no_poster {
	background: unset;
	height: unset;
	color: #000;
	margin-bottom: 2em;
}
.program_hero .hero_img {
	width:512px;
	position: absolute;
	top:0px;
	left:0px;
}
@media (max-width: 990px)  {
	.program_hero .hero_img {
		width: 100%;
		height: 100%;
	}	
	.program_hero .program_info, 
	.program_hero .program_title, 
	.program_hero .episode_selector  {
		margin-left: 5% !important;
	}
	.program_hero .fade_mask {
		background: linear-gradient(to right, rgba(0,0,0,0),rgba(0,0,0,0.75) 60%) !important;
	}
}
.program_hero .img_fade_mask {
	width: 512px;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	background: linear-gradient(to right, rgba(0,0,0,0),rgba(0,0,0,.3) 60%,rgba(0,0,0,1) 100%);
	display: none;
}
.program_hero .fade_mask {
	position: absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background: linear-gradient(to right, rgba(0,0,0,0),rgba(0,0,0,1) 60%);
}
.program_hero.no_poster .hero_img, .program_hero.no_poster .img_fade_mask, .program_hero.no_poster .fade_mask {
	display: none;
}

.program_hero .program_info, .program_hero .program_title, .program_hero .episode_selector  {
	margin-left: 40%;
	position: relative;
	max-width: 600px;
}

.program_hero.no_poster .program_info,
.program_hero.no_poster .program_title,
.program_hero.no_poster .episode_selector {
	margin-left: unset;
	max-width: unset;
}
.program_hero .program_title {
	font-size:33px;
	text-shadow: 0px 0px 1px rgba(0,0,0,1);
	padding-top: 10px;
	margin-bottom: 5px;
}
.program_hero.no_poster .program_title {
	text-shadow: none;
	color: #224a9a;
	margin: 1em 0 0.5em;
}
.program_hero .info_row {
	margin-bottom: 10px;
	color:#ccc;
}
.program_hero.no_poster .info_row {
	color: inherit;
}
.program_hero .info_row > div {
	display: inline-block;
	margin-right: 20px;
}
.program_hero .program_info {
	padding-right: 10px;
}
.program_hero .program_description {
	padding-right: 10px;
}
.program_hero .program_description p {
	font-size:15px;
	line-height: 25px;
}
.program_hero .episode_selector {
	position: absolute;
	bottom:20px;
	color:#000;
}
.program_hero.no_poster .episode_selector {
	position: relative;
	bottom: unset;
}

.version_button {
    text-align: center;
    font-size: 12px;
    position: fixed;
    line-height: 14px;
    bottom: 0px;
    padding: 5px 9px;
    color: rgb(255, 255, 255);
    background-color: rgb(246, 130, 43);
    right: 16px;
    border-radius: 5px 5px 0px 0px;
    z-index: 10;
    cursor: pointer;
}