@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: 970px;
	height: 250px;
	top: 0px;
	left: 0px;
	overflow: hidden;
 	background-color: black;
}

#blockerMC {
	width: 970px;
	height: 250px;
	top:0px;
	left:0px;
	background-color: black;
	z-index: 140;
}


#border {
	width: 970px;
	height: 250px;
	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(970x250_sprite.png);
}


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

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

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

#bg {
	position: absolute;
	width: 970px;
	height: 250px;
	top: 0px;
	left: 0px;
	cursor: pointer;
	/* background-color: #eae7d8; */
	z-index: 1;
}

#resolve_photo {
	position: absolute;
	background-image: url(resolve_photo.png);
	width: 310px;
	height: 319px;
	left: 0px;
	top: -39px;
	cursor: pointer;
	z-index: 5;
}

#resolve_bg {
	position: absolute;
	background-image: url(resolve_bg.jpg);
	width: 970px;
	height: 250px;
	top: 0px;
	left: 0px;
	cursor: pointer;
	z-index: 2;
}

#vid_bg {
	position: absolute;
	background-image: url(vid_bg.jpg);
	width: 485px;
	height: 250px;
	top: 0px;
	left: 0px;
	cursor: pointer;
	z-index: 1;
}

/* content */

#cta_hotspot{
	width: 244px;
	height: 40px;
	left:693px;
	top:127px;
	cursor: pointer;
	position: absolute;
	z-index: -1000;
	overflow:hidden;
}

#ticketsBTN {
	width: 970px;
	height: 250px;
	left:0px;
	top:0px;
	cursor: pointer;
	position: absolute;
	z-index: 50;
	overflow:hidden;
}


#ticketsBTN_off {
	/* background-image: url(cta_tix_off.png); */
	width: 970px;
	height: 250px;
	left:0px;
	bottom:0px;
	cursor: pointer;
	position: absolute;
	z-index: 30;
}

#ticketsBTN_on {
	/* background-image: url(cta_tix_on.png); */
	width: 970px;
	height: 250px;
	left:0px;
	bottom:0px;
	cursor: pointer;
	position: absolute;
	z-index: 30;
}

#watchBTN {
	width: 970px;
	height: 250px;
	left:0px;
	top:0px;
	cursor: pointer;
	position: absolute;
	z-index: 50;
	overflow:hidden;
}


#watchBTN_off {
	/* background-image: url(cta_watch_off.png); */
	width: 970px;
	height: 250px;
	left:0px;
	bottom:0px;
	cursor: pointer;
	position: absolute;
	z-index: 30;
}

#watchBTN_on {
	/* background-image: url(cta_watch_on.png); */
	width: 970px;
	height: 250px;
	left:0px;
	bottom:0px;
	cursor: pointer;
	position: absolute;
	z-index: 30;
}

#tunein{
	width: 970px;
	height: 250px;
	/* background-image: url(tunein_bg.png); */
	left:0px;
	top:0px;
	position: absolute;
	z-index: 15;
}

#tunein_pre{
	background-position:-45px -144px;
	width: 229px;
	height: 33px;
	left:333px;
	top:197px;
	position: absolute;
	z-index: 15;
}

#tunein_ton {
	background-position:-45px -203px;
	width: 250px;
	height: 33px;
	left:333px;
	top:197px;
	position: absolute;
	z-index: 15;
}


#tunein_post{
	background-position:-23px -394px;
	width: 319px;
	height: 32px;
	left:469px;
	top:198px;
	position: absolute;
	z-index: 15;
}

#hulu{
	background-position:-33px -285px;
	width: 254px;
	height: 33px;
	left:666px;
	top:197px;
	position: absolute;
	z-index: 15;
}

#resolve_logo{
	background-image: url(TT_tagline_970x250.svg);
	width: 970px;
	height: 250px;
	left:0px;
	top:0px;
	z-index: 16;
}

#resolve_acclaim{
	background-image: url(resolve_tag.svg);
	width: 970px;
	height: 250px;
	left:0px;
	top:0px;
	z-index: 10;
}

#legal{
	/* background-image: url(resolve_legal.png); */
	width: 970px;
	height: 250px;
	left: 0px;
	top: 0px;
	z-index: 16;
}

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


/* VIDEO */


/* video controls*/

#playBTN{
	position: absolute;
	width: 10px;
	height: 14px;
	left: 500px;
	top: 500px;
	z-index: -1;
	cursor: pointer;
	background-color: rgba(255, 255, 255, 0);
}

#playBTN_off {
	position: absolute;
	/*background-position:-167px -9px;*/
	width: 10px;
	height: 16px;
	left: 0px;
	top: 0px;
	z-index: 1;
}

#playBTN_on {
	position: absolute;
	/*background-position: -184px -9px;*/
	width: 10px;
	height: 16px;
	left: 0px;
	top: 0px;
	z-index: 2;
}

#pauseBTN{
	position: absolute;
	width: 10px;
	height: 14px;
	left: 500px;
	top: 500px;
	z-index: -1;
	cursor: pointer;
	background-color: rgba(255, 255, 255, 0);
}

