@charset "utf-8";

.tablet body {
	position: relative;
	background-color: #000;
/* 	background-image:url(../img/framework/sitebg2.jpg); */
/* 	background-repeat:repeat-x; */
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 0; /* 75px; */
	overflow-x: hidden;
	overflow-y: auto;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 400;	
	color:#FFF;
	margin: 0px;
	padding: 75px 0 60px;
	text-align: center;
}

.tablet a ,
.tablet img {
	border: 0;
	outline: 0;
}

.tablet body#contactus ,
.tablet body#screenings {
	text-align: left;	
	padding: 0;
}
.tablet body#contactus {
	margin: 75px 10px 10px;
}

.tablet body.home {
	background-position: center 0;
}

.tablet #titleTopNav {
	top:51px;		
}
.tablet #mobileTopNav {
	top:122px;
}

.tablet #soundcontrols {
	position:absolute;
	top:15px;
	right:15px;
	width:80px;
	height:25px;
	line-height:25px;
	cursor:pointer;
	text-align:right;
}
	.tablet #soundcontrols i {
		margin: 0 5px;
		width: 11px;
		font-size: 25px;
		text-align: center;
	}
	.tablet #soundControlCopy {
		position:relative;
		top: -5px;
		font-size: 12px;
		/* margin: 4px 33px 0px 0px; */
	}

.tablet .visibleMobileOnly {
	display:none;
}

.tablet .fullwidthhorizcenered {
	position:relative;
	width:100%;
	text-align:center;
}

.tablet .robo400 {
	font-weight:400;	
}

.tablet .robo700 {
	font-weight:700;	
}

.tablet .robo900 {
	font-weight:900;	
}

.tablet .homebutton {
/* 	width: 155px; */
	max-width: 800px;
	max-height: 100px;
	height: auto;
	opacity:0;	
}

.tablet #titleContents {
	position:relative;
	/* top:150px; */
	text-align:center;
	/* width:75%; */
	margin:0 auto;
}

.tablet body.home #homepageContents {
	/* position: absolute; */
	width:100%;
	max-width: 800px;
	/* height:50%; */
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	display: inline-block;
}

.tablet #homepageContents ul {
	list-style:none;
	padding:0;
	margin: 0 auto;
	width: 100%;
    max-width: 800px;
}

.tablet body.home #homepageContents ul li {
	margin: 0 .3em;
	display:block;
	clear: both;
	text-align: center;
}


.tablet body.home #homepageContents ul li img {
/* 	border: 2px solid #333333; */
	clear: both;
/* 	height:100%; */
}

.tablet #toplogo {
	position: fixed;
	top: 0; left: 0; right: 0;
	/* width:200px; */
	opacity: 0;
	width: 100%;
	height: 65px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../img/framework/topheader.png);
	background-repeat: repeat-x;
	background-size: cover;
	background-position: center bottom;
	z-index: 9999;
}
	.tablet #toplogo img {
		height: 45px;
		margin-top: 5px;
	}

.tablet #FYC {
	width: 100%;
	text-align: center;
	color: #FFF;
	margin: 0 auto 25px;
	/* top:10%; */
	/* position:fixed; */
	/* position:absolute; */
}
	.tablet .fyccopy {
	font-family: 'Roboto';
	font-weight: 100;
	font-size: 18pt;
	text-transform: none;
	color: #909090;
	}
	.tablet body.home .pleaseselect {
		font-family:'Roboto';
		font-weight:300;
		font-size:23pt;
		text-transform:none;
	}
	.tablet .minihr {
	position: relative;
	width: 50px;
	height: 2px;
	background-color: #595959;
	margin: 10px auto;
	}

.tablet #footer {
	position:fixed;
	width:100%;
	left:0px;
	height:55px;
	bottom:0px;
	background-image:url(../img/framework/footerbg2.png);
	background-size: cover;
	padding-top: 2px;
	z-index: 9999;
}

