/**
 * (C) 2008 Anime News Network
 * file: video.css
 * desc: Video CSS (Standard Theme)
 */
 
#maincontent {
	padding: 0px;
}
#video-container {
	background: #fff url(/images/system/video_bg_cf.png) repeat-x;
	min-height: 545px;
}
#video-header {
	padding: 14px 10px 0px 10px;
}
#video-header h1, #video-header h4 {
	color: #fff;
	margin: 0;
}
#video-header h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#video-header h1 iframe {
	position:relative;
	top:3px;
	border:none;
	overflow:hidden;
	width:130px;
	height:21px;
}
#video-header h4 {
	color: #6cc;
	font-weight: normal;
	font-size: 14px;
}
#video-actions {
    float: right;
    margin-top: 10px;
    display: none;
}
#video-actions img {
    vertical-align: bottom;
}
#video-quality {
    color: #fff;
    font: bold 18px Arial;
    line-height: 26px;
}
#video-quality a {
    color: #bbb;
    text-decoration: none;
}
#video-quality a:hover {
    color: #fff;
    text-decoration: underline;
}
#video-player-and-playlist {
	margin: 10px;
}
#video-player-container {
	background: #000;
	float: left;
	margin-right: 10px;
	padding: 10px;
}
#video-player-area {
	background: #333;
	height: 360px;
	width: 480px;
}
#splash-image {
  background: white url(/video/background.player.png) no-repeat;
  height: 360px;
  width: 480px;
  text-align: center;
}
#splash-image img {
  background: transparent url(/images/system/video_play.png) no-repeat 50% 50%;
  height: 360px;
  width: 480px;
}
#flash-required-message {
  padding: 10px;
  color: white;
  text-align: center;
  display: table-cell;
  vertical-align:middle;
  width: 480px;
  height: 360px;
}
#flash-required-message a {
  color: inherit;
}
#video-companion-ad {
  overflow: auto;
}
  #video-companion-ad table {
    margin: 0 auto;
    height: 380px;
  }
    #video-companion-ad td {
      text-align: center;
      vertical-align: middle;
    }
#video-playlist {
	background: #fff;
	border: 2px solid #fff;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 376px;
	overflow: auto;
	width: auto;
}
#video-playlist #synopsis {
	background: #f7f7f7;
	padding: 5px;
}
#video-playlist #synopsis a:link, #video-playlist #synopsis a:visited {
	border-bottom: 1px dotted #036;
	text-decoration: none;
}
#video-playlist h4 {
	color: #666;
	font-size: 12px;
	margin: 0px;
}
#video-playlist .thumbnail img {
  border: 1px solid #666;
  float: left;
}
#video-playlist .thumbnail {
  float: left;
  margin-right: 5px;
}
#video-playlist .segmentctrl {
  float: left;
  margin: 1px 0px 0px -126px;
  width: 120px;
  height: 90px;
}
#video-playlist .segmentctrl th {
  vertical-align: center;
  padding: 0;
}
#video-playlist .segmentctrl th div {
  background: url(/images/system/video_thumb_overlay.png);
  visibility: hidden;
  height: 71px;
}
#video-playlist .active.hover .segmentctrl th div,
#video-playlist .active:hover .segmentctrl th div {
  visibility: visible;
}
#video-playlist .segmentctrl td  {
  background: url(/images/system/shading.png);
  text-align: center;
  height: 19px;
}
#video-playlist .details {
	min-height: 45px;
	line-height: 1.2em;
}
#video-playlist .row {
	padding: 5px;
	overflow: auto;
}
#video-playlist .odd {
	background: #fff;
}
#video-playlist .even {
	background: #f7f7f7;
}
#video-playlist .active {
	background: #ffc;
	font-size: 11px;
	min-height: 90px;
}
#video-playlist .odd h4, #video-playlist .even h4 {
	font-weight: normal
}
#video-playlist .active h4 {
	font-weight: bold
}
#video-playlist .active select, #video-playlist .active input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#video-carousel {
	border: 1px solid #ccc;
	height: 160px;
	margin: 0px;
	overflow: hidden;
	padding: 8px 0px;
	width: auto;
}
#video-carousel-ctrl-left, #video-carousel-ctrl-right {
	background: #ddd;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	width: 22px; height: 178px;
	line-height: 178px;
	text-align: center;
}
#video-carousel-ctrl-left {
	border-right: 2px solid #d2d2d2;
	float: left;
	clear: both;
}
#video-carousel-ctrl-right {
	border-left: 2px solid #d2d2d2;
	float: right;
}
#video-carousel-ctrl-left:hover, #video-carousel-ctrl-right:hover {
	border-color: #b0b0b0;
	background: #bbb;
	cursor: pointer;
}
#video-carousel .column {
	float: left;
	height: 150px;
	margin-left: 10px;
	width: 122px;
}
#video-carousel .thumbnail {
	border: 1px solid #000;
	height: 90px;
	overflow: visible;
	_overflow: hidden;
	width:120px;
}
#video-carousel .details {
	color: #999;
	font-size: 11px;
	margin-top: 10px;
	_margin-top: 5px;
	width: 120px;
}
#video-carousel .details h4 {
	font-size: 12px;
	margin: 0px 0px 3px 0px;
}
#video-carousel-page {
	color: #ccc;
	font-size: 20px;
	margin: 5px auto 0px auto;
	text-align: center;
}
#video-carousel-page .current {
	color: #666;
}
.dim_block {
	background: #000;
	color: #ccc;
	font-weight: bold;
	font-size: 1em;
	padding-top: 15px;
	position: absolute;
	text-align: center;
}
.expand {
	display: inline;
}
.collapse {
	display: none;
}

