/* STYLESHEET FILE DESCRIPTION: MOVIES play screen styles */

/* PLAY MENU
######################################### */
#movies-playmenu-menu-shadow-right {left: 350px; display: none;}
.langmenu .b-focused #movies-playmenu-menu-shadow-right,
.subsmenu .b-focused #movies-playmenu-menu-shadow-right,
.settings .b-focused #movies-playmenu-menu-shadow-right,
.rate .b-focused #movies-playmenu-menu-shadow-right {display: block;}


/* Menu */
#movies-playmenu-list {top: 40px;}

.menuitems-1 #movies-playmenu-1,
.menuitems-1 #movies-playmenu-focus.movies-playmenu-1 {top: 20px;}
.menuitems-1 #movies-playmenu-separator {display: none;}

.menuitems-2 #movies-playmenu-1,
.menuitems-2 #movies-playmenu-focus.movies-playmenu-1 {top: 20px;}
.menuitems-2 #movies-playmenu-2,
.menuitems-2 #movies-playmenu-focus.movies-playmenu-2 {top: 100px;}
.menuitems-2 #movies-playmenu-separator {top: 80px;}

.menuitems-3 #movies-playmenu-1,
.menuitems-3 #movies-playmenu-focus.movies-playmenu-1 {top: 20px;}
.menuitems-3 #movies-playmenu-2,
.menuitems-3 #movies-playmenu-focus.movies-playmenu-2 {top: 60px;}
.menuitems-3 #movies-playmenu-3,
.menuitems-3 #movies-playmenu-focus.movies-playmenu-3 {top: 140px;}
.menuitems-3 #movies-playmenu-separator {top: 120px;}

.menuitems-4 #movies-playmenu-1,
.menuitems-4 #movies-playmenu-focus.movies-playmenu-1 {top: 20px;}
.menuitems-4 #movies-playmenu-2,
.menuitems-4 #movies-playmenu-focus.movies-playmenu-2 {top: 60px;}
.menuitems-4 #movies-playmenu-3,
.menuitems-4 #movies-playmenu-focus.movies-playmenu-3 {top: 100px;}
.menuitems-4 #movies-playmenu-4,
.menuitems-4 #movies-playmenu-focus.movies-playmenu-4 {top: 180px;}
.menuitems-4 #movies-playmenu-separator {top: 160px;}

.menuitems-5 #movies-playmenu-1,
.menuitems-5 #movies-playmenu-focus.movies-playmenu-1 {top: 20px;}
.menuitems-5 #movies-playmenu-2,
.menuitems-5 #movies-playmenu-focus.movies-playmenu-2 {top: 60px;}
.menuitems-5 #movies-playmenu-3,
.menuitems-5 #movies-playmenu-focus.movies-playmenu-3 {top: 100px;}
.menuitems-5 #movies-playmenu-4,
.menuitems-5 #movies-playmenu-focus.movies-playmenu-4 {top: 140px;}
.menuitems-5 #movies-playmenu-5,
.menuitems-5 #movies-playmenu-focus.movies-playmenu-5 {top: 220px;}
.menuitems-5 #movies-playmenu-separator {top: 200px;}

.menuitems-6 #movies-playmenu-1,
.menuitems-6 #movies-playmenu-focus.movies-playmenu-1 {top: 20px;}
.menuitems-6 #movies-playmenu-2,
.menuitems-6 #movies-playmenu-focus.movies-playmenu-2 {top: 60px;}
.menuitems-6 #movies-playmenu-3,
.menuitems-6 #movies-playmenu-focus.movies-playmenu-3 {top: 100px;}
.menuitems-6 #movies-playmenu-4,
.menuitems-6 #movies-playmenu-focus.movies-playmenu-4 {top: 140px;}
.menuitems-6 #movies-playmenu-5,
.menuitems-6 #movies-playmenu-focus.movies-playmenu-5 {top: 180px;}
.menuitems-6 #movies-playmenu-6,
.menuitems-6 #movies-playmenu-focus.movies-playmenu-6 {top: 260px;}
.menuitems-6 #movies-playmenu-separator {top: 240px;}