.tablet #footer a {
	color:#fff;
	text-decoration: none;
}

	.tablet #screeningsTicker {
		width: 100%;
		padding: 0 0;
		text-align: center;
		/*
		position:absolute;
		top:10px;
		padding-left:125px;
		*/
		/* padding-left:97px; */
	}

	.tablet #footer #footerRight ,
	.tablet #footer #footerLeft ,
	.tablet #screeningsTicker {
		margin: 2.5px 0;
		height:12px;
	}
	
	.tablet #footer #footerRight span ,
	.tablet #footer #footerLeft span {
		height: 100%;
		height:10px;
		line-height:10px;
	}
	
	.tablet #screeningsTicker ul {
		display: inline-block;
	}
	
	.tablet #badweather
	{
		position:relative;
		left:-90px;	
	}
	
	.tablet #rsvponloine ,
	.tablet #closedScreen
	{
		display:none;	
	}
	.tablet #closedScreen 
	{
		cursor: pointer;
	}
	
	.tablet .screeningsDD {
		margin: 0 0 10px 0;	
	}
	
	.tablet #screeningsContainer {
		float:left;
		width:100%;
	}
	
	.tablet #screeningsList {
		width:100%;
	}
	
	.tablet #screeningsList ul {
		margin: 0px;
    	padding: 0px;
   		list-style-type: none;
	}
	
	.tablet #screeningsList ul li {
		margin-top:5px;
	}
	.tablet #screeningsList ul a:link,
	.tablet #screeningsList ul a:visited {
		color:#FFF;
		text-decoration:none;
		font-family: 'Roboto', sans-serif;
		font-size: 13px;
		font-weight: 400;	
	}
	
	.tablet #screeningsList ul a:hover {
		color:#628ec1;
	}
	
	.tablet #screeningsTickerHeader {
		display: inline-block;
		margin-right:5px;
	}
	
	.tablet #screeningsTickerContent {
		display: inline-block;
	}
	
	.tablet #screeningsTickerContent ul {
		display: inline-block;
		list-style-type: none;
		margin: 0; padding: 0;
	}
	
	.tablet #screeningsTickerContent li a:link,
	.tablet #screeningsTickerContent li a:visited {
		font-size:12px;	
	}
	
	.tablet #screeningsTickerContent li a:hover {
		color:#cccccc;	
	}

	.tablet .screeningsImageLeft {
		border: 2px solid #333333;
		height: 240px;
		float: left;
		margin: 10px 10px 0 10px;
	}
	
	.tablet .screeningsImageTop {
		width: 100%;
		background-color:#000000;
		text-align:center;
		margin: 0px;
		position:relative;
	}

	.tablet #footer #footerRight {
		float: right;
		text-align: right;
		margin-right: 5px;
	}
	.tablet #footer #footerLeft {
		float: left;
		text-align: left;
		margin-left: 5px;
	}
	.tablet #footer #footerRight,
	.tablet #footer #footerLeft {
		/*
		position:relative;
		top:18px;
		*/
		width: 48%;
		font-size:10px;
		font-weight:400;
	}

	.tablet #footer #footerRight,
	.tablet #footer #footerLeft {
		/*
		position:relative;
		top:18px;
		*/
		font-size:10px;
		font-weight:400;
		margin: 15px 0 0;
	}

	.tablet #footer #footerRight img ,
	.tablet #footer #footerLeft img {
		height: 15px;
		width: auto;
	}
	
	.tablet #footerRight a:link,
	.tablet #footerLeft a:link {
		text-decoration:none;
		font-size: 10px;
		line-height: 16px;
	}
	
	.tablet #footerRight a:hover,
	.tablet #footerLeft a:hover {
		color:#AAA;
	}
	
	.tablet .footericoncopy {
		display:inline-block;
		position:relative;
		top:-4px;
		margin-right:4px;
	}
	
	.tablet .footerlegal {
		color:#AAA;
	}
	
	.tablet #footer a {position:relative; margin:0px 5px; text-decoration:none; color:#FFF; font-size:1.3em;}
	
	.tablet .legalcopy { font-size:10px; color: #666666;}


/* ****************************
NAVIGATION
**************************** */

.tablet .currentMainNav,
.tablet .currentSubNav {
	display: none;
}

.tablet #mainnav ul,
.tablet #subnav ul {
	position: relative;
	background-image: url(../img/framework/navBGDark.jpg);
	background-repeat: repeat-x;
	height: 43px;
	border: 1px solid #353535;
	border-radius: 10px;
	overflow:hidden;
	font-weight:400;
	margin: 0px;
    padding: 0px;
    list-style-type: none;
    display: inline-block;
}