/*******************************************************************************
* Video index pages
*/

#video-index {
	font-family: Arial, Helvetica, sans-serif;
	color: #069;
  padding: 8px;
}
	#video-tabs {
		/* placeholder */
	}
	
	#video-index a:link, #video-index a:visited {
		color: #069 !important;
		text-decoration: none;
	}
	
	#video-index a:hover {
		color: #09c !important;
		text-decoration: none;
	}
	
	#video-index h1 {
		color: #448fb4;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 2em;
		font-weight: normal;
	}
	#video-index #featured_container {
		height: 370px;
		margin: 4px 0px 0px 0px;
	}
	
	#video-index #mainfeature {
		float: left;
		height: 282px;
		width: 460px;
	}
	
	#video-index h2, #video-index h3 {
		color: #069;
		font-family: Arial, Helvetica, sans-serif;
		letter-spacing: -1px;
		margin: 0px 0px 3px 0px;
	}
	#video-index h2 { font-size: 1.6em; font-weight: bold;   }
	#video-index h3 { font-size: 1.2em; font-weight: normal; }
	
	#video-index .list_end {
		border-top: 2px solid #e5f6ff;
		border-bottom: 3px solid #e5f6ff;
		padding: 2px;
		text-align: right;
	}
	
	#video-index  .list_end:hover, #video-index  a:hover .list_end {
		background-color: #f1faff;
		color: #09c;
	}
	
	#video-index #featured_list {
		margin-left: 467px;
	}
	
	#video-index #featured_list .thumb_container {
		height: 112px;
		margin-right: -7px;
		overflow: hidden; /* for IE */
	}
	
	#video-index #featured_list .thumb_container div {
		float: left;
		height: 90px;
		margin-right: 7px;
		width: 120px;
	}
	#video-index .row {
		border-bottom: 2px solid #e5f6ff;
		padding: 2px;
	}
	
	#video-index .row .title {
		font-weight: bold;
	}
	
	#video-index .row .floatr {
		float: right;
		font-size: 0.8em;
	}
	
	#video-index #listing_left {
		float: left;
		width: 460px;
	}
	
	#video-index .listing_header {
		border-bottom: 3px solid #94c8e1;
	}
	#video-index .listing_header span {
		float: right;
		font-size: 0.9em;
		padding-top: 10px;
	}
	
	#video-index .listing .list_end {
		border-top: 0;
	}
		
	#video-index .with1thumb .thumb {
		float: left;
		height: 150px;
		margin: 7px 7px 0 0;
		overflow: hidden;
		background: #fff;
		padding-right: 5px;
	}
	
	#video-index .with1thumb li {
		width: auto;
	}
		#video-index .with1thumb ul li a {
			margin-left: -5px;
		}
	
	#video-index .with1thumb .list_end {
		margin-left: 127px;
	}
	
	#video-index #listing_right {
		margin-left: 467px;
	}
	
	#video-index #new-trailers_container .thumb_container {
		float: left;
		height: 240px;
		overflow: hidden; /* for IE */
		width: 635px;
	}
	
	#video-index #new-trailers_container .thumb_container div {
		float: left;
		height: 120px;
		width: 127px;
	}
	
	#video-index #new-trailers_container .listing {
		float: left;
		width: 333px;
	}
	
	#video-index #jump {
		color: #94c8e1;
		font-size: 1.3em;
		padding: 10px;
		text-align: center;
	}
	
	#video-index #jump a {
		border: 1px solid #fff;
		color: #069;
		font-weight: bold;
		padding: 1px 3px 1px 3px;
		text-decoration: none;
	}
	
	#video-index #jump a:hover { background: #f1faff; border: 1px solid #94c8e1; }
	
	#video-index #threecolumns .column:first-child {
	  margin-left: 0;
	}
	#video-index #threecolumns .column {
		float: left;
		margin-left: 1.7%;
		width: 316px;
		width: 32.2%;
	}
	
	#video-index #threecolumns .listing {
		margin-bottom: 10px;
	}
	
	#video-index ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#video-index ul li {
		border-top: 0;
		border-bottom: 2px solid #e5f6ff;
		list-style: none;
		margin: 0;
		padding: 2px;
	}
	
	#video-index ul li:hover {
		background-color: #f1faff;
	}
	
	#video-index ul li a {
		font-weight: bold;
	}
	
	#video-index ul li span {
		float: right;
		font-size: 0.8em;
	}
	
	#video-index .hscroll_container {
		height: 90px;
		margin-top: 7px;
		overflow: hidden;
		position: relative; /* For IE */
		width: 100%;
	}
	
	#video-index .hscroll {
		height: 90px;
		overflow: visible;
		width: 1000%;
		white-space: nowrap;
	}
	
	#video-index .hscroll div {
		float: left;
		height: 90px;
		margin-right: 7px;
		width: 120px;
		white-space: normal;
	}
	
	#video-index .hscroll div span {
		color: #fff;
		font-size: 3em;
		position: absolute;
		line-height: 1em;
		margin-left: 3px;
		display: block;
		text-shadow: black 0px 0px 2px;
		filter: glow(Color=#000000,Strength=1);
	}
	
	#video-index .hscroll div span.na { color: #999; }
	
	#video-index .hscroll_wrap {
		background: url(/images/system/track.png) no-repeat 50% 50%;
		margin: 2px 0 0 auto;
		height: 16px;
		width: 150px;
	}
	
	#video-index .hscroll_track {
		height: 16px;
		position: absolute;
		width: 150px;
	}
	
	#video-index .hscroll_handle {
		background: url(/images/system/knob.png) no-repeat;
		height: 16px;
		width: 8px;
	}
	
	#video-index .block {
		border-bottom: 2px solid #deeff8;
		padding-bottom: 5px;
	}
	
	#video-index .block h2, #video-index .block h3 {
		margin: 0;
	}
	
	#video-index .block cite {
		color: #555;
		font-style: normal;
	}

.crunchyroll_lock{
	position: absolute;
	background: url(/stylesheets/system/crunchyroll_membersonly.gif) no-repeat 0% 100%;
}
.crunchyroll_lock.small{
	background-image: url(/stylesheets/system/crunchyroll_padlock_small.gif);
}
.ann_lock{
	position: absolute;
	background: url(/stylesheets/system/video.ann_padlock_small.png) no-repeat 0% 100%;
}

#page-header-navigation + #container #video-container {
  margin-top:-5px;
  background:url("/images/system/video_bg_cf.png") repeat-x scroll 0px -9px;
}

#video-carousel.unpaged{
  overflow-x: scroll;
  height: auto;
}
#video-carousel.unpaged .current{
  display: table;
  padding-right: 10px;
}
#video-carousel.unpaged .column{
  display: table-cell;
  float: none;
  padding-left: 10px;
}