/* STYLESHEET FILE DESCRIPTION: Styles for MOVIES COLLECTION screen */


/* LIST
######################################### */
#movies-collection {
	width: 1215px;
	height: 720px;
	left: 80px;
	background: url('../images/generic/opacity-b4.png');
}

#movies-collection-shadow-left {left: -20px;}

#screen.menu-full #movies-collection {left: 265px;}

#movies-collection-up,
#movies-collection-down {
	width: 785px;
	height: 20px;
	background-image: url('../images/generic/list-arrows.png');
	background-repeat: no-repeat;
	background-position: 50% 0;
	display: none;
}

#movies-collection.b-focused #movies-collection-up,
#movies-collection.b-focused #movies-collection-down {display: block;}

#movies-collection-up {top: 15px;}
#movies-collection-down {top: 690px; background-position: 50% -20px;}

#movies-collection .item .place {
	width: 134px;
	height: 193px;
	background: url('../images/generic/opacity-b5.png');
	border-radius: 3px;
}

#movies-collection .item .cover,
#movies-collection .item .fav {
	width: 130px;
	height: 189px;
	margin: 2px 0 0 2px;
	border-radius: 2px;
}

#movies-collection .item .cover {
	background-size: cover;
	background-repeat: no-repeat;
}

#movies-collection .item .fav {
	background: url('../images/sections/movies/list-fav.png') no-repeat top right;
	display: none;
}

#movies-collection .item.infav .fav {display: block;}


#movies-collection-focus {
	width: 150px;
	height: 209px;
	border-radius: 6px;
}

#movies-collection-1 {top: 52px; left: 20px;}
#movies-collection-2 {top: 52px; left: 172px;}
#movies-collection-3 {top: 52px; left: 324px;}
#movies-collection-4 {top: 52px; left: 476px;}
#movies-collection-5 {top: 52px; left: 628px;}

#movies-collection-6 {top: 263px; left: 20px;}
#movies-collection-7 {top: 263px; left: 172px;}
#movies-collection-8 {top: 263px; left: 324px;}
#movies-collection-9 {top: 263px; left: 476px;}
#movies-collection-10 {top: 263px; left: 628px;}

#movies-collection-11 {top: 474px; left: 20px;}
#movies-collection-12 {top: 474px; left: 172px;}
#movies-collection-13 {top: 474px; left: 324px;}
#movies-collection-14 {top: 474px; left: 476px;}
#movies-collection-15 {top: 474px; left: 628px;}


#movies-collection-focus.movies-collection-1 {top: 44px; left: 12px;}
#movies-collection-focus.movies-collection-2 {top: 44px; left: 164px;}
#movies-collection-focus.movies-collection-3 {top: 44px; left: 316px;}
#movies-collection-focus.movies-collection-4 {top: 44px; left: 468px;}
#movies-collection-focus.movies-collection-5 {top: 44px; left: 620px;}

#movies-collection-focus.movies-collection-6 {top: 255px; left: 12px;}
#movies-collection-focus.movies-collection-7 {top: 255px; left: 164px;}
#movies-collection-focus.movies-collection-8 {top: 255px; left: 316px;}
#movies-collection-focus.movies-collection-9 {top: 255px; left: 468px;}
#movies-collection-focus.movies-collection-10 {top: 255px; left: 620px;}

#movies-collection-focus.movies-collection-11 {top: 467px; left: 12px;}
#movies-collection-focus.movies-collection-12 {top: 467px; left: 164px;}
#movies-collection-focus.movies-collection-13 {top: 467px; left: 316px;}
#movies-collection-focus.movies-collection-14 {top: 467px; left: 468px;}
#movies-collection-focus.movies-collection-15 {top: 467px; left: 620px;}


/* INFO
######################################### */
#movies-collection-info {
	top: 45px;
	left: 780px;
}

#movies-collection-info .overflow {
	width: 400px;
	overflow: hidden;
	position: relative;
}

#movies-collection-info .overflow {height: 623px;}

#movies-collection-info.showrating .overflow {height: 500px;}

#movies-collection-info div {
	position: relative;
}

#movies-collection-info .collection,
#movies-collection-info .collectiontitle {
	opacity: 0.6;
	overflow: hidden;
}

#movies-collection-info .collection {
	margin: 0 5px 8px 5px;
	font-size: 26px;
	line-height: 30px;
}

#movies-collection-info .collectiontitle {
	margin: 0 5px 5px 5px;
	font-size: 21px;
	line-height: 26px;
}

#movies-collection-info .rutitle {
	margin: 0 5px 10px 5px;
	font-size: 26px;
	line-height: 32px;
	overflow: hidden;
	text-overflow: ellipsis;
}

#movies-collection-info .titlesep {
	height: 1px;
	width: 400px;
	margin-bottom: 15px;
	background: url('../images/generic/opacity-w7.png');
}

#movies-collection-info .specs {
	height: 35px;
}

#movies-collection-info .specs .year {margin-left: 6px;}
#movies-collection-info .specs .runtime {margin-left: 10px;}
#movies-collection-info .specs .rating {margin-left: 265px;}

