"resource/layout/broadcast_livebanner.layout"
{
	controls
	{
		BroadcastLiveBanner { wide=148 }
		
		LiveImage { controlname=ImagePanel image=graphics/broadcast/broadcast_live_grey tall=22 wide=67 }		
		MicrophoneImage { controlname=ImagePanel image=graphics/broadcast/icon_mic_disabled tall=22 wide=20 }
		ViewersText { controlname=Label labeltext="%numviewers%" style="ViewersTextStyle" tall=22 }
		ViewersImage { controlname=ImagePanel image=graphics/broadcast/icon_viewers tall=22 wide=20 }
		RequestsText { controlname=Label labeltext="%numrequests%" style="ViewersTextStyle" tall=22 }
		RequestsImage { controlname=ImagePanel image=graphics/broadcast/icon_requests.png tall=22 wide=20 }
		DebugText { controlname=Label labeltext="#Overlay_Broadcast_Live_Debug" tall=16 }
		DebugLine { controlname=Panel tall=24 wide=24 style="DebugLineStyleGreen" }
	}
	
	colors
	{
		transparent_bg = "0 0 0 80"
		black_bg = "0 0 0 255"
		debug_green = "0 128 0 255"
		debug_yellow = "128 128 0 255"
		debug_red = "128 0 0 255"
	}
	
	styles
	{
		ViewersTextStyle
		{
			font-size="20"
		}		
		
		LiveBannerStyleIngame
		{   
			render_bg
			{
				// background fill
				0="fill( x0, y0, x1, y1, transparent_bg )"
			}
		}
		
		LiveBannerStyleDesktop
		{   
			render_bg
			{
				// background fill
				0="fill( x0, y0, x1, y1, black_bg )"
			}
		}
				
		DebugLineStyleGreen
		{   
			render_bg { 0="fill( x0, y0, x1, y1, debug_green )" }
		}
		
		DebugLineStyleYellow
		{   
			render_bg { 0="fill( x0, y0, x1, y1, debug_yellow )" }
		}
		
		DebugLineStyleRed
		{   
			render_bg { 0="fill( x0, y0, x1, y1, debug_red )" }
		}
	}
	
	layout
	{
		place { control="MicrophoneImage,LiveImage,RequestsImage,RequestsText,ViewersImage,ViewersText" align=right spacing=2 margin-right=4 }
		place { control="DebugText" align=right spacing=4 margin-right=4 y=22 }
		place { control="DebugLine" x=0 y=22 }
	}
}
