* {margin:0;padding:0;outline:none;border:none;list-style-type:none;text-decoration:none;}
.clear {clear:both;}

#slideMenu {
	display: none;
	width: 145px;
	background-color:#47070a;
	position:absolute;
	z-index: 50;
	font:normal 10px Arial, Helvetica, sans-serif; color: #eee0c1; text-transform: uppercase; text-align: center;
}

	#slideMenu li {background:#000 url(../images/bgmenurfleague.png) 2px 0 no-repeat; background-color:#47070a;}
	#slideMenu li a {
		height: 24px;
		color: #C99D9F;
		line-height: 18px;
		text-align: center;
		margin-left: 10px;
		width: 133px !important;

	}
	
		#slideMenu li a:hover {
			color:#fff;
			/*font-weight: bold;*/
		}
#emptyRank{
	display:none;
	text-align:center;
	padding-top:158px;
}

h2 {font:bold 12px 'EurostileLTStd', sans-serif;color:#eee0c1; text-transform: uppercase; padding-left: 10px;}

@font-face {
	font-family: 'Eurostile';
	src: url('http://media01.gameloft.com/web_mkt/minisites/rf-2011/iphone/styles/eurostile.eot');
	src: local('Eurostile'), url('http://media01.gameloft.com/web_mkt/minisites/rf-2011/iphone/styles/eurostile.woff') format('woff'), url('http://media01.gameloft.com/web_mkt/minisites/rf-2011/iphone/styles/eurostile.ttf') format('truetype'), url('http://media01.gameloft.com/web_mkt/minisites/rf-2011/iphone/styles/eurostile.svg#webfontHe496tNA') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'EurostileLTStdCondensed';
	src: url('http://media01.gameloft.com/web_mkt/minisites/rf-2011/iphone/styles/eurostileltstd.eot');
	src: local('EurostileLTStdCondensed'), url('http://media01.gameloft.com/web_mkt/minisites/rf-2011/iphone/styles/eurostileltstd.woff') format('woff'), url('http://media01.gameloft.com/web_mkt/minisites/rf-2011/iphone/styles/eurostileltstd.ttf') format('truetype'), url('http://media01.gameloft.com/web_mkt/minisites/rf-2011/iphone/styles/eurostileltstd.svg#webfontHLzkC26Z') format('svg');
	font-weight: normal;
	font-style: normal;
}

html { overflow-x: hidden;}

#art { width: 950px; height: 296px; clear: both; position:absolute; margin-left: -37px; top: 78px;}
	#artPlayer { width: 750px; height: 296px; float: left; padding-left: 92px;}
	#app { width: 200px; height: 296px; float: left; position: absolute; margin-left: 740px;}
		#app img { margin: 235px 0 0 55px;}	

body {background:#000 url(../images/bodybg.jpg) 50% 53px no-repeat; *background:#000 url(../images/bodybg.jpg) 0% 53px no-repeat;

}

	#subcontentContainer_02, #subcontentContainer_03, #subcontentContainer_04, #subcontentContainer_05, #subcontentContainer_06, #subcontentContainer_07 {display:none;}

		.mainContent {
			background:url(../images/mainbg.png) no-repeat;
			width: 884px;
			height: 513px;
			position: relative;
			top: 345px;
			left: 50px;
		}
		
		.mainContent2 {
			width: 960px;
			height: 513px;
			position: relative;z-index:0;
			top: 345px;
			left: 33px;
		}		
		
		#videosContainer { /*width: 542px; height: 389px; padding:43px 173px;*/		height: 307px;
		width: 600px;
		margin: auto;}
		
		#youtube { width: 415px; height: 415px; padding: 20px; float: left;}					
		
		
		#videoReplaysContainer {
			width: 414px;
			height: 37px;
			clear: both;		
		}
			#videoReplaysTitle {
				width: 286px;
				height: 37px;
				float: left;
						
			}	
				#videoReplaysTitle p{font:bold 12px 'Eurostile', sans-serif;color:#eee0c1; padding-top: 10px;}
					
			.videoReplaysRating {
				width: 100px;
				height: 30px;
				float: left;
				background: url(../images/tab.png) no-repeat;	
				padding: 7px 0 0 28px;	
			}		
		#videoReplaysYoutube {
			width: 414px;
			height: 305px;
			clear: both;
		}
		#videoReplaysYoutubeTexts {
			width: 414px;
			height: 70px;
			clear: both;
			background: url(../images/bgyoutube.png) no-repeat;
			padding-top: 10px;
		}		
				
		#videoReplaysYoutubeTexts p { font:normal 12px Arial, Helvetica, sans-serif, sans-serif;color:#fff; padding-top: 2px; padding-left: 10px;}
		
