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

/* Default style, feel free to remove if not needed. */
body, body * {
	vertical-align: baseline;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	image-rendering: -webkit-optimize-contrast;
}

div{
	position: absolute;
}

.sharpenImg {
	image-rendering: pixelated;
  }

/* Div layer for the entire banner. */
#container_dc {
	position: absolute;
	width: 300px;
	height: 600px;
	top: 0px;
	left: 0px;
	overflow: hidden;
	background-color: black;
}

#blockerMC {
	width: 300px;
	height: 600px;
	top:0px;
	left:0px;
	background-color: white;
	z-index: 140;
}


#border {
	width: 300px;
	height: 600px;
	position: absolute;
	z-index: 50;
	box-sizing: border-box;
	border:1px solid black;
}


.sprite {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(sprite.png);
}


/* Invisible button for background clickthrough. */
#background_exit_dc {
	position: absolute;
	width: 300px;
	height: 600px;
	top: 0px;
	left: 0px;
	cursor: pointer;
	z-index: 51;
	background-color: rgba(255, 255, 255, 0);
}

#whiteBG{
	position: absolute;
	width: 300px;
	height: 600px;
	top: 0px;
	left: 0px;
	z-index: 50;
	border:1px solid black;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: white;

	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
}

#bg {
	position: absolute;
	width: 300px;
	height: 600px;
	top: 0px;
	left: 0px;
	cursor: pointer;
	background-color: black;
	z-index: 1;
}

/* content */

#cta_hotspot{ /*video hotspot*/
	width: 176px;
	height: 45px;
	left:62px;
	top:531px;
	cursor: pointer;
	position: absolute;
	z-index: 130;
	overflow:hidden;
}

#resolve_hotspot{
	width: 176px;
	height: 45px;
	left:62px;
	top:535px;
	cursor: pointer;
	position: absolute;
	z-index: 130;
	overflow:hidden;
}


/* RESOLVE FRAME */

#endMC {
	width: 300px;
	height: 600px;
	left:0px;
	top:0px;
	position: absolute;
	z-index: 6;
}

#tunein{
	width: 300px;
	height: 600px;
	left:0px;
	top:0px;
	position: absolute;
	z-index: 15;
}

#tunein_pre{
	background-image: url(vid_tunein_pre.png);
	width: 300px;
	height: 600px;
	left:0px;
	top:0px;
	position: absolute;
	z-index: 15;
}

#tunein_friday{
	background-image: url(vid_tunein_fri.png);
	width: 300px;
	height: 600px;
	left:0px;
	top:0px;
	position: absolute;
	z-index: 15;
}

#tunein_post{
	background-image: url(vid_tunein_post.png);
	width: 300px;
	height: 600px;
	left:0px;
	top:0px;
	position: absolute;
	z-index: 15;
}

#resolve_watchBTN {
	width: 300px;
	height: 600px;
	left:0px;
	top:0px;
	cursor: pointer;
	position: absolute;
	z-index: 50;
	overflow:hidden;
}


#resolve_watchBTN_off {
	background-image: url(vid_watchBTN_off.png);
	width: 300px;
	height: 600px;
	left:0px;
	bottom:0px;
	cursor: pointer;
	position: absolute;
	z-index: 1;
}

#resolve_watchBTN_on {
	background-image: url(resolve_watchBTN_on.png);
	width: 300px;
	height: 600px;
	left:0px;
	bottom:0px;
	cursor: pointer;
	position: absolute;
	z-index: 2;
}


#resolve_ticketsBTN {
	width: 300px;
	height: 600px;
	left:0px;
	top:0px;
	cursor: pointer;
	position: absolute;
	z-index: 50;
	overflow:hidden;
}


#resolve_ticketsBTN_off {
	background-image: url(vid_ticketsBTN_off.png);
	width: 300px;
	height: 600px;
	left:0px;
	bottom:0px;
	cursor: pointer;
	position: absolute;
	z-index: 1;
}

#resolve_ticketsBTN_on {
	background-image: url(resolve_ticketsBTN_on.png);
	width: 300px;
	height: 600px;
	left:0px;
	bottom:0px;
	cursor: pointer;
	position: absolute;
	z-index: 2;
}

#resolve_bg{
	background-image: url(resolve_bg.jpg);
	width: 300px;
	height: 600px;
	left:0px;
	bottom:0px;
	cursor: pointer;
	position: absolute;
	z-index: 1;
}

#resolve_legal{
	background-image: url(resolve_legal.png);
	width: 300px;
	height: 600px;
	left:0px;
	bottom:0px;
	cursor: pointer;
	position: absolute;
	z-index: 10;
}

#resolve_tagline{
	/* background-image: url(resolve_tagline.png); */
	width: 300px;
	height: 600px;
	left:0px;
	bottom:0px;
	cursor: pointer;
	position: absolute;
	z-index: 10;
}

