/* Mailbox Section */

	#mainMailbox {
		width: 775px;
		float: left;
		border: 1px solid #dddddb;	
		background:#fff;
		padding-bottom: 10px;
		margin-top: -70px;
		margin-left: 7px;
	}
		
		#mainMailbox  #loadingMailBox {
			border: 1px sold red;
			text-align: center;
			height: 50px;
			margin-top: 100px;
		}
		
		#mainMailbox  #mailButtons {
			height: 30px;
			font-weight: bold;
			color: #616161;
			padding-left: 10px;
			background: url('http://media02.gameloft.com/layout/default/web/minisites/glive/images/userPanelListBg2.jpg') bottom;
		}		
			#mainMailbox  #mailButtons div.unselect {
				float: left;
				height:24px;
				margin-right: 10px;
				padding-left: 15px;
				cursor: pointer;
				background: url('http://media02.gameloft.com/layout/default/web/minisites/glive/images/button_gray_corner_left.jpg') left no-repeat;
			}
			
			#mainMailbox  #mailButtons div.unselect span {
				background: url('http://media02.gameloft.com/layout/default/web/minisites/glive/images/button_gray_corner_right.jpg') right 0px no-repeat;
				padding-right: 15px;
				float: left;
				display:block;
				height:24px;
				padding-top: 4px;
			}

			#mainMailbox  #mailButtons div.select {
				float: left;
				height:24px;
				margin-right: 10px;
				padding-left: 15px;
				cursor: pointer;
				background: url('http://media02.gameloft.com/layout/default/web/minisites/glive/images/button_gray_corner_left_on.jpg') left no-repeat;
			}
			
			#mainMailbox  #mailButtons div.select span {
				background: url('http://media02.gameloft.com/layout/default/web/minisites/glive/images/button_gray_corner_right_on.jpg') right 0px no-repeat;
				padding-right: 15px;
				float: left;
				display:block;
				height:24px;
				padding-top: 4px;
			}
			#mailButtons div.receiveMails{
				float: right; 
				height: 24px; 
				padding-top: 5px; 
				margin-right: 10px;
			}
			#mailButtons div.receiveMails span{
				font-weight: normal;
			}
			#mailButtons div.receiveMails input{
				position: relative; 
				top: 2px;
			}
		
		
		#mailManipulators {
			margin: 10px 13px 0px 13px;
			font-weight:bold;
			color: #4f2807;
		}

			#mainMailbox #mailManipulators div.unselect {
				float: right;
				height:24px;
				margin-right: -5px;
				margin-left: 8px;
				padding-left: 15px;
				cursor: pointer;
				background: url('http://media02.gameloft.com/layout/default/web/minisites/glive/images/button_gray_corner_left.jpg') left no-repeat;
				position:relative;
				top:-5px;
			}
			
			#mainMailbox #mailManipulators div.unselect span {
				background: url('http://media02.gameloft.com/layout/default/web/minisites/glive/images/button_gray_corner_right.jpg') right 0px no-repeat;
				padding-right: 15px;
				float: left;
				display:block;
				height:24px;
				padding-top: 4px;
				color:#616161;
			}

			#mainMailbox #mailManipulators div.select {
				float: right;
				height:24px;
				margin-right: -5px;
				margin-left: 8px;
				padding-left: 15px;
				cursor: pointer;
				background: url('http://media02.gameloft.com/layout/default/web/minisites/glive/images/button_gray_corner_left_on.jpg') left no-repeat;
				position:relative;
				top:-5px;				
			}
			
			#mainMailbox #mailManipulators div.select span {
				background: url('http://media02.gameloft.com/layout/default/web/minisites/glive/images/button_gray_corner_right_on.jpg') right 0px no-repeat;
				padding-right: 15px;
				float: left;
				display:block;
				height:24px;
				padding-top: 4px;
				color:#616161;
			}
					
			#mailManipulators #mailSelectors {			
				float: left;
			}
				
			#mailManipulators #mailShow {	
				float: right;				
			}
		
			#mailManipulators #mailSelectors span, #mailManipulators #mailShow span  {
				font-size: 11px;
			}
	
		#mainMailbox #mailBoxPaginator {
			/*width: 125px;*/
			float: right;
			padding: 15px 10px 10px 10px;
			font-weight: bold;
			color: #F4A910;
		}
		
				#mainMailbox #mailBoxPaginator #pagePrev {
					float: right;
					cursor: pointer;
                    display: none;
				}
				
				#mainMailbox #mailBoxPaginator #pageNext {
					float: right;
					cursor: pointer;
					padding-left: 15px;
                    display: none;
				}
				
                #mainMailbox #mailBoxPaginator #pageNumbers {
					float: right;
					padding-left: 15px;
                    display: none;
				}
                
                     #mainMailbox #mailBoxPaginator #pageNumbers div{
                        float: left;
                        padding-left: 3px;
                        padding-right: 3px;
                        cursor: pointer;
                    }
                     
                    #mainMailbox #mailBoxPaginator #pageNumbers div.currentPage{
                        cursor: default;
                        background-color: #E3E3E3;
                    }
		#mailsList {			
			margin-top: 10px;
		}
		
			#mailsList .mail {
				height: 55px;
				
			}	
			
			#mailsList .mail.messageUnRead {
				background: url('http://media02.gameloft.com/layout/default/web/minisites/glive/images/selectedmessage.jpg');			
			}

			#mailsList .mail.messageRead {
				background: url('http://media02.gameloft.com/layout/default/web/minisites/glive/images/columnBg.jpg');	
			}
			
			#mailsList .mail  .checkColumn {
				border-right: 1px solid #E4E4E4;
				width: 30px;
				height: 41px;
				float: left;
				padding: 7px;
			}
				#mailsList .mail .checkColumn input[type='checkbox'] {
					margin: 15px 0px 0px 8px;
				}

			#mailsList .mail .senderColumn {
				border-right: 1px solid #E4E4E4;
				border-left: 1px solid #CCCCCC;
				width: 198px;
				height: 41px;
				float: left;
				padding: 7px;
			}
				
				#mailsList .mail  .senderColumn  .avatar {
					float: left;
					margin-right: 8px;
				}
				
				#mailsList .mail  .senderColumn  li {
					float: left;
				}
				
				#mailsList .mail  .senderColumn  .senderData  {
					float: left;
				}			
				
				
				#mailsList .mail  .senderColumn  .senderData  .userName {
					font-weight: bold;
					color: #4f2807;
				}
				
				#mailsList .mail  .senderColumn  .senderData  .sendDate {
					font-size: 11px;
					color: #484848;
				}

				#mailsList .mail  .senderColumn  .senderData  .moreFriends {
					font-size: 11px;
					color: #484848;
					cursor: pointer;
				}
				
				
			#mailsList .mail  .subjectColumn  {
				border-right: 1px solid #E4E4E4;
				border-left: 1px solid #CCCCCC;
				width: 436px;
				height: 41px;
				padding: 7px 10px 7px 12px;
				float: left;
				cursor: pointer;
			}	
			
				#mailsList .mail  .subjectColumn  .mailSubject {
					
					color: #464646;
					margin-bottom: 9px;
                    word-wrap: break-word;
				}

				#mailsList .mail.messageUnRead .subjectColumn {
					font-weight: bold;
				}
				
				
				#mailsList .mail.messageRead .subjectColumn {
					font-weight: normal;
				}
				
				#mailsList .mail .subjectColumn  .mailBody {
					color: #464646;
				}
							
			#mailsList .mail  .actionsColumn  {	
			    border-left: 1px solid #CCCCCC;
				width: 38px;
				height: 52px;
				float: left;
				padding: 3px 0px 0px 7px;
				text-align: center;
			}			

				#mailsList .mail  .actionsColumn  div {
						text-align: center;
						overflow: hidden;						
						height: 40px;
						width: 40px;
						cursor: pointer;
                        position: relative;
				}
					
					#mailsList .mail  .actionsColumn  div img:hover {
						top: -20px;
						left: -1px;
					}
				
					#mailsList .mail  .actionsColumn  div img {
						position: relative;
						top: 10px;
					}
			
		#notFoundMessages {
			text-align: center;
			padding: 80px;
			display: none;
		}
		
		#moreFriendsPopup {
			width: 300px;
			max-height: 300px;
			overflow: auto;
		}
			

			#moreFriendsPopup .friend {
				border-bottom:1px solid #f2f2f2;
				margin: 5px;
                padding: 5px;
			}
		
				#moreFriendsPopup .friend .avatar {
					float:left;
					margin-right: 5px;
				}

				#moreFriendsPopup .friend .userData {
					float:left;	
					padding: 0px 4px 0px 4px;;					
				}
				
					#moreFriendsPopup .friend .userData .userName {
						color: #FA0;
						font-weight: bold;
					}
					
					#moreFriendsPopup .friend .userData .userRating  li{
						float:left;	
					}
					
					#moreFriendsPopup .friend .userData  .userStatus  {
						font-size: 11px;
					}
					
						#moreFriendsPopup .friend .userData  .userStatus  img {
							margin-right: 5px;
						}
			
			 .moreFriendsActionBar {
				padding: 10px 0px 10px 0px;;
			}
			
				.moreFriendsActionBar input {
					float: right;
				}
				
			
		