.tablet #titletreatment {
	opacity:0;
}

.tablet #mainnav ,
.tablet #subnav {
	width: 100%;
	opacity:0;
	text-align: center;
}

.tablet #mainnav {
	text-transform:uppercase;
	/* top: 75px; */
	opacity:0;
}

.tablet #subnav {
	/* top: 112px; */
	position: relative;
	top: -7px;
}

.tablet #mainnav ul li,
.tablet #subnav ul li {
    display: inline-block;
}

.tablet #mainnav li a,
.tablet #mainnav li span,
.tablet #subnav li a,
.tablet #subnav li span {
    display: block;
    /* width: 8em; */
	height: 2.6em;
    color: white;
    text-decoration: none;
    text-align: center;
	padding-top:1em;
	padding-left:1.5em;
	padding-right:1.5em;
}

.tablet #mainnav li a:hover,
.tablet #subnav li a:hover,
.tablet .activemainnavitem {
	background-image:url(../img/framework/navBGBlue.jpg);
	
}

.tablet #withKeyart ,
.tablet #withoutKeyart {
	/* width: 1100px; */
	/* width: 900px; */
	position: relative;
	/* top:30px; */
	/* left:100px; */
	opacity:0;
	margin: 0 auto;
}

.tablet #withKeyart {
	text-align:left;
}
	.tablet #withKeyart #poster {
		float:left;
		margin-right: 25px;
	}
	.tablet #withKeyart #poster img {
		width: 302px;
		height: auto;
	}
	.tablet #withKeyart #poster .posterInfo {
		display: block;
		clear: both;
	}

.tablet #keyart {
	position: relative;
	top: 0px;
	left: 0px;
	margin-right: 30px;
}

.tablet #songcontent {
	position:relative;
	/* width:570px; */
	max-width: 575px;
	float: left;
}

.tablet #keyartcontent {
	position:relative;
	/* width:570px; */
	max-width: 575px;
	float: left;
}

.tablet #songcontent {
	
}

.tablet .titleContentHeader {
	font-family:'Roboto';
	font-weight:300;
	font-size:30pt;
}

	.tablet #sectionContainer {
		position:relative;
		/* border: thin dashed #0F0; */
		padding-right:20px;
	}
	
	.tablet .titlehr {
		left:0px;
		width:250px;
		height:2px;
		background-color:#999;
		margin: 10px 0px 20px 0px;
	}
	
		.tablet .acclaimContent,
		.tablet .categoryNominees {
			margin-bottom:20px;
		}
		
		.tablet .acclaimCopy,
		.tablet .synopsiscopy {
			font-family:'Roboto';
			font-weight:400;
			font-size:12pt;
			text-transform:none;
			width:90%;
		}
		
		.tablet .categoryCopy{
			font-family:'Roboto';
			font-weight:700;
			font-size:12pt;
			color:#909090;
		}
		
		.tablet .awardNominees,
		.tablet .categoryNominees{
			font-family:'Roboto';
			font-weight:300;
			font-size:15px;
			text-transform:none;
		}
		
		.tablet .acclaimCredits {
			font-family:'Roboto';
			font-weight:300;
			font-size:10pt;
			text-transform:none;
			margin-top: 10px;
		}
		
		.tablet .acclaimCompany {
			text-transform:uppercase;
		}
		
		.tablet .castcrewimage {
			float:left;
			margin-right:15px;
			margin-bottom:15px;
			text-align:center;
			font-family:'Roboto';
			font-weight:300;
			font-size:9px;
			width:125px;
		}
		
		.tablet .castcrewimage img {
			border: 2px solid #333333;
			width:125px;
			height:152px;
		}
		
		.tablet .castcrewimage span {
			font-size: 13px;
		}
		
/*
Audio items
*/

.tablet .songControl {
	cursor:pointer;
	float:left;
	margin-right:15px;	
}

.tablet .playingSongLabel {
	position:relative;
	float:left;
	clear:right;	
	font-family:'Roboto';
	font-weight:300;
	font-size:20pt;
	margin-top:15px;
	width:500px;
}

