@charset "UTF-8";

#slideout1-overlay,
#slideout2-overlay
{
	height						: 100%;
	margin						: 0;
	position					: fixed;
	top						: 0;
	left						: 0;
}

#slideout2-overlay
{
	left						: auto;
	right						: 0;
}

#slideout1-container,
#slideout2-container
{
	height						: auto;
	position					: relative;
	top						: 50%;

	-webkit-transform				: translateY(-50%);
	-moz-transform					: translateY(-50%);
	-ms-transform					: translateY(-50%);
	-o-transform					: translateY(-50%);
	transform					: translateY(-50%);
}

#slideout1,
#slideout2
{
	margin						: 0;
	position					: relative;
}

#slideout1 .close
#slideout2 .close
{
	z-index 					: 10;
}

/*#slideout1 .close,*/
/*#slideout2 .close,*/
#slideout1 .link,
#slideout2 .link
{
	text-indent					: 200%;
	white-space					: nowrap;
	display 					: block;
	overflow					: hidden;
	position					: absolute;
}

#slideout1 .link,
#slideout2 .link
{
	height						: 100%;
	width						: 100%;
	top						: 0;
	right						: 0;
	bottom						: 0;
	left						: 0;
}

@media only screen and (max-width: 999px)
{
	#slideout1-container,
	#slideout2-container
	{
		margin-top					: 100px;
		top						: auto;

		-webkit-transform				: none;
		-moz-transform					: none;
		-ms-transform					: none;
		-o-transform					: none;
		transform					: none;
	}
}


/**** Specific Slideouts ****/

#slideout1.x20150727pca
{
	background-image				: url("../images/slideouts/x20150727pca.jpg");
	height						: 495px;
	width						: 256px;
	right						: 100%;
}

#slideout1.x20150727pca .close
{
	content 					: "X";
	color						: white;
	background					: black;
	font-size					: 18px;
	text-align					: center;
	line-height					: 1.25em;
	height						: 30px;
	width						: 30px;
	border						: 2px solid white;
	border-radius					: 15px;
	display 					: block;
	position					: absolute;
	top						: -15px;
	right						: -15px;
}
#slideout1.xhouse-party
{
	/*background-image				: url("../images/slideouts/x20150727pca-thankyou.jpg");*/
	background-image				: url("../images/slideouts/house-party.jpg");
	height						: 495px;
	width						: 256px;
	background-repeat: no-repeat;
	right						: 100%;
}

#slideout1.xhouse-party .close
{
	content 					: "X";
	color						: white;
	background					: black;
	font-size					: 18px;
	text-align					: center;
	line-height					: 1.25em;
	height						: 30px;
	width						: 30px;
	border						: 2px solid white;
	border-radius					: 15px;
	display 					: block;
	position					: absolute;
	top						: -15px;
	right						: -15px;
}

#slideout1.xn1_winner_akiba
{
	/*background-image				: url("../images/slideouts/x20150727pca-thankyou.jpg");*/
	background-image				: url("../images/slideouts/n1_winner_akiba.jpg");
	height						: 495px;
	width						: 256px;
	right						: 100%;
}

#slideout1.xn1_winner_akiba .close
{
	content 					: "X";
	color						: white;
	background					: black;
	font-size					: 18px;
	text-align					: center;
	line-height					: 1.25em;
	height						: 30px;
	width						: 30px;
	border						: 2px solid white;
	border-radius					: 15px;
	display 					: block;
	position					: absolute;
	top						: -15px;
	right						: -15px;
}


#slideout2.x20151105aba-thankyou
{
	background					: #191919	url("../images/Logo_home.png")		center		no-repeat;
	background-size 				: 85%;
	height						: 495px;
	width						: 256px;
	right						: 100%;
}

#slideout2.x20151105aba-thankyou .close
{
	content 					: "X";
	color						: white;
	background					: black;
	font-size					: 18px;
	text-align					: center;
	line-height					: 1.25em;
	height						: 30px;
	width						: 30px;
	border						: 2px solid white;
	border-radius					: 15px;
	display 					: block;
	position					: absolute;
	top						: -15px;
	left						: -15px;
}

#slideout2.xA_WEBTILE_256x495
{
	background					: transparent	url("../images/slideouts/A_WEBTILE_256x495.png")		center		no-repeat;
	height						: 495px;
	width						: 256px;
	right						: 100%;
}

#slideout2.xA_WEBTILE_256x495 .close
{
	content 					: "X";
	color						: white;
	background					: black;
	font-size					: 18px;
	text-align					: center;
	line-height					: 1.25em;
	height						: 30px;
	width						: 30px;
	border						: 2px solid white;
	border-radius					: 15px;
	display 					: block;
	position					: absolute;
	top						: -15px;
	left						: -15px;
}