#videoList { width: 387px; height: 415px; padding: 20px; float: left;}	
#videoListHome { width: 392px; height: 306px; padding: 20px; float: left; background: url(../images/homeVideoBG.png) 24px 64px no-repeat;}	
#RFlogo { width: 412px; height: 500px; padding: 20px;  float: left;}
	#RFLeagueCountry { background:url("../images/howtobg2.png") no-repeat scroll 0 0 transparent; color:#EEE0C1; color:#FFFFFF; font:11px Arial,Helvetica,sans-serif,sans-serif; height:21px; padding:6px;}
		#rf_league_logo { margin-top:-30px; }
		#rf_league_country_text { float:left; margin-top:5px; width:60px; }
		#rf_league_country_select { display:inline; margin-top:1px; position:absolute; text-align:right; width:340px; }
			#countrySelect { width: 300px; }
	#RFlogoContainer { width: 412px; height: 122px; padding: 20px; clear: both;}	
	#HowToContainer { width: 412px; height: 289px; clear: both; background: url(../images/howtobg.png) no-repeat;}		
		#HowToContainer p{font:normal 11px Arial, Helvetica, sans-serif, sans-serif;color:#fff; padding-top:12px;
width:364px;}
			#HowToContainer p span{ margin-left:185px; }		
			#HowToContainer h1{font:bold 16px 'EurostileLTStd', sans-serif;color:#eee0c1;}
		#HowToContainerUserLogged { display:none;}	
		#HowToContainerUserNotlog, #HowToContainerUserLogged { width:402px; height: 23px; clear: both; text-align: left; padding:5px; }
			#HowToContainerUserNotlog input { width: 150px; height: 20px;font-size:11px; float: left; margin-right:1px;}
				#loginButton { width: 77px !important; height: 20px; background:url(../images/loginbg.jpg) repeat-x;color:#f6e9e8;font-weight:bold;cursor:pointer; float: right !important;}
		.HowToContainerTitle { width: 392px; height: 220px; padding: 10px;margin-top:10px; clear: both;}			


#videoListPlayers { width: 392px; height: 306px; padding: 20px; float: left; background: url(../images/homeVideoBG.png) 24px 64px no-repeat;}	
#videoLeaguePlayers { width: 445px; height: 511px; padding: 5px 10px; float: left; background: url(../images/table.png) 9px 0 no-repeat;}	
#infoLeft { width: 392px; height: 306px; padding: 20px; float: left;}	
	#infoLeft p{font:normal 11px Arial, Helvetica, sans-serif, sans-serif;color:#fff; padding-top: 17px; padding-left: 10px;}
#infoRight { width: 385px; height: 306px; padding: 20px; float: left; background: url(../images/bgfeatures.png) 24px 64px no-repeat;}	
	#infoRight p{font:normal 11px Arial, Helvetica, sans-serif, sans-serif;color:#fff; padding-top: 17px; padding-left: 20px;}
#videoLeagueHome { width: 392px; height: 306px; padding: 20px; float: left; background: url(../images/homeListBG.png) 24px 64px no-repeat;}	
#videoListHome ul { clear: both; margin:18px 16px;}
#videoListHome li { float: left; padding:5px;}


/* Screenshots Section */

.thumbs {
	position: relative;top:-10px;left:50px;
	width:432px;height:315px;
	}
	.ipad {background-position: 63px 60px;}
	.iphone {background-position: 0px 60px;}
	.thumbs .ipad {height:340px;left:50px;position:absolute;top:-10px;}
	.thumbs ul {width:325px;margin:auto;}
		.thumbs ul li {
			display: inline;
			margin-right: 4px;}
			.thumbs ul li label {cursor: pointer;}
			.thumbs ul li div {position: absolute;top: 80px;left: 73px;}
			.thumbs.ipad ul li div {position: absolute;top: 88px;left: 93px;}
				.thumbs ul li label img {width: 73px;height: 49px;}
		
		.arrows {position:absolute;left:25px;top:10px;}
			.screensPrev {position:absolute;left:20px;}
			.screensNext {position:absolute;left: 376px;}
			
	#screenshotsSection {
		background:url(../images/iphone.png) no-repeat 0 0;
		height: 347px;
		width: 600px;
		margin: auto;
		background-position:0 40px;
	}
	
