/* User Panel Section */

#userPanel {
	width: 200px;
	border-top: 1px solid #dddddb;
	border-left: 1px solid #dddddb;
	border-right: 1px solid #dddddb;
}

#buttonsPanel {
	width: 200px;
	border-left: 1px solid #dddddb;
	border-right: 1px solid #dddddb;
	border-bottom: 1px solid #dddddb;
	border-top: 1px solid #ebebeb;
}

	#buttonsPanel h4 {
		background:url(http://media02.gameloft.com/layout/default/web/minisites/glive/images/userPanelButtonBg.jpg) repeat-x;	
		color:#3f3f3f;
		height: 26px;
		line-height: 26px;
		font-weight: lighter;
		padding: 0 0 0 10px;
		cursor: pointer;
		overflow: hidden;
	}
		
		#buttonsPanel h4.select {
			background:url(http://media02.gameloft.com/layout/default/web/minisites/glive/images/columnBgHover.jpg) repeat-x scroll 0 -21px;
            font-weight:bold;
		}
	
		#buttonsPanel h4 a {
			color:#3f3f3f;		
		}
		
		#buttonsPanel h4 span {
			color:#3f3f3f;		
		}
		
		#buttonsPanel h4 b {
			font-weight: bold;	
		}
		
		#buttonsPanel h4 a.select {
			font-weight: bold;
			color:#636363;
		}

	#mainInfo {
		border: 2px solid #fff;	
	}
		
		#mainInfo ul li {
			display: inline;
		}
	
		#mainInfoBg {
			background:#fff url(http://media02.gameloft.com/layout/default/web/minisites/glive/images/userPanelBg.jpg) repeat-x;
			height: 190px;
		}

			#mainInfoContainer {
				text-align: center;
				padding-top: 20px;
				position: relative;
			}
				#mainInfoContainer img.userAvatar {
					width: 85px;
					height: 85px;
				}

				#mainInfoContainer h3 {
					font-size: 14px;
					color:#3f3f3f;
					margin: 15px 0 10px 0px;
				}
				
			#userPanelName {
				margin: 10px 0 15px 0;
				display: block;
			}
				
				#userPanelName img {
					height: 30px;
					width: 30px;
					position: absolute;
					top: 90px;
					left: 40px;
				}
				
				#userPanelName h3 {
					display: inline;	
				}
		
					#mainInfoContainer h3 img {
						position: relative;
						top: 1px;
						left: 10px;
						width: 11px;
						height: 11px;
					}
				
			.handRating {
				margin-top: 8px;
				cursor: pointer;
			}
			
			.resultok {
				color:#70aa00;
				font-weight: bold;
				margin-top: 10px;
			}
			
			.resulterror {
				color:#ff0000;
				font-weight: bold;
				margin-top: 10px;	
			}
		
				#mainInfoContainer select {
					margin: 10px 0 0 6px;
					border: 1px solid #e8e8e8;
					width: 100px;
				}

				#mainInfoContainer strong {
					font-weight: bold;
					color:#3f3f3f;
				}

				#mainInfoContainer img.noFloat {
					float: none;	
				}

				.globalscores {
					background:#fff url(http://media02.gameloft.com/layout/default/web/minisites/glive/images/userPanelListBg2.jpg) repeat-x 0 130px;
					/*height: 160px;	*/
					padding-top: 20px;
				}

						.scoreInfo {
							width: 40px;
							display: inline;
							float: left;
						}
						
							.scoreInfo img {
								display:block;
								margin:auto;
								position: relative;
								left: 20px;
								top: 15px;
							}
						
							.scoreInfo img.image2 {
								padding-top: 20px;	
							}

						#scoreText {
							left: 10px;
							top: 10px;
							position: relative;
						}

							#scoreText p {
								font-weight: bold;
								color:#484544;
								margin-top: 6px;
								position: relative;
								left: 15px;
							}
							
							#scoreText small {
								color:#484544;
								font-size: 14px;
							}
							
							#scoreText h3 {
								color:#484544;
								position: relative;
								left: 15px;
								top: 3px;
							}
						
						#dropdownMenuUp {
							position: relative;
							margin-top: 20px;
							text-align: center;
                            height:20px;
						}
						
						#dropdownMenuDw {
							position: relative;
							margin-top: 20px;
							display:none;
							text-align: center;	
                            height:20px;                            
						}
						
							#dropdownMenuUp strong, #dropdownMenuDw strong {
								color:#662600;
							}
							
							#dropdownMenuUp img.arrow {
								display: none;								
							}

						#panelRank {
							color:#3f3f3f;
							font-weight: bold;
							position: relative;
							top: 15px;
							text-align: center;
						}						
						
				#productList {
					display: none;
					background-color:#fff;
					position: relative;
				}
				
					.containerProductList {overflow: hidden;}
				
					#productList ul {
						position: relative;
						width: 198px;
					}
					
					#productListLinks {
						background-color:#fff;	
						display: none;
					}
				
					#productListLinks img#morescoresup {
						position: relative;
						left: 30px;
					}
					
					#productListLinks img#morescoresdown {
						position: relative;
						left: 112px;
					}
					
					#productListLinks img#morescoresupdisabled {
						position: relative;
						left: 30px;
					}
					
					#productListLinks img#morescoresdowndisabled {
						position: relative;
						left: 112px;
					}
				
					.products li {
						background:url(http://media02.gameloft.com/layout/default/web/minisites/glive/images/userPanelListBg.jpg) repeat-x;
						height: 73px;
						overflow: hidden;
						display: block !important;
					}
					
					.products div {
						margin-top: 3px;	
					}

					.products h3 a {
						color:#662600;
						padding: 10px 0 0 0;
					}
					
						.products li img {
							float: left;
							margin: 5px 5px 0 10px;
						}

						.products li p {
							color:#484544;
							padding-top: 3px;
						}

						.products li p.bold {
							font-weight: bold;
						}

						.products li p small {
							font-size: 14px;
							font-weight: bold;
						}
						
/* End User Panel Section */

/* News Panel Section */

#newsContainer {
	background-color:#fff;
	border: 1px solid #dddddb;
	margin-top: 10px;
	width: 200px;
}

		.newsTextContainer {
			padding-top: 4px;
			margin-left: 5px;
			overflow: hidden;
		}
		
			.newsTextContainer div {
				border-left:2px solid #FFAA00;
				height:45px;
				padding-left:4px;		
			}

			#news ul li span {
				font-size: 11px;
				color:#a8a8a8;
			}
			
			#news ul li p {
				color:#484544;
				display: inline;
			}