#pauseBTN_off {
	position: absolute;
	/*background-position:-150px -10px;*/
	width: 10px;
	height: 14px;
	left: 0px;
	top: 0px;
	z-index: 1;
}

#pauseBTN_on {
	position: absolute;
/*	background-position:-133px -10px;*/
	width: 10px;
	height: 14px;
	left: 0px;
	top: 0px;
	z-index: 2;
}

#muteBTN{
	position: absolute;
	width: 44px;
	height: 44px;
	right:0px;
	top: 4px;
	z-index: 53;
	cursor: pointer;
}

#muteBTN_off {
	position: absolute;
	background-position: -31px -71px;
	width: 10px;
	height: 13px;
	right: 10px;
	top: 0px;
	z-index: 1;
}

#muteBTN_on {
	position: absolute;
	background-position:-6px -81px;
	width: 10px;
	height: 13px;
	right: 10px;
	top: 0px;
	z-index: 2;
}


#unmuteBTN{
	position: absolute;
	width: 44px;
	height: 44px;
	right: 0px;
	top: 4px;
	z-index: 53;
	cursor: pointer;
}

#unmuteBTN_off {
	position: absolute;
	background-position: -31px -51px;
	width: 15px;
	height: 13px;
	right: 5px;
	top: 0px;
	z-index: 1;
}

#unmuteBTN_on {
	position: absolute;
	background-position:-6px -51px;
	width: 15px;
	height: 13px;
	right: 5px;
	top: 0px;
	z-index: 2;
}

#replayBTN {
	width: 44px;
	height: 44px;
	right:0px;
	top:2px;
	cursor:pointer;
	position: absolute;
	z-index: 53;
}

#replayImg {
	background-position:-179px -33px;
	width: 27px;
	height: 27px;
	left:15px;
	top:0px;
	cursor:pointer;
	position: absolute;
	z-index: 53;
	transform: scale(0.75);
}

#vid_ticketsBTN_hotspot{
	position: absolute;
	width: 175px;
	height: 28px;
	left:1000px;
	top:1000px;
	z-index: -1000;
	cursor: pointer;
	display:none;
}

#vid_ticketsBTN{
	position: absolute;
	width: 175px;
	height: 28px;
	left:1000px;
	top:1000px;
	z-index:0;
	cursor: pointer;
	overflow:hidden;
}

#vid_ticketsBTN_off {
	position: absolute;
	background-position: -25px -293px;
	width: 175px;
	height: 28px;
	left:0px;
	bottom:0px;
	z-index: 1;
}

#vid_ticketsBTN_on {
	position: absolute;
	background-position: -25px -256px;
	width: 175px;
	height: 28px;
	left:0px;
	bottom:0px;
	z-index: 2;
}

#vid_watchBTN{
	position: absolute;
	width: 175px;
	height: 28px;
	left:1000px;
	top:1000px;
	z-index: 100;
	cursor: pointer;
	overflow:hidden;
}

#vid_watchBTN_off {
	position: absolute;
	background-position:-25px -256px;
	width: 175px;
	height: 28px;
	left:0px;
	bottom:0px;
	z-index: 1;
}

#vid_watchBTN_on {
	position: absolute;
	background-position:-25px -336px;
	width: 175px;
	height: 28px;
	left:0px;
	bottom:0px;
	z-index: 2;
}

#vidHolder {
	position: absolute;
	width: 970px;
	height: 250px;
	left: 0px;
	top: 0px;
	z-index: 5;
	/* background-color: black; */
	overflow:hidden;
}

#vid_overlay_top {
	position: absolute;
	width: 970px;
	height: 250px;
	right: 0px;
	top: 0px;
	z-index: 1;
	/* background-color: black; */
	overflow:hidden;
}


#vid_overlay_bottom {
	position: absolute;
	/* background-image: url(AKAJaneRoe_s1_Marketing_Banners_970x250_half.jpg); */
	width: 970px;
	height: 250px;
	left: 0px;
	bottom:0px;
	z-index: 2;
	/* background-color: black; */
	overflow:hidden;
}

#TT_video {
	position: absolute;
	width: 970px;
	height: 250px;
	right: 0px;
	bottom:0px;
	z-index: 99;
}

#vid_tunein {
	width: 970px;
	height: 250px;
	left:1000px;
	top:1000px;
	position: absolute;
	z-index: 100;

}

#vid_tunein_pre {
	background-position: -41px -131px;
	width: 284px;
	height: 20px;
	left:189px;
	top:210px;
	position: absolute;
	z-index: 100;
}

#vid_tunein_ton {
	background-position: -41px -172px;
	width: 284px;
	height: 18px;
	left:189px;
	top:212px;
	position: absolute;
	z-index: 100;
}

#vid_tunein_post{
	background-position:-40px -212px;
	width: 285px;
	height: 18px;
	left:469px;
	top:198px;
	position: absolute;
	z-index: 100;
}

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

#videoExit {
	width: 485px;
	height: 250px;
	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;
}