@charset "utf-8";
/* CSS Document */

.popupLnk
{color:gray; text-decoration:underline;}

.whiteBg
{
	background:url('../images/popup/white_bg.png') no-repeat center top;
}

#popupContainer
{	
	height:100%;
	left:0;
	position:fixed;	
	top:0;
	width:100%;
	z-index:1000;
}

	#popupContainer,
	#popupBlackscreen
	{
		left:0;
		height:100%;
		top:0;
		width:100%;
	}

	#popupBlackscreen
	{
		background-color:#000;
		opacity:.8;
		filter: alpha(opacity = 80);
		position:absolute;		
		z-index:1001;
	}
	
	#popupContentEs
	{
		background-color:#515561;
		margin:auto;
		position:relative;
		top:30%;
		width:497px;
		z-index:1002;
	}
	
	#popupContent
	{
		background-color:#515561;
		margin:auto;
		position:relative;
		top:30%;
		width:304px;
		z-index:1002;
	}
	
	
		/*--------popup fr-----------*/
		#popupContent .popup_v_fr
		{
			padding-bottom:9px;
		}
		
			#popupContent .popup_v_fr
			{padding-top:28px;}
			
			#popupContent.popup_v_fr.blue
			{background-color:#07acfc;}
		
			#popupContent.popup_v_fr.gray
			{
				background:#8f95a5 url('../images/gray_bg_popup_gameloft.jpg') repeat-x left bottom;
			}

			#popupContent .popup_v_fr .popup_content
			{
				background-color:#FFF;
				margin:auto;				
				margin-top:7px;
				width:291px;
			}
			
			#popupContent.popup_v_fr .title
			{font:bold 11px Verdana, sans-serif; text-transform:uppercase;}
			
			#popupContent.popup_v_fr.gray .title .small
			{font-size:10px;}

			#popupContent.popup_v_fr.gray .title .big
			{font-size:13px;}
			
			#popupContent.popup_v_fr.blue .title .small
			{font-size:10px;}

			#popupContent.popup_v_fr.blue .title .big
			{font-size:12px;}
			
		/*--------popup fr-----------*/
	
		#popupContent .close
		{
			cursor:pointer;
			display:block;
			position:absolute;
			right:8px;
			top:8px;
		}
		
		#step1,
		#step2
		{	
			border:2px solid #202020;
			padding:20px 0 15px;			
		}
		
		#step2 
		{position:relative;}
		
			.title
			{
				color:#fff;
				font:20px Arial, sans-serif;
				text-align:center;
			}
			
			#step1Content
			{margin:auto; padding-top:11px; position:relative; width:300px;}
		
				#thePrize
				{
					background:url('../images/popup/device.jpg') no-repeat 19px 6px;
					color:#3a3b3f;
					font:19px Arial, sans-serif;
					padding:28px 0 27px 79px;
				}

				
				#step1Content p,
				#step1Content form
				{
					margin:auto;
					text-align:center;
					width:250px;
				}
				
				#step1Content p
				{
					background-color:#919191;
					color:#fff;
					font:bold 11px Arial, sans-serif;
					margin:2px auto 4px;
					padding:5px 0;
				}

					#step1Content form > div
					{margin-bottom:5px; text-align:right;}
					
					#smartphonesSec
					{text-align:left;}
						#step1Content form > div > *
						{
							
							text-align:left;							
						}
						
						#step1Content form > div#sendForm
						{text-align:center;}

					#step1Content form label,
					#smart
					{
						color:#505460;
						font:11px Arial, sans-serif;
						text-transform:uppercase;
					}
					#step1Content form > div > #smart
					{
						display: block;
						text-align: right;
						width: 75px;
						margin-right: 9px;
						float: left;
						vertical-align: top;
					}

					#step1Content form input[type="text"]
					{border: 1px solid #919191;}
					
					#step1Content form input[type="text"],
					#step1Content form select
					{
						margin-left:7px; 
						text-align:left;
						width:163px;
					}

					#step1Content form select
					{width:167px;}
		
				
				#popupContent .loc
				{
					color:#626262;
					display:inline-block;
					font:11px Arial, sans-serif;
					text-align:center;
					width:100%;
				}
				
				#smartphonesSec > div 
				{
					margin-left:86px;
					text-align:left;
					width:163px;
				}

					#smartphonesSec > div label 
					{margin:0 3px;}
				
				
		
		
		#step2
		{padding-top:21px; position:relative; padding-bottom:15px;}
		
			#step2 .title 
			{				
				font-size:26px;
			}
			
				#winner
				{
					color:#3a3b3f;
					font:20px Arial, sans-serif;
					text-align:center;
					margin-bottom:20px;
				}
				
				#step2Content
				{padding-top:28px; position:relative;}
				
				#step2Content .social
				{
					background:url('../images/popup/gray_bg.jpg') no-repeat center top;
					padding:20px 0;
					text-align:center;
				}

					#step2Content .social p 
					{
						color:#fff;
						font:bold 17px Arial, sans-serif;
						margin:0 auto 25px;						
						width:201px;
					}

					#step2Content .social > a
					{margin-left:30px;}
					
					#step2Content .social > p:first-child + a
					{margin-left:0;}
					
					
			.step2Botton
			{
				background-position: 0px -348px;				
				bottom: -9px;
				left: 0;
				height: 9px;
				position: absolute;
				width: 300px;
			}