.menuitems-7 #movies-playmenu-1,
.menuitems-7 #movies-playmenu-focus.movies-playmenu-1 {top: 20px;}
.menuitems-7 #movies-playmenu-2,
.menuitems-7 #movies-playmenu-focus.movies-playmenu-2 {top: 60px;}
.menuitems-7 #movies-playmenu-3,
.menuitems-7 #movies-playmenu-focus.movies-playmenu-3 {top: 100px;}
.menuitems-7 #movies-playmenu-4,
.menuitems-7 #movies-playmenu-focus.movies-playmenu-4 {top: 140px;}
.menuitems-7 #movies-playmenu-5,
.menuitems-7 #movies-playmenu-focus.movies-playmenu-5 {top: 180px;}
.menuitems-7 #movies-playmenu-6,
.menuitems-7 #movies-playmenu-focus.movies-playmenu-6 {top: 220px;}
.menuitems-7 #movies-playmenu-7,
.menuitems-7 #movies-playmenu-focus.movies-playmenu-7 {top: 300px;}
.menuitems-7 #movies-playmenu-separator {top: 280px;}

.menuitems-8 #movies-playmenu-1,
.menuitems-8 #movies-playmenu-focus.movies-playmenu-1 {top: 20px;}
.menuitems-8 #movies-playmenu-2,
.menuitems-8 #movies-playmenu-focus.movies-playmenu-2 {top: 60px;}
.menuitems-8 #movies-playmenu-3,
.menuitems-8 #movies-playmenu-focus.movies-playmenu-3 {top: 100px;}
.menuitems-8 #movies-playmenu-4,
.menuitems-8 #movies-playmenu-focus.movies-playmenu-4 {top: 140px;}
.menuitems-8 #movies-playmenu-5,
.menuitems-8 #movies-playmenu-focus.movies-playmenu-5 {top: 180px;}
.menuitems-8 #movies-playmenu-6,
.menuitems-8 #movies-playmenu-focus.movies-playmenu-6 {top: 220px;}
.menuitems-8 #movies-playmenu-7,
.menuitems-8 #movies-playmenu-focus.movies-playmenu-7 {top: 260px;}
.menuitems-8 #movies-playmenu-8,
.menuitems-8 #movies-playmenu-focus.movies-playmenu-8 {top: 340px;}
.menuitems-8 #movies-playmenu-separator {top: 320px;}


#movies-playmenu-list .lang,
#movies-playmenu-list .subs {
	width: 290px;
	padding-right: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#movies-playmenu-list .rate span {
	width: 113px;
	height: 20px;
	margin: 8px 58px 0 0;
	display: block;
	float: right;
	background-image: url('../images/sections/movies/playscreen-playmenu-rate.png');
	background-repeat: no-repeat;
}

.r2 #movies-playmenu-list .rate span {background-position: 0 0;}
.r4 #movies-playmenu-list .rate span {background-position: 0 -20px;}
.r6 #movies-playmenu-list .rate span {background-position: 0 -40px;}
.r8 #movies-playmenu-list .rate span {background-position: 0 -60px;}
.r10 #movies-playmenu-list .rate span {background-position: 0 -80px;}

#movies-playmenu-list .fav {padding-left: 58px !important; background: url('../images/generic/fav.png') no-repeat 30px -32px;}

#movies-playmenu-list .fav.i-selected {background-position: 30px -68px;}


/* Language menu, Subtitles menu, Settings menu, User rating menu */
#movies-playmenu-lang,
#movies-playmenu-subs,
#movies-playmenu-settings,
#movies-playmenu-rate {
	width: 310px;
	height: 720px;
	left: 350px;
	background: url('../images/generic/opacity-u9.png') !important;
	display: none;
}

.langmenu #movies-playmenu-lang,
.subsmenu #movies-playmenu-subs,
.settings #movies-playmenu-settings,
.rate #movies-playmenu-rate {display: block;}
.langmenu #movies-playmenu-outline,
.subsmenu #movies-playmenu-outline,
.settings #movies-playmenu-outline,
.rate #movies-playmenu-outline {left: 660px;}

#movies-playmenu-lang-shadow-left,
#movies-playmenu-subs-shadow-left,
#movies-playmenu-settings-shadow-left,
#movies-playmenu-rate-shadow-left {left: -20px;}

#movies-playmenu-lang-title,
#movies-playmenu-subs-title,
#movies-playmenu-settings-title,
#movies-playmenu-rate-title {
	top: 35px;
	left: 20px;
	font-family: BasefontRegular;
	font-size: 28px;	
}

#movies-playmenu-lang .item,
#movies-playmenu-subs .item,
#movies-playmenu-settings .item,
#movies-playmenu-rate .item {
	height: 40px;
	width: 310px;
}

