/* Profile Edit Section */

#profileMainContainer {
	display: inline;
	float: left;
	margin-top: -70px;
}

#messageBox{
    background-color:#FFFFFF;
    overflow: hidden; 
    margin: 0px 0px 10px 10px; 
    padding: 10px; 
    width: 491px; 
    text-align: center; 
    text-align: center; 
    font-family: arial; 
    font-size: 12px; 
    color: #000000; 
    border: 1px solid #FFFFFF;
    display: none;
}
#updates {
	width: 491px;
	background-color:#fff;
	border: 1px solid #dddddb;
	margin: 10px 0 10px 10px;
	padding: 10px;
}

	#updates input {
		position: relative;
		top: 2px;
	}
	
	#updates span {
		margin-left: 10px;
		color:#636363;
	}

	#mainProfile {
		background-color:#fff;
		margin-left: 10px;
		width: 511px;
		height: 622px;
		border: 1px solid #dddddb;
		overflow: hidden;
		position: relative;
	}
					
		.column1Profile {
			width: 50px;	
		}
		
		.column2Profile {
			width: 175px;	
		}
		
			.column2Profile dd {
				height:43px !important;
				padding-top:5px !important;	
			}
		
			.column2Profile img.user {
				float:left;
				height:40px;
				margin-left:18px;
				width:40px;
			}
			
			.column2Profile span {
				color:#662600;
				display:block;
				font-size:12px;
				left:15px;
				position:relative;
				text-align:left;
			}
						
		.column3Profile {
			width: 90px;	
		}
		
			.column3Profile dd {
				height:48px !important;
				padding-top:0 !important;
			}
			
			.column3Profile div.flagsRanking {
				height:48px;
				margin:0 auto;
				width:48px;
			}

		.column4Profile {
			width: 100px;	
		}
		
		.column5Profile {
			width: 96px;	
		}
		
	#friendsTop5Container {
		width: 248px;
		background-color:#fff;
		border: 1px solid #dddddb;
		margin-top: 10px;
		overflow: hidden;
	}
		
		#friendsTop5Container h5 {
			color:#ffaa00;
			font-weight: lighter;
			text-align: right;
			margin: 10px 20px 10px 0;
		}
	
			#friendsTop5Container h5 a {
				color:#ffaa00;	
			}
	
	#moodBox {
		margin: 0px 0px 10px 10px;
		width: 501px;	
		border: 1px solid #DDDDDB;
		padding: 6px 0px 6px 10px;
		background: url('http://media01.gameloft.com/layout/default/web/minisites/glive/images/background_mood_box.png') bottom repeat-x #FFFFFF;
	}
	
	#moodBox p#relativeTime {
		font-family: Arial, Tahoma, Verdana;
		font-size: 11px;
		color: #999;
		margin: 0px 0px 0px 2px;
		display: inline;
	}	
	
	#moodBox p#moodText {
		font-family: Arial, Tahoma, Verdana;
		font-size: 12px;
		color: #484544;
		margin: 3px 3px 5px 2px;
		word-wrap: break-word;
	}
	
	#moodBox #inputMood {
		width: 375px;
		border: 1px solid #DDDDDB;
		font-family: Arial, Tahoma, Verdana;
		padding:  5px 6px 8px 5px;
		margin-left: -4px;
		margin-right: 3px;
		border-radius: 4px;
		-moz-border-radius: 4px;
	}
	
		#moodBox #inputMood.withTip {
			color: #999;
		}
	
		#moodBox #inputMood.withoutTip {
			color: #3F3F3F;;
		}
		
	#moodBox #buttonAddMood {
		border: 1px solid #DDDDDB;
		width: 104px;
		font-size: 11px;
		text-transform: uppercase;
		padding: 7px 0px 7px 0px;
		background: url('http://media01.gameloft.com/layout/default/web/minisites/glive/images/background_button_dark_grey.png');
		border-radius: 4px;
		-moz-border-radius: 4px;
		cursor: pointer;
		color: #636363;
	}
	
	#moodBox  #deleteLastMood {
		background: url('http://media02.gameloft.com/layout/default/web/minisites/glive/images/friend_selected_remove.png') no-repeat 0px 0px;
		cursor: pointer;
	}
	