/* End Mailbox Section */

/* Read Message Section ******************************************************************************************************************/

#readMailWindow {
	width: 470px;
	height: 510px;	
	background-color:#FFF;
	color: #636363;
}

	#readMailWindow #fromData {
		padding: 10px 15px 10px 15px;
		background: url('http://media02.gameloft.com/layout/default/web/minisites/glive/images/userPanelBg.jpg') repeat-x;
	}
	
		#readMailWindow #fromData #avatar {
			float: left;
			margin-right: 10px
		}

		#readMailWindow #fromData #rating li {
			float: left;
		}
		
	#readMailWindow #fromData #meta-data {
		float: right;
		width: 345px;
		margin-top: 15x;
        *top: -70px;
        *position: relative;
	}
	
		#readMailWindow #fromData #meta-data #username {
			font-size: 14px;
			font-weight: bold;
			color: #363636;
			display: block;
		}
		
		#readMailWindow #fromData #meta-data #rating{
			display: block;
		}
		
		#readMailWindow #fromData #meta-data #date {
			display: block;
			color: #333;
			font-size: 11px;
		}
		
			

		#readMailWindow #fromData #meta-data #to {
			display: block;
			color: #333;
			font-weight: bold;
		}
			#readMailWindow #fromData #meta-data #to  a {
				color: #4f2807;
			}
			
	#readMailWindow #mailData  #subject-container span {
		display: block;
		font-weight: bold;
		margin: 0px 0px 2px 0px;
	}

	#readMailWindow #mailData  #subject-container {
		border-top: 1px solid #CCC;
		padding: 10px 15px 3px 15px;
		background: url('http://media02.gameloft.com/layout/default/web/minisites/glive/images/selectedmessage.jpg') repeat-x;
	}
	
	#readMailWindow #mailData  #subject-container   #subject {
		margin: 0px 0px 10px 0px;
        word-wrap: break-word;
	}
	
	#readMailWindow #mailData #message{
		*clear: right;
        border: 1px solid #F2F2F2;
		padding: 25px 15px 15px 15px;
		height: 270px;	
        word-wrap: break-word;
        overflow: auto;
	}
	
	#readMailWindow #mailData  .legal{
		color:#C1C1C1;
		font-size: 11px;
		margin-top: 20px;
	}
	
	
	#readMailWindow #mailData #message-reply 	{
		border: 1px solid #F2F2F2;
		padding: 25px 15px 15px 15px;
		height: 270px;
		overflow-y: auto;
		display: none;
		width: 438px;
	}
	
	
	
	#readMailWindow #mailData #action-buttons {
		margin-top: 18px;
		float: right;
	
	}
	
	#readMailWindow #mailData   #replyTip {
		float: left;
		background: url('http://media02.gameloft.com/layout/default/web/minisites/glive/images/reply_tip.jpg') left top no-repeat;
		font-size: 9px;	
		width: 219px;
		height: 35px;
		margin-right: 10px;	
		padding:  19px 4px 2px 13px;
		text-transform: uppercase;
		display: none;
	}
	
		#readMailWindow #mailData   #replyTip span {
			display: block;	
			font-size: 9px;	
			text-transform: uppercase;
		}
		
	#readMailWindow #mailData #action-buttons input.buttonEdit {
		float:right;
		margin-left: 8px;
		height: 25px;
	}
	