#movies-playmenu-lang .title,
#movies-playmenu-subs .title,
#movies-playmenu-settings .title,
#movies-playmenu-rate .title {
	width: 270px;
	margin-left: 20px;
	font-family: BasefontRegular;
	font-size: 21px;
	line-height: 40px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	
}

#movies-playmenu-lang .border,
#movies-playmenu-subs .border,
#movies-playmenu-settings .border,
#movies-playmenu-rate .border {
	width: 310px;
	height: 1px;
	margin-top: 39px;
	background: url('../images/generic/opacity-w1.png');
}

#movies-playmenu-lang-focus,
#movies-playmenu-subs-focus,
#movies-playmenu-settings-focus,
#movies-playmenu-rate-focus {
	width: 310px;
	height: 40px;
}

#movies-playmenu-lang-1,
#movies-playmenu-lang-focus.movies-playmenu-lang-1,
#movies-playmenu-subs-1,
#movies-playmenu-subs-focus.movies-playmenu-subs-1,
#movies-playmenu-settings-1,
#movies-playmenu-settings-focus.movies-playmenu-settings-1,
#movies-playmenu-rate-1,
#movies-playmenu-rate-focus.movies-playmenu-rate-1 {top: 100px;}

#movies-playmenu-lang-2,
#movies-playmenu-lang-focus.movies-playmenu-lang-2,
#movies-playmenu-subs-2,
#movies-playmenu-subs-focus.movies-playmenu-subs-2,
#movies-playmenu-settings-2,
#movies-playmenu-settings-focus.movies-playmenu-settings-2,
#movies-playmenu-rate-2,
#movies-playmenu-rate-focus.movies-playmenu-rate-2 {top: 140px;}

#movies-playmenu-lang-3,
#movies-playmenu-lang-focus.movies-playmenu-lang-3,
#movies-playmenu-subs-3,
#movies-playmenu-subs-focus.movies-playmenu-subs-3,
#movies-playmenu-settings-3,
#movies-playmenu-settings-focus.movies-playmenu-settings-3,
#movies-playmenu-rate-3,
#movies-playmenu-rate-focus.movies-playmenu-rate-3 {top: 180px;}

#movies-playmenu-lang-4,
#movies-playmenu-lang-focus.movies-playmenu-lang-4,
#movies-playmenu-subs-4,
#movies-playmenu-subs-focus.movies-playmenu-subs-4,
#movies-playmenu-settings-4,
#movies-playmenu-settings-focus.movies-playmenu-settings-4,
#movies-playmenu-rate-4,
#movies-playmenu-rate-focus.movies-playmenu-rate-4 {top: 220px;}

#movies-playmenu-lang-5,
#movies-playmenu-lang-focus.movies-playmenu-lang-5,
#movies-playmenu-subs-5,
#movies-playmenu-subs-focus.movies-playmenu-subs-5,
#movies-playmenu-settings-5,
#movies-playmenu-settings-focus.movies-playmenu-settings-5,
#movies-playmenu-rate-5,
#movies-playmenu-rate-focus.movies-playmenu-rate-5 {top: 260px;}

#movies-playmenu-lang-6,
#movies-playmenu-lang-focus.movies-playmenu-lang-6,
#movies-playmenu-subs-6,
#movies-playmenu-subs-focus.movies-playmenu-subs-6,
#movies-playmenu-settings-6,
#movies-playmenu-settings-focus.movies-playmenu-settings-6 {top: 300px;}

#movies-playmenu-lang-7,
#movies-playmenu-lang-focus.movies-playmenu-lang-7,
#movies-playmenu-subs-7,
#movies-playmenu-subs-focus.movies-playmenu-subs-7 {top: 340px;}

#movies-playmenu-lang-8,
#movies-playmenu-lang-focus.movies-playmenu-lang-8,
#movies-playmenu-subs-8,
#movies-playmenu-subs-focus.movies-playmenu-subs-8 {top: 380px;}

#movies-playmenu-lang-9,
#movies-playmenu-lang-focus.movies-playmenu-lang-9,
#movies-playmenu-subs-9,
#movies-playmenu-subs-focus.movies-playmenu-subs-9 {top: 420px;}

#movies-playmenu-lang-10,
#movies-playmenu-lang-focus.movies-playmenu-lang-10,
#movies-playmenu-subs-10,
#movies-playmenu-subs-focus.movies-playmenu-subs-10 {top: 460px;}

#movies-playmenu-settings .title {
	padding-left: 60px;
	background-image: url('../images/sections/movies/playscreen-settings.png');
	background-repeat: no-repeat;
}