.tablet .songCategoryLabel {
	color:#8C8C8C;
	font-size:12px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;	
	float:left;
	clear:both;
	margin-top:10px
}

.tablet .songLabel {
	color:#FFF;
	font-size:12px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;	
	float:left;
	clear:both;	
	cursor:pointer;
}

.tablet .songLabelActive {
	color:#83a7cd;
	font-size:12px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;	
	float:left;
	clear:both;	
}

.tablet #prevSong {
	width:28px;
	height:31px;
	background-image:url(../img/framework/prevSongOff.png);
}

.tablet #prevSong:hover {
	background-image:url(../img/framework/prevSongOver.png);
}

.tablet #nextSong {
	width:28px;
	height:31px;
	background-image:url(../img/framework/nextSongOff.png);
}

.tablet #nextSong:hover {
	background-image:url(../img/framework/nextSongOver.png);
}

.tablet .playButtonState {
	width:16px;
	height:31px;
	background-image:url(../img/framework/playSongOff.png);
}

.tablet .playButtonState:hover {
	background-image:url(../img/framework/playSongOver.png);
}

.tablet .pauseButtonState {
	width:16px;
	height:31px;
	background-image:url(../img/framework/pauseSongOff.png);
}

.tablet .pauseButtonState:hover {
	background-image:url(../img/framework/pauseSongOver.png);
}

.tablet .previewText {
	color:#8C8C8C;
	font-size:12px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;	
}

.tablet .previewTitle {
	position:relative;
	font-family:'Roboto';
	font-weight:300;
	font-size:25pt;
	color:#FFFFFF;
}

.tablet .mediaNavHolder,
.tablet .mediaBigContent,
.tablet .mediaThumbHolder {
	position:relative;
	text-align:center;
	width:100%;
	margin-left:auto;
	margin-right:auto;	
	clear:both;
}

.tablet .mediaThumbHolder{
	padding-bottom:150px;	
}


.tablet .mediaBigContent img ,
.tablet .mediaBigContent .videoContent {
	margin-bottom:15px;
	border: 2px solid #353535;
	height:360px;
}

.tablet .mediaBigContent #videoContent video {
	width:100%;
}

.tablet .mediaNavItem {
	display:inline-block;
	color:#8C8C8C;
	margin:10px 10px;
	font-size:18px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}

.tablet .mediaNavItem span {
	color:#AAA;
	font-size:18px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	text-decoration:none;
}

.tablet .mediaNavItem a {
	color:#FFF;
	font-size:18px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	text-decoration:none;
}

.tablet .mediaNavItem a:hover {
	color:#8C8C8C;
}

.tablet .mediaThumb {
/*
	width:124px;
	height:70px;
*/
	display:inline-block;
	cursor:pointer;
	margin:0px 3px 10px 3px;
	 vertical-align: top;
}

.tablet #videoContainer {
	width:658px;
	height:370px;
	position:relative;	
	margin: 0px auto 10px auto;
}

.tablet .mediaThumb img {
	border: 2px solid #333333;	
}

.tablet #biotitle {
	position:relative;
	color:#FFF;
	font-size:30px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	text-decoration:none;
	width:100%;
}

.tablet .biorole {
	position:relative;
	font-size:24px;
	margin-top:-10px;
}
.tablet #biocontent {
	postition:relative;
	width:900px;
	height:350px;
	margin:20px auto 0px auto;
}
	.tablet #bioImage {
		position:relative;
		float:left;
		margin-right:20px;
		border: 2px solid #333333;	
		width:189px;
		height:230px;
		overflow:hidden;
	}
	
	.tablet #bioCopy {
		position:relative;
		float:left;
		width:650px;
		height:300px;
		text-align:left;
		text-transform:none;
	}
	
	.tablet #bioCopyText {
		width:640px;
		text-align:left;
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
		font-size:15px;
	}
	
	.tablet #bioImage img {
		width:100%;	
	}
	
	.tablet #closeBio {
		position:absolute;
		bottom:0px;
		left:212px;
		text-align:left;
		cursor:pointer;
	}
		.tablet .closeBioCopy {
			position:relative;
			margin-right:8px;
			margin-top:5px;
			float:left;
		}


