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

@media only screen and (min-width: 645px) and (max-width: 766px) {
body{
	background-color:#f1f2f4;
	}
.gridContainer {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-325px;
	margin-top:-350px;
	width:650px;
	height:700px;
	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:550px;
	left:10px;
	width:630px;
	height:150px;
	text-align:center;
}
.button {
	float:left;
	width:125px;
	padding-top:7px;
	padding-left:11px;
	padding-right:11px;
	height:55px;
	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: 16px;
	line-height:16px;
	text-align:center;
	margin-left:auto;
	margin-right:8.5px;
}
.buttonOff {
	border-color:#9E55BD;
	color:#9E55BD;
	background-color:#FFF;
}
.buttonOff:hover {
	border-color:#FFF;
	color:#FFF;
	background-color:#c089d7;
}

.buttonOn {
	border-color:#FFF;
	color:#FFF;
	background-color:#9E55BD;
}

	

.startScreenContainerOn	{
    display:block;
	position:absolute;
	top:10px;
	right:10px;
	width:630px;
	height:531px;
	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:630px;
	height:531px;
	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:-660px;
	width:630px;
	height:531px;
	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:630px;
	height:531px;
	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:-560px;
	right:10px;
	width:630px;
	height:531px;
	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: 20px;
	line-height:20px;
	text-align:left;
}
.nomineeHolder {
	display:block;
	position:absolute;
	top:35px;
	left:10px;
	width:630px;
	height:252px;
}
.actorModule {
	display:block;
	float:left;
	width:115px;
	height:252px;
	margin-right:9px;
}
.movieModule {
	display:block;
	float:left;
	width:137px;
	height:127px;
	margin-right:16px;
	margin-bottom:5px;
}
.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: 15px;
	line-height:16px;
	text-align:left;
}
.nomineeDivider {
	display:block;
	position:absolute;
	top:302px;
	left:10px;
	width:610px;
	height:1px;
	background-color:#CCC;
}
.text1 {
	display:block;
	position:absolute;
	top:312px;
	left:10px;
	width:292px;
	height:184px;
	font-family: "Guardian Sans Web", sans-serif;
	font-style:normal;
	font-weight: 300;
    font-size: 15px;
	line-height:16px;
	text-align:left;
}
	
.text2 {
	display:block;
	position:absolute;
	top:312px;
	left:325px;
	width:292px;
	height:184px;
	font-family: "Guardian Sans Web", sans-serif;
	font-style:normal;
	font-weight: 300;
    font-size: 15px;
	line-height:16px;
	text-align:left;
}	

.textRest {
	display:block;
	position:absolute;
	top:50px;
	left:10px;
	width:610px;
	height:409px;
	font-family: "Guardian Sans Web", sans-serif;
	font-style:normal;
	font-weight: 300;
    font-size: 16px;
	line-height:17px;
	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: 16px;
	line-height:17px;
	text-align:left;
	color:#9E55BD;
}
.alsoText {
	display:block;
	position:absolute;
	top:50px;
	left:10px;
	width:297px;
	height:480px;
	font-family: "Guardian Sans Web", sans-serif;
	font-style:normal;
	font-weight: 700;
    font-size: 16px;
	line-height:17px;
	text-align:left;
}
.alsoPic {
	display:block;
	position:absolute;
	top:50px;
	left:322px;
	width:297px;
	height:470px;
	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:487px;
	left:0px;
	width:630px;
	height:532px;
	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:630px;
	height:532px;
	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;
}
.winnerButtonOn:hover {
	background-color:#c089d7;
}
.winnerButtonOff {
	display:block;
	position:absolute;
	top:10px;
	left:10px;
	width:612px;
	padding-top:5px;
	padding-bottom:5px;
	font-family: "Guardian Sans Web", sans-serif;
	font-style:normal;
	font-weight: 700;
    font-size: 18px;
	line-height:18px;
	text-align:center;
	color:#FFF;
	background-color:#9E55BD;
	background-image:url(../images/more_icon.svg);
	background-repeat:no-repeat;
	background-position: right; 
}
.winnerButtonOff:hover {
	background-color:#c089d7;
}
.winnerButtonOn {
	display:block;
	position:absolute;
	top:10px;
	left:10px;
	width:612px;
	padding-top:5px;
	padding-bottom:5px;
	font-family: "Guardian Sans Web", sans-serif;
	font-style:normal;
	font-weight: 700;
    font-size: 18px;
	line-height:18px;
	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:49px;
	left:10px;
	width:610px;
	height:343px;
	background-color:#FFF;
}
.winnerText {
	display:block;
	position:absolute;
	top:402px;
	left:10px;
	width:610px;
	font-family: "Guardian Sans Web", sans-serif;
	font-style:normal;
	font-weight: 300;
    font-size: 15px;
	line-height:17px;
	text-align:center;
	color:#000;
}
.trailerButton {
	display:block;
	position:absolute;
	top:490px;
	left:206px;
	width:215px;
	padding-top:5px;
	padding-bottom:5px;
	font-family: "Guardian Sans Web", sans-serif;
	font-style:normal;
	font-weight: 700;
    font-size: 17px;
	line-height:17px;
	text-align:center;
    border-style:solid;
	border-width:1px;
	border-radius:6px;
    border-color:#9E55BD;
	color:#9E55BD;
	background-color:#FFF;
}
.trailerButton:hover {
	border-color:#FFF;
	color:#FFF;
	background-color:#c089d7;
}
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;
}