#profileInfo {
	background-color:#FFFFFF;
	border:1px solid #DDDDDB;
	height:230px;
	margin:10px 0 0 10px;
	overflow:hidden;
	width:511px;	
}
	.editBox {
		margin-bottom: 50px;
		height: 37px;
	}
	
	.formBox {
		display: none;
		margin-bottom: 37px;
		height: 50px;
	}
	
		.formBox input {
			height: 18px;
			border: 1px solid #ccc;
			width: 200px;
		}
		
	.waitBox {
		text-align: center;	
		margin-bottom: 37px;
		padding-top: 15px;
		height: 35px;
		display: none;
	}

	#profilecolumn1 {
		border-right:1px solid #CCCCCC;
		float:left;
		height:230px;
		padding-right:10px;
		width:90px;			
	}
	
		#profilecolumn1 p {
			color:#662600;
			font-weight:bold;
			margin-bottom:57px;
			margin-top:10px;
			text-align:right;	
		}
	
	#profilecolumn2 {
		border-right:1px solid #CCCCCC;
		float:left;
		height:230px;
		padding-left:10px;
		padding-right:10px;
		padding-top:11px;
		width:269px;	
	}
	
		#profilecolumn2 span {
			color:#5F5F5F;
			font-weight:bold;	
		}
		
		#profilecolumn2 strong {
			color:#662600;
			float:right;	
		}
		
		#profilecolumn2 input.buttonEdit {
			width: 103px;
			margin-top: 5px;
		}
		
	#profilecolumn3 {
		float:left;
		width:100px;
		padding: 0 10px;
		text-align: center;
	}
	
		#profilecolumn3 img {
			margin: 5px 0;	
		}
		
		#profilecolumn3 strong {
			display: block;
			margin-top: 5px;
			text-align: left;
			color:#662600;
		}
		
.profileEditBox {
	background-color:#ededec;
	border: 1px solid #dddddb;
	margin: 10px 0 10px 10px;
	width: 511px;
}

.buttonEdit {
	background:url(http://media02.gameloft.com/layout/default/web/minisites/glive/images/userPanelButtonBg.jpg) repeat-x;
	border:1px solid #CCCCCC;
	display:block;
	height:21px;
	width:103px;
	cursor: pointer;
}

	#privacySettings {
		background-color:#fff;	
	}
	
		#privacySettings p {
			color:#662600;
			font-weight: bold;
			padding: 10px 0 10px 10px;
		}
		
			#privacySettings div {
				margin: 0 0 0 10px;	
				padding-bottom: 10px;
			}
			
				#privacySettings div input {
					position: relative;
					top: 2px;
				}
				
				#privacySettings div span {
					margin: 0 0 0 10px;
				}
				
	#countryEdit {
		background-color:#fff;
		overflow: hidden;
	}
	
		#countryEdit p {
			color:#662600;
			font-weight: bold;
			padding: 10px 0 10px 10px;
		}
		
		#countryEditcolumn1 {
			border-right: 1px solid #dddddb;
			float: left;
			width: 130px;
			height: 130px;
		}
		
		#countryEditcolumn2 {
			/*float: left;*/
			width: 370px;
            left:0;
            position:absolute;
            top:20px;
		}
	
	#passwordEdit {
		background-color:#fff;
		overflow: hidden;
		padding-bottom: 10px;
	}
		#passwordEdit p {
			color:#662600;
			font-weight: bold;
			padding: 10px 0 10px 10px;
		}
	
		#passwordEditcolumn1 {
			border-right: 1px solid #dddddb;
			float: left;
			width: 130px;
			height: 130px;	
		}
		
		#passwordEditcolumn2 {
			float: left;
			width: 370px;
			padding-left: 10px;
		}
		
			#passwordEditcolumn2 input {
				border: 1px solid #ccc;
				height: 21px;
				display: block;
				margin-top: 10px;
				width: 250px;
			}
			
			#passwordEditcolumn2 input.buttonEdit {
				width: 100px;	
			}
			
	#avatarEdit {
		background-color:#fff;
		overflow: hidden;
	}
	
		#avatarEditcolumn1 {
			border-right: 1px solid #dddddb;
			float: left;
			width: 130px;
			height: 130px;
			text-align: center;
		}
			
			#avatarEditcolumn1 img {
				width: 70px;
				height: 70px;
				margin-top: 30px;
			}
			
			.file {
				background:url(http://media02.gameloft.com/layout/default/web/minisites/glive/images/userPanelButtonBg.jpg) repeat-x;	
				border:1px solid #ccc;
				height: 17px;
				margin: 29px auto auto;
				overflow: hidden;
				padding-top: 2px;
				position: relative;
				width: 100px;
				*margin-top:26px !important;
			}
			
				.file input {
					cursor: pointer;
					position: absolute;
					right: 0;
					top: 0;
				}
			
		#avatarEditcolumn2 {
			float: left;
			width: 370px;
			padding-left: 10px;
			position: relative;
			top: 40px;
		}
			
			#avatarEditcolumn2 input {
				margin-top: 10px;	
			}
			
		#formPasswordBox {
			display: none;	
		}
		
		#formCountryBox {
			display: none;	
		}
		
		#formAvatarBox {
			display: none;	
		}