#movies-playmenu-settings .asis .title {background-position: 0 0;}
#movies-playmenu-settings .horizontal .title {background-position: 0 -40px;}
#movies-playmenu-settings .vertical .title {background-position: 0 -80px;}
#movies-playmenu-settings .combined .title {background-position: 0 -120px;}
#movies-playmenu-settings .scaled .title {background-position: 0 -160px;}
#movies-playmenu-settings .optimal .title {background-position: 0 -200px;}

#movies-playmenu-rate .title {
	padding-left: 130px;
	background-image: url('../images/sections/movies/playscreen-rate.png');
	background-repeat: no-repeat;
}

#movies-playmenu-rate .r2 .title {background-position: 0 0;}
#movies-playmenu-rate .r4 .title {background-position: 0 -40px;}
#movies-playmenu-rate .r6 .title {background-position: 0 -80px;}
#movies-playmenu-rate .r8 .title {background-position: 0 -120px;}
#movies-playmenu-rate .r10 .title {background-position: 0 -160px;}


/* PLAYBAR
######################################### */
#movies-playbar {display: none;}
#movies-playbar.b-shown {display: block;}

#movies-playbar-container {
	width: 580px;
	height: 104px;
	top: 594px;
	left: 680px;
	background: url('../images/generic/playbar-bg.png');
	border-radius: 6px;
}

#movies-playbar-outline {
	width: 580px;
	height: 104px;
	top: 592px;
	left: 678px;
	border: 2px solid #fff;
	border-radius: 8px;
	opacity: 0.6;
	box-shadow: 0px 5px 15px #000;
}

#movies-playbar-title {
	width: 550px;
	left: 15px;
	top: 3px;
	font-size: 24px;
	line-height: 40px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#movies-playbar-bar {
	width: 550px;
	left: 15px;
	top: 50px;
}

#movies-playbar-bar .line {
	width: 550px;
	height: 1px;
	margin-top: 15px;
	background: url('../images/generic/opacity-w6.png');
}

#movies-playbar-bar .start,
#movies-playbar-bar .rewindtime {
	margin-top: 23px;
	color: #8cc63f;
}

#movies-playbar-bar .rewindtime {
	color: #32b2ff;
	display: none;
}

.startrewind #movies-playbar-bar .start {display: none;}
.startrewind #movies-playbar-bar .rewindtime {display: block;}

#movies-playbar-bar .end {
	width: 100px;
	margin: 23px 0 0 450px;
	text-align: right;
	opacity: 0.6;
}


#movies-playbar-bar .progress {
	height: 5px;
	margin-top: 8px;
	background-color: #7ba043;
	display: block;
}

#movies-playbar-bar .rewind {
	height: 10px;
	margin-top: 3px;
	background-color: #0ab2ff;
	border-right: 1px solid rgba(0,0,0,0.5);
	border-left: 1px solid rgba(0,0,0,0.5);
	display: block;
}

#movies-playbar-bar .buffering {
	height: 5px;
	margin-top: -12px;
	background-color: #7ba043;
	display: block;
}

/* Controls */
#movies-playbar-controls {
	height: 30px;
	width: 160px;
	top: 72px;
	left: 210px;
}

#movies-playbar-controls .item {
	width: 35px;
	height: 26px;
	background-image: url('../images/generic/legend.png');
	background-repeat: no-repeat;
}

#movies-playbar-controls-focus {
	width: 35px;
	height: 26px;
	border-radius: 4px;
	display: block !important;
}

#movies-playbar-controls-rewind {background-position: 3px -677px;}
#movies-playbar-controls-play {background-position: -31px -677px;}
#movies-playbar-controls-pause {background-position: -65px -677px;}
#movies-playbar-controls-fastforward {background-position: -99px -677px;}

#movies-playbar-controls-rewind,
#movies-playbar-controls-focus.movies-playbar-controls-rewind {left: 0;}

#movies-playbar-controls-play,
#movies-playbar-controls-focus.movies-playbar-controls-play {left: 40px;}

#movies-playbar-controls-pause,
#movies-playbar-controls-focus.movies-playbar-controls-pause {left: 80px;}

#movies-playbar-controls-fastforward,
#movies-playbar-controls-focus.movies-playbar-controls-fastforward {left: 120px;}


/* Loading */
#movies-playbar-loading {
	width: 500px;
	height: 5px;
	top: 37px;
	left: 141px;
	background: none;
	z-index: 10;
	display: none1;
}

