<style resid=framess>
	element
	{
		background: argb(0,0,0,0);
	}
	element [id=atom(contentcontainer)]
	{
		background: rcbmp(100,6,#FF00FF,0,0,1,0);
	}
	button
	{
		background: rcbmp(100,6,#FF00FF,0,0,1,0);
		borderthickness: rect(8,8,0,8);
	}
</style>

<style resid=bottompanelss>
	element
	{
		background: argb(0,0,0,0);
	}
	element [id=atom(bottompanel)]
	{
		fontface: "segoe ui";
        content: rcbmp(127,2,#FF00FF,350,50,0,0);
        contentalign: middlecenter;
	}
	element [id=atom(options)]
	{
		padding: rect(25rp, 0rp, 25rp, 0rp);
	}
	button
	{
		padding: rect(0rp,0rp,0rp,0rp);
		fontsize: 9pt;
		foreground: rgb(255,255,255);
		cursor: arrow;
	}
	button [mousefocused]
	{
		fontstyle: underline;
	}
	button [keyfocused]
	{
		fontstyle: underline;
	}
	element [id=atom(instruct)]
	{
		background: argb(0,0,0,0);
		contentalign: wrapleft;
		padding: rect(0rp,0,0,0);
		foreground: rgb(255,255,255);
	}
	element [id=atom(power)]
	{
		fontface: "segoe ui";
		fontsize: 8pt;
	}
	element [id=atom(powerbutton)]
	{
		background: rcbmp(107,7,#FF00FF,58rp,28rp,0,0);
		content: rcbmp(107,6,#FF00FF,58,28,0,0);
        margin: rect(15rp,0,5rp,0);
	}
	element [id=atom(powerbutton)][mousefocused]
	{
		background: rcbmp(121,7,#FF00FF,58rp,28rp,0,0);
		content: rcbmp(125,6,#FF00FF,58,28,0,0);
        margin: rect(15rp,0,5rp,0);
	} 
	element [id=atom(powerbutton)][keyfocused]
	{
		background: rcbmp(122,7,#FF00FF,58rp,28rp,0,0);
		content: rcbmp(125,6,#FF00FF,58,28,0,0);
        margin: rect(15rp,0,5rp,0);
	}
	element [id=atom(undockbutton)]
	{
		background: rcbmp(107,7,#FF00FF,58rp,28rp,0,0);
		content: rcbmp(107,6,#FF00FF,58rp,28rp,0,0);
		margin: rect(15rp,0,5rp,0);
	}
	element [id=atom(undockbutton)][mousefocused]
	{
		background: rcbmp(121,7,#FF00FF,58rp,28rp,0,0);
		content: rcbmp(121,6,#FF00FF,58rp,28rp,0,0);
		margin: rect(15rp,0,5rp,0);
	}
	element [id=atom(undockbutton)][keyfocused]
	{
		background: rcbmp(122,7,#FF00FF,58rp,28rp,0,0);
		content: rcbmp(122,6,#FF00FF,58rp,28rp,0,0);
		margin: rect(15rp,0,5rp,0);
	}
</style>

<style resid=leftpanelss>
	element
	{
		background: argb(0,0,0,0);
		fontface: rcstr(1);
	}
	element [id=atom(leftpanel)]
	{
		foreground: rgb(255,232,224);
	}
	element [id=atom(welcome)]
	{
		foreground: rgb(255,255,255);
		fontsize: 20pt;
		fontface: "segoe ui";
		padding: rect(0rp,0rp,22rp,0);
		contentalign: wrapcenter;
	}
	element [id=atom(welcomeshadow)]
	{
		foreground: rgb(0,0,0);
		fontsize: 20pt;
		fontface: "segoe ui";
		padding: rect(2rp,3rp,20rp,0);
		contentalign: wrapcenter;
	}
	element[id=atom(help)]
	{
		fontsize: rcint(45) pt;
		padding: rect(81rp,81rp,0,0);
		contentalign: wrapcenter;
	}
</style>

<style resid=rightpanelss>
	element
	{
		background: argb(0,0,0,0);
	}
	scrollbar [vertical]
	{
		layoutpos: nineright;
		background: rgb(48,70,179);
	}
	viewer
	{
		layoutpos: nineclient;
	}
	thumb
	{
		background: rcbmp(111,6,#FF00FF,0,0,1,0);
		borderthickness: rect(3,3,3,3);
	}
	repeatbutton [id=atom(lineup)]
	{
		content: rcbmp(110,3,-1,sysmetric(20),sysmetric(20),0,0);
	}
	repeatbutton [id=atom(linedown)]
	{
		content: rcbmp(109,3,-1,sysmetric(20),sysmetric(20),0,0);
	}
</style>

<style resid=hotaccountlistss>
	element
	{
		background: argb(0,0,0,0);
		fontface: rcstr(3);
	}
	selector
	{
		padding: rect(0rp,26rp,5rp,26rp);
	}
	logonaccount
	{
		cursor: arrow;
		foreground: rgb(255,255,255);
		background: argb(0,0,0,0);
		animation: alpha | log | fast;
		alpha: 255;
	}
	logonaccount [logonstate=1] 
	{
		animation: rectangle | s | mediumfast;
		cursor: arrow;
		alpha:255;
	}
	logonaccount [mousewithin]
	{
		cursor: arrow;
		alpha:255;
	}
	logonaccount [selected]
	{
		cursor: arrow;
		alpha:255;
	}
	element [id=atom(userpane)]
	{
		padding: rect(9rp,9rp,14rp,9rp);
		borderthickness: rect(0,0,0,0);
		fontsize: rcint(45) pt;
	}
	element [id=atom(userpane)][selected]
	{
		background: rcbmp(112,6,#FF00FF,0,0,1,0);
	}
	logonaccount [selected]
	{
		alpha: 255;
	}
	element [id=atom(pictureframe)] 
	{
		background: rcbmp(113,7,#ff00ff,0,0,1,0);
		borderthickness: rect(0,0,0,0);
		margin: rect(0,0,0,0);
	}
	element [id=atom(pictureframe)] [mousefocused]
	{
		background: rcbmp(119,7,#ff00ff,0,0,1,0);
		borderthickness: rect(0,0,0,0);
		margin: rect(0,0,0,0);
		alpha: 255;
	}
	element [id=atom(pictureframe)] [selected]
	{
		background: rcbmp(125,7,#ff00ff,0,0,1,0);
		borderthickness: rect(0,0,0,0);
		margin: rect(0,0,0,0);
		alpha: 255;
	} 
	element [id=atom(username)]
	{
		foreground: rgb(255,255,255);
		contentalign: endellipsis;
		fontface: "segoe ui";
		fontsize: 12pt;
		cursor:arrow;
	}
	button [class="status"]
	{
		background: argb(0,0,0,0);
		foreground: rgb(255,255,255);
		fontsize: rcint(46) pt;
		contentalign: wrapleft;
	}
	button [class="status"][mousefocused]
	{
		foreground: rgb(255,255,255);
		fontstyle: underline;
	}
	button [class="status"][keyfocused]
	{
		foreground: rgb(255,255,255);
		fontstyle: underline;
	}
	button [class="status"][selected]
	{
		foreground: rgb(255,255,255);
		fontsize: rcint(46) pt;
		fontweight: bold;
	}
</style>

<style resid=accountlistss>
	element
	{
		background: argb(0,0,0,0);
		fontface: rcstr(3);
	}
	selector
	{
		padding: rect(0rp,26rp,5rp,26rp);
	}
	logonaccount
	{
		cursor: arrow;
		foreground: rgb(255,255,255);
		background: argb(0,0,0,0);
		animation: alpha | log | fast;
		alpha: 255;
	}
	logonaccount [logonstate=1] 
	{
		animation: rectangle | s | mediumfast;
		cursor: arrow;
	}
	element [id=atom(userpane)]
	{
		padding: rect(9rp,9rp,14rp,9rp);
		borderthickness: rect(0,0,0,0);
		fontsize: rcint(45) pt;
		cursor:arrow;
	}
	element [id=atom(userpane)][selected]
	{
		background: rcbmp(112,6,#FF00FF,0,0,1,0);
	}
	element [id=atom(pictureframe)]
	{
		background: rcbmp(113,7,#ff00ff,0,0,1,0);
		borderthickness: rect(0,0,0,0);
		margin: rect(0,0,0,0);
	}
	element [id=atom(username)]
	{
		foreground: rgb(255,255,255);
		contentalign: endellipsis;
		fontface: "segoe ui";
		fontsize: 12pt;
		cursor:arrow;
	}
	button [class="status"]
	{
		background: argb(0,0,0,0);
		foreground: rgb(255,255,255);
		fontsize: rcint(46) pt;
		contentalign: wrapleft;
	}
	button [class="status"][mousefocused]
	{
		fontstyle: underline;
	}
	button [class="status"][keyfocused]
	{
		fontstyle: underline;
	}
	button [class="status"][selected]
	{
		foreground: rgb(255,255,255);
		fontsize: rcint(46) pt;
		fontweight: bold;
	}
</style>

<style resid=passwordpaness>
	element
	{
		background: argb(0,0,0,0);
	}
	element [id=atom(passwordpanelayer)]
	{
		padding: rect(71rp,0,0,0);
	}
	element [id=atom(instruct)]
	{ 
		foreground: rgb(255,255,255);
		fontsize: 9pt;
		fontface: "segoe ui";
		padding: rect(3rp,0,0,0rp);
	}
	edit [id=atom(password)]
	{
		background: rcbmp(102,6,#FF00FF,0,0,1,0);
		borderthickness: rect(4,5,4,4);
		passwordcharacter: 9679;
		fontface: "segoe ui";
		fontsize: 9pt;
		cursor:arrow;
		padding: rect(0,3rp,0,2rp);
	}
	button [id=atom(go)]
	{
		margin: rect(5rp,0,0,0);
		cursor:arrow;
		background: rcbmp(103,7,#FF00FF,30rp,30rp,0,0);
		content: rcbmp(125,6,#FF00FF,30,30,0,0);
		padding: rect(0rp,1rp,0,1rp);
	}
	button [id=atom(go)][mousefocused]
	{
		background: rcbmp(104,7,#FF00FF,30rp,30rp,0,0);
		content: rcbmp(125,6,#FF00FF,30,30,0,0);
	}
	button [id=atom(go)][keyfocused]
	{
		background: rcbmp(124,7,#FF00FF,30rp,30rp,0,0);
		content: rcbmp(125,6,#FF00FF,30,30,0,0);
	}
	button [id=atom(info)]
	{
		margin: rect(5rp,0,0,0);
		cursor:arrow;
		background: rcbmp(105,7,#FF00FF,30rp,30rp,0,0);
		content: rcbmp(125,6,#FF00FF,30,30,0,0);
	}
	button [id=atom(info)][mousefocused]
	{
		background: rcbmp(106,7,#FF00FF,30rp,30rp,0,0);
		content: rcbmp(125,6,#FF00FF,30,30,0,0);
	}
	button [id=atom(info)][keyfocused]
	{
		background: rcbmp(123,7,#FF00FF,30rp,30rp,0,0);
		content: rcbmp(125,6,#FF00FF,30,30,0,0); 
	}
	element [id=atom(keyboard)]
	{
		cursor: arrow;
		margin: rect(5rp,0,0,0);
	}
</style>

<style resid=scroller>
	scrollbar
	{
		layoutpos: ninebottom;
	}
	scrollbar [vertical]
	{
		layoutpos: nineright;
	}
	viewer
	{
		layoutpos: nineclient;
	}
	thumb
	{
		background: dtb(handlemap(1), 3, 1);
		content: dtb(handlemap(1), 9, 1);
		contentalign: middlecenter;
	}
	thumb [mousefocused]
	{
		background: dtb(handlemap(1), 3, 2);
		content: dtb(handlemap(1), 9, 2);
	}
	thumb [captured]
	{
		background: dtb(handlemap(1), 3, 3);
		content: dtb(handlemap(1), 9, 3);
	}
	repeatbutton [id=atom(lineup)]
	{
		background: dtb(handlemap(1), 1, 1);
		width: sysmetric(2);
		height: sysmetric(20);
	}
	repeatbutton [id=atom(lineup)][mousefocused]
	{
		background: dtb(handlemap(1), 1, 2);
	}
	repeatbutton [id=atom(lineup)][pressed]
	{
		background: dtb(handlemap(1), 1, 3);
	}
	repeatbutton [id=atom(linedown)]
	{
		background: dtb(handlemap(1), 1, 5);
		width: sysmetric(2);
		height: sysmetric(20);
	}
	repeatbutton [id=atom(linedown)][mousefocused]
	{
		background: dtb(handlemap(1), 1, 6);
	}
	repeatbutton [id=atom(linedown)][pressed]
	{
		background: dtb(handlemap(1), 1, 7);
	}
	repeatbutton [id=atom(pageup)]
	{ 
		background: dtb(handlemap(1), 7, 1);
	}
	repeatbutton [id=atom(pageup)][mousefocused]
	{ 
		background: dtb(handlemap(1), 7, 2);
	}
	repeatbutton [id=atom(pageup)][pressed]
	{ 
		background: dtb(handlemap(1), 7, 3);
	}
	repeatbutton [id=atom(pagedown)]
	{ 
		background: dtb(handlemap(1), 6, 1);
	}
	repeatbutton [id=atom(pagedown)][mousefocused]
	{ 
		background: dtb(handlemap(1), 6, 2);
	}
	repeatbutton [id=atom(pagedown)][pressed]
	{ 
		background: dtb(handlemap(1), 6, 3);
	}
</style>

<logonframe resid=main id=atom(frame) sheet=styleref(framess) layout=borderlayout() layoutpos=client >
	/*TopPanel*/
	<element id=atom(ccontainer) layout=filllayout() layoutpos=client > 
		<element id=atom(contentcontainer) layout=borderlayout() layoutpos=client >
			/*BottomDivider*/ 
			<element id=atom(bottompanel) sheet=styleref(bottompanelss) layout=borderlayout() width=sysmetric(0) layoutpos=bottom height=95rp >
				<element id=atom(options) layout=borderlayout() layoutpos=client >
					<element contentalign=bottomright layout=borderlayout() layoutpos=right >
						<button id=atom(power) layout=verticalflowlayout(0,1,0,0) layoutpos=bottom accessible=true accRole=43 accName=rcstr(11) >
							<element id=atom(powerbutton) />
							<element id=atom(label) />
						</button>
						<button id=atom(undock) layout=verticalflowlayout(1,2,2,2) margin=rect(0,2rp,0,0) accessible=true accRole=43 accName=rcstr(14) >
							<element id=atom(undockbutton) />
							<element id=atom(label) />
						</button>
					</element>
					<element id=atom(instruct) width=330rp />
				</element>
			</element>
			/*CenterDivider*/
			<element id=atom(contentcontainer0) layout=filllayout() layoutpos=client >
				<element id=atom(ContentContainerLeftPanel) layout=filllayout() layoutpos=left >
					<element id=atom(ContentContainerLeftPanel2) layout=flowlayout(1,3,2,3) layoutpos=client >
						<element id=atom(leftpanel) sheet=styleref(leftpanelss) layout=filllayout() layoutpos=left height=500rp >
							<element id=atom(logoarea) layout=verticalflowlayout(0,3,3,2) >
								<element id=atom(help) width=sysmetric(0) />
							</element>
							<element id=atom(msgarea) layout=verticalflowlayout(0,0,0,2) >
								<element layout=filllayout() width=sysmetric(0) >
									<element id=atom(welcomeshadow) content=rcstr(7) />
									<element id=atom(welcome) content=rcstr(7) />
								</element>
							</element>
						</element>
					</element>
				</element>
				<element id=atom(ContentContainerAccounts) layout=filllayout() layoutpos=client >
					<element id=atom(ContentContainerAccounts2) layout=flowlayout(1,3,2,3) layoutpos=client width=412 >
						<element id=atom(rightpanel) sheet=styleref(rightpanelss) layout=borderlayout() layoutpos=client width=384rp height=500rp >
							<scrollviewer id=atom(scroller) sheet=styleref(scroller) layoutpos=client xscrollable=false margin=rect(26rp,0rp,0rp,0rp) >
								<selector id=atom(accountlist) sheet=styleref(accountlistss) layout=verticalflowlayout(0,3,3,2) />
							</scrollviewer>
						</element>
					</element>
				</element>
			</element>
		</element>
	</element>
</logonframe>

<logonaccount resid=accountitem id=atom(accountitem) layout=filllayout() accessible=true accRole=43 >
	<element contentalign=middlecenter id=atom(userpanelayer) layout=borderlayout() height=150rp >
		<element contentalign=middlecenter id=atom(userpane) layout=verticalflowlayout(0,2,2,2) layoutpos=top height=150rp >
			<element contentalign=middlecenter id=atom(pictureframe0) layout=flowlayout(0,2,2) layoutpos=top >
				<element contentalign=middlecenter id=atom(pictureframe) layout=flowlayout(0,2,2) layoutpos=top width=80rp height=80rp >
					<element contentalign=middlecenter id=atom(picture) layout=flowlayout(0,0,0) layoutpos=top width=60rp height=60rp />
				</element>
			</element>
			<element contentalign=middlecenter id=atom(username) layoutpos=top />
            <button id=atom(status0) class="status" layoutpos=right />
            <button id=atom(status1) class="status" layoutpos=right />
		</element>
	</element>
</logonaccount>

<element resid=passwordpanel id=atom(passwordpanelayer) sheet=styleref(passwordpaness) layout=borderlayout() height=30rp >
	<element layout=borderlayout() layoutpos=bottom >
		<edit id=atom(password) layoutpos=left width=225rp />
		<button id=atom(go) layoutpos=left accessible=true accRole=43 accName= rcstr(100) />
		<button id=atom(info) layoutpos=left accessible=true accRole=43 accName= rcstr(13) />
	</element>
	<element id=atom(instruct) layoutpos=bottom content=rcstr(6) />
</element>