/** DO NOT MODIFY THIS SECTION... GO DOWN TO "START HERE" **/
html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.hide {
    display: none;
}

.lightwash {
    position: absolute;
    top: 0;
    left: -300px;
    width: 300px;
    height: 100px;	
    background-image: url(lightwash.png);
    background-repeat: no-repeat;
    background-position: top center;
	opacity:0;
}

/** Hide and Show Built Ins **/
#neogda-ad.hidefs #neogda-fs,
#neogda-ad.vid1 #neogda-vid1,
#neogda-ad.vid1 #neogda-vid2,
#neogda-ad.vid1 #neogda-vid3,
#neogda-ad.vid1 .neogda-pi,
#neogda-ad.vid2 #neogda-vid3,
#neogda-ad.vid2 #neogda-div-2-3,
#neogda-ad.hidectrls #neogda-ctrls-wrapper,
#neogda-ad.posterframe #neogda-ctrls-wrapper
{
    display: none;
}
/** End: These are ad CSS that should not be modified **/

/** START HERE  **/

/** SIZE OF PENCIL UNIT**/
#neogda-ad {
    width: 728px; 
    height: 90px; 
    background-color: black;
    border: 1px solid black;
    box-sizing: border-box;
    position: absolute;
    overflow: hidden;
}

/** SIZE OF EXPANDED**/
#neogda-ad.expand {
    width: 728px; 
    height: 250px; 
    background-color: black;
    border: 1px solid black;
    box-sizing: border-box;
    position: absolute;
    overflow: hidden;
}



/** IGNORE NEXT 5 CSS: not related to Panels **/

#neogda-wrap {
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

/** This is a fix for IE opacity inheritance **/
#neogda-wrap * {
    opacity: inherit;
	filter: inherit;
}

#neogda-wrap .panel {
    width: 100%;
    height: 100%;
}

#neogda-click-catcher {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    opacity: 0;
}

#topFade {
	position:absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1;
	background-color:#000;
	
	display:none;
}
/** End: CSS not related to Panels **/


/** ALL DATE CSS  - DO NOT MOVE THESE FIRST 4 LOWER THAN THE DATE-CODED SECTION **/

/* Expanded Full Video Date (both auto and user)  to make only for auto, then add .fullvid before */
#neogda-autoVideo-date {   
}

/** Pencil Date **/
#neogda-ef_and_pencil-date {
    position: absolute;
    top: 0px; 
    left:0px;
	width:728px;
	height:90px;
    background-image: url(date_stack2.png); 
    background-repeat: no-repeat;
	background-position: center top;
	opacity:1;
	
}

/* Expanded persistent Date */
#neogda-ad.expand #neogda-date {
}

/** User Expand Date **/
#neogda-date {
	display:none;
}

/** THIS SETS BG POSITION FOR ALL NATIVE .date CLASSES TO 0,0 **/
#neogda-ad .date {
    background-position: 0px 0px;
}

/** HERE IS THE CODE THAT CHANGES THE DATES  **/

#neogda-ad.releasedate .date {
 /*CURRENTLY NOT BEING TRIGGERED IN DATE.JS -- ONLY ADD BACK IN IF YOU NEED AN EXTRA DATE SUCH AS EARLY SHOWS**/
    background-position: 0 0px;
}

#neogda-ad.friday .date {
    background-position: 0 -80px;
}

#neogda-ad.tomorrow .date {
    background-position: 0px -160px;
}

#neogda-ad.nowplaying .date {
    background-position: 0px -240px;
}

/** End Date CSS **/

/******************************************************************* VIDEO PLAYER **/

#neogda-video-container {
    position: absolute;
    width: 728px;
    height: 250px;
    left: -1px;
    top:-1px;
    background-color: black;	
   /* box-sizing: border-box;	
	NOTE:  BORDER FOR USER EXPAND VIDEO IS ADDED IN NEO.JS*/
}

