@charset "utf-8";
/* CSS Document */

#Theater
	{
	border-radius:50px;
	-moz-border-radius:50px;
	position:absolute;
	margin-top:-245px;
	margin-left:-405px;
	top:50%;
	left:50%;
	width:800px;
	height:480px;
	display:block;
	border: 5px solid #FFF;
	overflow:hidden;
	}

.NowShowing
	{
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	margin:auto;
	margin-left:-240px;
	margin-top:-360px;
	width:480px;
	z-index:2000;
	}

.NowShowing:before
	{
	content: url('../img/SignTop.png');
	}

.NowShowing:after
	{
	content: url('../img/SignBottom.png');
	}

.NowShowingText
	{
	font-family: Broadway;
	background-color:#FFF;
	width:100%;
	font-size:36pt;
	color:#C00;
	}

.Letters
	{
	background-color:#FFF;
	font-family: "Arial Narrow";
	font-size:24pt;
	}

.SideWall
	{
	background-color: #900;
	text-align:center;
	width:800px;
	box-shadow: 0px 0px 200px -50px #000000 inset;
	}

.SideWall:before
	{
	content:"";
	border-top: 80px solid rgba(0,0,0,.50);
	border-left: 150px solid transparent;
	border-right: 150px solid transparent;
	width:500px;
	display:block;
	}

.SideWall:after
	{
	content:"";
	border-bottom: 80px solid rgba(0,0,0,.50);
	border-left: 150px solid transparent;
	border-right: 150px solid transparent;
	width:500px;
	display:block;
	}

.BackWall
	{
	background-color:#900;
	margin:auto;
	width:500px;
	height:320px;
	box-shadow: 0px 0px 200px -50px #000000 inset;
	}

#Screen
	{
	background-color: #FFF;
	border-radius:4px;
	-moz-border-radius:4px;
	position:relative;
	top:10px;
	margin:auto;
	width:480px;
	height:270px;
	overflow:hidden;
	box-shadow: 0px 0px 5px #000000;
	}

.Seats
	{
	background-color:#000;
	margin:auto;
	margin-top:-100px;
	width:100px;
	height:100px;
	border-top-left-radius: 25px 75px;
	border-top-right-radius: 25px 75px;
	-moz-border-top-left-radius: 25px 75px;
	-moz-border-top-right-radius: 25px 75px;
	display:inline-block;
	box-shadow: 0px 20px 50px -25px #FFF inset;
	}

.Library
	{
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5;
	height:100%;
	width:180px;
	background:#999;
	position:absolute;
	left:-170px;
	line-height:10px;
	top:0px;
	direction:rtl;
	}

.Library:hover
	{
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5;
	left:0px;
	display: block;
	}

.Library:before
	{
	content:"";
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 10px solid #999;
	position:absolute;
	margin-top:-20px;
	left:180px;
	top:50%;
	}

.LibraryScroll
	{
	height:100%;
	width:200px;
	overflow: auto;
	overflow-y: scroll;
	margin:auto;
	position:absolute;
	top:0px;
	left:5px;
	}

.LibraryScroll::-webkit-scrollbar
	{
	width:5px;
	}

.LibraryScroll::-webkit-scrollbar-button
	{
	height:5px;
	}

.LibraryScroll::-webkit-scrollbar-track
	{
	background-color: #CCC;
    border-radius: 2px;
	}

.LibraryScroll::-webkit-scrollbar-thumb
	{
    border-radius: 2px;
	background-color: #666;
	}


#BlurayWrapper
	{
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5;
	position: relative;
	margin:auto;
	}

#Bluray
	{
	height:170px;
	width:124px;
	}

#Bluray:after
	{
	content: url('../img/Bluray.png');
	position: absolute;
	top:0px;
	left:0px;
	pointer-events:none;
	-ms-touch-action:none;
	overflow:hidden;
	}

#Bluray img
	{
	position: absolute;
	top:15px;
	left:0px;
	height:140px;
	width:120px;
	}

.Disc
	{
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5;
	background-image:url(../img/Disc.png);
	background-repeat:no-repeat;
	background-position:center center;
	position: absolute;
	top:25px;
	height:110px;
	width:110px;
	}

.dynDiv_moveParentDiv
	{
	width: auto;
	margin: auto;
	height: auto;
	font-size: inherit;
	position: absolute;
	top: 0;
	left: 0;
	background: none;
	border-style: none;
	}