/* Compose Message Section ***************************************************************************************************************/

#composeMailWindow {
	width: 470px;
	height: 460px;
	padding: 15px;
	background-color:#fff;
	color: #636363;
    margin-top: -10px;
}

	.close_image {
		margin: 10px 5px 0px !important;
	}
	
	#composeMailWindow label {
		font-weight: bold;
		display: block;
		margin: 14px 0px 3px 0px;
	}
	
	#composeMailWindow  #to_list {
		width: 461px;
		border: 1px solid #C1C1C1;
		padding: 4px 4px 0px 4px;
		height: 25px;
		overflow: auto;
	}
	
	#composeMailWindow #to_list.empty {
		color: #afafaf;
		cursor: pointer;
		
	}
	
		#composeMailWindow #to_list .selected-friend {
			padding: 3px;
			background: #F2F2F2;
			margin-bottom: 4px;
			margin-right: 3px;
			float: left;
		}
		
		#composeMailWindow #to_list #to_list_tip {
			margin: 3px 0px 7px 3px;
			display: block;
		}
		
		#composeMailWindow #to_list .selected-friend span {
			cursor: pointer;
			background: url('http://media02.gameloft.com/layout/default/web/minisites/glive/images/friend_selected_remove.png') top left no-repeat;
		}
		
	#composeMailWindow input[type="text"], #composeMailWindow textarea {
		width: 460px;
		padding: 5px; 
		border: 1px solid #C1C1C1;
	}
	
	
	#composeMailWindow textarea  {
		height: 311px;
	}
	
	#composeMailWindow  #formButtons {
		text-align: right;
		width: 471px;
		margin-top: 20px; 
		
	}
	
		#composeMailWindow  #formButtons  input {
			display: inline;
		}

	#composeMailWindow #select_friends_container #select_friends {
		width: 470px;
		padding: 7px 0px 9px 0px;
		border: 1px solid #C1C1C1;		
		border-bottom: 0px;
		height: 84px;
		overflow: hidden;
	}
	
		#composeMailWindow #select_friends_container #select_friends  #no-friends{
			padding: 34px;
			text-align:center;
			font-size: 11px;
		}

		#composeMailWindow #select_friends_container #select_friends .friend {
			cursor: pointer;
			width: 49px;
			float: left;
			background: #FFF;
			border:1px solid #FFF;
			text-align: center;		
			margin: 2px 13px 0px 9px;
			padding: 8px 9px 8px 12px;
			
		}
		
		#composeMailWindow #select_friends_container #select_friends .friend  span {
			font-size: 11px;
		}
		
		#composeMailWindow #select_friends_container #select_friends .friend  img{
			height: 45px;
			width: 45px;
			margin-bottom: 4px;
			
		}
		
		#composeMailWindow#select_friends_container  #select_friends .unselect  {
			background: #FFF;
			margin: 2px 13px 0px 9px;
			padding: 8px 9px 8px 12px;			
		}
		
		#composeMailWindow #select_friends_container #select_friends .selected  {
			background: #526EA6 url('http://media02.gameloft.com/layout/default/web/minisites/glive/images/friend_selected_background.png') bottom right no-repeat;
			border-top:1px solid #6E88D3;
			border-left:1px solid #6E88D3;
			border-right:1px solid #145C9A;
			border-bottom:1px solid #145C9A;
			margin: 2px 9px 0px 12px;
			padding: 8px 13px 8px 9px;
			color: #FFFFFF;
		}
		
		#composeMailWindow #select_friends_container  #action-buttons {
			padding: 8px 11px 8px 11px;		
			background: #F2F2F2 url('http://media02.gameloft.com/layout/default/web/minisites/glive/images/selectedmessage.jpg');
			border: 1px solid #C1C1C1;
			border-top:  1px solid #E3E3E3;
			font-size: 11px;
			width: 448px;
		}


			#composeMailWindow #select_friends_container  #action-buttons #select-friends-paginator {
				float: right;
				width: 135px;
				text-align: right;
				margin-top: 3px;
			}
				
				#composeMailWindow #select_friends_container  #action-buttons #select-friends-paginator  #selectFriendPagePrevious {
					cursor: pointer; 
					font-size: 11px;			
					padding-right: 10px;
				}


				
				#composeMailWindow #select_friends_container  #action-buttons #select-friends-paginator  #selectFriendPageNext {
					cursor: pointer; 
					font-size: 11px;	
					padding-left: 10px;
				}

				#composeMailWindow #select_friends_container  #action-buttons #select-friends-paginator #separator  {
					padding: 2px 0px 4px;	
					border-left: 1px solid #333;				
				}
				
				#composeMailWindow #select_friends_container  #action-buttons #select-friends-paginator  #selectFriendPageNext.no-action  , #composeMailWindow #select_friends_container  #action-buttons #select-friends-paginator  #selectFriendPagePrevious.no-action {
					color: #AEAEAE;
					font: normal;
					cursor: default;
				}
				
				#composeMailWindow #select_friends_container  #action-buttons #select-friends-paginator  #selectFriendPageNext.with-action , #composeMailWindow #select_friends_container  #action-buttons #select-friends-paginator  #selectFriendPagePrevious.with-action {
					color: #333;
					font: normal;
					cursor: pointer;
				}
				
				
			#composeMailWindow	 #select_friends_container #action-buttons  #search-friends {
				width: 450px;
				float: left;
			}
			
			#composeMailWindow	 #select_friends_container #action-buttons  #search-friends #friends-search-results {
				font-size: 11px;
				padding-left:8px;
			}
			
				#composeMailWindow	#select_friends_container #action-buttons #search-friends #q {
					height: 15px;
					padding: 3px;
					width: 155px;
					font-size: 11px;
				}

				#composeMailWindow	#select_friends_container  #action-buttons  #search-friends #q.no-example {
					color: #333333;
				}
				
				#composeMailWindow	#select_friends_container  #search-friends #q.example {
					color: #666666;
				}
			
			