/* End News Panel Section */

/* Activity Feed Section */

#activityFeed {
	background-color:#FFFFFF;
	border:1px solid #DDDDDB;
	margin: 10px 0 10px 10px;
	width:511px;
}
	
	#activityFeedContainer li {
		margin: 5px 10px 2px 10px; 
		height: 55px;
		position: relative;
		
	}
	
		
		#activityFeedContainer ul li img {
			padding: 10px 0 0 15px;	
		}

		.activityInfo {
			padding: 10px 10px 0 0;
			position: absolute;
			top: 0px;
			left: 55px;
		}

			.activityInfo small a {
				font-weight: bold;
				color:#ffaa00;
			}
	
			.activityInfo span {
				font-weight: bold;
				color:#484544;
			}
			
			.activityInfo p {
				color:#484544;
				margin-bottom: 10px;
				overflow: hidden;
				width: 430px;
			}
			
			.activityInfo p a {
				color:#484544;
				margin-bottom: 10px;
				overflow: hidden;
				width: 430px;
				font-weight: bold;
			}
			
			.activityInfo h5 {
				display: inline;
				font-size: 11px;
				color:#a8a8a8;
				font-weight: lighter;
			}
			
			.activityInfo h6 {
				color:#ffaa00;
				font-weight: lighter;
				display: inline;
				cursor: pointer;
			}
		
/* End Activity Feed Section */

/* Friends Panel Section */

