"steam/cached/overlaywebbrowser.layout"
{
	controls
	{
		WebBrowser { controlname="COverlayWebBrowser" frametitle="#Overlay_WebBrowserTitle" }
		HTMLField	{ controlname="HTML" zpos=1 }
		URLStatusImage	{ controlname="ImagePanel" style="URLStatusImage"  }
		EVCert	{ controlname="Label" style="LabelEVCert" visible=false }
		URLBar		{ controlname="TextEntry" style="TextEntryURL" }
		StatusText { controlname="Label" }
		
		HomeButton	{ controlname="Button" command="WebHome" labeltext="" style="HomeButton" }
		StopButton	{ controlname="Button"  command="WebStop" labeltext="" style="StopButton" }
		ReloadButton	{ controlname="Button" command="WebReload" labeltext="" style="ReloadButton" }
		ForwardButton	{ controlname="Button" command="WebForward" labeltext="" style="ForwardButtonSm" }
		BackButton	{ controlname="Button" command="WebBack" style="BackButtonSm" }
		
		PageLoadThrobber { controlname="ImagePanel" image="graphics/rampDown_4" }
	}
	
	styles
	{
		COverlayWebBrowser{
			render_bg{
				0="fill(x0,y0,x1,y1,DefaultBackground)"
			}
		}
		
		BackButtonSm
		{
		bgcolor=none
		inset="5 0 0 0"
		render_bg={}
		image="graphics/Threshold/back"
		}
		BackButtonSm:hover
		{
		bgcolor=Menu.Button.Hover
		image="graphics/Threshold/back"
		render_bg={
			0="fill(x0,y0,x1,y1,Menu.Button.Hover)"
		}
		}
		BackButtonSm:active
		{
		bgcolor=Accent
		image="graphics/Threshold/back"
		render_bg={
			0="fill(x0,y0,x1,y1,Accent)"
		}
		}
		BackButtonSm:disabled
		{
		bgcolor=none
		render_bg={}
		image="graphics/Threshold/back_dis"
		}
		ForwardButtonSm
		{
		bgcolor=none
		inset="5 0 0 0"
		render_bg={}
		image="graphics/Threshold/forward"
		}
		
		ForwardButtonSm:hover
		{
		bgcolor=Menu.Button.Hover
		image="graphics/Threshold/forward"
		render_bg={
			0="fill(x0,y0,x1,y1,Menu.Button.Hover)"
		}
		}
		ForwardButtonSm:active
		{
		bgcolor=Accent
		image="graphics/Threshold/forward"
		render_bg={
			0="fill(x0,y0,x1,y1,Menu.Button.Accent)"
		}
		}
		ForwardButtonSm:disabled
		{
		bgcolor=none
		render_bg={}
		image="graphics/Threshold/forward_dis"
		}
		
		
		TextEntryURL
		{
			font-size=16
			inset="5 0 0 0"
			render_bg { }
			render { }			
		}

		TextEntryURL:Hover
		{
			render_bg { }
			render { }	
		
		}


		LabelEVCert
		{
		font-family=basefont
		font-size=14
		textcolor="darkclientbg"
		bgcolor="html.secureurl"
		inset-left=4
		inset-right=4
		inset-top=-1		
		}
			
		URLStatusImage
		{
		bgcolor=none
			inset="0 0 0 0"		
			render{
			}
 		}

		URLBarSecure
		{
		textcolor="html.secureurl"
		}

		URLBarBrokenSecure
		{
		textcolor="html.insecureurl"
		}
	}
	
	layout
	{
		region { name=hidden width=0 height=0}
		
		place { control="HTMLField"  	width=max height=max margin-top=40 margin-left=0 margin-right=0 margin-bottom=26 }
		place { control="StatusText" align=bottom height=24 margin-left=9 margin-bottom=1 }
		place { control="PageLoadThrobber" align=right margin-right=10 width=20 height=40 }	
		
		place { control="BackButton,ForwardButton,ReloadButton,StopButton,HomeButton,URLStatusImage" width=40 spacing=0 height=40}
		place { control="URLBar" start=URLStatusImage dir=right height=40 width=max margin-right=40}
		place { control="EVCert" region=hidden} //I dont think we need 3 seperate elements confirming a secure transaction, but maybe im crazy
		
	}
	
}