.slidesList {position:relative; margin-left:57px; top:40px;}
			.slidesList h3 {
				font:bold 11px/1.3 Georgia, "Times New Roman", Times, serif;color:#e19600;
				position:absolute;top:240px;
				text-transform:uppercase;
				text-align:center;
				width:100%;}
			.slidesList ul {display:none;}
	
		.slideShow {
			width:341px;margin:0 auto;
			text-align:center;
			position:absolute;top:360px;left:75px;}
			.slideShow li {
				display:inline;
				margin-right:5px;}
				.slideShow li label {cursor:pointer;}
					.slideShow li label img {
						width:86px;height:58px;
						border:2px solid #252526;}
				.slideShow li div {
					display:none;
					position:absolute;top:-320px;left:-68px;
					width:480px;height:301px;}
					.slideShow li div img {position:relative;top:-17px;left:-3px;}
					.slideShow li div object {position:relative; left:-3px; top:-43px;}					
	
		.slideShowPager {position:absolute;top:380px;}
			.slideShowPager img {cursor:pointer;position:relative;z-index:50;}
			.slidePagerPrev {left:50px;}
			.slidePagerNext {left:373px;}
	
			.numPages {
				color: #FFFFFF;
				display:block !important;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:12px;
				font-weight:bold;}
	
		.selectedThumb {border: 2px solid #8f0000 !important;}	

/* End Screenshots Section */

/* TEST RANKING */

.box_RF {
	height:294px;
	width:850px;
}
.boxRF_L_tit {
	width:390px;
	height:52px;
	background:url(images/<?php echo $lang?>/tit_RF_left.gif) no-repeat;
}
.boxRF_L_bg {
	background:url(images/bg_RF_left.gif) repeat-y right;
}
.txt_RF {
	font: 12px/14px Arial, Helvetica, sans-serif;
	color:#000000;
}
.boxRF_L_foot {
	width:390px;
	height:7px;
	background:url(images/bg_RF_left2.gif) no-repeat;
}
.boxRF_bg_right {
	width:347px;
	height:295px;
	background:url(images/<?php echo $lang?>/bg_RF_L_right.gif) no-repeat;
}
.txt_RF2 {
	font:11px Arial, Helvetica, sans-serif;
	color:#fe6f01;
	font-weight:bold;
}
.txt_RF3 {
	font:11px Arial, Helvetica, sans-serif;
	color:#ffea00;
	font-weight:bold;
}
.txt_RF4 {
	font:11px Arial, Helvetica, sans-serif;
	color:#ffffff;
	line-height: 25px;
}
.txt_RF4_selected
{
	/*color:#00ff00;*/
	background:url(images/transparent_bg.png) top left repeat;
}

		.rftitle {width: 445px; height: 17px;clear: both;}
		.rftitle h1 {font:bold 14px 'Eurostile', sans-serif;color:#eee0c1; text-align: center;}				
		
		.videoHeader {width: 387px; height: 37px;clear: both;}
		
		.videoHeader h1{font:bold 12px 'Eurostile', sans-serif;color:#eee0c1; padding: 10px;}
		.featuresTitle h1{font:bold 16px 'Eurostile', sans-serif;color:#eee0c1; padding-top: 75px; padding-left: 20px;}		
		#videoListThumbs { width: 387px; height: 210px; clear: both; border: 1px solid #540b01; background-color: #000;}		
		#TextsThumbs { width: 387px; height: 159px; clear: both; background: url(../images/bgthumbs.png) no-repeat; padding-top:10px;}		
			#TextsThumbs p{font:normal 11px Arial, Helvetica, sans-serif, sans-serif;color:#fff; padding-top: 2px; padding-left: 10px;}
		#mostViewedVideos { width: 387px; height: 208px;}
			#mostViewedVideosBar { width: 387px; height: 22px; clear: both;}
			#mostViewedVideosBar p {font:normal 10px Arial, Helvetica, sans-serif;color:#fff;}
		.filathumbs1 { width: 380px; height: 75px; clear: both;}
			.filathumbs1 a {  cursor:hand; }
		#pageBar { background-color:#666666; clear:both; height:22px; margin-left:5px; margin-top:6px; width:375px;}
			#pageBar p{font:normal 10px Arial, Helvetica, sans-serif, sans-serif;color:#000; text-align: center; padding-top: 4px;}	
			.thumbs1 { width: 71px; height: 70px; padding: 5px 0 0 5px; float: left;}
				.item { width: 23px; height: 16px; background: url(../images/containerNumbersVideos.png) no-repeat; position: absolute; margin-top:3px;}			
					.item p{font:normal 10px Arial, Helvetica, sans-serif, sans-serif;color:#000; text-align: center;}
					.pics {width: 71px; height: 47px; clear: both; position: relative;}
					.text1 {width: 71px; height: 21px; clear:both; background-color:#666666;}
					.text1 p{font:normal 10px Arial, Helvetica, sans-serif, sans-serif;color:#fff; text-transform:uppercase; text-align: center; line-height: 10px;}
	
#submenu {
		position: relative;
		width: 885px;
		height: 42px;
		top: 325px;
		left: 57px;
	}

		#submenu li {
			display: inline;
			float: left;
		}

			#submenu li a {
				display: block;
				height: 42px;
				width: 145px;
				overflow: hidden;
			}

				#submenu li a span {
					display: none;
				}

	.sm_uk #homebtn {background:url(../images/uk/homebtn.png) no-repeat top left;}
	.sm_uk #infobtn {background:url(../images/uk/infobtn.png) no-repeat top left;}
	.sm_uk #videosbtn {background:url(../images/uk/videosbtn.png) no-repeat top left;}
	.sm_uk #videoReplaysbtn {background:url(../images/uk/videoReplaysbtn.png) no-repeat top left;}
	.sm_uk #screenshotsbtn {background:url(../images/uk/screenshotsbtn.png) no-repeat top left;}
	.sm_uk #rfLeaguebtn {background:url(../images/uk/rfLeaguebtn.png) no-repeat top left;}
	
	.sm_de #homebtn {background:url(../images/de/homebtn.png) no-repeat top left;}
	.sm_de #infobtn {background:url(../images/de/infobtn.png) no-repeat top left;}
	.sm_de #videosbtn {background:url(../images/de/videosbtn.png) no-repeat top left;}
	.sm_de #videoReplaysbtn {background:url(../images/de/videoReplaysbtn.png) no-repeat top left;}
	.sm_de #screenshotsbtn {background:url(../images/de/screenshotsbtn.png) no-repeat top left;}
	.sm_de #rfLeaguebtn {background:url(../images/de/rfLeaguebtn.png) no-repeat top left;}	
	
	.sm_it #homebtn {background:url(../images/it/homebtn.png) no-repeat top left;}
	.sm_it #infobtn {background:url(../images/it/infobtn.png) no-repeat top left;}
	.sm_it #videosbtn {background:url(../images/it/videosbtn.png) no-repeat top left;}
	.sm_it #videoReplaysbtn {background:url(../images/it/videoReplaysbtn.png) no-repeat top left;}
	.sm_it #screenshotsbtn {background:url(../images/it/screenshotsbtn.png) no-repeat top left;}
	.sm_it #rfLeaguebtn {background:url(../images/it/rfLeaguebtn.png) no-repeat top left;}	
	
	.sm_es #homebtn {background:url(../images/es/homebtn.png) no-repeat top left;}
	.sm_es #infobtn {background:url(../images/es/infobtn.png) no-repeat top left;}
	.sm_es #videosbtn {background:url(../images/es/videosbtn.png) no-repeat top left;}
	.sm_es #videoReplaysbtn {background:url(../images/es/videoReplaysbtn.png) no-repeat top left;}
	.sm_es #screenshotsbtn {background:url(../images/es/screenshotsbtn.png) no-repeat top left;}
	.sm_es #rfLeaguebtn {background:url(../images/es/rfLeaguebtn.png) no-repeat top left;}
	
	.sm_fr #homebtn {background:url(../images/fr/homebtn.png) no-repeat top left;}
	.sm_fr #infobtn {background:url(../images/fr/infobtn.png) no-repeat top left;}
	.sm_fr #videosbtn {background:url(../images/fr/videosbtn.png) no-repeat top left;}
	.sm_fr #videoReplaysbtn {background:url(../images/fr/videoReplaysbtn.png) no-repeat top left;}
	.sm_fr #screenshotsbtn {background:url(../images/fr/screenshotsbtn.png) no-repeat top left;}
	.sm_fr #rfLeaguebtn {background:url(../images/fr/rfLeaguebtn.png) no-repeat top left;}	
	
	.sm_us #homebtn {background:url(../images/us/homebtn.png) no-repeat top left;}
	.sm_us #infobtn {background:url(../images/us/infobtn.png) no-repeat top left;}
	.sm_us #videosbtn {background:url(../images/us/videosbtn.png) no-repeat top left;}
	.sm_us #videoReplaysbtn {background:url(../images/us/videoReplaysbtn.png) no-repeat top left;}
	.sm_us #screenshotsbtn {background:url(../images/us/screenshotsbtn.png) no-repeat top left;}
	.sm_us #rfLeaguebtn {background:url(../images/us/rfLeaguebtn.png) no-repeat top left;}	
	
	.sm_world #homebtn {background:url(../images/world/homebtn.png) no-repeat top left;}
	.sm_world #infobtn {background:url(../images/world/infobtn.png) no-repeat top left;}
	.sm_world #videosbtn {background:url(../images/world/videosbtn.png) no-repeat top left;}
	.sm_world #videoReplaysbtn {background:url(../images/world/videoReplaysbtn.png) no-repeat top left;}
	.sm_world #screenshotsbtn {background:url(../images/world/screenshotsbtn.png) no-repeat top left;}
	.sm_world #rfLeaguebtn {background:url(../images/world/rfLeaguebtn.png) no-repeat top left;}				

#footer {
		background:url(../images/footerbg.jpg) repeat-x;
		height: 200px;
		top: 978px;
		width: 1440px;
		position: absolute;
		margin-left: -720px;
		left: 50%;
	}

		#footerContainer {
			margin: auto;
			width: 960px;
			padding-top: 20px;
			text-align: center;
		}

			#footerContainer a {
				font-family: Tahoma, Geneva, sans-serif;
				font-size: 11px;
				color:#fff;
			}

			#footerContainer p {
				color:#4d4d4d;
				font-size: 10px;
				font-family: Arial, Helvetica, sans-serif;
			}

			#seoFooter {
				margin-bottom: 15px;
				color:#fff;
			}

				#seoFooter a:hover {
					text-decoration: underline;
				}

