/* Login Section */

	#featured {
		background:url(http://media01.gameloft.com/layout/default/web/minisites/glive/images/featured.png) no-repeat;
		margin-top: -88px;
		margin-left: 38px;
		position: relative;
	}
		#feat_a {
			height:132px;display:block;
			background:url(http://media01.gameloft.com/layout/default/web/minisites/glive/images/featured_a.png) top left no-repeat;}
			
			#feat_a span, #feat_b span {
				font-size: 25px;
				font-weight: bold;
			}
			
			#loginSlideLink {
				width:140px;height:65px;display:block;
				position:absolute;top:64px;left:805px;
				cursor:pointer;display:none;}
		#feat_b {height: 316px;display:none;}
				
				#loginHideLink {
				width:271px;height:39px;display:block;
				position:absolute;top:-19px;
				cursor:pointer;}

		#loginHide {
			position: absolute;
			left: 740px;
			top: 62px;
			cursor: pointer;
		}
		
			#loginHide p {
				color:#fff;
				font-size: 18px;
				text-align: center;
			}

		#featured h2 {
			font-size: 30px;
			padding: 25px 0 0 200px;
			font-weight: lighter;
		}
		
		#featured h3 {
			font-size: 25px;
			color:#fff;
			position:absolute;
			top:277px;
			left:205px;
			font-weight: lighter;
		}
		#featured strong {
			font-size: 25px;
			color:#fff;
			position:absolute;
			top:277px;
			left:205px;
			font-weight: lighter;
		}
		
		#feat_a_txt1 {
			font-size: 30px;
			font-weight: lighter;
			color:#000;
			position:absolute;top:25px;;left:200px;}
		
		#feat_a_txt2 {
			font-size: 25px;
			color:#fff;
			font-weight: lighter;
			position:absolute;top:82px;left:271px;}

		.loginSection {
			/*background:url(http://media02.gameloft.com/layout/default/web/minisites/glive/images/loginButton.png) no-repeat;*/
			width:274px;
			position:absolute;
			left:741px;
			padding-top:50px;
		}
        
        .floatLoginSection {
			background-color: #000000;
            height:220px;
            margin:auto;
            width:280px;		
		}
		
			.loginSectionContainer {
				position: relative;
				left:30px;
				width:215px;
			}
            
            .floatloginSectionContainer {
				color:#FFFFFF;
                height:150px;
                margin:auto;
                position:relative;
                top:30px;
                width:220px;
			}
				.loginSectionContainer p {
					margin-top:4px;
					padding:0 !important;
					width:100% !important;
					text-align:center;
					font:normal 11px/1.2 Arial, Helvetica, sans-serif;}
					.loginSectionContainer p a:link, .loginSectionContainer p a:visited {
						color:#fff;text-decoration:underline;
						display:inline;width:100%;border:none;}

				.searchFieldBig {
					margin-bottom: 20px;
					width: 210px;
					display: block;
					border: 0;
					padding: 5px 0;
					color:#848484;
				}
				
				.searchFieldLogin {
					color:#848484;
					width: 215px;
					display: block;
					border: 0;
					padding: 5px 0;	
				}				

				.loginSection p {
					font-size: 13px;
					color:#fff;
					width: 170px;
					padding: 0 50px 0 25px;
				}
				
				.loginSection p:hover {
					text-decoration: underline;	
				}
	
					.loginSection p a {
						display: block;
						color:#acacac;
						border-bottom: 1px solid #acacac;
						width: 67px;
					}
	
				.loginSection h5 {
					font-size: 14px;
					color:#fff;
					text-align: center;
				}
	
				.loginSection img {
					margin-top: 20px;
					cursor: pointer;				
					height: 36px;
				}
	
				.loginSection img.back {
					margin-top: 59px;
					cursor: pointer;
					width: 218px;
					height: 36px;
				}
				
				.loginSection img.wait {
					margin-top: 20px;
					width: 16px;
					height: 11px;
				}
		
		#nomember {
			text-align: center;
			margin-top: 15px;
		}
		
		#nomember .backArrow {
			background: url('http://www.mdc.gameloft.org/common/layout/default/web/minisites/glive/images/yellowarrow.jpg') 0px 0px no-repeat;
			padding-left: 14px;           
		}
			
		#nomember img {
			height: 17px;
			width: 13px;
			margin-top: 10px;			
		}
		
		#nomember #join_now {
			cursor: pointer;
		}
		
		#nomember span {
			color:#fff;
			font-size: 14px;
			font-weight: lighter;
		}
		
		#nomember p {
			cursor: pointer;
			font-size: 13px;
			margin-top: 0;
		}

	#mainContainer {
		width: 988px;
		border: 1px solid #dddddb;	
		background-color:#fff;
		overflow: auto;
		margin: 16px 0 58px 62px;
	}
	
			#main span {
				font-weight: bold;
				display: block;
			}
				
	#highScores {
		background-color:#FFFFFF;
		border:1px solid #DDDDDB;
		margin-left:10px;
		overflow:auto;
		position:relative;
		top:20px;
		width:511px;
	}
	
		#highScores select {
			width: 200px;
			border: 1px solid #dddddb;
			position: absolute;
			top: 8px;
			left: 296px;
			font-weight: bold;
		}


	#highScoresLogin {
		background-color:#FFFFFF;
		border:1px solid #DDDDDB;
		display:inline;
		float:left;
		margin-left:61px;
		margin-top:20px;
		overflow:auto;
		position:relative;
		width:487px;
		height: 622px;
	}
	
	
		#highScoresLogin select {
			width: 268px;
			border: 1px solid #dddddb;
			position: absolute;
			top: 8px;
			left: 215px;
			font-weight: bold;
		}
	
		#moreScoresLogin {
			background:url(http://media02.gameloft.com/layout/default/web/minisites/glive/images/morescores.png) no-repeat;
			width: 125px;
			margin: auto;
			cursor: pointer;
		}
		
			#moreScoresLogin p {
				font-weight: bold;
				color:#fff;
				text-transform: uppercase;
				text-align: center;
				padding: 6px 0 14px 0;
			}

	#mainLogin {
		background-color:#FFFFFF;
		border:1px solid #DDDDDB;
		float:left;
		margin-left:14px;
		margin-top: 20px;
		position:relative;
		width:487px;
		height: 622px;
	}

		#mainLogin h5.left {
			margin: 10px 0 10px 20px;
			text-align: left;
			font-weight: bold;
			position: relative;
			top: 23px;
            width: 250px;
		}

		/*#mainLogin h5#backToTop {
			top: 442px;	
		}*/

	.comboContainer {
		height: 55px;	
	}
	
		#gameSelectorLogin {
			position: relative;
			left: 285px;
			top:-28px;
			width: 200px;
		}
		
			#gameSelectorLogin span {
				font-weight: bold;
				color:#636363;
			}
		
			#gameSelectorLogin select {
				width: 200px;
				border: 1px solid #dddddb;
				color:#636363;
				font-weight: bold;
				margin-right: 5px;
				background-color:#fff;
			}
            
    #privateProfile{
        margin-top: 30px;
        text-align: center;
    }


