
<root>
	<styles>
		<include src="file://{resources}/styles/steamstyles.css" />
		<include src="file://{resources}/styles/library/library.css" />
		<include src="file://{resources}/styles/friends/community_main.css" />
		<include src="file://{resources}/styles/overlay/overlay.css" />
		<include src="file://{resources}/styles/overlay/overlay_friends_notifications.css" />
	</styles>

	<OverlayFriendsNotificationItem>
		<AvatarImage id="Avatar" />
		<Panel class="MoreUnreadChatsIcon" />
		<Panel class="FriendInvitesIcon" />

		<Panel class="FlowDown NotificationDetailsContainer">
			<Label class="PersonaName" text="{s:personaname}"/>
			<Panel class="VoiceChatNotification NotificationDetails">
				<Image src="file://{images}/voice_mic.png" /> 
				<Label class="VoiceChatState" text="{s:voicecallstate}"/>   <!-- voice chat on hold? -->
			</Panel>
			<Panel class="GameInviteNotification NotificationDetails">
				<Label text="#Overlay_Friend_Notifications_Game_Invite"/>
			</Panel>
			<Panel class="UnreadChatNotification  NotificationDetails">
				<Label text="{d:unreadchatcount}"/>
				<Image src="file://{images}/systemmenu/icon_chat.png" />
			</Panel>
			<Panel class="MoreUnreadNotification NotificationDetails">
				<Label id="MoreInvitesCount" text="#Overlay_Friend_Notifications_More_Unread_Invites"/>
				<Label id="MoreInvitesCount_Plural" text="#Overlay_Friend_Notifications_More_Unread_Invites_Plural"/>
				<Label id="MoreChatsCount" text="#Overlay_Friend_Notifications_More_Unread_Chats"/>
				<Label id="MoreChatsCount_Plural" text="#Overlay_Friend_Notifications_More_Unread_Chats_Plural"/>
			</Panel>
			<Panel class="FriendInvitesNotification NotificationDetails">
				<Label text="{d:friendinvitecount}"/>
			</Panel>
		</Panel>
	</OverlayFriendsNotificationItem>
</root>


