"resource/layout/overlaydesktop.layout"
{
	controls
	{
		BaseDesktopPanel
		{ 
			controlname="EditablePanel"
		}
		
		GameGroupsButton { controlname="URLLabel" labeltext="#Overlay_Taskbar_GameGroups" style=sidemenu }	
		ChatRoomButton { controlname="URLLabel" labeltext="#Overlay_Taskbar_ChatRoom" style=sidemenu }	
		DLCButton {	controlname="URLLabel" labeltext="#Overlay_Taskbar_DLC" style=sidemenu }			
		GuideButton {	controlname="URLLabel" labeltext="#Overlay_Taskbar_Guide" style=sidemenu }			
		LegacyCDKeyButton {	controlname="URLLabel" labeltext="#Overlay_Taskbar_legacycdkey" style=sidemenu }			
		WebSiteButton { controlname="URLLabel" labeltext="#Overlay_Taskbar_WebSite" style=sidemenu }	
		RecommendButton { controlname="URLLabel" labeltext="#Overlay_Taskbar_Recommend" style=sidemenu }	
		WorkshopButton { controlname="URLLabel" labeltext="#Overlay_Taskbar_Workshop" style=sidemenu }	
		
		FriendsDetailPanel { controlname="COverlay_Details_Friends" style="detailsbox" }
		AchievementsDetailPanel { controlname="COverlay_Details_Achievements" style="detailsbox" }
		NewsDetailPanel { controlname="COverlay_Details_News" style="detailsbox" }
		ScreenshotsDetailPanel { controlname="COverlay_Details_Screenshots_Panel" style="detailsbox" }
		GuidesDetailPanel { controlname="COverlay_Details_Guides_Panel" style="detailsbox" }
		CommunityHubDetailPanel { controlname="COverlay_Details_CommunityHub_Panel" style="detailsbox" }
		CommunityDiscussionsDetailPanel { controlname="COverlay_Details_CommunityDiscussions_Panel" style="detailsbox" }
		BroadcastDetailPanel { controlname="COverlay_Details_Broadcast_Panel" style="detailsbox" }
		
		Clock { controlname="Label" labeltext="10:43" style=topbar }
		ClockSuffix { controlname="Label" labeltext="am" style=clocksuffix }
		SessionText { controlname=label style=TimeStrings labeltext="#Overlay_Playtime_Session" }
		TwoWeeksText { controlname=label style=TimeStrings }
		ForeverText { controlname=label style=TimeStrings }
	}
	
	styles
	{		
		sidemenu
		{
			font-size=15
			textcolor=texthover
		}
		
		sidemenu:hover
		{
			font-size=15
			textcolor=text
		}
		
		topbar
		{
			font-size=36
			textcolor=text
		}
		
		clocksuffix
		{
			font-size=24
			padding-top=10
			//textcolor=red
			font-weight=400
			font-style=uppercase;
		render_bg
		{

				// lines around
				2="fill( x0 + 1, y0 + 10, x1 - 1, y0 + 13, hovertaskbar )"
		}
		}
		
		timeStrings
		{
			font-size="17"
			textcolor="label"
			font-family=basefont
			font-weight=400
		}
	}
	
	layout
	{
		region { name=overlay width=1010 align=top-center margin-top=10 margin-bottom=10 }

		region	{ name="detailpanelsTop"    region=overlay align=bottom width=max height=594 margin-bottom=480 }	
		region	{ name="detailpanelsMiddle" region=overlay align=bottom width=max height=466 margin-bottom=206 }
		region	{ name="detailpanelsBottom" region=overlay align=bottom width=max height=210 margin-bottom=100 }
		region 	{ name="topbar" region=overlay width="max" height=50 }
		region	{ name="taskbar" region=overlay width="max" height=75 align=bottom }

		place { controls="GameGroupsButton,ChatRoomButton,DLCButton,GuideButton,LegacyCDKeyButton,WebSiteButton,RecommendButton,WorkshopButton" y=50 align=right region=overlay dir=down spacing=10 }
		
		place { controls="BroadcastDetailPanel" region=detailpanelsTop width=330 height=240 spacing=10 }
		place { controls="FriendsDetailPanel,NewsDetailPanel,AchievementsDetailPanel,GuidesDetailPanel" region=detailpanelsMiddle width=330 height=240 spacing=0 }
		place { controls="ScreenshotsDetailPanel,CommunityHubDetailPanel,CommunityDiscussionsDetailPanel" width=330 height=240 spacing=0 region=detailpanelsbottom }
		
		place { control="Clock,ClockSuffix" region=topbar }
		place { control="SessionText,TwoWeeksText,ForeverText" dir=down region=overlay y=35 }
		
	}
	
}
