/* Friends List Section */

	#addFriendButton {
		float: right;
		font-size: 11px; 
		font-weight: bold;
		margin: 11px 10px;
		padding: 5px 0px 0px 31px;
		height: 22px;
		cursor: pointer;
		background:url(http://media02.gameloft.com/layout/default/web/minisites/glive/images/icon_addfriend.png) no-repeat;
	}
	
	#searchResultList dl, #rankingFriendslist dl {
		display:inline;
		float:left;
		margin: 0;
	}
	#searchResultList dl dt, #rankingFriendslist dl dt {
		background:url(http://media02.gameloft.com/layout/default/web/minisites/glive/images/listBg.jpg) repeat-x;
		height: 22px;
		padding: 0;
		color:#A8A8A8;
		font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
		font-size:10px;
		font-weight:bold;
		text-align:center;
		text-transform:uppercase;
		padding-top: 5px;
	}
	
	#searchResultList dl dd, #rankingFriendslist dl dd {					
		text-align:center;
		border-right: 1px solid #E7E7E6;
		padding-top: 10px;
		overflow: hidden;
		padding-top: 14px;
		height: 41px;
		background:url(http://media02.gameloft.com/layout/default/web/minisites/glive/images/columnBg.jpg) repeat-x;
		font-size: 18px;
		font-weight: bold;
		color:#a8a8a8;
	}
	
		#searchResultList dl dd p, #rankingFriendslist dl dd p {
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 14px;
			color:#484544;
		}

			.hoverBgFriendslist {
				background:url(http://media01.gameloft.com/layout/default/web/minisites/glive/images/comparebghover.jpg) repeat-x !important;	
			}
		
			#column1Friendslist {
				width: 56px;	
			}
			
				#column1Friendslist dd {
					font-size: 18px;
					color:#a8a8a8;
				}
			
			#column2Friendslist {
				width: 306px;	
			}
			
				#column2Friendslist dd {
					padding-top: 3px !important;
					height: 52px !important;
				}
				
					#column2Friendslist dd img.user {
						float:left;
						height:50px;
						margin-left:10px;
						width:50px;	
					}
					
					#column2Friendslist dd span {
						overflow:hidden;
						position:relative;
						text-align:left;
						left: 13px;
						color:#662600;
					}
			
			#column3Friendslist {
				width: 80px;	
			}
			
				#column3Friendslist dd {
					padding-top: 3px !important;
					height: 52px !important;
				}
			
			#column4Friendslist {
				width: 105px;	
			}
			
			#column5Friendslist {
				width: 105px;	
			}
			
			#column6Friendslist {
				width: 75px;	
			}
            
            #column7Friendslist {
				width: 48px;	
			}
			
				#column7Friendslist dd div {
					height: 28px;
					width: 40px;
					overflow: hidden;
				}
				
					#column7Friendslist dd a img {
						position: relative;
						left: 3px;
					}
					
					#column7Friendslist dd a img:hover {
						top: -30px;	
						left: 3px !important;
					}
			
            #column8Friendslist {
				width: 306px;	
			}
			
				#column8Friendslist dd {
					padding-top: 3px !important;
					height: 52px !important;
				}
				
					#column8Friendslist dd img.user {
						float:left;
						height:50px;
						margin-left:10px;
						width:50px;	
					}
					
					#column8Friendslist dd span {
						overflow:hidden;
						position:relative;
						text-align:left;
						left: 13px;
						color:#662600;
					}
                    
		.friendCompare {
			cursor: pointer;	
		}

    #nextFriendPage, #prevFriendPage {
		cursor: pointer;
		position: absolute;
	}
	
	#nextFriendPage {	
		left: 100px;
		width: 100px;
	}
	
	#prevFriendPage {
		left: 0px;
		width: 100px;
	}
	
	
	/* Add Friends Box*/ 
	#addFriendContainer  {
		display: none;
	}

	#addFriendContainer .returnToAddFriendsPanel {
		float: left;
		font-size: 11px;
		font-weight: normal;
		cursor: pointer;
		text-transform: uppercase;
		color: #A8A8A8;
	}	

	#addFriendContainer .closeAddFriends {
		float: right;
		cursor: pointer;
		background: url('http://new-staging.gameloft.org/minisites/glive/mailbox/close-trophies-list-icon.png') right no-repeat;
		padding-right: 14px;
		font-size: 11px;
		text-transform: uppercase;
		color: #A8A8A8;
		font-weight: normal;
	}
	
		#addFriends { 
			display: none;
			margin: 10px 10px 8px 10px; 
			font-weight: bold;
			padding: 10px 12px 10px  14px;
			border: 1px solid #F2F2F2;
			border-radius: 9px;
			-moz-border-radius: 9px;
			background: url(http://media02.gameloft.com/layout/default/web/minisites/glive/images/columnBg.jpg) 0px -10px repeat-x;
		}
		
		#addFriends h4 {
			background:url(http://media02.gameloft.com/layout/default/web/minisites/glive/images/icon_addfriend.png) no-repeat;
			padding: 5px 0px 15px 30px;
			float: left;
		}
	
		#addFriends #searchFriends {
			float: right;
			font-size: 11px;
			margin-top:-2px;
			margin-right: -3px;
		}
			
			#addFriends #searchFriends input {
				border: 1px solid #F2F2F2;
				margin-left: 4px;
				width: 252px;
				font-size: 11px;
				padding: 6px;
			}
		
		#addFriends #closeAddFriends {
			float: right;
			cursor: pointer;
			background: url('http://new-staging.gameloft.org/minisites/glive/mailbox/close-trophies-list-icon.png') right no-repeat;
			padding-right: 14px;
			font-size: 11px;
			text-transform: uppercase;
			color: #A8A8A8;
			font-weight: normal;
		}
		
		#addFriends ul {
			margin: 16px 15px 0px 10px;
		}
		
		#addFriends li {
			font-size: 11px;
			width: 300px;
			margin-bottom:1px;
			cursor: pointer;
			border-radius: 5px;
			-moz-border-radius: 5px;
			padding: 8px 6px 8px 16px;
		}
		
			#addFriends li p {
				font-size: 11px;
				font-weight: normal;
				color: #A8A8A8;
				margin-top: 3px;
			}
			
			#addFriends li span {
				font-size: 11px;
			}	
			
		#addFriends li.left {
			float: left;
		}

		#addFriends li.right {
			float: right;
			width: 357px
		}	

		/* Find friends form Email */
		
		#findFromEmail { 
			display: none;
			margin: 10px 10px 8px 10px; 
			font-weight: bold;
			padding: 10px 12px 10px  14px;
			border: 1px solid #F2F2F2;
			border-radius: 9px;
			-moz-border-radius: 9px;
		}
			
			#findFromEmail h4 {
				background:url(http://media02.gameloft.com/layout/default/web/minisites/glive/images/icon_addfriend.png) no-repeat;
				height: 19px;
				padding: 4px 0px 1px 33px;
				float: left;
			}	
			
			
			#findFromEmail .formContainer {
				padding: 17px 10px 27px;
				margin: 20px 0px 27px;
				background: #F8F8F8;
				border-radius: 10px;
				-moz-border-radius: 10px;
			}
			
		/* findFromFacebook  */
		
		#findFromFacebook { 
			display: none;
			margin: 10px 10px 8px 10px; 
			font-weight: bold;
			padding: 10px 12px 10px  14px;
			border: 1px solid #F2F2F2;
			border-radius: 9px;
			-moz-border-radius: 9px;
		}
			
			#findFromFacebook h4 {
				background:url(http://media02.gameloft.com/layout/default/web/minisites/glive/images/icon_addfriend.png) no-repeat;
				height: 19px;
				padding: 4px 0px 1px 33px;
				float: left;
			}	
			
				
			
		/* friendsSuggestions  */
		
		#friendsSuggestions { 
			display: none;
			margin: 10px 10px 8px 10px; 
			font-weight: bold;
			padding: 10px 12px 10px  14px;
			border: 1px solid #F2F2F2;
			border-radius: 9px;
			-moz-border-radius: 9px;
		}
			
			#friendsSuggestions h4 {
				background:url(http://media02.gameloft.com/layout/default/web/minisites/glive/images/icon_addfriend.png) no-repeat;
				height: 19px;
				padding: 4px 0px 1px 33px;
				float: left;
			}	

		/* inviteNewFriends  */
		
		#inviteNewFriends { 
			display: none;
			margin: 10px 10px 8px 10px; 
			font-weight: bold;
			padding: 10px 12px 10px  14px;
			border: 1px solid #F2F2F2;
			border-radius: 9px;
			-moz-border-radius: 9px;
		}
			
			#inviteNewFriends h4 {
				background:url(http://media02.gameloft.com/layout/default/web/minisites/glive/images/icon_addfriend.png) no-repeat;
				height: 19px;
				padding: 4px 0px 1px 33px;
				float: left;
			}		
			
		
			#inviteNewFriends .formContainer {
				padding: 17px 10px 27px;
				margin: 20px 0px 10px;
				background: #F8F8F8;
				border-radius: 10px;
				-moz-border-radius: 10px;
			}
				
				#inviteNewFriends .formContainer label {
					font-size: 11px;			
					display: block;
					padding: 5px;
					float: left;
					width: 80px;
					text-align: right;
					margin-left: 4px;
				}
				
				#inviteNewFriends .formContainer .field {
					font-size: 11px;
					font-weight: bold;
					padding: 5px;
					display: block;
					float: left;
				}
				
				#inviteNewFriends .formContainer textarea {
					font-size: 11px;
					padding: 4px;
					display: block;
					float: left;
					width: 390px;
					border: 1px solid #CCCCCC;			
				}
				
				#inviteNewFriends .formContainer .tip {
					float:left;
					margin-left: 9px;
					color: #A8A8A8;
					font-size: 11px;
					width: 193px;
					font-weight: normal;
				}
				
				#inviteNewFriends .formContainer #inviteTo {
					height: 31px;
				}
				
				#inviteNewFriends .formContainer #inviteMessage {
					height: 55px;
				}	
				
				#inviteNewFriends .formContainer #actionButtons {
					margin-left: 94px;
				}
				
				#inviteNewFriends .formContainer .button {
					background: url(http://media02.gameloft.com/layout/default/web/minisites/glive/images/userPanelButtonBg.jpg) repeat-x;
					border: 1px solid #CCC;
					cursor: pointer;
					height: 28px;
					width: 110px;
					font-size: 11px;
				}
		
			#inviteNewFriends .formContainer .sending {		
				text-align: center;
				display: none;
				padding:10px;
				margin-top: 10px;
			}
			
			#inviteNewFriends .formContainer .sending p{ 
				margin-top: 10px;
				font-size: 11px;
				font-weight: normal;
			}
			
		#inviteNewFriends .formContainer  #disclaimer { 
			margin: 19px 2px 3px 94px;
			font-size: 11px;
			font-weight: normal;
			color: #A8A8A8;
		}
		
		
/* End Friends List Section */