/* Sign In Pop Up Window */

#joinNow {
	width: 590px;
	height: 310px;
	background: url(http://media01.gameloft.com/layout/default/web/minisites/glive/images/gradient_big.jpg);
}

	#joinNow h2 {
		color:#484544;
		font-size: 17px;
		text-align: center;
		margin: auto auto 10px auto;
		width: 400px;       
	}
	
	#joinNow ul {
		margin: 20px auto;
		width: 550px;
		text-align: center;
	}
	
		#joinNow ul li {
			display: inline;
			float: left;
			margin-right: 40px;
		}
		
		#joinNow ul li.noMargin {
			margin-right: 0;	
		}
		
			#joinNow ul li img {
				cursor: pointer;	
			}

.game_list {
	width: 555px;
	/*height: 310px;*/
}   
    .game_list h2{
        color:#484544;
        font-size:17px;
        margin:auto auto 10px;
        text-align:center;
        width:400px;
    }
    
    .device_game_list{
        text-align:center;
    }
        .device_game_list div {
            display:inline-block;
            *display: inline;/* IE hack*/   
        }
        .device_game_list div div{
            padding: 4px;
			width: 84px; 
			height: 60px;
			float:left;
			margin-bottom:37px;
        }
        
        .device_game_list img{
            border: 0px;
        }
       
#btn_back{
    color:#FFAA00;
    font-weight:bold;
    cursor:pointer;
    width: 90px;
	*margin-top:30px;
}

/* End Sign In Pop Up Window */

/* End Login Section */

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Reglas de Safari 3.0 y Opera 9  */
	
	#loginHideLink{
		width:271px;height:39px;display:block;
		position:absolute;top:-16px;
		cursor:pointer;}	
}