
/* 
Portrait iPad Layout: 768px to a max of 1023px.  
Inherits styles from: global/mobile/650w 
*/

@media only screen and (min-width: 767px) {
body{
	background-color:#f1f2f4;
	}
.gridContainer {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-384px;
	margin-top:-458px;
	width:768px;
	height:916px;
	overflow:hidden;
}
#top_keyline {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:1px;
	background-color:#f1f2f4;
}
#mobileHeader {
	display:none;
}
.mobileIntro {
	display:none;
}
#buttonContainer {
	display:block;
	position:absolute;
	top:660px;
	left:10px;
	width:758px;
	height:256px;
	text-align:center;
}
.button {
	float:left;
	width:138px;
	padding-top:28px;
	padding-left:20px;
	padding-right:20px;
	height:88px;
	border-style:solid;
	border-width:1px;
	border-radius:6px;
	/*box-shadow:2px 2px 8px #000000;*/
	margin-bottom:9px;
	font-family: "Guardian Sans Web", sans-serif;
	font-style:normal;
	font-weight: 700;
    font-size: 18px;
	line-height:18px;
	text-align:center;
	margin-left:auto;
	margin-right:8.5px;
}
.buttonOff {
	border-color:#9E55BD;
	color:#9E55BD;
	background-color:#FFF;
}
.buttonOn {
	border-color:#FFF;
	color:#FFF;
	background-color:#9E55BD;
}
	