.tablet #pageBG {
/*
	position:absolute;
	top:51px;
	left:0px;
	width:100%;	
*/
	position: fixed;
	top: 51px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	background-size: cover;
}

.tablet #supportContent {
	position:relative;
	margin:20px auto 0px auto;	
	text-align:center;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:14px;
	clear: both;
	float: left;
	width: 100%;
	color: #fff;
}
	
	.tablet .supportBigGrey {
		font-size:20px;
		color:#8e8e8e;
		font-weight:9700;
	}
	
	.tablet a.supportContentLink:link ,
	.tablet a.supportContentLink:visited ,
	.tablet .supportBlue a {
		color:#628ec1;	
		text-decoration:none;
		font-weight:400;
	}

	.tablet a.supportContentLink:hover {
		text-decoration:underline;
		color:#FFF;
	}

	.tablet #thankyou #supportContent {
		opacity: 1;
	}
	
.tablet #timeAndRating {
	position:absolute;
	color:#909090;
}

.tablet #appBox {
	margin-top:17px;
	text-align: center;
	width: 100%;
	margin-bottom:120px;
}

	.tablet #appBox ,
	.tablet #appBox #appTitle ,
	.tablet #appBox .appLinks ,
	.tablet #appBox #appPhone {
		clear: both;
	}

	.tablet #appBox .appLinks {
		clear: both;
		width: 100%;
	}
	
	.tablet #appBox .appLinks a {
		display: inline-block;
		border: 0;
		margin: 20px 13px;
	}
	
	.tablet #appBox .appLinks a img {
		width: 151px;
		height: 48px;
	}
	
	.tablet #appBox .appLinks a#apple {
		background-image: url(../img/app/unbrokenApp-apple.png);
		background-repeat: no-repeat;
		background-position: center top;
	}
	.tablet #appBox .appLinks a#apple:hover {
		background-position: center bottom;
	}
	.tablet #appBox .appLinks a#google {
		background-image: url(../img/app/unbrokenApp-google.png);
		background-repeat: no-repeat;
		background-position: center top;
	}
	.tablet #appBox .appLinks a#google:hover {
		background-position: center bottom;
	}
	
.tablet #upgrade {
	background-color: rgba(0,0,0,0);
	position: absolute;
	top:0;left:0;right:0;bottom:0;
	z-index: 9999;
	display: none;
}
.tablet .oldie #upgrade {
	display: block;
}

.tablet #titleContents ,
.tablet #categoryContent ,
.tablet #synopsisContent ,
.tablet .contentDivider {
	max-width: 800px;
	width: 100%;
}

.tablet #titletreatment ,
.tablet #categoryContent ,
.tablet #synopsisContent ,
.tablet #supportContent ,
.tablet .contentDivider {
	opacity: 0;
}
.tablet #synopsisContent {
	text-align: left;
}
.tablet #synopsisContent p {
	margin: 0;
	padding: 10px 5%;
}

.tablet #titleContents {
	margin-bottom: 50px;
}

.tablet .bottomButtons {
	margin: 25px auto;
	opacity: 0;
}
.tablet .bottomButtons ul {
    position: relative;
    background-image: url(../img/framework/navBGDark.jpg);
    background-repeat: repeat-x;
    height: 39px;
    border: 1px solid #353535;
    border-radius: 10px;
    overflow: hidden;
    margin: 10px 0;
    padding: 0;
    display: inline-block;
    clear: both;
}
.tablet .bottomButtons ul li {
    font-family: 'Roboto';
    display: inline-block;
    /* width: 8em; */
    height: 2.6em;
    color: white;
    text-decoration: none;
    text-align: center;
    padding-top: 1em;
    padding-left: 1.5em;
    padding-right: 1.5em;
}	
.tablet .bottomButtons ul li:hover {
    background-image: url(../img/framework/navBGBlue.jpg);
}
.tablet .bottomButtons ul li a ,
.tablet .bottomButtons .getacrobat {
    color: white;
    text-decoration: none;
    border: 0;
	outline: 0;
}
.tablet .bottomButtons .getacrobat img {
	 position: relative;
    top: 5px;
}