#neogda-ad.expand #neogda-video-container.fullscreen,
#neogda-video-container.fullscreen {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
	left:0;
    bottom: 0;
    background-color: black;
    z-index: 1000;
}

#neogda-cfa {
    position: absolute;
    height: 73px; 
    width: 220px; 
    top: 50%;
    left: 50%;
    margin-left: -110px;
    margin-top: -36.5px;
    background-image: url(cfa.png); 
    z-index: 10;
}

#neogda-video-player {
/*	
	used to be 100% - brian removed to fix spacing size between auto and user
*/	
}

#neogda-ctrls-wrapper {
    position: absolute;
    bottom: 0px;
    height: 30px;
    width: 100%;
	/* brian added */
	z-index:10;
}

#neogda-play {
    float:left;
    height: 30px;
    width: 30px;
    background-image: url(ctrls1.png); 
    background-repeat: no-repeat;
    background-position: 0 0;
}

#neogda-play.pause {
    background-position: 0 -30px;
}

#neogda-seek-wrapper {
    overflow: hidden;
    cursor: pointer;
    padding-top: 14px;
    padding-bottom: 14px;
}

#neogda-seek {
    height: 4px;
    background-color: white;
    overflow: hidden;
}

#neogda-seek-element {
    width: 10%;
    min-width: 30px;
    background-color: darkgray;
    height: 30px;
    position: relative;
    left: 0px;
    top: -14px;
    transition: all;
    -moz-transition: all;
}

#neogda-sound {
    float:right;
    height: 30px;
    width: 30px;
    background-image: url(ctrls1.png); 
    background-repeat: no-repeat;
    background-position: -30px 0;
}

#neogda-sound.mute {
    background-position: -30px -30px;
}

.neogda-pi {
    float: right;
    height: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 2px;
    background-color: white;
}

#neogda-vid1 {
    float:right;
    height: 30px;
    width: 30px;
    background-image: url(ctrls1.png); 
    background-repeat: no-repeat;
    background-position: -120px -32px;
}

#neogda-vid1.active, #neogda-vid1:hover {
    background-position: -120px 0;
}

#neogda-vid2 {
    float: right;
    height: 30px;
    width: 30px;
    background-image: url(ctrls1.png); 
    background-repeat: no-repeat;
    background-position: -150px -32px;
}

#neogda-vid2.active, #neogda-vid2:hover {
    background-position: -150px 0;
}

#neogda-vid3 {
    float: right;
    height: 30px;
    width: 30px;
    background-image: url(ctrls1.png); 
    background-repeat: no-repeat;
    background-position: -180px -32px;
}

#neogda-vid3.active, #neogda-vid3:hover {
    background-position: -180px 0;
}

#neogda-fs {
    float: right;
    height: 30px;
    width: 30px;
    background-image: url(ctrls1.png); 
    background-repeat: no-repeat;
    background-position: -60px 0;
	
	display:none;
}

#neogda-fs.sd {
    background-position: -60px -32px;
}

/*************************************************** USER EXPAND - Persistant Panel Defaults; not needed for full user expand video **/
#neogda-expanded-top {
}

#neogda-expanded-bottom {
    position:absolute;
    right: 0px; 
    width: 100%; 
    height: 100%; 
    background-repeat: no-repeat;
    background-position: center;
}


#neogda-cast-names {
    position: absolute;
    top: 110px; 
    left: -1px;  
    width: 293px; 
    height: 16px; 
    background-repeat: no-repeat;
    background-position: top center;	
	display:none;
}

#neogda-movie-title {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 728px; 
    height: 250px; 
    background-image: url(exp_logo1.png);
    background-repeat: no-repeat;
    background-position: top center;
	
	
	
}

#neogda-tagline {
	display:none;
}


#neogda-hashtag {
	display:none;
}


#neogda-soc-fb {
	display:none;
	
}

#neogda-soc-tw {
	display:none;
	
}

#neogda-soc-ig {
	display:none;
	
}