/* End Profile Edit Section */

/* Profile Logged Out Section */

.legend {
	text-align: center;
	font-weight: bold;
	color:#484544;
	clear: both;
	padding: 15px;
    margin-top:-10px;
}

#profileLogout {
	display: inline;
	width: 487px;
	height: 119px;
}

	#profileLogout dd {
		background:#fff url(http://media02.gameloft.com/layout/default/web/minisites/glive/images/trophyListBg.jpg) repeat-x 0 65px;
		height:118px;
		overflow: hidden;
		padding-top: 10px;
	}
	
	#profileLogout dd#activity {
		background:#fff url(http://media02.gameloft.com/layout/default/web/minisites/glive/images/columnBg.jpg) repeat-x -45px -10px;
		height: 25px;
	}
	
		#recent_activity {
			float: left;
		}
		
			#userComment {
				font-weight: bold !important;	
			}
		
		#profileLogout strong {
			color:#484544;	
			/*margin-left: 15px;*/
			position: relative;
			font-weight: bold;
            font-size:13px;
		}
	
		#profileLogout dd img.user {
			height: 100px;
			margin: 8px 5px 0 10px;
			float: left;
		}
		
	#profileLogoutInfo {
		position: relative;
		top: 13px;
		margin-bottom: 30px;
	}
	
		#profileLogoutInfo ul {
			margin-top: 5px;	
		}
		
			#profileLogoutInfo ul li {
				display: inline;	
			}
	
		#profileLogoutInfo span {
			color:#000;
			font-size: 15px;
			font-weight: bold;
		}
		
		#profileLogoutInfo img.country {
			position: absolute;
			left: 428px;
			top: -17px;
		}
		
        #activityStatus {
			text-align: center;
		}
		
			#activityStatus p {
				color:#484544;	                
                position: relative;
                font-weight: bold;
                font-size:13px;	
			}
            
	#globalRank {
		position: relative;
		left: -20px;
	}
	
	#profileOptions {
		position: absolute;
		top: 38px;
		left: 355px;
		text-align: right;
		font-weight: bold;
	}
	
	#gameLists {
        height: 400px;
		overflow: hidden;
		clear: both;
	}
	
		#gameLists dl {
			display: inline;
			float: left;
			width: 243px;
		}
		
			#gameLists dd {
				background:url(http://media02.gameloft.com/layout/default/web/minisites/glive/images/userPanelListBg.jpg) repeat-x;
				height:74px;	
			}
			
			#gameLists dl dd img {
				float: left;
				margin: 10px 5px 0 10px;
			}
			
			#gameLists dl dd h3 {
				color:#662600;
				padding: 10px 0 0;
			}
			
			#gameLists dl dd p {
				color:#484544;
				padding-top: 1px;
			}
			
				#gameLists dl dd p small {
					font-weight: bold;
					font-size: 14px;
				}
		
/* End Profile Logged Out Section */

/* Rating */
#profileRating {
	text-align:center;
	margin-bottom: 5px;
}

	#profileRating #rate-it{
		font-size: 11px;
		margin-top: 8px;
		
		color: #3F3F3F;
	}

	#profileRating #rate-it span{
		font-size: 10px;
		cursor: pointer;
	}
	
	#rateFriend {
		height: 98px;
		width: 276px;
		background: url('http://media02.gameloft.com/layout/default/web/minisites/glive/images/rate_background.jpg') repeat-x;
		margin: -7px -9px -9px;
	}
	
		#rateFriend p {
			margin: 32px 0px 0px 37px;
			font-weight:bold;
			color: #484544;
		}
		
		#rateFriend #rateHands{
			margin: 8px 0px 0px 37px;
		}	
		
		#rateFriend #rateHands img {
			margin-right: 40px;
			cursor: pointer;
		}
#editCountry{
	*margin-top:-5px !important;
}

/* 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;
	}

		#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 */