.startScreenContainerOn	{
    display:block;
	position:absolute;
	top:10px;
	right:10px;
	width:748px;
	height:640px;
	background-color:#FFF;
	overflow:hidden;
	-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.startScreenContainerOff	{
    display:block;
	position:absolute;
	top:-660px;
	right:10px;
	width:748px;
	height:640px;
	background-color:#FFF;
	overflow:hidden;
	-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.categoryContainerOff	{
    display:block;
	position:absolute;
	top:10px;
	right:-758px;
	width:748px;
	height:640px;
	background-color:#FFF;
	overflow:hidden;
	-webkit-transition: all 0s ease-in-out 0s;
-moz-transition: all 0s ease-in-out 0s;
-ms-transition: all 0s ease-in-out 0s;
-o-transition: all 0s ease-in-out 0s;
transition: all 0s ease-in-out 0s;
}
.categoryContainerOn	{
    display:block;
	position:absolute;
	top:10px;
	right:10px;
	width:748px;
	height:640px;
	background-color:#FFF;
	overflow:hidden;
	-webkit-transition: all 0.7s ease-in-out 0.1s;
-moz-transition: all 0.7s ease-in-out 0.1s;
-ms-transition: all 0.7s ease-in-out 0.1s;
-o-transition: all 0.7s ease-in-out 0.1s;
transition: all 0.7s ease-in-out 0.1s;
}
.categoryContainerOut	{
    display:block;
	position:absolute;
	top:-660px;
	right:10px;
	width:748px;
	height:640px;
	background-color:#FFF;
	overflow:hidden;
	-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.categoryName	{
    display:block;
	position:absolute;
	top:10px;
	left:10px;
	width:728px;
	height:25px;
	font-family: "Guardian Sans Web", sans-serif;
	font-style:normal;
	font-weight: 700;
    font-size: 22px;
	line-height:22px;
	text-align:left;
}
.nomineeHolder {
	display:block;
	position:absolute;
	top:40px;
	left:10px;
	width:738px;
	height:302px;
}
.actorModule {
	display:block;
	float:left;
	width:137px;
	height:302px;
	margin-right:10px;
}
.movieModule {
	display:block;
	float:left;
	width:137px;
	height:142px;
	margin-right:10px;
	margin-bottom:10px;
}
.actorImage {
	float:left;
	width:100%;
	background-color:#FFF;
}
.actorText {
	float:left;
	width:100%;
	background-color:#FFF;
	padding-top:5px;
	font-family: "Guardian Sans Web", sans-serif;
	font-style:normal;
	font-weight: 300;
    font-size: 17px;
	line-height:19px;
	text-align:left;
}
.nomineeDivider {
	display:block;
	position:absolute;
	top:343px;
	left:10px;
	width:728px;
	height:1px;
	background-color:#CCC;
}
.text1 {
	display:block;
	position:absolute;
	top:358px;
	left:10px;
	width:358px;
	height:202px;
	font-family: "Guardian Sans Web", sans-serif;
	font-style:normal;
	font-weight: 300;
    font-size: 17px;
	line-height:22px;
	text-align:left;
}
	
.text2 {
	display:block;
	position:absolute;
	top:358px;
	left:380px;
	width:358px;
	height:202px;
	font-family: "Guardian Sans Web", sans-serif;
	font-style:normal;
	font-weight: 300;
    font-size: 17px;
	line-height:22px;
	text-align:left;
}	

.textRest {
	display:block;
	position:absolute;
	top:50px;
	left:10px;
	width:728px;
	height:489px;
	font-family: "Guardian Sans Web", sans-serif;
	font-style:normal;
	font-weight: 300;
    font-size: 17px;
	line-height:22px;
	text-align:left;
	-moz-columns: 2; 
    -webkit-columns: 2; 
    columns: 2;
}
.textRestSubhead {
	display:block;
	font-family: "Guardian Sans Web", sans-serif;
	font-style:normal;
	font-weight: 700;
    font-size: 17px;
	line-height:22px;
	text-align:left;
	color:#9E55BD;
}
.alsoText {
	display:block;
	position:absolute;
	top:70px;
	left:10px;
	width:358px;
	height:202px;
	font-family: "Guardian Sans Web", sans-serif;
	font-style:normal;
	font-weight: 700;
    font-size: 17px;
	line-height:22px;
	text-align:left;
}
.alsoPic {
	display:block;
	position:absolute;
	top:70px;
	left:380px;
	width:358px;
	height:555px;
	overflow:hidden;
	font-family: "Guardian Sans Web", sans-serif;
	font-style:normal;
	font-weight: 300;
    font-size: 17px;
	line-height:22px;
	text-align:left;
}
.winnerHolderOff {
	display:block;
	position:absolute;
	top:576px;
	left:0px;
	width:748px;
	height:640px;
	background-color:#FFF;
	-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.winnerHolderOn {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:748px;
	height:640px;
	background-color:#FFF;
	-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.winnerButtonOff {
	display:block;
	position:absolute;
	top:10px;
	left:10px;
	width:728px;
	padding-top:10px;
	padding-bottom:10px;
	font-family: "Guardian Sans Web", sans-serif;
	font-style:normal;
	font-weight: 700;
    font-size: 22px;
	line-height:22px;
	text-align:center;
	color:#FFF;
	background-color:#9E55BD;
	background-image:url(../images/more_icon.svg);
	background-repeat:no-repeat;
	background-position: right; 
}
.winnerButtonOn {
	display:block;
	position:absolute;
	top:10px;
	left:10px;
	width:728px;
	padding-top:10px;
	padding-bottom:10px;
	font-family: "Guardian Sans Web", sans-serif;
	font-style:normal;
	font-weight: 700;
    font-size: 22px;
	line-height:22px;
	text-align:center;
	color:#FFF;
	background-color:#9E55BD;
	background-image:url(../images/close_icon.svg);
	background-repeat:no-repeat;
	background-position: right; 
}
.winnerPic {
	display:block;
	position:absolute;
	top:66px;
	left:10px;
	width:728px;
	height:409px;
	background-color:#FFF;
}
.winnerText {
	display:block;
	position:absolute;
	top:492px;
	left:10px;
	width:728px;
	font-family: "Guardian Sans Web", sans-serif;
	font-style:normal;
	font-weight: 300;
    font-size: 17px;
	line-height:22px;
	text-align:center;
	color:#000;
}
.trailerButton {
	display:block;
	position:absolute;
	top:590px;
	left:266px;
	width:215px;
	padding-top:10px;
	padding-bottom:10px;
	font-family: "Guardian Sans Web", sans-serif;
	font-style:normal;
	font-weight: 700;
    font-size: 18px;
	line-height:18px;
	text-align:center;
    border-style:solid;
	border-width:1px;
	border-radius:6px;
    border-color:#9E55BD;
	color:#9E55BD;
	background-color:#FFF;
}
a {
	color:#9E55BD; 
	text-decoration:none;
}
a:visited { 
	color:#9E55BD; 
	text-decoration:none;
}
a:hover { 
	color:#9E55BD; 
	text-decoration:none;
}
.reset {
	display:block;
	position:absolute;
	top:10px;
	right:-800px;
	width:748px;
	height:640px;
	background-color:#FFF;
	overflow:hidden;
-webkit-transition: all 0s ease-in-out 0s;
-moz-transition: all 0s ease-in-out 0s;
-ms-transition: all 0s ease-in-out 0s;
-o-transition: all 0s ease-in-out 0s;
transition: all 0s ease-in-out 0s;
}
.mobile_divider {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:0px;
	height:0px;
	overflow:hidden;
}