/* THIS IS THE CTA IN THE PERSISTENT EXPANDED */
#neogda-cta {
    position: absolute;
	bottom:9px;
    right: 53px;
    width: 170px; 
    height: 34px; 
    background-image: url(cta2.png); 
    background-repeat: no-repeat;
    background-position: top center;
    overflow: hidden;
}


/* THIS IS THE CTA IN THE PERSISTENT EXPANDED */
#neogda-cta-text {
    position: absolute;
    top: 0px;
	left: 0px;
    width: 100%;
    height: 100%;
    background-image: url(cta_text2.png);
    background-repeat: no-repeat;
	
}

/* THIS WILL CHANGE PERS CTA TEXT TO "GET TIX" WHEN DATE CODING HAS BEGUN */
#neogda-ad.releasedate #neogda-cta-text, #neogda-ad.friday #neogda-cta-text, #neogda-ad.tomorrow #neogda-cta-text, #neogda-ad.nowplaying #neogda-cta-text {
	background-position: center -237px;
}



#neogda-expanded-close {
    position: absolute;
    top: 0px;
    right: 0px;
    background-image: url(close1.png); 
    background-repeat: no-repeat;
    background-position: top center;
    width: 55px;
    height: 21px;
    display: none; /** Hide the Close Button on Collapse **/
	z-index:200;
}



/** FS fullscreen Elements **/
#neogda-video-container.fullscreen #neogda-ctrls-wrapper {
	position:relative;
	margin:auto;
    bottom: 30px;
    width: 600px;
}

#neogda-video-container.fullscreen #neogda-autoVideo-title  {
    position: absolute;
    top: 0; 
	left:0;
    width: 100%; 
    height: 101px; 
    background-repeat: no-repeat;
    background-position: top center;
	
	
	display:none;
}

#neogda-video-container.fullscreen #neogda-autoVideo-date {
	display:none;
}
/** End FullScreen Elements **/


/******************************************************************* Persistant Expand CSS **/
#neogda-ad.expand #neogda-expanded-panel {
    background-image: url(exp_bg1.png);
    background-repeat: no-repeat;
    background-position: center center;
	
	cursor:pointer;
}



#neogda-ad.expand #neogda-video-container {
    position: absolute;
    width: 441px;
    height: 188px;
    top: 10px;
    left: 10px;
	
	overflow:hidden;
}

#neogda-ad.expand #neogda-expanded-top {
    top: 0px;
    width: 100%; 
}

#neogda-ad.expand #neogda-expanded-bottom {
    left: 0px; 
    width: 100%; 
    height: 43px; 
	bottom:0;
}

#neogda-ad.expand #neogda-expanded-close {
    display: block; /** Show the Close Button on Expand **/
}

#neogda-replay-wrapper {
    position: absolute;
    top: -4px;
    left: -5px;
    width: 451px;
    height: 197px;
    opacity: 0;
    background: url('video_resolve1.jpg');
    z-index:  100;
}

#neogda-replay-button {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    background: url('video_replay2.png');
    margin-left: -49px;
    margin-top: -49px;
	
    background-position: 0px 0px;
}



/******************************************************************* Pencil Unit CSS **/
#neogda-EFandPencil-panel {
	background-color:black;
	opacity:1;
	cursor:pointer;
}

#neogda-ef_and_pencil-bgImage{


    position: absolute;
    top: 0px; 
    left: 0px;
    width: 728px; 
    height: 90px; 
    background-image: url(bg_collapsed.png); 
	opacity:1;
	
	
}




#girl1{
	display:none;
}


#guy1{
	display:none;
}

#neogda-ef_and_pencil-cast-names {
    position: absolute;
    top: 0px; 
    left: 0px;
    width: 728px; 
    height: 90px; 
    background-image: url(realD1.png); 
	opacity:1;
}




#neogda-ef_and_pencil-movie-title {	
	position: absolute;
    top: 0px; 
    left: 0px;
	width:728px;
	height:90px;
	opacity:1;
    background-image: url(logo1.png); 
	opacity:1;
	
	display:block;
		
}