#friendsContainer {
	width: 200px;
	background-color:#fff;
	border: 1px solid #dddddb;
	margin-top: 10px;
	overflow: hidden;
}

	#friends h6 {
		color:#a8a8a8;
		padding: 0 10px 10px;
		text-align: center;
	}
		
	#friends li span {
		color:#ffaa00;
		font-weight: bold;
		padding: 0;
		border: none;
		font-family: Arial, Helvetica, sans-serif;
	}

	#friendsContainer h5, #main h5, #main2 h5, #newsContainer h5, #homeRightContainer h5, #main4 h5, #mainLogin h5, #highScores h5, #highScoresLogin h5, #mainProfile h5 {
		color:#ffaa00;
		font-weight: bold;
		text-align: right;
		margin: 10px 20px 10px 0;
	}
	#mainLogin strong{
		color:#ffaa00;
		font-weight: bold;
		text-align: right;
		margin: 10px 20px 10px 0;
		float:right;
	}

		#friendsContainer h5 a, #main h5 a, #newsContainer h5 a, #homeRightContainer h5 a, #main4 h5 a, #mainLogin h5 a, #mainProfile h5 a {
			color:#ffaa00;	
		}
		
		.friendsInfo {
			overflow: hidden;
            position: relative;
			top: 3px;
		}
		
			.friendsInfo ul {
				margin-top: 3px;
			}
		
			.friendsInfo img.status {
				margin-right:3px;
				position:relative;
				top:2px;					
			}
		
		#highScores h5 a, #highScoresLogin h5 a  {
			color:#ffaa00;
			font-weight: bold;
		}
		
		.friendsPoints {
			position: relative;
			top: -3px;
		}
		
			.friendsPoints label {
				color:#a8a8a8;
				display: block;
				font-size: 10px;
				font-weight: lighter;
				height: 27px;
				margin-top: 6px;
				overflow: hidden;
			}
		
			.friendsPoints p {
				color:#484544;
				padding-top: 3px;
				display: inline;
			}
			
			.friendsPoints img {
				display: inline;
				height: 20px;
				width: 20px;
				position: relative;
				top: 5px;
			}
		
	#friendsRanking {
		margin-left: 8px;
        float: left;
	}
	
		#friendsRanking h1 {
			color:#A8A8A8;
            font-size:14px;
            font-weight:bold;
		}
		
/* End Friends Panel Section */

/* Add Friends Panel */

#friends span.info {
	display: block;
	margin: auto;
	width: 184px;
	color:#484544;
}

/* End Add Friends Panel */

/* Most Played Game Section */

#rightPanel {
	left:15px;
	position:relative;
	top:-70px;
	width:250px;
	overflow: hidden;
}

	#homeRightContainer {
		border: 1px solid #dddddb;	
		background-color:#fff;		
	}

		#homeRightContainer select {
			color:#636363;
			font-weight: bold;
		}

		#homeRightContainer li div ul li {
			display: inline;	
		}
	
		#homeRightContainer ul li#top {
			background:url(http://media02.gameloft.com/layout/default/web/minisites/glive/images/mostplayedbg.jpg) repeat-x;
			height: 138px;
			padding-left: 10px;
		}
		
		#topGameInfo {
			display: inline;
			float: left;
			margin-right: 10px;
			width: 115px;
		}
		
			#topGameInfo p {
				color:#636363;
				width: 110px;
			}
			
			#topGameInfo p.small {
				font-size: 11px;
				margin-bottom: 10px;
				max-height: 45px;
				height: 45px;
				overflow: hidden;
			}
		
			#topGameInfo small, .gameInfo small {
				font-size: 14px;
				font-weight: bold;
				color:#a8a8a8;			
			}
			
			#topGameInfo span a, .gameInfo span a {
				font-weight: bold;
				color:#ffaa00;
			}
			
		.gameInfo {
			display: inline;
			float: left;
			margin-right: 10px;
			width: 160px;
		}
		
			.gameInfo p {
				font-size: 11px;
				color:#636363;
			}
		
		#homeRightContainer ul li.common {
			background:url(http://media02.gameloft.com/layout/default/web/minisites/glive/images/mostplayedbgsmall.jpg) repeat-x;
			padding: 3px 0 0 10px;
			height: 67px;
		}

/* End Most Played Game Section */

/* Links Panel Section */

#links {
	margin-top: 10px;	
	border: 1px solid #dddddb;	
	background-color:#fff;
}
	
	#linksContainer ul li {
		background:url(http://media02.gameloft.com/layout/default/web/minisites/glive/images/mostplayedbgsmall.jpg) repeat-x;
		height: 50px;
	}
	
		#linksContainer ul li img {
			padding: 5px 0 0 15px;	
		}

/* End Links Panel Section */