#movies-playbar-loading .progress {
	height: 5px;
	background-color: #0ab2ff;
	border-right: 1px solid rgba(0,0,0,0.5);
}


/* MOVIE DESCRIPTION
######################################### */
#movies-description {
	z-index: 90;
}

#movies-description {display: none;}
#movies-description.b-shown {display: block;}

#movies-description-backshade {
	width: 1280px;
	height: 720px;
	background: url('../images/generic/opacity-u8.png');
	z-index: 10;
}

#movies-description-container {
	width: 1080px;
	height: 570px;
	top: 75px;
	left: 100px;
	background: url('../images/generic/opacity-b9.png');
	border-radius: 6px;
	z-index: 20;
}

#movies-description-outline {
	width: 1080px;
	height: 570px;
	top: 73px;
	left: 98px;
	border: 2px solid #fff;
	border-radius: 8px;
	opacity: 0.4;
	z-index: 10;
}

/* Info */
#movies-description-info {
	top: 25px;
	left: 20px;
}

#movies-description-info .overflow {
	width: 285px;
	overflow: hidden;
	position: relative;
}

#movies-description-info .overflow,
#movies-description-info .overflow:before {height: 505px;}

#movies-description-info .overflow:before {
	width: 5px;
	content:"";
	float: left;
}		

#movies-description-info .overflow .wrapper {
	width: 100%;
	margin-left: -5px;
	float: right;	
}		

#movies-description-info .overflow:after {
	top: -25px;
	left: 100%; 
	width: 1em;
	margin-left: -1em;
	padding-right: 5px;
	text-align: right;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	float: right; 
	position: relative;
	border-radius: 3px;
	content: "\02026"; 
}

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

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

#movies-description-info .entitle {
	margin: 0 5px 15px 5px;
	font-size: 20px;
	line-height: 24px;
	opacity: 0.6;
	overflow: hidden;
}

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

#movies-description-info .specs {
	height: 65px;
	text-align: center;
}

#movies-description-info .specs .rating {margin-left: 80px;}

#movies-description-info .specs .year,
#movies-description-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-description-info .specs .year {background-position: 0 3px; margin-right: 15px;}
#movies-description-info .specs .runtime {background-position: 0 -48px;}

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

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

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

#movies-description-info .country,
#movies-description-info .genre {
	width: 255px;
	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-description-info .country {background-position: 0 -100px;}
#movies-description-info .genre {background-position: 0 -150px;}

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

#movies-description-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-description-info .features .hd {margin-left: 19px; background-position: 0 0;}
#movies-description-info .features .st {margin-left: 69px; background-position: 0 -50px;}
#movies-description-info .features .ss {margin-left: 119px; background-position: 0 -100px;}
#movies-description-info .features .en {margin-left: 169px; background-position: 0 -150px;}
#movies-description-info .features .cc {margin-left: 219px; background-position: 0 -200px;}

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

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

#movies-description-info .names strong {
	width: 95px;
	text-align: right;
	line-height: 26px;
	position: absolute;
	opacity: 0.6;
}

#movies-description-info .names ul {
	margin-left: 110px;
}

#movies-description-info .names li {
	line-height: 26px;
}

#movies-description-info .director {margin: 15px 0 10px 0;}


/* Legend */
#movies-description-legend {
	top: 535px;
	left: 20px;
}

/* Separator */
#movies-description-separator {
	height: 530px;
	width: 1px;
	top: 20px;
	left: 325px;
	background: url('../images/generic/opacity-w5.png');
}

/* Scrolling arrows */
#movies-description-up,
#movies-description-down {
	width: 705px;
	height: 20px;
	left: 350px;
	background-image: url('../images/generic/list-arrows.png');
	background-repeat: no-repeat;
	background-position: 50% 0;
}

#movies-description-up {top: 8px;}
#movies-description-down {top: 540px; background-position: 50% -20px;}

/* Text */
#movies-description-description {
	width: 700px;
	height: 510px;
	top: 30px;
	left: 350px;
	overflow: hidden;
}

#movies-description-description .text {position: relative;}

#movies-description-description-scroll {
	height: 510px;
	top: 30px;
	left: 1060px;
	display: block;
}

#movies-description-description p {
	margin-bottom: 30px;
}

#movies-description-description,
#movies-description-description *  {
	font-size: 21px;
	line-height: 30px;
}

#movies-description-description img {
	margin: 5px 15px 15px 0;
	border: 5px solid rgba(255,255,255,0.2);
	border-radius: 3px;
}

#movies-description-description strong {
	font-weight: bold;
}