#neogda-ef_and_pencil-tagline {
    position: absolute;
    top: 19px; 
    left: 365px;
    width: 133px; 
    height: 47px; 
    background-repeat: no-repeat;
    background-position: top center;
	opacity:1;
	
}





#neogda-ef_and_pencil-soc-fb {
    position: absolute;
	top: 2px;
    right: 84px; 
    width: 34px;
    height: 34px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
	opacity:1;
	
	display:none;
}

#neogda-ef_and_pencil-soc-tw {
    position: absolute;
	top: 2px;
    right: 60px; 
    width: 34px;
    height: 34px;
    background-repeat: no-repeat;
    background-position: -34px 0px;
	opacity:1;
	display:none;
}

#neogda-ef_and_pencil-soc-ig {
    position: absolute;
	top: 2px;
    right: 36px; 
    width: 34px;
    height: 34px;
    background-repeat: no-repeat;
    background-position: -68px 0px;
	opacity:1;
	display:none;
}

#stars{
    position: absolute;
	top: -1px;
    right: -1px; 
    width: 139px;
    height: 36px;
	opacity:1;
	
	display:none;
	
}






#neogda-ef_and_pencil-hashtag {
	
	display:none;
}
#neogda-ef_and_pencil-rating {
    position: absolute;
    left: -2px; 
    top: -2px; 
    width: 47px; 
    height: 23px; 
    background-repeat: no-repeat;
    background-position: top center;
	opacity:1;
}

#neogda-ef_and_pencil-legal {
    position: absolute;
    bottom: 1px;
    left: 110px;
    width: 316px; 
    height: 18px; 
    background-repeat: no-repeat;
    background-position: top center;
	opacity:1;
}

#neogda-ef_and_pencil-close {
    position: absolute;
    top: 0px;
    right: 0px;
    background-repeat: no-repeat;
    background-position: top center;
    width: 20px;
    height: 20px;
	opacity:1;
	
    display: none;
}

/******************************************************************* CTAS **/

#neogda-ef_and_pencil-expand {
    position: absolute;
    top: 13px; 
    right: 2px;
    width: 112px; 
    height: 64px; 
    background-image: url(cta1.png); 
    background-repeat: no-repeat;
    background-position: center top;
    overflow: hidden;
}

#neogda-ad.expand #neogda-ef_and_pencil-expand {
	display:none;
}

#neogda-ef_and_pencil-expand-text {
    position: absolute;
    top:0px;
	left:0px;
    width: 112px; 
    height: 64px; 
    background-image: url(cta_text1.png); 
    background-repeat: no-repeat;
    background-position: center top;
}


#neogda-ef_and_pencil-cta {
	/* don't show in pencil unit */
	display:none;
}


#neogda-ad.expand #neogda-ef_and_pencil-cta {
}

#neogda-ef_and_pencil-cta-text {
    position: absolute;
    top: 0;
    width: 183px; 
    height: 28px; 
    background-image: url(cta_text1.png); 
    background-repeat: no-repeat;
    background-position: center -78px;
}

/* THIS WILL CHANGE EF CTA TEXT TO "GET TIX" WHEN DATE CODING HAS BEGUN */
#neogda-ad.releasedate #neogda-ef_and_pencil-cta-text, #neogda-ad.friday #neogda-ef_and_pencil-cta-text, #neogda-ad.tomorrow #neogda-ef_and_pencil-cta-text, #neogda-ad.nowplaying #neogda-ef_and_pencil-cta-text {
	/*background-position: center -238px; */
}


#neogda-ef_and_pencil-replay {
	/* don't show in pencil unit */
	display:none;
}

#neogda-ad.expand #neogda-ef_and_pencil-replay {
	
}

#neogda-ef_and_pencil-replay-text {
    position: absolute;
    bottom: 0;
    width: 183px; 
    height: 28px; 
    background-image: url(cta_text1.png); 
    background-repeat: no-repeat;
    background-position: center -158px;	 
}

