<root>
	<styles>
		<include src="file://{resources}/styles/steamstyles.css" />
		<include src="file://{resources}/styles/login.css" />
		<include src="file://{resources}/styles/login/refreshlogin.css" />
	</styles>

	<RefreshLogin defaultfocus="Password" tabindex="auto" selectionpos="auto">
		<!-- first child - partially alpha'd panel obscuring the other UI -->
		<Panel class="RefreshBackground" />

		<!-- second child - fully opaque panel vertically centered with our UI -->
		<Panel class="RefreshContainer" tabindex="auto" selectionpos="auto">
			<Label id="reason" /> <!-- set programmatically -->
			<Panel id="LoginMessageContainer">
				<Label id="LoginMessage" class="LoginMessage" />
			</Panel>
			<Panel class="LoginPromptContainer" tabindex="auto" selectionpos="auto">
				<Label class="LoginPrompt" text="#Login_AccountName" />
				<TextEntry class="LoginRightItem" id="AccountName"
					tabindex="auto"
				   	textinputid="AccountNameTextEntry"
					textinputdoneactionstring="#Login_NextField"
					textinputclass="HalfWidth DockLeft AppearFromBottomCenter" />
			</Panel>
	
			<Panel class="LoginPromptContainer" tabindex="auto" selectionpos="auto">
				<Label class="LoginPrompt" text="#Login_Password" />
				<TextEntry class="LoginRightItem" id="Password"
					capslockwarn="1"
					tabindex="auto"
				   	textinputid="PasswordTextEntry"
					textinputdoneactionstring="#Login_NextField"
					textinputclass="HalfWidth DockLeft AppearFromBottomCenter">
					<Label class="TextEntryPrompt Password" text="#Login_Password" />
					<Label class="TextEntryPrompt PasswordCapsLock" text="#Login_Password_CapsLock" />
				</TextEntry>
			</Panel>
		
			<Panel class="LoginPromptContainer" tabindex="auto" selectionpos="auto" id="TwoFactorCodeContainer" visible="0">
				<Label visible="0" class="LoginPrompt" text="#Login_TwoFactorCode" />
				<TextEntry class="LoginRightItem" id="TwoFactorCode"
					capslockwarn="1"
					tabindex="auto"
				   	textinputid="TwoFactorTextEntry"
					textinputdoneactionstring="#Login_NextField"
					textinputclass="HalfWidth DockLeft AppearFromBottomCenter">
				</TextEntry>
			</Panel>

			<Panel class="LoginPromptContainer" tabindex="auto" selectionpos="auto">
				<Label class="LoginPrompt" />
				<Button class="Button" id="Login" tabindex="auto" selectionpos="auto"
					onactivate="RefreshLogin()">
					<Label text="#Login_Login" />
				</Button>
			</Panel>
			<Panel class="LoginPromptContainer" tabindex="auto" selectionpos="auto">
				<Label class="LoginPrompt" />
				<Button class="Button" id="Cancel" tabindex="auto" selectionpos="auto"
					onactivate="CancelLogin()">
					<Label text="#UI_Cancel" />
				</Button>
			</Panel>
			<Panel class="LoginPromptContainer" tabindex="auto" selectionpos="auto">
				<Label class="LoginPromptSm"  />
				<Panel class="LoginRightItem">
					<ToggleButton class="CheckBox" id="SavePassword" text="#Login_RememberPassword"/>
				</Panel>
			</Panel>
		</Panel>
	</RefreshLogin>

</root>