#resolve_TT{
	background-image: url(resolve_TT.png);
	width: 300px;
	height: 600px;
	left:0px;
	bottom:0px;
	cursor: pointer;
	position: absolute;
	z-index: 10;
}

/* VIDEO */

#vid_ticketsBTN {
	width: 300px;
	height: 600px;
	left:0px;
	top:0px;
	cursor: pointer;
	position: absolute;
	z-index: 50;
	overflow:hidden;
}


#vid_ticketsBTN_off {
	background-image: url(vid_ticketsBTN_off.png);
	width: 300px;
	height: 600px;
	left:0px;
	bottom:0px;
	cursor: pointer;
	position: absolute;
	z-index: 1;
}

#vid_ticketsBTN_on {
	background-image: url(vid_ticketsBTN_on.png);
	width: 300px;
	height: 600px;
	left:0px;
	bottom:0px;
	cursor: pointer;
	position: absolute;
	z-index: 2;
}

#vid_watchBTN {
	width: 300px;
	height: 600px;
	left:0px;
	top:0px;
	cursor: pointer;
	position: absolute;
	z-index: 50;
	overflow:hidden;
}


#vid_watchBTN_off {
	background-image: url(vid_watchBTN_off.png);
	width: 300px;
	height: 600px;
	left:0px;
	bottom:0px;
	cursor: pointer;
	position: absolute;
	z-index: 1;
}

#vid_watchBTN_on {
	background-image: url(vid_watchBTN_on.png);
	width: 300px;
	height: 600px;
	left:0px;
	bottom:0px;
	cursor: pointer;
	position: absolute;
	z-index: 2;
}


#vid_tunein{
	width: 300px;
	height: 600px;
	left:0px;
	top:0px;
	position: absolute;
	z-index: 15;
}

#vid_tunein_pre{
	background-image: url(vid_tunein_pre.png);
	width: 300px;
	height: 600px;
	left:0px;
	top:0px;
	position: absolute;
	z-index: 15;
}

#vid_tunein_fri{
	background-image: url(vid_tunein_fri.png);
	width: 300px;
	height: 600px;
	left:0px;
	top:0px;
	position: absolute;
	z-index: 15;
}

#vid_tunein_post{
	background-image: url(vid_tunein_post.png);
	width: 300px;
	height: 600px;
	left:0px;
	top:0px;
	position: absolute;
	z-index: 15;
}

#replayBTN{
	position: absolute;
	background-position:-10px -21px;
	width: 27px;
	height: 26px;
	left: 0px;
	top: 0px;
	z-index: 1;
	background-color: transparent;
	overflow:hidden;
	transform: scale(0.7);
	opacity: 1;
	pointer-events: none;
}

#vid1ReplayBtn{
	position: absolute;
	width: 27px;
	height: 26px;
	top: 1px;
	right: 1px;
	z-index: 130;
	/* background-color: black; */
	overflow:hidden;
	pointer-events: auto;
	cursor: pointer;
}

#muteBTN {
	width: 18px;
	height: 18px;
	right: 2px;
	top: 5px;
	z-index: 130;
	cursor: pointer;
}

#muteBTN_off {
	background-position: -88px -46px;
	width: 11px;
	height: 17px;
	left: 0px;
	top: 0px;
	z-index: 1;
	cursor: pointer;
}

#muteBTN_on {
	background-position:-61px -46px;
	width: 12px;
	height: 17px;
	left: 0px;
	top: 0px;
	z-index: 2;
	cursor: pointer;
}

#unmuteBTN {
	width: 18px;
	height: 18px;
	right: 2px;
	top: 5px;
	z-index: 130;
	cursor: pointer;
}

#unmuteBTN_off {
	background-position:-91px -10px;
	width: 18px;
	height: 17px;
	left: 0px;
	top: 0px;
	z-index: 1;
	cursor: pointer;
}

#unmuteBTN_on {
	background-position:-61px -10px;
	width: 18px;
	height: 17px;
	left: 0px;
	top: 0px;
	z-index: 2;
	cursor: pointer;
}

#vid_overlay{
	position: absolute;
	width: 300px;
	height: 600px;
	left: 0px;
	top: 0px;
	z-index:31;
	background-image: url(vid_bg.png);
	overflow:hidden;
}


#vidHolder {
	position: absolute;
	width: 300px;
	height: 600px;
	left: 0px;
	top: 0px;
	z-index: 5;
	overflow:hidden;
}

#video1_container_dc {
	position: absolute;
	width: 300px;
	height: 357px;
	right: 0px;
	top: 0px;
	z-index: 30;
	overflow:hidden;
	background-color:black;
}

#videoExit {
	width: 300px;
	height: 600px;
	left: 0px;
	top: 0px;
	/*box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
	box-shadow: 0px -1px 0px black inset;*/
	cursor: pointer;
	z-index: 40;
}

#video1_dc {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/*intromc */

#introMC {
	width: 300px;
	height: 600px;
	left:0px;
	bottom:0px;
	cursor: pointer;
	position: absolute;
	z-index: 20;
}