/* End Compose Message Section */


/* Recommend Friend Message Section ***************************************************************************************************************/

#mailRecomendFriend {
	margin:-23px -14px -4px;
}

			
	#mailRecomendFriend .title {
		color: #A8A8A8;
		font-size: 14px;
		font-weight: bold;
		margin: 10px;	
		padding: 9px 10px 9px 10px;
		border: 1px solid #F2F2F2;
		border-radius: 5px;
		-moz-border-radius: 5px;
		background: url(http://media02.gameloft.com/layout/default/web/minisites/glive/images/columnBg.jpg);			
	}	

	#mailRecomendFriend p {
		margin: 20px;
	}
		#mailRecomendFriend p a{
			color: #636363;
			font-weight: bold;
			text-decoration: none;
		}
		
	#mailRecomendFriend #friendList {
		margin: 24px 0px 10px 40px;
		
	}
	
	#mailRecomendFriend #friendList .friend {
		float: left;
		height: 80px;
		font-size: 12px;
		padding: 10px 0px 10px 0px;
		border: 1px solid #f2f2f2;
		border-radius: 5px;
		-moz-border-radius: 5px;
		margin: 0px 16px 10px 0px;
		text-align:center;
		background: url(http://media02.gameloft.com/layout/default/web/minisites/glive/images/columnBg.jpg) bottom repeat-x;
	}

		#mailRecomendFriend #friendList .friend a {
			color: #FA0;
			text-decoration: none;
			font-weight: bold;
		
		}
			
		#mailRecomendFriend #friendList .friend img {
			display: block;
			margin: 0px 15px 0px 15px;
			padding: 3px;
			background: #FFF;
			border: 1px solid #f2f2f2;
			border-radius: 6px;
			-moz-border-radius: 6px;
			margin-bottom: 5px;
		}		
		
/* Recommend Friend Message Section */