.jScrollPaneContainer #contentTexts { display:block;}
		/* Scrollbar Styles */
.scrollPane { 
	width: 380px;
	height: 420px;

}
	.scrollPane p { 
		padding-top: 10px; 
		text-align:left; 
		font:normal 14px Arial, Helvetica, sans-serif; 
		color: #000;
	}

.jScrollPaneContainer {
	position:relative;
	padding-right:50px;
	overflow:hidden;
	z-index:1;}
.jScrollPaneTrack {
	position:absolute;
	cursor:pointer;
	top:0;right:0;
	height:100%;
	background: #000;}
.jScrollPaneDrag {
	position:absolute;
	background:url(../images/scroll_bg.png) top left;
	cursor:pointer;
	overflow:hidden;}
.jScrollPaneDragTop {
	position:absolute;
	top:0;left:0;
	overflow: hidden;}
.jScrollPaneDragBottom {
	position:absolute;
	bottom:0;left:0;
	overflow:hidden;}
a.jScrollArrowUp {
	display:block;
	position:absolute;z-index:1;top:0;right:0;
	text-indent:-2000px;overflow: hidden;
	/*background-color: #666;*/
	width:13px;height:22px;
	background:url(../images/updown_arrows.png) -3px 0px no-repeat;}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/}
a.jScrollArrowDown {
	display:block;
	position: absolute;z-index: 1;bottom: 0;right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	width:13px;height:22px;
	background:url(../images/updown_arrows.png) top right no-repeat;}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #fcc;*/}

.comingSoon{
	text-align:center;
	padding-top:200px;
	font:bold 40px 'EurostileLTStd', sans-serif;color:#fff;
}



#HowToContainerUserLogged{
	display:none;
}
#HowToContainerUserNotlog{
	display:block;
}
#HowToContainerUserError{
	display:none;
	padding-left:10px;
	padding-top:5px;
}