/******************************************************************* Expanded Endframe CSS **/

#neogda-ad.expand #neogda-EFandPencil-panel {
    background-repeat: no-repeat;
    background-position: center center;
	
}

#neogda-ad.expand #neogda-ef_and_pencil-bgImage{
	display:none;
}

#neogda-ad.expand #neogda-ef_and_pencil-cast-names {
	display:none;
}

#neogda-ad.expand #neogda-ef_and_pencil-movie-title {
    position: absolute;
    top: -1px; 
    left: -30px;
    width: 298px; 
    height: 250px; 
    background-image: url(exp_logo1.png); 
    background-repeat: no-repeat;
    background-position: top center;
	background-color:red;
}


#neogda-ad.expand #neogda-ef_and_pencil-tagline {
	display:none;
	
}
#neogda-ad.expand #neogda-ef_and_pencil-soc-fb {
    position: absolute;
    top: 0; 
    right: 34px; 
    width: 34px;
    height: 34px;
    background-position: top left;
}

#neogda-ad.expand #neogda-ef_and_pencil-soc-tw {
    position: absolute;
    top: 0; 
    right: 0px; 
    width: 34px;
    height: 34px;
    background-repeat: no-repeat;
    background-position: -34px 0px;
}

#neogda-ad.expand #neogda-ef_and_pencil-hashtag {
	display:none;
}

#neogda-ad.expand #neogda-ef_and_pencil-rating {
    position: absolute;
    left: -1px; 
    bottom: -1px; 
    width: 20px; 
    height: 20px; 
    background-repeat: no-repeat;
    background-position: top center;
}

#neogda-ad.expand #neogda-ef_and_pencil-legal {
	display:none;
}

#neogda-ad.expand #neogda-ef_and_pencil-close {
    position: absolute;
    top: 0px;
    right: 0px;
    background-image: url(close1.png); 
    background-repeat: no-repeat;
    background-position: top center;
    width:55px;
    height: 21px;
	z-index:200;
	
	display:block;

}

/******************************************************************* Mobile **/
#neogda-ad.posterframe #neogda-wrap {
    opacity: 1 !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

#neogda-ad.posterframe #neogda-expanded-panel {
    display: none;
}


 /* should be backup image */
#neogda-posterframe {
    position: absolute;	
    background-image: url(backup.png); 
    width: 100%;
    height: 100%;
    top: 0;
    display: none;
    z-index: 1500;
    cursor: pointer;
	
}

#neogda-ad.posterframe .panel {
    display: none;
}

#neogda-ad.posterframe #neogda-posterframe {
    display: block;
}

/** Exp Full CSS **/
#neogda-ad.fullvid #neogda-video-container {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

#neogda-ad.fullvid #neogda-expanded-panel {
    background-image: none;
}

/* THIS SHOWS THE BUG ON THE VIDEO, ONLY ON AUTOVID */
.fullvid #neogda-autoVideo-title {
    position: absolute;
    top: -1px; 
    left: -1px; 
    width: 140px; 
    height: 84px; 
    background-image: url(logo1_bug.png); 
    background-repeat: no-repeat;
    background-position: top center;
    z-index: 100;
	
}


/* THESE LAST 2 REMOVE THE PERSISTENT CONTENT DURING AUTO VID */
#neogda-ad.fullvid #neogda-expanded-top {
    display: none;
}

#neogda-ad.fullvid #neogda-expanded-bottom {
    display: none;
}
/** End Exp Full CSS **/



#sheetFrame{
	position: absolute;
    top: 19px; 
    left: 315px;
	width:261px;
	height:70px;
	opacity:1;
	background-color:black;
	overflow:hidden;
	display:none;
}
#sheet{
	width:2871px;
	height:840px;
	top:0px;
	left:0px;
	position:absolute;
	opacity:1;
	background:url(logo1_sprite.png);
	background-color:black;
}