#movies-collection-info .specs .year,
#movies-collection-info .specs .runtime {
	padding-left: 21px;
	font-size: 21px;
	background-image: url('../images/sections/movies/specs.png'); 
	background-repeat: no-repeat;
	display: inline-block;
}

#movies-collection-info .specs .runtime .space {font-size: 10px;}
#movies-collection-info .specs .runtime .units {font-size: 19px;}

#movies-collection-info .specs .year {background-position: 0 3px;}
#movies-collection-info .specs .runtime {background-position: 0 -48px;}

#movies-collection-info .specs .rating {
	width: 125px;
	height: 20px;
	margin-top: -24px;
	background-image: url('../images/sections/movies/list-rating.png');
	background-repeat: no-repeat;
	position: absolute;
}

#movies-collection-info .specs .rating.r0 {background-position: 0 -200px;}
#movies-collection-info .specs .rating.r1 {background-position: 0 0;}
#movies-collection-info .specs .rating.r2 {background-position: 0 -20px;}
#movies-collection-info .specs .rating.r3 {background-position: 0 -40px;}
#movies-collection-info .specs .rating.r4 {background-position: 0 -60px;}
#movies-collection-info .specs .rating.r5 {background-position: 0 -80px;}
#movies-collection-info .specs .rating.r6 {background-position: 0 -100px;}
#movies-collection-info .specs .rating.r7 {background-position: 0 -120px;}
#movies-collection-info .specs .rating.r8 {background-position: 0 -140px;}
#movies-collection-info .specs .rating.r9 {background-position: 0 -160px;}
#movies-collection-info .specs .rating.r10 {background-position: 0 -180px;}

#movies-collection-info .country,
#movies-collection-info .genre {
	width: 370px;
	margin: 0 5px 10px 5px;
	padding-left: 21px;
	font-size: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background-image: url('../images/sections/movies/specs.png');
	background-repeat: no-repeat;
	opacity: 0.6;
}

#movies-collection-info .country {background-position: 0 -100px;}
#movies-collection-info .genre {background-position: 0 -150px;}

#movies-collection-info .features {
	height: 25px;
	padding-top: 5px;
	display: none;
}

#movies-collection-info .features .item {
	width: 40px;
	height: 25px;
	background-image: url('../images/sections/movies/features.png');
	background-repeat: no-repeat;
	position: absolute;
	opacity: 0.3;
}

#movies-collection-info .features .hd {margin-left: 79px; background-position: 0 0;}
#movies-collection-info .features .st {margin-left: 129px; background-position: 0 -50px;}
#movies-collection-info .features .ss {margin-left: 179px; background-position: 0 -100px;}
#movies-collection-info .features .en {margin-left: 229px; background-position: 0 -150px;}
#movies-collection-info .features .cc {margin-left: 279px; background-position: 0 -200px;}

#movies-collection-info.hd .features,
#movies-collection-info.st .features,
#movies-collection-info.ss .features,
#movies-collection-info.en .features,
#movies-collection-info.cc .features {display: block;}

#movies-collection-info.hd .features .hd,
#movies-collection-info.st .features .st,
#movies-collection-info.ss .features .ss,
#movies-collection-info.en .features .en,
#movies-collection-info.cc .features .cc {opacity: 1;}

#movies-collection-info .descsep {
	width: 400px;
	height: 1px;
	margin: 15px 0 12px 0;
	background: url('../images/generic/dottedsep.png') repeat-x;
}

#movies-collection-info .description p {
	margin: 0 5px 10px 5px;
	font-size: 20px;
	line-height: 26px;
}

#movies-collection-info .agerating {
	top: 528px;
	left: 55px;
	width: 280px;
	height: 90px;
	border: 1px solid rgba(255,255,255,0.5);
	border-radius: 6px;
	background-image: url('../images/sections/movies/ageratings.png');
	background-repeat: no-repeat;
	position: absolute;
	display: none;
}

#movies-collection-info.showrating .agerating {display: block;}

#movies-collection-info .agerating span {
	margin: 10px 0 0 60px;
	font-size: 20px;
	line-height: 24px;
	text-align: center;
	display: none;
}

#movies-collection-info.showrating.r_g .agerating {background-position: 14px 14px;}
#movies-collection-info.showrating.r_g .agerating .g {display: block;}

#movies-collection-info.showrating.r_pg .agerating {background-position: 14px -86px;}
#movies-collection-info.showrating.r_pg .agerating .pg {display: block;}

#movies-collection-info.showrating.r_pg13 .agerating {background-position: 14px -186px;}
#movies-collection-info.showrating.r_pg13 .agerating .pg13 {display: block;}

#movies-collection-info.showrating.r_r .agerating {background-position: 14px -286px;}
#movies-collection-info.showrating.r_r .agerating .r {display: block;}

#movies-collection-info.showrating.r_nc17 .agerating {background-position: 14px -286px;}
#movies-collection-info.showrating.r_nc17 .agerating .nc17 {display: block;}